@mdigital_ui/ui 0.4.5 → 0.4.7

package/dist/chunk-YUACN5GJ.js

@@ -0,0 +1,303 @@
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function getTargetElement(target) {
+  if (typeof target === "function") return target();
+  return document.querySelector(target);
+}
+function getTargetBorderRadius(el) {
+  if (typeof window === "undefined") return "0px";
+  return getComputedStyle(el).borderRadius || "0px";
+}
+function computePopoverPosition(rect, placement, gap) {
+  const base = placement.split("-")[0];
+  const align = placement.split("-")[1];
+  let top = 0;
+  let left = 0;
+  const cx = rect.left + rect.width / 2;
+  const cy = rect.top + rect.height / 2;
+  if (base === "bottom") {
+    top = rect.bottom + gap;
+    left = align === "start" ? rect.left : align === "end" ? rect.right : cx;
+  } else if (base === "top") {
+    top = rect.top - gap;
+    left = align === "start" ? rect.left : align === "end" ? rect.right : cx;
+  } else if (base === "left") {
+    top = align === "start" ? rect.top : align === "end" ? rect.bottom : cy;
+    left = rect.left - gap;
+  } else {
+    top = align === "start" ? rect.top : align === "end" ? rect.bottom : cy;
+    left = rect.right + gap;
+  }
+  return { top, left };
+}
+function getPopoverStyle(rect, placement, gap) {
+  const base = placement.split("-")[0];
+  const align = placement.split("-")[1];
+  const pos = computePopoverPosition(rect, placement, gap);
+  const style = {
+    position: "fixed",
+    top: pos.top,
+    left: pos.left
+  };
+  if (base === "bottom") {
+    if (!align) style.transform = "translateX(-50%)";
+    else if (align === "end") style.transform = "translateX(-100%)";
+  } else if (base === "top") {
+    if (!align) style.transform = "translate(-50%, -100%)";
+    else if (align === "start") style.transform = "translateY(-100%)";
+    else style.transform = "translate(-100%, -100%)";
+  } else if (base === "left") {
+    if (!align) style.transform = "translate(-100%, -50%)";
+    else if (align === "start") style.transform = "translateX(-100%)";
+    else style.transform = "translate(-100%, -100%)";
+  } else {
+    if (!align) style.transform = "translateY(-50%)";
+    else if (align === "end") style.transform = "translateY(-100%)";
+  }
+  return style;
+}
+var sizeMap = {
+  xs: { padding: 4, gap: 8, popover: "p-3 max-w-[260px]", title: "text-sm font-semibold", desc: "text-xs", btn: "h-6 px-2.5 text-xs" },
+  sm: { padding: 6, gap: 10, popover: "p-3.5 max-w-[300px]", title: "text-sm font-semibold", desc: "text-sm", btn: "h-7 px-3 text-xs" },
+  md: { padding: 8, gap: 12, popover: "p-4 max-w-[340px]", title: "text-base font-semibold", desc: "text-sm", btn: "h-8 px-3 text-sm" },
+  lg: { padding: 10, gap: 14, popover: "p-5 max-w-[400px]", title: "text-lg font-semibold", desc: "text-base", btn: "h-9 px-4 text-sm" }
+};
+var EASE = "cubic-bezier(0.4, 0, 0.2, 1)";
+var DURATION = "350ms";
+var Tour = React.memo(
+  ({
+    steps,
+    open: controlledOpen,
+    onOpenChange,
+    current: controlledCurrent,
+    onCurrentChange,
+    color = "primary",
+    size = "md",
+    showProgress = true,
+    showSkip = true,
+    skipText = "Skip",
+    finishText = "Finish",
+    nextText = "Next",
+    prevText = "Back",
+    onFinish,
+    onSkip,
+    overlayClickable = false,
+    className,
+    classNames
+  }) => {
+    const [internalOpen, setInternalOpen] = useState(false);
+    const [internalCurrent, setInternalCurrent] = useState(0);
+    const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+    const current = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
+    const [targetRect, setTargetRect] = useState(null);
+    const [targetRadius, setTargetRadius] = useState("0px");
+    const [entering, setEntering] = useState(false);
+    const [contentFading, setContentFading] = useState(false);
+    const popoverRef = useRef(null);
+    const setOpen = useCallback(
+      (v) => {
+        if (controlledOpen === void 0) setInternalOpen(v);
+        onOpenChange?.(v);
+      },
+      [controlledOpen, onOpenChange]
+    );
+    const setCurrent = useCallback(
+      (v) => {
+        setContentFading(true);
+        setTimeout(() => {
+          if (controlledCurrent === void 0) setInternalCurrent(v);
+          onCurrentChange?.(v);
+          setContentFading(false);
+        }, 150);
+      },
+      [controlledCurrent, onCurrentChange]
+    );
+    const step = steps[current];
+    const s = sizeMap[size];
+    useEffect(() => {
+      if (isOpen) {
+        setEntering(true);
+        const t = setTimeout(() => setEntering(false), 400);
+        return () => clearTimeout(t);
+      }
+    }, [isOpen]);
+    useEffect(() => {
+      if (!isOpen || !step) {
+        setTargetRect(null);
+        return;
+      }
+      const el = getTargetElement(step.target);
+      if (!el) {
+        setTargetRect(null);
+        return;
+      }
+      const updateRect = () => {
+        setTargetRect(el.getBoundingClientRect());
+        setTargetRadius(getTargetBorderRadius(el));
+      };
+      updateRect();
+      el.scrollIntoView({ behavior: "smooth", block: "center" });
+      const ro = new ResizeObserver(updateRect);
+      ro.observe(el);
+      window.addEventListener("scroll", updateRect, { passive: true });
+      window.addEventListener("resize", updateRect, { passive: true });
+      return () => {
+        ro.disconnect();
+        window.removeEventListener("scroll", updateRect);
+        window.removeEventListener("resize", updateRect);
+      };
+    }, [isOpen, current, step]);
+    const handleNext = () => {
+      step?.onNext?.();
+      if (current < steps.length - 1) setCurrent(current + 1);
+      else {
+        setOpen(false);
+        onFinish?.();
+      }
+    };
+    const handlePrev = () => {
+      step?.onPrev?.();
+      if (current > 0) setCurrent(current - 1);
+    };
+    const handleSkip = () => {
+      setOpen(false);
+      if (controlledCurrent === void 0) setInternalCurrent(0);
+      onSkip?.();
+    };
+    useEffect(() => {
+      if (!isOpen) return;
+      const handleEsc = (e) => {
+        if (e.key === "Escape") handleSkip();
+      };
+      document.addEventListener("keydown", handleEsc);
+      return () => document.removeEventListener("keydown", handleEsc);
+    }, [isOpen]);
+    if (!isOpen || !step) return null;
+    const placement = step.placement || "bottom";
+    const isLast = current === steps.length - 1;
+    const spotlightStyle = targetRect ? {
+      position: "fixed",
+      top: targetRect.top - s.padding,
+      left: targetRect.left - s.padding,
+      width: targetRect.width + s.padding * 2,
+      height: targetRect.height + s.padding * 2,
+      borderRadius: targetRadius,
+      boxShadow: "0 0 0 9999px rgba(0, 0, 0, 0.5)",
+      transition: entering ? "none" : `top ${DURATION} ${EASE}, left ${DURATION} ${EASE}, width ${DURATION} ${EASE}, height ${DURATION} ${EASE}, border-radius ${DURATION} ${EASE}`,
+      pointerEvents: "none",
+      opacity: entering ? 0 : 1,
+      animation: entering ? "none" : void 0
+    } : {
+      position: "fixed",
+      inset: 0,
+      background: "rgba(0,0,0,0.5)"
+    };
+    const popoverStyle = targetRect ? {
+      ...getPopoverStyle(targetRect, placement, s.gap),
+      transition: entering ? "none" : `top ${DURATION} ${EASE}, left ${DURATION} ${EASE}, bottom ${DURATION} ${EASE}, right ${DURATION} ${EASE}, opacity 150ms ease`,
+      opacity: contentFading ? 0 : 1
+    } : { position: "fixed", opacity: 0 };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "root",
+        className: cn("tour_root", colorVars[color], classNames?.root, className),
+        style: { opacity: entering ? 0 : 1, transition: `opacity 300ms ${EASE}` },
+        ref: (el) => {
+          if (el && entering) requestAnimationFrame(() => setEntering(false));
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "overlay",
+              className: cn("tour_overlay", "z-[var(--z-overlay)]", classNames?.overlay),
+              onClick: overlayClickable ? handleSkip : void 0,
+              style: spotlightStyle
+            }
+          ),
+          targetRect && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "highlight",
+              className: "fixed z-[var(--z-overlay)] pointer-events-none",
+              style: {
+                top: targetRect.top - s.padding,
+                left: targetRect.left - s.padding,
+                width: targetRect.width + s.padding * 2,
+                height: targetRect.height + s.padding * 2,
+                borderRadius: targetRadius,
+                boxShadow: "0 0 0 2px var(--color-slot, #3b82f6), 0 0 12px 2px color-mix(in srgb, var(--color-slot, #3b82f6) 30%, transparent)",
+                transition: `top ${DURATION} ${EASE}, left ${DURATION} ${EASE}, width ${DURATION} ${EASE}, height ${DURATION} ${EASE}, border-radius ${DURATION} ${EASE}`
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: popoverRef,
+              "data-slot": "popover",
+              className: cn(
+                "tour_popover",
+                "z-[calc(var(--z-overlay)+1)] rounded-lg border border-border bg-background shadow-lg",
+                s.popover,
+                classNames?.popover
+              ),
+              style: popoverStyle,
+              children: [
+                step.cover && /* @__PURE__ */ jsx("div", { "data-slot": "cover", className: cn("tour_cover", "mb-3 rounded-md overflow-hidden", classNames?.cover), children: step.cover }),
+                /* @__PURE__ */ jsx("div", { "data-slot": "title", className: cn("tour_title", s.title, "text-text-primary", classNames?.title), children: step.title }),
+                step.description && /* @__PURE__ */ jsx("div", { "data-slot": "description", className: cn("tour_description", s.desc, "text-text-secondary mt-1", classNames?.description), children: step.description }),
+                /* @__PURE__ */ jsxs("div", { "data-slot": "footer", className: cn("tour_footer", "flex items-center justify-between mt-3 gap-2", classNames?.footer), children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: showProgress && /* @__PURE__ */ jsxs("span", { "data-slot": "indicator", className: cn("tour_indicator", "text-xs text-text-secondary", classNames?.indicator), children: [
+                    current + 1,
+                    " / ",
+                    steps.length
+                  ] }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    showSkip && !isLast && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleSkip,
+                        className: cn("inline-flex items-center justify-center rounded-md text-text-secondary hover:text-text-primary transition-colors font-medium cursor-pointer", s.btn),
+                        children: skipText
+                      }
+                    ),
+                    current > 0 && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handlePrev,
+                        className: cn("inline-flex items-center justify-center rounded-md border border-border bg-background text-text-primary hover:bg-surface transition-colors font-medium cursor-pointer", s.btn),
+                        children: step.prevText || prevText
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleNext,
+                        className: cn("inline-flex items-center justify-center rounded-md bg-slot text-slot-fg hover:bg-slot-90 transition-colors font-medium cursor-pointer", s.btn),
+                        children: isLast ? finishText : step.nextText || nextText
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Tour.displayName = "Tour";
+var tour_default = Tour;
+
+export { tour_default };
+//# sourceMappingURL=chunk-YUACN5GJ.js.map
+//# sourceMappingURL=chunk-YUACN5GJ.js.map

package/dist/chunk-YUACN5GJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tour/index.tsx"],"names":[],"mappings":"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","file":"chunk-YUACN5GJ.js","sourcesContent":["'use client'\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { TourProps, TourPlacement } from './types'\n\nfunction getTargetElement(target: string | (() => HTMLElement | null)): HTMLElement | null {\n  if (typeof target === 'function') return target()\n  return document.querySelector(target)\n}\n\nfunction getTargetBorderRadius(el: HTMLElement): string {\n  if (typeof window === 'undefined') return '0px'\n  return getComputedStyle(el).borderRadius || '0px'\n}\n\n// ── Popover positioning ─────────────────────────────────────\nfunction computePopoverPosition(\n  rect: DOMRect,\n  placement: TourPlacement,\n  gap: number,\n): { top: number; left: number } {\n  const base = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left'\n  const align = placement.split('-')[1] as 'start' | 'end' | undefined\n\n  let top = 0\n  let left = 0\n\n  const cx = rect.left + rect.width / 2\n  const cy = rect.top + rect.height / 2\n\n  if (base === 'bottom') {\n    top = rect.bottom + gap\n    left = align === 'start' ? rect.left : align === 'end' ? rect.right : cx\n  } else if (base === 'top') {\n    top = rect.top - gap\n    left = align === 'start' ? rect.left : align === 'end' ? rect.right : cx\n  } else if (base === 'left') {\n    top = align === 'start' ? rect.top : align === 'end' ? rect.bottom : cy\n    left = rect.left - gap\n  } else {\n    top = align === 'start' ? rect.top : align === 'end' ? rect.bottom : cy\n    left = rect.right + gap\n  }\n\n  return { top, left }\n}\n\nfunction getPopoverStyle(\n  rect: DOMRect,\n  placement: TourPlacement,\n  gap: number,\n): React.CSSProperties {\n  const base = placement.split('-')[0] as 'top' | 'right' | 'bottom' | 'left'\n  const align = placement.split('-')[1] as 'start' | 'end' | undefined\n\n  const pos = computePopoverPosition(rect, placement, gap)\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    top: pos.top,\n    left: pos.left,\n  }\n\n  // Transform for anchoring\n  if (base === 'bottom') {\n    if (!align) style.transform = 'translateX(-50%)'\n    else if (align === 'end') style.transform = 'translateX(-100%)'\n  } else if (base === 'top') {\n    if (!align) style.transform = 'translate(-50%, -100%)'\n    else if (align === 'start') style.transform = 'translateY(-100%)'\n    else style.transform = 'translate(-100%, -100%)'\n  } else if (base === 'left') {\n    if (!align) style.transform = 'translate(-100%, -50%)'\n    else if (align === 'start') style.transform = 'translateX(-100%)'\n    else style.transform = 'translate(-100%, -100%)'\n  } else {\n    if (!align) style.transform = 'translateY(-50%)'\n    else if (align === 'end') style.transform = 'translateY(-100%)'\n  }\n\n  return style\n}\n\nconst sizeMap = {\n  xs: { padding: 4, gap: 8, popover: 'p-3 max-w-[260px]', title: 'text-sm font-semibold', desc: 'text-xs', btn: 'h-6 px-2.5 text-xs' },\n  sm: { padding: 6, gap: 10, popover: 'p-3.5 max-w-[300px]', title: 'text-sm font-semibold', desc: 'text-sm', btn: 'h-7 px-3 text-xs' },\n  md: { padding: 8, gap: 12, popover: 'p-4 max-w-[340px]', title: 'text-base font-semibold', desc: 'text-sm', btn: 'h-8 px-3 text-sm' },\n  lg: { padding: 10, gap: 14, popover: 'p-5 max-w-[400px]', title: 'text-lg font-semibold', desc: 'text-base', btn: 'h-9 px-4 text-sm' },\n}\n\n// Transition easing\nconst EASE = 'cubic-bezier(0.4, 0, 0.2, 1)'\nconst DURATION = '350ms'\n\nconst Tour = React.memo<TourProps>(\n  ({\n    steps,\n    open: controlledOpen,\n    onOpenChange,\n    current: controlledCurrent,\n    onCurrentChange,\n    color = 'primary',\n    size = 'md',\n    showProgress = true,\n    showSkip = true,\n    skipText = 'Skip',\n    finishText = 'Finish',\n    nextText = 'Next',\n    prevText = 'Back',\n    onFinish,\n    onSkip,\n    overlayClickable = false,\n    className,\n    classNames,\n  }) => {\n    const [internalOpen, setInternalOpen] = useState(false)\n    const [internalCurrent, setInternalCurrent] = useState(0)\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n    const current = controlledCurrent !== undefined ? controlledCurrent : internalCurrent\n\n    const [targetRect, setTargetRect] = useState<DOMRect | null>(null)\n    const [targetRadius, setTargetRadius] = useState('0px')\n    const [entering, setEntering] = useState(false)\n    const [contentFading, setContentFading] = useState(false)\n    const popoverRef = useRef<HTMLDivElement>(null)\n\n    const setOpen = useCallback(\n      (v: boolean) => {\n        if (controlledOpen === undefined) setInternalOpen(v)\n        onOpenChange?.(v)\n      },\n      [controlledOpen, onOpenChange],\n    )\n\n    const setCurrent = useCallback(\n      (v: number) => {\n        // Trigger content crossfade\n        setContentFading(true)\n        setTimeout(() => {\n          if (controlledCurrent === undefined) setInternalCurrent(v)\n          onCurrentChange?.(v)\n          setContentFading(false)\n        }, 150) // half of transition duration — content fades out then in\n      },\n      [controlledCurrent, onCurrentChange],\n    )\n\n    const step = steps[current]\n    const s = sizeMap[size]\n\n    // Initial entrance animation\n    useEffect(() => {\n      if (isOpen) {\n        setEntering(true)\n        const t = setTimeout(() => setEntering(false), 400)\n        return () => clearTimeout(t)\n      }\n    }, [isOpen])\n\n    // Track target rect + border-radius\n    useEffect(() => {\n      if (!isOpen || !step) { setTargetRect(null); return }\n      const el = getTargetElement(step.target)\n      if (!el) { setTargetRect(null); return }\n\n      const updateRect = () => {\n        setTargetRect(el.getBoundingClientRect())\n        setTargetRadius(getTargetBorderRadius(el))\n      }\n      updateRect()\n\n      el.scrollIntoView({ behavior: 'smooth', block: 'center' })\n\n      const ro = new ResizeObserver(updateRect)\n      ro.observe(el)\n      window.addEventListener('scroll', updateRect, { passive: true })\n      window.addEventListener('resize', updateRect, { passive: true })\n\n      return () => {\n        ro.disconnect()\n        window.removeEventListener('scroll', updateRect)\n        window.removeEventListener('resize', updateRect)\n      }\n    }, [isOpen, current, step])\n\n    const handleNext = () => {\n      step?.onNext?.()\n      if (current < steps.length - 1) setCurrent(current + 1)\n      else { setOpen(false); onFinish?.() }\n    }\n\n    const handlePrev = () => {\n      step?.onPrev?.()\n      if (current > 0) setCurrent(current - 1)\n    }\n\n    const handleSkip = () => {\n      setOpen(false)\n      if (controlledCurrent === undefined) setInternalCurrent(0)\n      onSkip?.()\n    }\n\n    useEffect(() => {\n      if (!isOpen) return\n      const handleEsc = (e: KeyboardEvent) => { if (e.key === 'Escape') handleSkip() }\n      document.addEventListener('keydown', handleEsc)\n      return () => document.removeEventListener('keydown', handleEsc)\n    }, [isOpen])\n\n    if (!isOpen || !step) return null\n\n    const placement = step.placement || 'bottom'\n    const isLast = current === steps.length - 1\n\n    // The spotlight element — uses box-shadow to create the overlay\n    // As this element transitions position/size/border-radius, the\n    // entire overlay smoothly morphs to follow the target.\n    const spotlightStyle: React.CSSProperties = targetRect\n      ? {\n          position: 'fixed',\n          top: targetRect.top - s.padding,\n          left: targetRect.left - s.padding,\n          width: targetRect.width + s.padding * 2,\n          height: targetRect.height + s.padding * 2,\n          borderRadius: targetRadius,\n          boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.5)',\n          transition: entering\n            ? 'none'\n            : `top ${DURATION} ${EASE}, left ${DURATION} ${EASE}, width ${DURATION} ${EASE}, height ${DURATION} ${EASE}, border-radius ${DURATION} ${EASE}`,\n          pointerEvents: 'none' as const,\n          opacity: entering ? 0 : 1,\n          animation: entering ? 'none' : undefined,\n        }\n      : {\n          position: 'fixed' as const,\n          inset: 0,\n          background: 'rgba(0,0,0,0.5)',\n        }\n\n    // Popover transitions position smoothly (no remount)\n    const popoverStyle: React.CSSProperties = targetRect\n      ? {\n          ...getPopoverStyle(targetRect, placement, s.gap),\n          transition: entering\n            ? 'none'\n            : `top ${DURATION} ${EASE}, left ${DURATION} ${EASE}, bottom ${DURATION} ${EASE}, right ${DURATION} ${EASE}, opacity 150ms ease`,\n          opacity: contentFading ? 0 : 1,\n        }\n      : { position: 'fixed', opacity: 0 }\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn('tour_root', colorVars[color], classNames?.root, className)}\n        style={{ opacity: entering ? 0 : 1, transition: `opacity 300ms ${EASE}` }}\n        ref={(el) => {\n          // Trigger entrance fade after mount\n          if (el && entering) requestAnimationFrame(() => setEntering(false))\n        }}\n      >\n        {/* Spotlight overlay — single div, box-shadow creates darkened backdrop */}\n        <div\n          data-slot=\"overlay\"\n          className={cn('tour_overlay', 'z-[var(--z-overlay)]', classNames?.overlay)}\n          onClick={overlayClickable ? handleSkip : undefined}\n          style={spotlightStyle}\n        />\n\n        {/* Highlight ring — follows target shape */}\n        {targetRect && (\n          <div\n            data-slot=\"highlight\"\n            className=\"fixed z-[var(--z-overlay)] pointer-events-none\"\n            style={{\n              top: targetRect.top - s.padding,\n              left: targetRect.left - s.padding,\n              width: targetRect.width + s.padding * 2,\n              height: targetRect.height + s.padding * 2,\n              borderRadius: targetRadius,\n              boxShadow: '0 0 0 2px var(--color-slot, #3b82f6), 0 0 12px 2px color-mix(in srgb, var(--color-slot, #3b82f6) 30%, transparent)',\n              transition: `top ${DURATION} ${EASE}, left ${DURATION} ${EASE}, width ${DURATION} ${EASE}, height ${DURATION} ${EASE}, border-radius ${DURATION} ${EASE}`,\n            }}\n          />\n        )}\n\n        {/* Popover — position transitions, content crossfades */}\n        <div\n          ref={popoverRef}\n          data-slot=\"popover\"\n          className={cn(\n            'tour_popover',\n            'z-[calc(var(--z-overlay)+1)] rounded-lg border border-border bg-background shadow-lg',\n            s.popover,\n            classNames?.popover,\n          )}\n          style={popoverStyle}\n        >\n          {step.cover && (\n            <div data-slot=\"cover\" className={cn('tour_cover', 'mb-3 rounded-md overflow-hidden', classNames?.cover)}>\n              {step.cover}\n            </div>\n          )}\n\n          <div data-slot=\"title\" className={cn('tour_title', s.title, 'text-text-primary', classNames?.title)}>\n            {step.title}\n          </div>\n\n          {step.description && (\n            <div data-slot=\"description\" className={cn('tour_description', s.desc, 'text-text-secondary mt-1', classNames?.description)}>\n              {step.description}\n            </div>\n          )}\n\n          <div data-slot=\"footer\" className={cn('tour_footer', 'flex items-center justify-between mt-3 gap-2', classNames?.footer)}>\n            <div className=\"flex items-center gap-2\">\n              {showProgress && (\n                <span data-slot=\"indicator\" className={cn('tour_indicator', 'text-xs text-text-secondary', classNames?.indicator)}>\n                  {current + 1} / {steps.length}\n                </span>\n              )}\n            </div>\n\n            <div className=\"flex items-center gap-2\">\n              {showSkip && !isLast && (\n                <button\n                  type=\"button\"\n                  onClick={handleSkip}\n                  className={cn('inline-flex items-center justify-center rounded-md text-text-secondary hover:text-text-primary transition-colors font-medium cursor-pointer', s.btn)}\n                >\n                  {skipText}\n                </button>\n              )}\n\n              {current > 0 && (\n                <button\n                  type=\"button\"\n                  onClick={handlePrev}\n                  className={cn('inline-flex items-center justify-center rounded-md border border-border bg-background text-text-primary hover:bg-surface transition-colors font-medium cursor-pointer', s.btn)}\n                >\n                  {step.prevText || prevText}\n                </button>\n              )}\n\n              <button\n                type=\"button\"\n                onClick={handleNext}\n                className={cn('inline-flex items-center justify-center rounded-md bg-slot text-slot-fg hover:bg-slot-90 transition-colors font-medium cursor-pointer', s.btn)}\n              >\n                {isLast ? finishText : step.nextText || nextText}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  },\n)\n\nTour.displayName = 'Tour'\n\nexport type * from './types'\nexport default Tour\n"]}

package/dist/color-picker/index.js

@@ -0,0 +1,6 @@
+export { ColorInput, ColorPicker, color_picker_default as default } from '../chunk-UFYG3HKL.js';
+import '../chunk-ROQGBDET.js';
+import '../chunk-G6QIIWKU.js';
+import '../chunk-RAS6HUEI.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/color-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/date-picker/RangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.d.ts","sourceRoot":"","sources":["../../src/date-picker/RangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAO/C,eAAO,MAAM,oBAAoB,8CA0MhC,CAAA"}
+{"version":3,"file":"RangePicker.d.ts","sourceRoot":"","sources":["../../src/date-picker/RangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAQ/C,eAAO,MAAM,oBAAoB,8CA0MhC,CAAA"}

package/dist/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,4CAA4C,CAAA;AAMnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAwLlD,mBAAmB,SAAS,CAAA;AAC5B,eAAO,MAAM,UAAU;;;CAGrB,CAAA;AAEF,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,4CAA4C,CAAA;AAMnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAO9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAwLlD,mBAAmB,SAAS,CAAA;AAC5B,eAAO,MAAM,UAAU;;;CAGrB,CAAA;AAEF,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAA"}

package/dist/date-picker/index.js

@@ -1,4 +1,4 @@
-export { DatePicker, RangePickerComponent as RangePicker, TimePickerComponent as TimePicker } from '../chunk-BKLJDEUX.js';
+export { DatePicker, RangePickerComponent as RangePicker, TimePickerComponent as TimePicker } from '../chunk-DBPLQZJ2.js';
 import '../chunk-ROQGBDET.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';

package/dist/date-picker/shared.d.ts

@@ -1,3 +1,8 @@
 /** Slot-based: applied to selected day/time elements inside picker */
 export declare const pickerSelectedClasses = "bg-slot text-slot-fg";
+/** Size-aware icon offsets for picker triggers */
+export declare const pickerIconLeft: Record<string, string>;
+export declare const pickerIconRight: Record<string, string>;
+export declare const pickerPaddingLeft: Record<string, string>;
+export declare const pickerPaddingRight: Record<string, string>;
 //# sourceMappingURL=shared.d.ts.map

package/dist/date-picker/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/date-picker/shared.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,eAAO,MAAM,qBAAqB,yBAAyB,CAAA"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/date-picker/shared.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,eAAO,MAAM,qBAAqB,yBAAyB,CAAA;AAE3D,kDAAkD;AAClD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKjD,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKlD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKpD,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKrD,CAAA"}

package/dist/dropdown/index.js

@@ -1,7 +1,7 @@
-export { dropdown_default as default } from '../chunk-OTNKP5CD.js';
-import '../chunk-ROQGBDET.js';
+export { dropdown_default as default } from '../chunk-6NXZWLSM.js';
 import '../chunk-NZHKNUGE.js';
 import '../chunk-4TEZWGX7.js';
+import '../chunk-ROQGBDET.js';
 import '../chunk-G6QIIWKU.js';
 import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map

package/dist/float-button/index.js

@@ -0,0 +1,5 @@
+export { BackTop, FloatButton, FloatButtonGroup, float_button_default as default } from '../chunk-YRSHBAUQ.js';
+import '../chunk-G6QIIWKU.js';
+import '../chunk-RAS6HUEI.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/float-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}