asterui 0.12.0 → 0.12.2

package/dist/index85.js

@@ -1,237 +1,133 @@
-import { jsxs as a, jsx as h } from "react/jsx-runtime";
-import { useState as P, useRef as Z, useCallback as m, useEffect as g } from "react";
-import { createPortal as I } from "react-dom";
-const j = (t) => t ? typeof t == "function" ? t() : t.current : null, R = (t, f, e, i) => {
-  if (!t || f === "center")
-    return {
-      top: window.innerHeight / 2 - e.height / 2,
-      left: window.innerWidth / 2 - e.width / 2
-    };
-  const o = window.scrollY, r = window.scrollX;
-  return {
-    top: {
-      top: t.top + o - e.height - i,
-      left: t.left + r + t.width / 2 - e.width / 2
-    },
-    topLeft: {
-      top: t.top + o - e.height - i,
-      left: t.left + r
-    },
-    topRight: {
-      top: t.top + o - e.height - i,
-      left: t.right + r - e.width
-    },
-    bottom: {
-      top: t.bottom + o + i,
-      left: t.left + r + t.width / 2 - e.width / 2
-    },
-    bottomLeft: {
-      top: t.bottom + o + i,
-      left: t.left + r
-    },
-    bottomRight: {
-      top: t.bottom + o + i,
-      left: t.right + r - e.width
-    },
-    left: {
-      top: t.top + o + t.height / 2 - e.height / 2,
-      left: t.left + r - e.width - i
-    },
-    leftTop: {
-      top: t.top + o,
-      left: t.left + r - e.width - i
-    },
-    leftBottom: {
-      top: t.bottom + o - e.height,
-      left: t.left + r - e.width - i
-    },
-    right: {
-      top: t.top + o + t.height / 2 - e.height / 2,
-      left: t.right + r + i
-    },
-    rightTop: {
-      top: t.top + o,
-      left: t.right + r + i
-    },
-    rightBottom: {
-      top: t.bottom + o - e.height,
-      left: t.right + r + i
-    },
-    center: {
-      top: window.innerHeight / 2 - e.height / 2,
-      left: window.innerWidth / 2 - e.width / 2
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { useState as i, useEffect as h } from "react";
+function p({
+  lightTheme: t = "light",
+  darkTheme: n = "dark",
+  initialTheme: o,
+  onChange: u,
+  className: m = ""
+}) {
+  const [s, l] = i(() => {
+    const r = document.documentElement.getAttribute("data-theme");
+    return o ? o === n : r ? r === n : !!(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches);
+  });
+  h(() => {
+    const r = document.documentElement.getAttribute("data-theme");
+    if (o)
+      l(o === n), document.documentElement.setAttribute("data-theme", o);
+    else if (r)
+      l(r === n);
+    else {
+      const c = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches, d = c ? n : t;
+      l(c), document.documentElement.setAttribute("data-theme", d);
     }
-  }[f];
-}, nt = ({
-  open: t = !1,
-  onClose: f,
-  onFinish: e,
-  steps: i,
-  current: o,
-  onChange: r,
-  mask: p = !0,
-  type: D = "default",
-  gap: c = 8,
-  prevButtonText: F = "Previous",
-  nextButtonText: H = "Next",
-  finishButtonText: U = "Finish",
-  skipButtonText: W = "Skip",
-  showSkip: X = !0,
-  showIndicators: Y = !0,
-  closeOnMaskClick: A = !0,
-  closeOnEscape: E = !0,
-  scrollIntoView: S = !0,
-  zIndex: v = 1e3
-}) => {
-  const [q, T] = P(0), [w, z] = P(null), [B, G] = P({ top: 0, left: 0 }), N = Z(null), b = o !== void 0, s = b ? o : q, l = i[s], u = Array.isArray(c) ? c[0] : c, C = Array.isArray(c) ? c[1] : c, y = m(() => {
-    if (!l) return;
-    const d = j(l.target)?.getBoundingClientRect() ?? null;
-    if (z(d), N.current) {
-      const M = N.current.getBoundingClientRect(), Q = l.placement ?? "bottom", V = R(d, Q, M, C + u);
-      G(V);
+  }, [o, n, t]);
+  const e = (r) => {
+    const c = r.target.checked;
+    l(c);
+    const d = c ? n : t;
+    document.documentElement.setAttribute("data-theme", d), u?.(d);
+  };
+  return /* @__PURE__ */ w("label", { className: `swap swap-rotate ${m}`, children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "checkbox",
+        className: "theme-controller",
+        value: n,
+        checked: s,
+        onChange: e
+      }
+    ),
+    /* @__PURE__ */ a(
+      "svg",
+      {
+        className: "swap-off h-8 w-8 fill-current",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ a("path", { d: "M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" })
+      }
+    ),
+    /* @__PURE__ */ a(
+      "svg",
+      {
+        className: "swap-on h-8 w-8 fill-current",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ a("path", { d: "M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" })
+      }
+    )
+  ] });
+}
+function f({
+  themes: t,
+  initialTheme: n,
+  onChange: o,
+  className: u = ""
+}) {
+  const [m, s] = i(() => {
+    if (n) return n;
+    const e = document.documentElement.getAttribute("data-theme");
+    return e && t.includes(e) ? e : window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? t.find((r) => r === "dark") || t[0] || "light" : t.find((r) => r === "light") || t[0] || "light";
+  });
+  h(() => {
+    const e = document.documentElement.getAttribute("data-theme");
+    if (n)
+      s(n), document.documentElement.setAttribute("data-theme", n);
+    else if (e && t.includes(e))
+      s(e);
+    else if (!e && t.length > 0) {
+      const c = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? t.find((d) => d === "dark") || t[0] : t.find((d) => d === "light") || t[0];
+      s(c), document.documentElement.setAttribute("data-theme", c);
     }
-  }, [l, C, u]), k = m(
-    (n) => {
-      n < 0 || n >= i.length || (i[s]?.onClose?.(), b || T(n), r?.(n), i[n]?.onOpen?.());
-    },
-    [i, s, b, r]
-  ), x = m(() => {
-    k(s - 1);
-  }, [s, k]), L = m(() => {
-    s === i.length - 1 ? (e?.(), f?.()) : k(s + 1);
-  }, [s, i.length, k, e, f]), K = m(() => {
-    f?.();
-  }, [f]), O = m(() => {
-    A && f?.();
-  }, [A, f]);
-  if (g(() => {
-    t && !b && T(0);
-  }, [t, b]), g(() => {
-    t && (y(), S && l?.target && j(l.target)?.scrollIntoView({ behavior: "smooth", block: "center" }), s === 0 && l?.onOpen?.());
-  }, [t, s, l, S, y]), g(() => {
-    if (!t) return;
-    const n = () => y();
-    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), requestAnimationFrame(y), () => {
-      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-    };
-  }, [t, y]), g(() => {
-    if (!t || !E) return;
-    const n = (d) => {
-      d.key === "Escape" ? f?.() : d.key === "ArrowRight" || d.key === "ArrowDown" ? L() : (d.key === "ArrowLeft" || d.key === "ArrowUp") && x();
-    };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [t, E, f, L, x]), !t || !l) return null;
-  const _ = s === 0, $ = s === i.length - 1, J = /* @__PURE__ */ a(
-    "div",
-    {
-      className: "fixed inset-0",
-      style: { zIndex: v },
-      "data-testid": "tour",
-      role: "dialog",
-      "aria-modal": "true",
-      children: [
-        p && /* @__PURE__ */ a(
-          "svg",
+  }, [n, t]);
+  const l = (e) => {
+    s(e), document.documentElement.setAttribute("data-theme", e), o?.(e);
+  };
+  return /* @__PURE__ */ w("div", { className: `dropdown dropdown-end ${u}`, children: [
+    /* @__PURE__ */ w("div", { tabIndex: 0, role: "button", className: "btn", children: [
+      "Theme",
+      /* @__PURE__ */ a(
+        "svg",
+        {
+          width: "12px",
+          height: "12px",
+          className: "inline-block h-2 w-2 fill-current opacity-60",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 2048 2048",
+          children: /* @__PURE__ */ a("path", { d: "M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      "ul",
+      {
+        tabIndex: 0,
+        className: "dropdown-content bg-base-300 rounded-box z-[1] w-28 p-2 shadow-2xl max-h-96 overflow-y-auto",
+        children: t.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+          "input",
           {
-            className: "absolute inset-0 w-full h-full pointer-events-auto",
-            onClick: O,
-            style: { zIndex: v },
-            children: [
-              /* @__PURE__ */ h("defs", { children: /* @__PURE__ */ a("mask", { id: "tour-mask", children: [
-                /* @__PURE__ */ h("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
-                w && /* @__PURE__ */ h(
-                  "rect",
-                  {
-                    x: w.left - u,
-                    y: w.top - u,
-                    width: w.width + u * 2,
-                    height: w.height + u * 2,
-                    rx: u,
-                    fill: "black"
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ h(
-                "rect",
-                {
-                  x: "0",
-                  y: "0",
-                  width: "100%",
-                  height: "100%",
-                  fill: "rgba(0, 0, 0, 0.5)",
-                  mask: "url(#tour-mask)"
-                }
-              )
-            ]
+            type: "radio",
+            name: "theme-dropdown",
+            className: "theme-controller btn btn-sm btn-block btn-ghost justify-start",
+            "aria-label": e,
+            value: e,
+            checked: m === e,
+            onChange: () => l(e)
           }
-        ),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            ref: N,
-            className: `absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${l.className ?? ""}`,
-            style: {
-              top: B.top,
-              left: B.left,
-              zIndex: v + 1
-            },
-            onClick: (n) => n.stopPropagation(),
-            "data-testid": "tour-popover",
-            children: [
-              l.cover && /* @__PURE__ */ h("div", { className: "rounded-t-lg overflow-hidden", children: l.cover }),
-              /* @__PURE__ */ a("div", { className: "p-4", children: [
-                /* @__PURE__ */ h("h3", { className: "font-semibold text-lg mb-1", children: l.title }),
-                l.description && /* @__PURE__ */ h("p", { className: "text-base-content/70 text-sm mb-4", children: l.description }),
-                Y && i.length > 1 && /* @__PURE__ */ h("div", { className: "flex gap-1 mb-4", children: i.map((n, d) => /* @__PURE__ */ h(
-                  "button",
-                  {
-                    className: `w-2 h-2 rounded-full transition-colors ${d === s ? "bg-primary" : "bg-base-300 hover:bg-base-content/30"}`,
-                    onClick: () => k(d),
-                    "aria-label": `Go to step ${d + 1}`
-                  },
-                  d
-                )) }),
-                /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ h("div", { children: X && !$ && /* @__PURE__ */ h(
-                    "button",
-                    {
-                      className: "btn btn-ghost btn-sm",
-                      onClick: K,
-                      "data-testid": "tour-skip",
-                      children: W
-                    }
-                  ) }),
-                  /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
-                    !_ && /* @__PURE__ */ h(
-                      "button",
-                      {
-                        className: "btn btn-ghost btn-sm",
-                        onClick: x,
-                        "data-testid": "tour-prev",
-                        children: F
-                      }
-                    ),
-                    /* @__PURE__ */ h(
-                      "button",
-                      {
-                        className: `btn btn-sm ${D === "primary" ? "btn-primary" : ""}`,
-                        onClick: L,
-                        "data-testid": "tour-next",
-                        children: $ ? U : H
-                      }
-                    )
-                  ] })
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return I(J, document.body);
-};
+        ) }, e))
+      }
+    )
+  ] });
+}
+const A = Object.assign(
+  {},
+  {
+    Swap: p,
+    Dropdown: f
+  }
+);
 export {
-  nt as Tour
+  A as ThemeController
 };
 //# sourceMappingURL=index85.js.map

package/dist/index85.js.map

@@ -1 +1 @@
-{"version":3,"file":"index85.js","sources":["../src/components/Tour.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type TourPlacement =\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  | 'center'\n\nexport interface TourStepProps {\n  /** Target element ref or function returning element */\n  target?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null) | null\n  /** Step title */\n  title: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Cover image or content above title */\n  cover?: React.ReactNode\n  /** Placement of popover relative to target */\n  placement?: TourPlacement\n  /** Custom class for this step's popover */\n  className?: string\n  /** Called when this step becomes active */\n  onOpen?: () => void\n  /** Called when leaving this step */\n  onClose?: () => void\n}\n\nexport interface TourProps {\n  /** Whether tour is visible */\n  open?: boolean\n  /** Callback when tour closes */\n  onClose?: () => void\n  /** Callback when tour finishes (last step completed) */\n  onFinish?: () => void\n  /** Tour steps */\n  steps: TourStepProps[]\n  /** Current step (controlled) */\n  current?: number\n  /** Callback when step changes */\n  onChange?: (current: number) => void\n  /** Show mask overlay */\n  mask?: boolean\n  /** Type affects styling */\n  type?: 'default' | 'primary'\n  /** Gap between highlight and target [radius, offset] or single number */\n  gap?: number | [number, number]\n  /** Text for prev button */\n  prevButtonText?: React.ReactNode\n  /** Text for next button */\n  nextButtonText?: React.ReactNode\n  /** Text for finish button */\n  finishButtonText?: React.ReactNode\n  /** Text for skip button */\n  skipButtonText?: React.ReactNode\n  /** Show skip button */\n  showSkip?: boolean\n  /** Show step indicators */\n  showIndicators?: boolean\n  /** Close on mask click */\n  closeOnMaskClick?: boolean\n  /** Close on escape key */\n  closeOnEscape?: boolean\n  /** Scroll target into view */\n  scrollIntoView?: boolean\n  /** Z-index for tour overlay */\n  zIndex?: number\n}\n\nconst getTargetElement = (\n  target: TourStepProps['target']\n): HTMLElement | null => {\n  if (!target) return null\n  if (typeof target === 'function') return target()\n  return target.current\n}\n\nconst getPopoverPosition = (\n  targetRect: DOMRect | null,\n  placement: TourPlacement,\n  popoverRect: DOMRect,\n  gap: number\n): { top: number; left: number } => {\n  if (!targetRect || placement === 'center') {\n    return {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    }\n  }\n\n  const scrollY = window.scrollY\n  const scrollX = window.scrollX\n\n  const positions: Record<TourPlacement, { top: number; left: number }> = {\n    top: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    topLeft: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.left + scrollX,\n    },\n    topRight: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    bottom: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    bottomLeft: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX,\n    },\n    bottomRight: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    left: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    right: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.right + scrollX + gap,\n    },\n    center: {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    },\n  }\n\n  return positions[placement]\n}\n\nexport const Tour: React.FC<TourProps> = ({\n  open = false,\n  onClose,\n  onFinish,\n  steps,\n  current: controlledCurrent,\n  onChange,\n  mask = true,\n  type = 'default',\n  gap = 8,\n  prevButtonText = 'Previous',\n  nextButtonText = 'Next',\n  finishButtonText = 'Finish',\n  skipButtonText = 'Skip',\n  showSkip = true,\n  showIndicators = true,\n  closeOnMaskClick = true,\n  closeOnEscape = true,\n  scrollIntoView = true,\n  zIndex = 1000,\n}) => {\n  const [internalCurrent, setInternalCurrent] = useState(0)\n  const [targetRect, setTargetRect] = useState<DOMRect | null>(null)\n  const [popoverPosition, setPopoverPosition] = useState({ top: 0, left: 0 })\n  const popoverRef = useRef<HTMLDivElement>(null)\n\n  const isControlled = controlledCurrent !== undefined\n  const currentStep = isControlled ? controlledCurrent : internalCurrent\n  const step = steps[currentStep]\n\n  const gapRadius = Array.isArray(gap) ? gap[0] : gap\n  const gapOffset = Array.isArray(gap) ? gap[1] : gap\n\n  const updatePosition = useCallback(() => {\n    if (!step) return\n\n    const target = getTargetElement(step.target)\n    const rect = target?.getBoundingClientRect() ?? null\n    setTargetRect(rect)\n\n    if (popoverRef.current) {\n      const popoverRect = popoverRef.current.getBoundingClientRect()\n      const placement = step.placement ?? 'bottom'\n      const pos = getPopoverPosition(rect, placement, popoverRect, gapOffset + gapRadius)\n      setPopoverPosition(pos)\n    }\n  }, [step, gapOffset, gapRadius])\n\n  const goToStep = useCallback(\n    (stepIndex: number) => {\n      if (stepIndex < 0 || stepIndex >= steps.length) return\n\n      // Call onClose for current step\n      steps[currentStep]?.onClose?.()\n\n      if (!isControlled) {\n        setInternalCurrent(stepIndex)\n      }\n      onChange?.(stepIndex)\n\n      // Call onOpen for new step\n      steps[stepIndex]?.onOpen?.()\n    },\n    [steps, currentStep, isControlled, onChange]\n  )\n\n  const handlePrev = useCallback(() => {\n    goToStep(currentStep - 1)\n  }, [currentStep, goToStep])\n\n  const handleNext = useCallback(() => {\n    if (currentStep === steps.length - 1) {\n      onFinish?.()\n      onClose?.()\n    } else {\n      goToStep(currentStep + 1)\n    }\n  }, [currentStep, steps.length, goToStep, onFinish, onClose])\n\n  const handleSkip = useCallback(() => {\n    onClose?.()\n  }, [onClose])\n\n  const handleMaskClick = useCallback(() => {\n    if (closeOnMaskClick) {\n      onClose?.()\n    }\n  }, [closeOnMaskClick, onClose])\n\n  // Reset to first step when opening\n  useEffect(() => {\n    if (open && !isControlled) {\n      setInternalCurrent(0)\n    }\n  }, [open, isControlled])\n\n  // Update position on step change or open\n  useEffect(() => {\n    if (!open) return\n\n    updatePosition()\n\n    // Scroll target into view\n    if (scrollIntoView && step?.target) {\n      const target = getTargetElement(step.target)\n      target?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n    }\n\n    // Call onOpen for first step\n    if (currentStep === 0) {\n      step?.onOpen?.()\n    }\n  }, [open, currentStep, step, scrollIntoView, updatePosition])\n\n  // Update position on resize/scroll\n  useEffect(() => {\n    if (!open) return\n\n    const handleUpdate = () => updatePosition()\n    window.addEventListener('resize', handleUpdate)\n    window.addEventListener('scroll', handleUpdate, true)\n\n    // Initial position after popover renders\n    requestAnimationFrame(updatePosition)\n\n    return () => {\n      window.removeEventListener('resize', handleUpdate)\n      window.removeEventListener('scroll', handleUpdate, true)\n    }\n  }, [open, updatePosition])\n\n  // Keyboard handling\n  useEffect(() => {\n    if (!open || !closeOnEscape) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.()\n      } else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        handleNext()\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        handlePrev()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [open, closeOnEscape, onClose, handleNext, handlePrev])\n\n  if (!open || !step) return null\n\n  const isFirstStep = currentStep === 0\n  const isLastStep = currentStep === steps.length - 1\n\n  const content = (\n    <div\n      className=\"fixed inset-0\"\n      style={{ zIndex }}\n      data-testid=\"tour\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n    >\n      {/* Mask overlay with spotlight cutout */}\n      {mask && (\n        <svg\n          className=\"absolute inset-0 w-full h-full pointer-events-auto\"\n          onClick={handleMaskClick}\n          style={{ zIndex }}\n        >\n          <defs>\n            <mask id=\"tour-mask\">\n              <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n              {targetRect && (\n                <rect\n                  x={targetRect.left - gapRadius}\n                  y={targetRect.top - gapRadius}\n                  width={targetRect.width + gapRadius * 2}\n                  height={targetRect.height + gapRadius * 2}\n                  rx={gapRadius}\n                  fill=\"black\"\n                />\n              )}\n            </mask>\n          </defs>\n          <rect\n            x=\"0\"\n            y=\"0\"\n            width=\"100%\"\n            height=\"100%\"\n            fill=\"rgba(0, 0, 0, 0.5)\"\n            mask=\"url(#tour-mask)\"\n          />\n        </svg>\n      )}\n\n      {/* Popover */}\n      <div\n        ref={popoverRef}\n        className={`absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${step.className ?? ''}`}\n        style={{\n          top: popoverPosition.top,\n          left: popoverPosition.left,\n          zIndex: zIndex + 1,\n        }}\n        onClick={(e) => e.stopPropagation()}\n        data-testid=\"tour-popover\"\n      >\n        {/* Cover */}\n        {step.cover && (\n          <div className=\"rounded-t-lg overflow-hidden\">{step.cover}</div>\n        )}\n\n        {/* Content */}\n        <div className=\"p-4\">\n          <h3 className=\"font-semibold text-lg mb-1\">{step.title}</h3>\n          {step.description && (\n            <p className=\"text-base-content/70 text-sm mb-4\">{step.description}</p>\n          )}\n\n          {/* Indicators */}\n          {showIndicators && steps.length > 1 && (\n            <div className=\"flex gap-1 mb-4\">\n              {steps.map((_, index) => (\n                <button\n                  key={index}\n                  className={`w-2 h-2 rounded-full transition-colors ${\n                    index === currentStep\n                      ? 'bg-primary'\n                      : 'bg-base-300 hover:bg-base-content/30'\n                  }`}\n                  onClick={() => goToStep(index)}\n                  aria-label={`Go to step ${index + 1}`}\n                />\n              ))}\n            </div>\n          )}\n\n          {/* Navigation */}\n          <div className=\"flex items-center justify-between gap-2\">\n            <div>\n              {showSkip && !isLastStep && (\n                <button\n                  className=\"btn btn-ghost btn-sm\"\n                  onClick={handleSkip}\n                  data-testid=\"tour-skip\"\n                >\n                  {skipButtonText}\n                </button>\n              )}\n            </div>\n            <div className=\"flex gap-2\">\n              {!isFirstStep && (\n                <button\n                  className=\"btn btn-ghost btn-sm\"\n                  onClick={handlePrev}\n                  data-testid=\"tour-prev\"\n                >\n                  {prevButtonText}\n                </button>\n              )}\n              <button\n                className={`btn btn-sm ${type === 'primary' ? 'btn-primary' : ''}`}\n                onClick={handleNext}\n                data-testid=\"tour-next\"\n              >\n                {isLastStep ? finishButtonText : nextButtonText}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n\n  return createPortal(content, document.body)\n}\n"],"names":["getTargetElement","target","getPopoverPosition","targetRect","placement","popoverRect","gap","scrollY","scrollX","Tour","open","onClose","onFinish","steps","controlledCurrent","onChange","mask","type","prevButtonText","nextButtonText","finishButtonText","skipButtonText","showSkip","showIndicators","closeOnMaskClick","closeOnEscape","scrollIntoView","zIndex","internalCurrent","setInternalCurrent","useState","setTargetRect","popoverPosition","setPopoverPosition","popoverRef","useRef","isControlled","currentStep","step","gapRadius","gapOffset","updatePosition","useCallback","rect","pos","goToStep","stepIndex","handlePrev","handleNext","handleSkip","handleMaskClick","useEffect","handleUpdate","handleKeyDown","e","isFirstStep","isLastStep","content","jsxs","jsx","_","index","createPortal"],"mappings":"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"}
+{"version":3,"file":"index85.js","sources":["../src/components/ThemeController.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\n\nexport interface ThemeControllerSwapProps {\n  lightTheme?: string\n  darkTheme?: string\n  initialTheme?: string\n  onChange?: (theme: string) => void\n  className?: string\n}\n\nexport interface ThemeControllerDropdownProps {\n  themes: string[]\n  initialTheme?: string\n  onChange?: (theme: string) => void\n  className?: string\n}\n\nfunction ThemeControllerSwap({\n  lightTheme = 'light',\n  darkTheme = 'dark',\n  initialTheme,\n  onChange,\n  className = '',\n}: ThemeControllerSwapProps) {\n  const [isDark, setIsDark] = useState(() => {\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (initialTheme) {\n      return initialTheme === darkTheme\n    }\n    if (currentTheme) {\n      return currentTheme === darkTheme\n    }\n    // Detect system theme preference\n    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n      return true\n    }\n    return false\n  })\n\n  useEffect(() => {\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (initialTheme) {\n      setIsDark(initialTheme === darkTheme)\n      document.documentElement.setAttribute('data-theme', initialTheme)\n    } else if (currentTheme) {\n      setIsDark(currentTheme === darkTheme)\n    } else {\n      // Apply system theme preference\n      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n      const theme = prefersDark ? darkTheme : lightTheme\n      setIsDark(prefersDark)\n      document.documentElement.setAttribute('data-theme', theme)\n    }\n  }, [initialTheme, darkTheme, lightTheme])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked\n    setIsDark(checked)\n    const newTheme = checked ? darkTheme : lightTheme\n    document.documentElement.setAttribute('data-theme', newTheme)\n    onChange?.(newTheme)\n  }\n\n  return (\n    <label className={`swap swap-rotate ${className}`}>\n      <input\n        type=\"checkbox\"\n        className=\"theme-controller\"\n        value={darkTheme}\n        checked={isDark}\n        onChange={handleChange}\n      />\n      {/* sun icon */}\n      <svg\n        className=\"swap-off h-8 w-8 fill-current\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path d=\"M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z\" />\n      </svg>\n      {/* moon icon */}\n      <svg\n        className=\"swap-on h-8 w-8 fill-current\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path d=\"M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z\" />\n      </svg>\n    </label>\n  )\n}\n\nfunction ThemeControllerDropdown({\n  themes,\n  initialTheme,\n  onChange,\n  className = '',\n}: ThemeControllerDropdownProps) {\n  const [selectedTheme, setSelectedTheme] = useState(() => {\n    if (initialTheme) return initialTheme\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (currentTheme && themes.includes(currentTheme)) return currentTheme\n    // Detect system theme preference\n    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n      return themes.find(t => t === 'dark') || themes[0] || 'light'\n    }\n    return themes.find(t => t === 'light') || themes[0] || 'light'\n  })\n\n  useEffect(() => {\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (initialTheme) {\n      setSelectedTheme(initialTheme)\n      document.documentElement.setAttribute('data-theme', initialTheme)\n    } else if (currentTheme && themes.includes(currentTheme)) {\n      setSelectedTheme(currentTheme)\n    } else if (!currentTheme && themes.length > 0) {\n      // Apply system theme preference\n      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n      const theme = prefersDark\n        ? themes.find(t => t === 'dark') || themes[0]\n        : themes.find(t => t === 'light') || themes[0]\n      setSelectedTheme(theme)\n      document.documentElement.setAttribute('data-theme', theme)\n    }\n  }, [initialTheme, themes])\n\n  const handleThemeChange = (theme: string) => {\n    setSelectedTheme(theme)\n    document.documentElement.setAttribute('data-theme', theme)\n    onChange?.(theme)\n  }\n\n  return (\n    <div className={`dropdown dropdown-end ${className}`}>\n      <div tabIndex={0} role=\"button\" className=\"btn\">\n        Theme\n        <svg\n          width=\"12px\"\n          height=\"12px\"\n          className=\"inline-block h-2 w-2 fill-current opacity-60\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 2048 2048\"\n        >\n          <path d=\"M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z\"></path>\n        </svg>\n      </div>\n      <ul\n        tabIndex={0}\n        className=\"dropdown-content bg-base-300 rounded-box z-[1] w-28 p-2 shadow-2xl max-h-96 overflow-y-auto\"\n      >\n        {themes.map((theme) => (\n          <li key={theme}>\n            <input\n              type=\"radio\"\n              name=\"theme-dropdown\"\n              className=\"theme-controller btn btn-sm btn-block btn-ghost justify-start\"\n              aria-label={theme}\n              value={theme}\n              checked={selectedTheme === theme}\n              onChange={() => handleThemeChange(theme)}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nexport const ThemeController = Object.assign(\n  {},\n  {\n    Swap: ThemeControllerSwap,\n    Dropdown: ThemeControllerDropdown,\n  }\n)\n"],"names":["ThemeControllerSwap","lightTheme","darkTheme","initialTheme","onChange","className","isDark","setIsDark","useState","currentTheme","useEffect","prefersDark","theme","handleChange","e","checked","newTheme","jsxs","jsx","ThemeControllerDropdown","themes","selectedTheme","setSelectedTheme","t","handleThemeChange","ThemeController"],"mappings":"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"}

package/dist/index86.js

@@ -1,37 +1,164 @@
-import { jsx as c } from "react/jsx-runtime";
-const f = ({
-  children: i,
-  tip: s,
-  className: l = "",
-  position: p = "top",
-  color: o,
-  open: t = !1,
-  ...e
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useState as a, useRef as Y, useEffect as j } from "react";
+import { Input as _ } from "./index40.js";
+function q(t, N = "24", p = !1) {
+  if (!t) return "";
+  let n = t.getHours();
+  const i = String(t.getMinutes()).padStart(2, "0"), d = String(t.getSeconds()).padStart(2, "0");
+  if (N === "12") {
+    const x = n >= 12 ? "PM" : "AM";
+    return n = n % 12 || 12, p ? `${n}:${i}:${d} ${x}` : `${n}:${i} ${x}`;
+  }
+  const h = String(n).padStart(2, "0");
+  return p ? `${h}:${i}:${d}` : `${h}:${i}`;
+}
+const Q = ({
+  value: t,
+  defaultValue: N,
+  onChange: p,
+  format: n = "24",
+  placeholder: i = "Select time",
+  disabled: d = !1,
+  className: h = "",
+  size: x = "md",
+  showSeconds: $ = !1,
+  ...E
 }) => {
-  const r = {
-    top: "tooltip-top",
-    bottom: "tooltip-bottom",
-    left: "tooltip-left",
-    right: "tooltip-right"
-  }, a = o ? {
-    neutral: "tooltip-neutral",
-    primary: "tooltip-primary",
-    secondary: "tooltip-secondary",
-    accent: "tooltip-accent",
-    info: "tooltip-info",
-    success: "tooltip-success",
-    warning: "tooltip-warning",
-    error: "tooltip-error"
-  }[o] : void 0, n = [
-    "tooltip",
-    r[p],
-    a,
-    t && "tooltip-open",
-    l
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("div", { className: n, "data-tip": s, "data-state": t ? "open" : "closed", ...e, children: i });
+  const [o, O] = a(
+    t || N || null
+  ), [u, C] = a(!1), [l, M] = a(o ? o.getHours() : 0), [S, v] = a(o ? o.getMinutes() : 0), [y, H] = a(o ? o.getSeconds() : 0), [P, k] = a(
+    o && o.getHours() >= 12 ? "PM" : "AM"
+  ), A = Y(null);
+  j(() => {
+    t !== void 0 && (O(t), t && (M(t.getHours()), v(t.getMinutes()), H(t.getSeconds()), k(t.getHours() >= 12 ? "PM" : "AM")));
+  }, [t]), j(() => {
+    function e(s) {
+      A.current && !A.current.contains(s.target) && C(!1);
+    }
+    if (u)
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [u]);
+  const m = (e, s, w) => {
+    const g = /* @__PURE__ */ new Date(), b = new Date(
+      g.getFullYear(),
+      g.getMonth(),
+      g.getDate(),
+      e,
+      s,
+      w
+    );
+    O(b), p?.(b);
+  }, I = (e) => {
+    let s = e;
+    n === "12" && (s = P === "PM" ? e % 12 + 12 : e % 12), M(s), m(s, S, y);
+  }, L = (e) => {
+    v(e), m(l, e, y);
+  }, R = (e) => {
+    H(e), m(l, S, e);
+  }, D = (e) => {
+    k(e);
+    const s = e === "PM" ? l % 12 + 12 : l % 12;
+    M(s), m(s, S, y);
+  }, T = (e, s, w, g, b = 0) => {
+    const F = Array.from({ length: s - b + 1 }, (f, K) => b + K);
+    return /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: e }),
+      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto max-h-48", children: F.map((f) => /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => g(f),
+          className: `
+                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors
+                ${w === f ? "bg-primary text-primary-content" : ""}
+              `,
+          children: String(f).padStart(2, "0")
+        },
+        f
+      )) })
+    ] });
+  }, z = n === "12" ? l % 12 || 12 : l;
+  return /* @__PURE__ */ c("div", { ref: A, className: `relative ${h}`, "data-state": u ? "open" : "closed", ...E, children: [
+    /* @__PURE__ */ r(
+      _,
+      {
+        value: q(o, n, $),
+        placeholder: i,
+        disabled: d,
+        size: x,
+        readOnly: !0,
+        onClick: () => !d && C(!u),
+        className: "cursor-pointer"
+      }
+    ),
+    u && /* @__PURE__ */ c("div", { className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50", children: [
+      /* @__PURE__ */ c("div", { className: "flex divide-x divide-base-300", children: [
+        T(
+          "Hour",
+          n === "12" ? 12 : 23,
+          z,
+          I,
+          n === "12" ? 1 : 0
+        ),
+        T("Min", 59, S, L),
+        $ && T("Sec", 59, y, R),
+        n === "12" && /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: "Period" }),
+          /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col p-2 gap-2", children: [
+            /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => D("AM"),
+                className: `
+                      btn btn-sm
+                      ${P === "AM" ? "btn-primary" : "btn-ghost"}
+                    `,
+                children: "AM"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => D("PM"),
+                className: `
+                      btn btn-sm
+                      ${P === "PM" ? "btn-primary" : "btn-ghost"}
+                    `,
+                children: "PM"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "flex justify-end gap-2 p-3 border-t border-base-300", children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              const e = /* @__PURE__ */ new Date();
+              M(e.getHours()), v(e.getMinutes()), H(e.getSeconds()), k(e.getHours() >= 12 ? "PM" : "AM"), m(e.getHours(), e.getMinutes(), e.getSeconds());
+            },
+            className: "btn btn-ghost btn-sm",
+            children: "Now"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: () => C(!1),
+            className: "btn btn-primary btn-sm",
+            children: "OK"
+          }
+        )
+      ] })
+    ] })
+  ] });
 };
 export {
-  f as Tooltip
+  Q as TimePicker
 };
 //# sourceMappingURL=index86.js.map