@mdigital_ui/ui 0.4.4 → 0.4.6

package/dist/{chunk-SFP77VS3.js → chunk-X7JN7WPF.js}

@@ -25,6 +25,9 @@ var Skeleton = React.memo(
       "div",
       {
         "data-slot": "root",
+        role: "status",
+        "aria-busy": "true",
+        "aria-label": "Loading",
         className: cn(
           "skeleton_root",
           skeletonVariants({ size, color }),
@@ -40,5 +43,5 @@ Skeleton.displayName = "Skeleton";
 var skeleton_default = Skeleton;
 
 export { skeleton_default };
-//# sourceMappingURL=chunk-SFP77VS3.js.map
-//# sourceMappingURL=chunk-SFP77VS3.js.map
+//# sourceMappingURL=chunk-X7JN7WPF.js.map
+//# sourceMappingURL=chunk-X7JN7WPF.js.map

package/dist/chunk-X7JN7WPF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,gBAAA,GAAmB,IAAI,uBAAA,EAAyB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,GACT;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC,EAAE,KAAA,GAAQ,SAAA,EAAW,OAAO,IAAA,EAAM,SAAA,EAAW,MAAA,GAAS,KAAA,EAAM,KAAM;AACjE,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAU,MAAA;AAAA,QACV,YAAA,EAAW,SAAA;AAAA,QACX,SAAA,EAAW,EAAA;AAAA,UACT,eAAA;AAAA,UACA,gBAAA,CAAiB,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,UAChC,YAAA;AAAA,UACA,MAAA,IAAU,4BAAA;AAAA,UACV;AAAA;AACF;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-X7JN7WPF.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { SkeletonProps } from './types'\n\nconst skeletonVariants = cva('animate-pulse rounded', {\n  variants: {\n    size: {\n      xs: 'h-3',\n      sm: 'h-4',\n      md: 'h-5',\n      lg: 'h-6',\n    },\n    color: colorVars,\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'default',\n  },\n})\n\nconst Skeleton = React.memo<SkeletonProps>(\n  ({ color = 'default', size = 'md', className, circle = false }) => {\n    return (\n      <div\n        data-slot=\"root\"\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Loading\"\n        className={cn(\n          'skeleton_root',\n          skeletonVariants({ size, color }),\n          'bg-slot-50',\n          circle && 'rounded-full aspect-square',\n          className,\n        )}\n      />\n    )\n  },\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport type * from './types'\nexport default Skeleton\n"]}

package/dist/chunk-YRSHBAUQ.js

@@ -0,0 +1,201 @@
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
+import { cva } from 'class-variance-authority';
+import React, { useState, useCallback, useEffect } from 'react';
+import { ArrowUp, X, Plus } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "inline-flex items-center justify-center shadow-lg transition-all hover:scale-105 active:scale-95 disabled:opacity-50 disabled:pointer-events-none cursor-pointer",
+  {
+    variants: {
+      size: {
+        xs: "w-8 h-8 text-sm",
+        sm: "w-10 h-10 text-base",
+        md: "w-12 h-12 text-lg",
+        lg: "w-14 h-14 text-xl"
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "rounded-lg"
+      },
+      variant: {
+        default: "bg-background border border-border text-text-primary hover:bg-surface",
+        colored: "bg-slot text-slot-fg hover:bg-slot-90"
+      }
+    },
+    defaultVariants: { size: "md", shape: "circle", variant: "default" }
+  }
+);
+var FloatButton = React.memo(
+  ({
+    icon,
+    label,
+    tooltip,
+    badge,
+    onClick,
+    href,
+    target,
+    color = "default",
+    size = "md",
+    shape = "circle",
+    disabled = false,
+    className,
+    classNames,
+    style
+  }) => {
+    const variant = color === "default" ? "default" : "colored";
+    const Component = href ? "a" : "button";
+    const content = /* @__PURE__ */ jsxs(
+      Component,
+      {
+        ...href ? { href, target } : { type: "button", onClick, disabled },
+        "data-slot": "button",
+        title: tooltip,
+        className: cn(
+          "floatButton_button",
+          buttonVariants({ size, shape, variant }),
+          color !== "default" && colorVars[color],
+          "relative",
+          classNames?.button,
+          className
+        ),
+        style,
+        children: [
+          icon,
+          label && !icon && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: label }),
+          badge !== void 0 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "badge",
+              className: cn(
+                "floatButton_badge",
+                "absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 rounded-full bg-error text-error-foreground text-[10px] font-medium flex items-center justify-center",
+                classNames?.badge
+              ),
+              children: badge
+            }
+          )
+        ]
+      }
+    );
+    return content;
+  }
+);
+FloatButton.displayName = "FloatButton";
+var FloatButtonGroup = React.memo(
+  ({
+    children,
+    trigger = "click",
+    icon,
+    closeIcon,
+    open: controlledOpen,
+    onOpenChange,
+    shape = "circle",
+    color = "primary",
+    size = "md",
+    placement = "top",
+    className,
+    classNames,
+    style
+  }) => {
+    const [internalOpen, setInternalOpen] = useState(false);
+    const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+    const setOpen = useCallback(
+      (v) => {
+        if (controlledOpen === void 0) setInternalOpen(v);
+        onOpenChange?.(v);
+      },
+      [controlledOpen, onOpenChange]
+    );
+    const placementClasses = {
+      top: "flex-col-reverse gap-3 bottom-0",
+      bottom: "flex-col gap-3 top-0",
+      left: "flex-row-reverse gap-3 right-0",
+      right: "flex-row gap-3 left-0"
+    };
+    const openIcon = icon ?? /* @__PURE__ */ jsx(Plus, { className: "w-5 h-5" });
+    const closedIcon = closeIcon ?? /* @__PURE__ */ jsx(X, { className: "w-5 h-5" });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "group",
+        className: cn("floatButton_group", "relative inline-flex", classNames?.group, className),
+        style,
+        onMouseEnter: trigger === "hover" ? () => setOpen(true) : void 0,
+        onMouseLeave: trigger === "hover" ? () => setOpen(false) : void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            FloatButton,
+            {
+              icon: /* @__PURE__ */ jsx("span", { className: cn("transition-transform duration-200", isOpen && "rotate-45"), children: isOpen ? closedIcon : openIcon }),
+              color,
+              size,
+              shape,
+              onClick: trigger === "click" ? () => setOpen(!isOpen) : void 0
+            }
+          ),
+          isOpen && /* @__PURE__ */ jsx("div", { className: cn("absolute flex items-center", placementClasses[placement]), children: React.Children.map(children, (child, idx) => {
+            if (!React.isValidElement(child)) return child;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "animate-in fade-in zoom-in-75",
+                style: { animationDelay: `${idx * 50}ms`, animationFillMode: "both", animationDuration: "150ms" },
+                children: React.cloneElement(child, {
+                  size: child.props.size || size,
+                  shape: child.props.shape || shape
+                })
+              },
+              idx
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+FloatButtonGroup.displayName = "FloatButtonGroup";
+var BackTop = React.memo(
+  ({
+    visibilityHeight = 400,
+    onClick,
+    icon,
+    size = "md",
+    shape = "circle",
+    color = "default",
+    ...props
+  }) => {
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+      if (typeof window === "undefined") return;
+      const handleScroll = () => setVisible(window.scrollY >= visibilityHeight);
+      handleScroll();
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      return () => window.removeEventListener("scroll", handleScroll);
+    }, [visibilityHeight]);
+    const handleClick = useCallback(() => {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+      onClick?.();
+    }, [onClick]);
+    if (!visible) return null;
+    return /* @__PURE__ */ jsx(
+      FloatButton,
+      {
+        icon: icon ?? /* @__PURE__ */ jsx(ArrowUp, { className: "w-5 h-5" }),
+        tooltip: "Back to top",
+        onClick: handleClick,
+        size,
+        shape,
+        color,
+        ...props
+      }
+    );
+  }
+);
+BackTop.displayName = "BackTop";
+var float_button_default = FloatButton;
+
+export { BackTop, FloatButton, FloatButtonGroup, float_button_default };
+//# sourceMappingURL=chunk-YRSHBAUQ.js.map
+//# sourceMappingURL=chunk-YRSHBAUQ.js.map

package/dist/chunk-YRSHBAUQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/float-button/index.tsx"],"names":[],"mappings":"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","file":"chunk-YRSHBAUQ.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState, useEffect, useCallback } from 'react'\n\nimport { ArrowUp, X, Plus } from 'lucide-react'\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { FloatButtonProps, FloatButtonGroupProps, BackTopProps } from './types'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center shadow-lg transition-all hover:scale-105 active:scale-95 disabled:opacity-50 disabled:pointer-events-none cursor-pointer',\n  {\n    variants: {\n      size: {\n        xs: 'w-8 h-8 text-sm',\n        sm: 'w-10 h-10 text-base',\n        md: 'w-12 h-12 text-lg',\n        lg: 'w-14 h-14 text-xl',\n      },\n      shape: {\n        circle: 'rounded-full',\n        square: 'rounded-lg',\n      },\n      variant: {\n        default: 'bg-background border border-border text-text-primary hover:bg-surface',\n        colored: 'bg-slot text-slot-fg hover:bg-slot-90',\n      },\n    },\n    defaultVariants: { size: 'md', shape: 'circle', variant: 'default' },\n  },\n)\n\nconst FloatButton = React.memo<FloatButtonProps>(\n  ({\n    icon,\n    label,\n    tooltip,\n    badge,\n    onClick,\n    href,\n    target,\n    color = 'default',\n    size = 'md',\n    shape = 'circle',\n    disabled = false,\n    className,\n    classNames,\n    style,\n  }) => {\n    const variant = color === 'default' ? 'default' : 'colored'\n    const Component = href ? 'a' : 'button'\n\n    const content = (\n      <Component\n        {...(href ? { href, target } : { type: 'button' as const, onClick, disabled })}\n        data-slot=\"button\"\n        title={tooltip}\n        className={cn(\n          'floatButton_button',\n          buttonVariants({ size, shape, variant }),\n          color !== 'default' && colorVars[color],\n          'relative',\n          classNames?.button,\n          className,\n        )}\n        style={style}\n      >\n        {icon}\n        {label && !icon && <span className=\"text-xs font-medium\">{label}</span>}\n        {badge !== undefined && (\n          <span\n            data-slot=\"badge\"\n            className={cn(\n              'floatButton_badge',\n              'absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 rounded-full bg-error text-error-foreground text-[10px] font-medium flex items-center justify-center',\n              classNames?.badge,\n            )}\n          >\n            {badge}\n          </span>\n        )}\n      </Component>\n    )\n\n    return content\n  },\n)\n\nFloatButton.displayName = 'FloatButton'\n\nconst FloatButtonGroup = React.memo<FloatButtonGroupProps>(\n  ({\n    children,\n    trigger = 'click',\n    icon,\n    closeIcon,\n    open: controlledOpen,\n    onOpenChange,\n    shape = 'circle',\n    color = 'primary',\n    size = 'md',\n    placement = 'top',\n    className,\n    classNames,\n    style,\n  }) => {\n    const [internalOpen, setInternalOpen] = useState(false)\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\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 placementClasses = {\n      top: 'flex-col-reverse gap-3 bottom-0',\n      bottom: 'flex-col gap-3 top-0',\n      left: 'flex-row-reverse gap-3 right-0',\n      right: 'flex-row gap-3 left-0',\n    }\n\n    const openIcon = icon ?? <Plus className=\"w-5 h-5\" />\n    const closedIcon = closeIcon ?? <X className=\"w-5 h-5\" />\n\n    return (\n      <div\n        data-slot=\"group\"\n        className={cn('floatButton_group', 'relative inline-flex', classNames?.group, className)}\n        style={style}\n        onMouseEnter={trigger === 'hover' ? () => setOpen(true) : undefined}\n        onMouseLeave={trigger === 'hover' ? () => setOpen(false) : undefined}\n      >\n        <FloatButton\n          icon={\n            <span className={cn('transition-transform duration-200', isOpen && 'rotate-45')}>\n              {isOpen ? closedIcon : openIcon}\n            </span>\n          }\n          color={color}\n          size={size}\n          shape={shape}\n          onClick={trigger === 'click' ? () => setOpen(!isOpen) : undefined}\n        />\n\n        {isOpen && (\n          <div className={cn('absolute flex items-center', placementClasses[placement])}>\n            {React.Children.map(children, (child, idx) => {\n              if (!React.isValidElement(child)) return child\n              return (\n                <div\n                  key={idx}\n                  className=\"animate-in fade-in zoom-in-75\"\n                  style={{ animationDelay: `${idx * 50}ms`, animationFillMode: 'both', animationDuration: '150ms' }}\n                >\n                  {React.cloneElement(child as React.ReactElement<FloatButtonProps>, {\n                    size: (child as React.ReactElement<FloatButtonProps>).props.size || size,\n                    shape: (child as React.ReactElement<FloatButtonProps>).props.shape || shape,\n                  })}\n                </div>\n              )\n            })}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nFloatButtonGroup.displayName = 'FloatButtonGroup'\n\nconst BackTop = React.memo<BackTopProps>(\n  ({\n    visibilityHeight = 400,\n    onClick,\n    icon,\n    size = 'md',\n    shape = 'circle',\n    color = 'default',\n    ...props\n  }) => {\n    const [visible, setVisible] = useState(false)\n\n    useEffect(() => {\n      if (typeof window === 'undefined') return\n      const handleScroll = () => setVisible(window.scrollY >= visibilityHeight)\n      handleScroll()\n      window.addEventListener('scroll', handleScroll, { passive: true })\n      return () => window.removeEventListener('scroll', handleScroll)\n    }, [visibilityHeight])\n\n    const handleClick = useCallback(() => {\n      window.scrollTo({ top: 0, behavior: 'smooth' })\n      onClick?.()\n    }, [onClick])\n\n    if (!visible) return null\n\n    return (\n      <FloatButton\n        icon={icon ?? <ArrowUp className=\"w-5 h-5\" />}\n        tooltip=\"Back to top\"\n        onClick={handleClick}\n        size={size}\n        shape={shape}\n        color={color}\n        {...props}\n      />\n    )\n  },\n)\n\nBackTop.displayName = 'BackTop'\n\nexport type * from './types'\nexport { FloatButton, FloatButtonGroup, BackTop }\nexport default FloatButton\n"]}

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/{chunk-HVHQA34X.js → chunk-ZNGKUG2N.js}

@@ -1,7 +1,7 @@
-import { useSelectBase } from './chunk-HJITFPBT.js';
+import { useSelectBase } from './chunk-SZMIHNCZ.js';
 import { useControllable } from './chunk-PQOIW5CM.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
 import { spinner_default } from './chunk-RRPMZYVN.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
 import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
@@ -86,7 +86,11 @@ var Select = React.memo(
     ref,
     ...props
   }) => {
-    const [currentValue, setCurrentValue] = useControllable({ value, defaultValue: defaultValue ?? "", onChange });
+    const [currentValue, setCurrentValue] = useControllable({
+      value,
+      defaultValue: defaultValue ?? "",
+      onChange
+    });
     const {
       // State
       isOpen,
@@ -168,7 +172,7 @@ var Select = React.memo(
           "div",
           {
             ref: scrollContainerRef,
-            className: "overflow-auto relative",
+            className: "overflow-auto relative p-1",
             style: { maxHeight: maxDropdownHeight },
             role: "listbox",
             id: listboxId,
@@ -327,6 +331,7 @@ var Select = React.memo(
                 {
                   "data-slot": "option",
                   "data-value": option.value,
+                  "data-option-index": index,
                   className: cn(
                     "select_option",
                     selectOptionVariants({
@@ -530,5 +535,5 @@ Select.displayName = "Select";
 var select_default = Select;
 
 export { select_default };
-//# sourceMappingURL=chunk-HVHQA34X.js.map
-//# sourceMappingURL=chunk-HVHQA34X.js.map
+//# sourceMappingURL=chunk-ZNGKUG2N.js.map
+//# sourceMappingURL=chunk-ZNGKUG2N.js.map