asterui 0.10.3 → 0.12.0

package/dist/index59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index59.js","sources":["../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport QRCodeLib from 'qrcode'\n\nexport type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H'\nexport type QRCodeType = 'canvas' | 'svg'\nexport type QRCodeStatus = 'active' | 'loading' | 'expired'\n\nexport interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: string\n  size?: number\n  errorLevel?: QRCodeErrorLevel\n  icon?: string\n  iconSize?: number\n  type?: QRCodeType\n  color?: string\n  bgColor?: string\n  bordered?: boolean\n  status?: QRCodeStatus\n  onRefresh?: () => void\n}\n\nexport const QRCode: React.FC<QRCodeProps> = ({\n  value,\n  size = 160,\n  errorLevel = 'M',\n  icon,\n  iconSize = 40,\n  type = 'canvas',\n  color = '#000000',\n  bgColor = '#FFFFFF',\n  bordered = true,\n  status = 'active',\n  onRefresh,\n  className = '',\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const [loading, setLoading] = useState(status === 'loading')\n\n  useEffect(() => {\n    setLoading(status === 'loading')\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 'active' || !value) return\n\n    const generateQRCode = async () => {\n      try {\n        setLoading(true)\n\n        if (type === 'canvas' && canvasRef.current) {\n          await QRCodeLib.toCanvas(canvasRef.current, value, {\n            width: size,\n            margin: 1,\n            color: {\n              dark: color,\n              light: bgColor,\n            },\n            errorCorrectionLevel: errorLevel,\n          })\n\n          if (icon) {\n            const canvas = canvasRef.current\n            const ctx = canvas.getContext('2d')\n            if (ctx) {\n              const img = new Image()\n              img.crossOrigin = 'anonymous'\n              img.onload = () => {\n                const iconX = (size - iconSize) / 2\n                const iconY = (size - iconSize) / 2\n                ctx.fillStyle = bgColor\n                ctx.fillRect(iconX - 4, iconY - 4, iconSize + 8, iconSize + 8)\n                ctx.drawImage(img, iconX, iconY, iconSize, iconSize)\n              }\n              img.src = icon\n            }\n          }\n        }\n\n        setLoading(false)\n      } catch (error) {\n        console.error('QR Code generation error:', error)\n        setLoading(false)\n      }\n    }\n\n    generateQRCode()\n  }, [value, size, errorLevel, icon, iconSize, type, color, bgColor, status])\n\n  // Download functionality can be implemented by consumers\n  // by accessing the canvas ref and converting to data URL\n\n  const containerClasses = [\n    'inline-flex items-center justify-center',\n    bordered && 'border border-base-content/20 p-3',\n    'bg-base-100',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (status === 'loading' || loading) {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"loading\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <span className=\"loading loading-spinner loading-lg\"></span>\n          <span className=\"text-sm text-base-content/70\">Loading...</span>\n        </div>\n      </div>\n    )\n  }\n\n  if (status === 'expired') {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"expired\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <svg className=\"w-12 h-12 text-base-content/30\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <span className=\"text-sm text-base-content/70\">QR Code Expired</span>\n          {onRefresh && (\n            <button className=\"btn btn-sm btn-primary\" onClick={onRefresh}>\n              Refresh\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (type === 'canvas') {\n    return (\n      <div className=\"inline-block\" data-state=\"active\" {...rest}>\n        <div className={containerClasses}>\n          <canvas ref={canvasRef} style={{ display: 'block' }} />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"inline-block\" data-state=\"active\" {...rest}>\n      <div className={containerClasses}>\n        <div style={{ width: size, height: size }} className=\"bg-base-content/5\">\n          <span className=\"text-xs text-base-content/50\">SVG mode placeholder</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nQRCode.displayName = 'QRCode'\n\nexport default QRCode\n"],"names":["QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","loading","setLoading","useState","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"index59.js","sources":["../src/components/Popconfirm.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport interface PopconfirmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children: React.ReactElement\n  title: React.ReactNode\n  description?: React.ReactNode\n  onConfirm?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  okType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info'\n  cancelType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'ghost'\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  disabled?: boolean\n  icon?: React.ReactNode\n  showCancel?: boolean\n}\n\nexport const Popconfirm: React.FC<PopconfirmProps> = ({\n  children,\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  okType = 'primary',\n  cancelType = 'ghost',\n  placement = 'top',\n  disabled = false,\n  icon,\n  showCancel = true,\n  className,\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [loading, setLoading] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node) &&\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleTriggerClick = (e: React.MouseEvent) => {\n    if (disabled) return\n    e.stopPropagation()\n    setIsOpen(!isOpen)\n  }\n\n  const handleConfirm = async () => {\n    if (onConfirm) {\n      setLoading(true)\n      try {\n        await onConfirm()\n        setIsOpen(false)\n      } finally {\n        setLoading(false)\n      }\n    } else {\n      setIsOpen(false)\n    }\n  }\n\n  const handleCancel = () => {\n    onCancel?.()\n    setIsOpen(false)\n  }\n\n  const getPopupContainerClasses = () => {\n    const positions = {\n      top: 'bottom-full left-1/2 -translate-x-1/2 mb-3',\n      bottom: 'top-full left-1/2 -translate-x-1/2 mt-3',\n      left: 'right-full top-1/2 -translate-y-1/2 mr-3',\n      right: 'left-full top-1/2 -translate-y-1/2 ml-3',\n    }\n\n    return `absolute z-50 ${positions[placement]}`\n  }\n\n  const getPopupClasses = () => {\n    return 'bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg'\n  }\n\n  const getArrowClasses = () => {\n    const base = 'absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg'\n\n    const positions = {\n      top: 'bottom-[-5px] left-1/2 -translate-x-1/2',\n      bottom: 'top-[-5px] left-1/2 -translate-x-1/2',\n      left: 'right-[-5px] top-1/2 -translate-y-1/2',\n      right: 'left-[-5px] top-1/2 -translate-y-1/2',\n    }\n\n    return `${base} ${positions[placement]}`\n  }\n\n  const buttonClasses = {\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n    success: 'btn-success',\n    warning: 'btn-warning',\n    error: 'btn-error',\n    info: 'btn-info',\n    ghost: 'btn-ghost',\n  } as const\n\n  const getButtonClass = (type: keyof typeof buttonClasses) => {\n    return buttonClasses[type]\n  }\n\n  const defaultIcon = (\n    <svg\n      className=\"w-5 h-5 text-warning\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n      />\n    </svg>\n  )\n\n  return (\n    <div ref={containerRef} className={`relative inline-block ${className || ''}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {React.cloneElement(children, {\n        onClick: (e: React.MouseEvent) => {\n          handleTriggerClick(e)\n          const originalOnClick = (children.props as any)?.onClick\n          if (originalOnClick) {\n            originalOnClick(e)\n          }\n        },\n      } as any)}\n\n      {isOpen && (\n        <div className={getPopupContainerClasses()}>\n          <div ref={popupRef} className={getPopupClasses()}>\n            <div className=\"flex gap-3 relative z-10\">\n              <div className=\"flex-shrink-0 mt-0.5\">\n                {icon !== undefined ? icon : defaultIcon}\n              </div>\n              <div className=\"flex-1\">\n                <div className=\"font-semibold text-base-content mb-1\">{title}</div>\n                {description && (\n                  <div className=\"text-sm text-base-content/70 mb-3\">{description}</div>\n                )}\n                <div className=\"flex justify-end gap-2 mt-3\">\n                  {showCancel && (\n                    <button\n                      className={`btn btn-sm ${getButtonClass(cancelType)}`}\n                      onClick={handleCancel}\n                      disabled={loading}\n                    >\n                      {cancelText}\n                    </button>\n                  )}\n                  <button\n                    className={`btn btn-sm ${getButtonClass(okType)}`}\n                    onClick={handleConfirm}\n                    disabled={loading}\n                  >\n                    {loading && <span className=\"loading loading-spinner loading-xs\"></span>}\n                    {okText}\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div className={getArrowClasses()} />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["Popconfirm","children","title","description","onConfirm","onCancel","okText","cancelText","okType","cancelType","placement","disabled","icon","showCancel","className","rest","isOpen","setIsOpen","useState","loading","setLoading","containerRef","useRef","popupRef","useEffect","handleClickOutside","event","handleTriggerClick","e","handleConfirm","handleCancel","getPopupContainerClasses","getPopupClasses","getArrowClasses","buttonClasses","getButtonClass","type","defaultIcon","jsx","jsxs","React","originalOnClick"],"mappings":"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"}

package/dist/index6.js

@@ -1,133 +1,64 @@
-import { jsxs as g, jsx as r } from "react/jsx-runtime";
-const D = ({
-  children: a,
-  count: n,
-  showZero: k = !1,
-  overflowCount: p = 99,
-  position: j = "top-end",
-  offset: o,
-  status: d,
-  text: b,
-  ribbon: u,
-  ribbonPlacement: m = "end",
-  type: h = "error",
-  size: f = "md",
-  dot: c = !1,
-  outline: x = !1,
-  className: t = "",
-  ...i
-}) => {
-  const l = {
-    default: "",
-    primary: "badge-primary",
-    secondary: "badge-secondary",
-    accent: "badge-accent",
-    neutral: "badge-neutral",
-    info: "badge-info",
-    success: "badge-success",
-    warning: "badge-warning",
-    error: "badge-error",
-    ghost: "badge-ghost"
-  }, y = {
-    xs: "badge-xs",
-    sm: "badge-sm",
-    md: "badge-md",
-    lg: "badge-lg"
-  }, v = {
-    success: "success",
-    processing: "info",
-    error: "error",
-    warning: "warning",
-    default: "neutral"
-  }, C = (e) => {
-    const [S, T] = e.split("-"), s = [];
-    switch (S) {
-      case "top":
-        s.push("indicator-top");
-        break;
-      case "middle":
-        s.push("indicator-middle");
-        break;
-      case "bottom":
-        s.push("indicator-bottom");
-        break;
-    }
-    switch (T) {
-      case "start":
-        s.push("indicator-start");
-        break;
-      case "center":
-        s.push("indicator-center");
-        break;
-      case "end":
-        s.push("indicator-end");
-        break;
-    }
-    return s.join(" ");
-  }, w = () => n === void 0 ? null : n > p ? `${p}+` : n, $ = n !== void 0 && (n > 0 || k) || c;
-  if (d && !a) {
-    const e = v[d];
-    return /* @__PURE__ */ g("span", { className: `inline-flex items-center gap-2 ${t}`, ...i, children: [
-      /* @__PURE__ */ r(
-        "span",
-        {
-          className: [
-            "badge badge-xs w-2 h-2 p-0",
-            l[e],
-            d === "processing" && "animate-pulse"
-          ].filter(Boolean).join(" ")
-        }
-      ),
-      b && /* @__PURE__ */ r("span", { className: "text-sm", children: b })
-    ] });
-  }
-  if (u && a) {
-    const e = [
-      "absolute",
-      m === "start" ? "-left-1 top-2" : "-right-1 top-2",
-      "px-2 py-0.5",
-      "text-xs font-semibold text-white",
-      "bg-primary",
-      "shadow-sm",
-      m === "start" ? "rounded-r" : "rounded-l"
-    ].join(" ");
-    return /* @__PURE__ */ g("div", { className: `relative inline-block ${t}`, ...i, children: [
-      a,
-      /* @__PURE__ */ r("div", { className: e, children: u })
-    ] });
-  }
-  if (a) {
-    const e = o ? {
-      transform: `translate(${o[0]}px, ${o[1]}px)`
-    } : void 0;
-    return /* @__PURE__ */ g("div", { className: `indicator inline-block ${t}`, ...i, children: [
-      $ && /* @__PURE__ */ r(
-        "span",
-        {
-          className: [
-            "indicator-item badge",
-            C(j),
-            l[h],
-            c ? "badge-xs p-0 w-2 h-2" : y[f],
-            x && "badge-outline"
-          ].filter(Boolean).join(" "),
-          style: e,
-          children: !c && w()
-        }
-      ),
-      a
-    ] });
-  }
-  const B = [
-    "badge",
-    l[h],
-    y[f],
-    x && "badge-outline",
-    t
-  ].filter(Boolean).join(" "), N = w();
-  return /* @__PURE__ */ r("span", { className: B, ...i, children: N });
-};
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import C from "react";
+function j({
+  src: s,
+  alt: a = "avatar",
+  icon: t,
+  children: r,
+  size: c = "md",
+  shape: i = "circle",
+  status: l,
+  className: o = "",
+  style: n,
+  // Legacy props
+  online: d,
+  offline: w,
+  placeholder: g,
+  ...u
+}) {
+  const N = {
+    xs: "w-8",
+    sm: "w-12",
+    md: "w-16",
+    lg: "w-20",
+    xl: "w-24"
+  }, x = {
+    circle: "rounded-full",
+    square: "rounded"
+  }, h = l || (d ? "online" : w ? "offline" : void 0), v = [
+    "avatar",
+    h === "online" && "avatar-online",
+    h === "offline" && "avatar-offline",
+    (g || !s && (t || r)) && "avatar-placeholder",
+    o
+  ].filter(Boolean).join(" "), f = [N[c], x[i]].filter(Boolean).join(" ");
+  if (s)
+    return /* @__PURE__ */ e("div", { className: v, style: n, ...u, children: /* @__PURE__ */ e("div", { className: f, children: /* @__PURE__ */ e("img", { src: s, alt: a }) }) });
+  const m = t || r;
+  return m ? /* @__PURE__ */ e("div", { className: v, style: n, ...u, children: /* @__PURE__ */ e("div", { className: f, children: /* @__PURE__ */ e("div", { className: "bg-neutral text-neutral-content flex items-center justify-center w-full h-full", children: m }) }) }) : /* @__PURE__ */ e("div", { className: v, style: n, ...u, children: /* @__PURE__ */ e("div", { className: f, children: /* @__PURE__ */ e("div", { className: "bg-neutral-focus text-neutral-content w-full h-full" }) }) });
+}
+function A({ children: s, max: a, size: t, className: r = "", style: c, ...i }) {
+  const l = C.Children.toArray(s), o = a ? l.slice(0, a) : l, n = a && l.length > a ? l.length - a : 0, d = {
+    xs: "w-8",
+    sm: "w-12",
+    md: "w-16",
+    lg: "w-20",
+    xl: "w-24"
+  };
+  return /* @__PURE__ */ p("div", { className: `avatar-group -space-x-6 rtl:space-x-reverse ${r}`, style: c, ...i, children: [
+    o,
+    n > 0 && /* @__PURE__ */ e("div", { className: "avatar placeholder", children: /* @__PURE__ */ e("div", { className: `bg-neutral text-neutral-content rounded-full ${t ? d[t] : "w-12"}`, children: /* @__PURE__ */ p("span", { children: [
+      "+",
+      n
+    ] }) }) })
+  ] });
+}
+const P = Object.assign(j, {
+  Group: A
+});
 export {
-  D as Badge
+  P as Avatar,
+  A as AvatarGroup,
+  P as default
 };
 //# sourceMappingURL=index6.js.map

package/dist/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":["../src/components/Badge.tsx"],"sourcesContent":["import React from 'react'\n\nexport type BadgePosition =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'middle-start'\n  | 'middle-center'\n  | 'middle-end'\n  | 'bottom-start'\n  | 'bottom-center'\n  | 'bottom-end'\n\nexport type BadgeStatus = 'success' | 'processing' | 'error' | 'default' | 'warning'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  // Count mode\n  count?: number\n  showZero?: boolean\n  overflowCount?: number\n\n  // Positioning (when wrapping children)\n  position?: BadgePosition\n  offset?: [number, number]\n\n  // Status mode\n  status?: BadgeStatus\n  text?: string\n\n  // Ribbon mode\n  ribbon?: string\n  ribbonPlacement?: 'start' | 'end'\n\n  // Visual\n  type?: 'default' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'ghost'\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  dot?: boolean\n  outline?: boolean\n\n  // Content\n  children?: React.ReactNode\n}\n\nexport const Badge: React.FC<BadgeProps> = ({\n  children,\n  count,\n  showZero = false,\n  overflowCount = 99,\n  position = 'top-end',\n  offset,\n  status,\n  text,\n  ribbon,\n  ribbonPlacement = 'end',\n  type = 'error',\n  size = 'md',\n  dot = false,\n  outline = false,\n  className = '',\n  ...rest\n}) => {\n  const typeClasses = {\n    default: '',\n    primary: 'badge-primary',\n    secondary: 'badge-secondary',\n    accent: 'badge-accent',\n    neutral: 'badge-neutral',\n    info: 'badge-info',\n    success: 'badge-success',\n    warning: 'badge-warning',\n    error: 'badge-error',\n    ghost: 'badge-ghost',\n  }\n\n  const sizeClasses = {\n    xs: 'badge-xs',\n    sm: 'badge-sm',\n    md: 'badge-md',\n    lg: 'badge-lg',\n  }\n\n  const statusTypeMap: Record<BadgeStatus, typeof type> = {\n    success: 'success',\n    processing: 'info',\n    error: 'error',\n    warning: 'warning',\n    default: 'neutral',\n  }\n\n  // Get position classes for indicator\n  const getPositionClasses = (pos: BadgePosition) => {\n    const [vertical, horizontal] = pos.split('-')\n    const classes: string[] = []\n\n    switch (vertical) {\n      case 'top':\n        classes.push('indicator-top')\n        break\n      case 'middle':\n        classes.push('indicator-middle')\n        break\n      case 'bottom':\n        classes.push('indicator-bottom')\n        break\n    }\n\n    switch (horizontal) {\n      case 'start':\n        classes.push('indicator-start')\n        break\n      case 'center':\n        classes.push('indicator-center')\n        break\n      case 'end':\n        classes.push('indicator-end')\n        break\n    }\n\n    return classes.join(' ')\n  }\n\n  // Calculate display count with overflow\n  const getDisplayCount = () => {\n    if (count === undefined) return null\n    if (count > overflowCount) return `${overflowCount}+`\n    return count\n  }\n\n  const shouldShowBadge = count !== undefined && (count > 0 || showZero) || dot\n\n  // Status badge mode (standalone with status indicator)\n  if (status && !children) {\n    const statusType = statusTypeMap[status]\n    return (\n      <span className={`inline-flex items-center gap-2 ${className}`} {...rest}>\n        <span\n          className={[\n            'badge badge-xs w-2 h-2 p-0',\n            typeClasses[statusType],\n            status === 'processing' && 'animate-pulse',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        />\n        {text && <span className=\"text-sm\">{text}</span>}\n      </span>\n    )\n  }\n\n  // Ribbon mode\n  if (ribbon && children) {\n    const ribbonClasses = [\n      'absolute',\n      ribbonPlacement === 'start' ? '-left-1 top-2' : '-right-1 top-2',\n      'px-2 py-0.5',\n      'text-xs font-semibold text-white',\n      'bg-primary',\n      'shadow-sm',\n      ribbonPlacement === 'start' ? 'rounded-r' : 'rounded-l',\n    ].join(' ')\n\n    return (\n      <div className={`relative inline-block ${className}`} {...rest}>\n        {children}\n        <div className={ribbonClasses}>{ribbon}</div>\n      </div>\n    )\n  }\n\n  // Notification badge mode (wrapping children)\n  if (children) {\n    const offsetStyle =\n      offset\n        ? {\n            transform: `translate(${offset[0]}px, ${offset[1]}px)`,\n          }\n        : undefined\n\n    return (\n      <div className={`indicator inline-block ${className}`} {...rest}>\n        {shouldShowBadge && (\n          <span\n            className={[\n              'indicator-item badge',\n              getPositionClasses(position),\n              typeClasses[type],\n              dot ? 'badge-xs p-0 w-2 h-2' : sizeClasses[size],\n              outline && 'badge-outline',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={offsetStyle}\n          >\n            {!dot && getDisplayCount()}\n          </span>\n        )}\n        {children}\n      </div>\n    )\n  }\n\n  // Standalone badge mode (like a label)\n  const badgeClasses = [\n    'badge',\n    typeClasses[type],\n    sizeClasses[size],\n    outline && 'badge-outline',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const displayContent = getDisplayCount()\n\n  return <span className={badgeClasses} {...rest}>{displayContent}</span>\n}\n"],"names":["Badge","children","count","showZero","overflowCount","position","offset","status","text","ribbon","ribbonPlacement","type","size","dot","outline","className","rest","typeClasses","sizeClasses","statusTypeMap","getPositionClasses","pos","vertical","horizontal","classes","getDisplayCount","shouldShowBadge","statusType","jsx","ribbonClasses","offsetStyle","badgeClasses","displayContent"],"mappings":"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"}
+{"version":3,"file":"index6.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;"}

package/dist/index60.js

@@ -1,60 +1,89 @@
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import b, { forwardRef as G, useContext as N, createContext as V } from "react";
-const f = V(null);
-function w({ children: n, value: e, defaultValue: s, onChange: o, name: i, className: c = "" }) {
-  const [d, r] = b.useState(s), l = e !== void 0 ? e : d, m = (a) => {
-    e === void 0 && r(a), o?.(a);
+import { jsxs as p, jsx as l } from "react/jsx-runtime";
+import { useState as B, useRef as f, useEffect as b } from "react";
+const $ = ({
+  children: h,
+  content: v,
+  title: i,
+  trigger: t = "hover",
+  placement: x = "top",
+  open: r,
+  onOpenChange: L,
+  className: g = "",
+  overlayClassName: k = "",
+  ...C
+}) => {
+  const [E, M] = B(!1), a = f(null), c = f(null), n = f(void 0), s = r !== void 0 ? r : E, e = (o) => {
+    r === void 0 && M(o), L?.(o);
+  }, m = () => {
+    t === "hover" && (n.current && clearTimeout(n.current), e(!0));
+  }, d = () => {
+    t === "hover" && (n.current = setTimeout(() => e(!1), 100));
+  }, N = () => {
+    t === "click" && e(!s);
+  }, R = () => {
+    t === "focus" && e(!0);
+  }, w = () => {
+    t === "focus" && e(!1);
   };
-  return /* @__PURE__ */ t(f.Provider, { value: { value: l, onChange: m, name: i }, children: /* @__PURE__ */ t("div", { className: c, children: n }) });
-}
-const g = G(
-  ({ size: n, color: e, className: s = "", value: o, checked: i, onChange: c, name: d, children: r, ...l }, m) => {
-    const a = N(f), C = {
-      xs: "radio-xs",
-      sm: "radio-sm",
-      md: "radio-md",
-      lg: "radio-lg",
-      xl: "radio-xl"
-    }, h = {
-      neutral: "radio-neutral",
-      primary: "radio-primary",
-      secondary: "radio-secondary",
-      accent: "radio-accent",
-      info: "radio-info",
-      success: "radio-success",
-      warning: "radio-warning",
-      error: "radio-error"
-    }, x = ["radio", n && C[n], e && h[e]].filter(Boolean).join(" "), u = a ? a.value === o : i, y = (j) => {
-      if (a && o !== void 0) {
-        const k = typeof o == "string" || typeof o == "number" ? o : String(o);
-        a.onChange?.(k);
+  b(() => {
+    const o = (u) => {
+      t === "click" && s && a.current && c.current && !a.current.contains(u.target) && !c.current.contains(u.target) && e(!1);
+    };
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [t, s]), b(() => () => {
+    n.current && clearTimeout(n.current);
+  }, []);
+  const T = () => `absolute z-50 ${{
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    topLeft: "bottom-full left-0 mb-2",
+    topRight: "bottom-full right-0 mb-2",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+    bottomLeft: "top-full left-0 mt-2",
+    bottomRight: "top-full right-0 mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    leftTop: "right-full top-0 mr-2",
+    leftBottom: "right-full bottom-0 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2",
+    rightTop: "left-full top-0 ml-2",
+    rightBottom: "left-full bottom-0 ml-2"
+  }[x]}`;
+  return /* @__PURE__ */ p("div", { className: `relative inline-block ${g}`, "data-state": s ? "open" : "closed", ...C, children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        ref: a,
+        onMouseEnter: m,
+        onMouseLeave: d,
+        onClick: N,
+        onFocus: R,
+        onBlur: w,
+        children: h
       }
-      c?.(j);
-    }, R = a?.name || d, p = /* @__PURE__ */ t(
-      "input",
+    ),
+    s && /* @__PURE__ */ l(
+      "div",
       {
-        ref: m,
-        type: "radio",
-        className: x,
-        value: o,
-        checked: u,
-        onChange: y,
-        name: R,
-        "data-state": u ? "checked" : "unchecked",
-        ...l
+        ref: c,
+        className: T(),
+        onMouseEnter: m,
+        onMouseLeave: d,
+        children: /* @__PURE__ */ p(
+          "div",
+          {
+            className: `bg-base-100 border border-base-content/10 rounded-lg shadow-lg p-3 min-w-[200px] max-w-xs ${k}`,
+            children: [
+              i && /* @__PURE__ */ l("div", { className: "font-semibold mb-2 text-base-content border-b border-base-content/10 pb-2", children: i }),
+              /* @__PURE__ */ l("div", { className: "text-sm text-base-content/80", children: v })
+            ]
+          }
+        )
       }
-    );
-    return r ? /* @__PURE__ */ S("label", { className: `flex items-center gap-2 cursor-pointer ${s}`, children: [
-      p,
-      /* @__PURE__ */ t("span", { children: r })
-    ] }) : p;
-  }
-);
-g.displayName = "Radio";
-const O = Object.assign(g, {
-  Group: w
-});
+    )
+  ] });
+};
+$.displayName = "Popover";
 export {
-  O as Radio
+  $ as Popover,
+  $ as default
 };
 //# sourceMappingURL=index60.js.map

package/dist/index60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index60.js","sources":["../src/components/Radio.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\n\nexport interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  className?: string\n  children?: React.ReactNode\n}\n\nexport interface RadioGroupProps {\n  children: React.ReactNode\n  value?: string | number\n  defaultValue?: string | number\n  onChange?: (value: string | number) => void\n  name?: string\n  className?: string\n}\n\ninterface RadioGroupContextValue {\n  value?: string | number\n  onChange?: (value: string | number) => void\n  name?: string\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\nfunction RadioGroup({ children, value, defaultValue, onChange, name, className = '' }: RadioGroupProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (newValue: string | number) => {\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  return (\n    <RadioGroupContext.Provider value={{ value: currentValue, onChange: handleChange, name }}>\n      <div className={className}>{children}</div>\n    </RadioGroupContext.Provider>\n  )\n}\n\nconst RadioRoot = forwardRef<HTMLInputElement, RadioProps>(\n  ({ size, color, className = '', value, checked, onChange, name: nameProp, children, ...props }, ref) => {\n    const groupContext = useContext(RadioGroupContext)\n\n    const sizeClasses = {\n      xs: 'radio-xs',\n      sm: 'radio-sm',\n      md: 'radio-md',\n      lg: 'radio-lg',\n      xl: 'radio-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'radio-neutral',\n      primary: 'radio-primary',\n      secondary: 'radio-secondary',\n      accent: 'radio-accent',\n      info: 'radio-info',\n      success: 'radio-success',\n      warning: 'radio-warning',\n      error: 'radio-error',\n    }\n\n    const radioClasses = ['radio', size && sizeClasses[size], color && colorClasses[color]]\n      .filter(Boolean)\n      .join(' ')\n\n    // If in a group, use group's value and onChange\n    const isChecked = groupContext ? groupContext.value === value : checked\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (groupContext && value !== undefined) {\n        const normalizedValue = typeof value === 'string' || typeof value === 'number' ? value : String(value)\n        groupContext.onChange?.(normalizedValue)\n      }\n      onChange?.(e)\n    }\n    const name = groupContext?.name || nameProp\n\n    const dataState = isChecked ? 'checked' : 'unchecked'\n\n    const input = (\n      <input\n        ref={ref}\n        type=\"radio\"\n        className={radioClasses}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        name={name}\n        data-state={dataState}\n        {...props}\n      />\n    )\n\n    // If children are provided, wrap in a label\n    if (children) {\n      return (\n        <label className={`flex items-center gap-2 cursor-pointer ${className}`}>\n          {input}\n          <span>{children}</span>\n        </label>\n      )\n    }\n\n    return input\n  }\n)\n\nRadioRoot.displayName = 'Radio'\n\nexport const Radio = Object.assign(RadioRoot, {\n  Group: RadioGroup,\n})\n"],"names":["RadioGroupContext","createContext","RadioGroup","children","value","defaultValue","onChange","name","className","internalValue","setInternalValue","React","currentValue","handleChange","newValue","jsx","RadioRoot","forwardRef","size","color","checked","nameProp","props","ref","groupContext","useContext","sizeClasses","colorClasses","radioClasses","isChecked","e","normalizedValue","input","jsxs","Radio"],"mappings":";;AAwBA,MAAMA,IAAoBC,EAA6C,IAAI;AAE3E,SAASC,EAAW,EAAE,UAAAC,GAAU,OAAAC,GAAO,cAAAC,GAAc,UAAAC,GAAU,MAAAC,GAAM,WAAAC,IAAY,MAAuB;AACtG,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAASN,CAAY,GAC/DO,IAAeR,MAAU,SAAYA,IAAQK,GAE7CI,IAAe,CAACC,MAA8B;AAClD,IAAIV,MAAU,UACZM,EAAiBI,CAAQ,GAE3BR,IAAWQ,CAAQ;AAAA,EACrB;AAEA,2BACGd,EAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAOY,GAAc,UAAUC,GAAc,MAAAN,KAChF,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAAP,GAAuB,UAAAL,GAAS,GACvC;AAEJ;AAEA,MAAMa,IAAYC;AAAA,EAChB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAX,IAAY,IAAI,OAAAJ,GAAO,SAAAgB,GAAS,UAAAd,GAAU,MAAMe,GAAU,UAAAlB,GAAU,GAAGmB,EAAA,GAASC,MAAQ;AACtG,UAAMC,IAAeC,EAAWzB,CAAiB,GAE3C0B,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAe,CAAC,SAASV,KAAQQ,EAAYR,CAAI,GAAGC,KAASQ,EAAaR,CAAK,CAAC,EACnF,OAAO,OAAO,EACd,KAAK,GAAG,GAGLU,IAAYL,IAAeA,EAAa,UAAUpB,IAAQgB,GAC1DP,IAAe,CAACiB,MAA2C;AAC/D,UAAIN,KAAgBpB,MAAU,QAAW;AACvC,cAAM2B,IAAkB,OAAO3B,KAAU,YAAY,OAAOA,KAAU,WAAWA,IAAQ,OAAOA,CAAK;AACrG,QAAAoB,EAAa,WAAWO,CAAe;AAAA,MACzC;AACA,MAAAzB,IAAWwB,CAAC;AAAA,IACd,GACMvB,IAAOiB,GAAc,QAAQH,GAI7BW,IACJ,gBAAAjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAQ;AAAA,QACA,MAAK;AAAA,QACL,WAAWK;AAAA,QACX,OAAAxB;AAAA,QACA,SAASyB;AAAA,QACT,UAAUhB;AAAA,QACV,MAAAN;AAAA,QACA,cAXcsB,IAAY,YAAY;AAAA,QAYrC,GAAGP;AAAA,MAAA;AAAA,IAAA;AAKR,WAAInB,IAEA,gBAAA8B,EAAC,SAAA,EAAM,WAAW,0CAA0CzB,CAAS,IAClE,UAAA;AAAA,MAAAwB;AAAA,MACD,gBAAAjB,EAAC,UAAM,UAAAZ,EAAA,CAAS;AAAA,IAAA,GAClB,IAIG6B;AAAA,EACT;AACF;AAEAhB,EAAU,cAAc;AAEjB,MAAMkB,IAAQ,OAAO,OAAOlB,GAAW;AAAA,EAC5C,OAAOd;AACT,CAAC;"}
+{"version":3,"file":"index60.js","sources":["../src/components/Popover.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport type PopoverPlacement =\n  | 'top'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom'\n\nexport type PopoverTrigger = 'hover' | 'click' | 'focus'\n\nexport interface PopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'title'> {\n  children: React.ReactNode\n  content: React.ReactNode\n  title?: React.ReactNode\n  trigger?: PopoverTrigger\n  placement?: PopoverPlacement\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  overlayClassName?: string\n}\n\nexport const Popover: React.FC<PopoverProps> = ({\n  children,\n  content,\n  title,\n  trigger = 'hover',\n  placement = 'top',\n  open: controlledOpen,\n  onOpenChange,\n  className = '',\n  overlayClassName = '',\n  ...rest\n}) => {\n  const [internalOpen, setInternalOpen] = useState(false)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const timeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)\n\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n\n  const setOpen = (value: boolean) => {\n    if (controlledOpen === undefined) {\n      setInternalOpen(value)\n    }\n    onOpenChange?.(value)\n  }\n\n  const handleMouseEnter = () => {\n    if (trigger === 'hover') {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\n      setOpen(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (trigger === 'hover') {\n      timeoutRef.current = setTimeout(() => setOpen(false), 100)\n    }\n  }\n\n  const handleClick = () => {\n    if (trigger === 'click') {\n      setOpen(!isOpen)\n    }\n  }\n\n  const handleFocus = () => {\n    if (trigger === 'focus') {\n      setOpen(true)\n    }\n  }\n\n  const handleBlur = () => {\n    if (trigger === 'focus') {\n      setOpen(false)\n    }\n  }\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        trigger === 'click' &&\n        isOpen &&\n        triggerRef.current &&\n        popoverRef.current &&\n        !triggerRef.current.contains(event.target as Node) &&\n        !popoverRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [trigger, isOpen])\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    }\n  }, [])\n\n  const getPlacementClasses = () => {\n    const baseClasses = 'absolute z-50'\n\n    const placements: Record<PopoverPlacement, string> = {\n      top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n      topLeft: 'bottom-full left-0 mb-2',\n      topRight: 'bottom-full right-0 mb-2',\n      bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n      bottomLeft: 'top-full left-0 mt-2',\n      bottomRight: 'top-full right-0 mt-2',\n      left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n      leftTop: 'right-full top-0 mr-2',\n      leftBottom: 'right-full bottom-0 mr-2',\n      right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n      rightTop: 'left-full top-0 ml-2',\n      rightBottom: 'left-full bottom-0 ml-2',\n    }\n\n    return `${baseClasses} ${placements[placement]}`\n  }\n\n  return (\n    <div className={`relative inline-block ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <div\n        ref={triggerRef}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {children}\n      </div>\n\n      {isOpen && (\n        <div\n          ref={popoverRef}\n          className={getPlacementClasses()}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <div\n            className={`bg-base-100 border border-base-content/10 rounded-lg shadow-lg p-3 min-w-[200px] max-w-xs ${overlayClassName}`}\n          >\n            {title && (\n              <div className=\"font-semibold mb-2 text-base-content border-b border-base-content/10 pb-2\">\n                {title}\n              </div>\n            )}\n            <div className=\"text-sm text-base-content/80\">{content}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nPopover.displayName = 'Popover'\n\nexport default Popover\n"],"names":["Popover","children","content","title","trigger","placement","controlledOpen","onOpenChange","className","overlayClassName","rest","internalOpen","setInternalOpen","useState","triggerRef","useRef","popoverRef","timeoutRef","isOpen","setOpen","value","handleMouseEnter","handleMouseLeave","handleClick","handleFocus","handleBlur","useEffect","handleClickOutside","event","getPlacementClasses","jsxs","jsx"],"mappings":"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"}