@sth87/shadcn-design-system 0.1.9 → 0.2.1

package/dist/esm/components/Tour/Tour.js

@@ -1,86 +1,57 @@
-import { jsx as C, jsxs as dt, Fragment as Tt } from "react/jsx-runtime";
-import { Slot as I } from "@radix-ui/react-slot";
-import "../../packages/ui/src/components/button.js";
-import "../../packages/ui/src/components/button-group.js";
-import "../../packages/ui/src/components/input.js";
-import "../../packages/ui/src/components/textarea.js";
-import "@radix-ui/react-label";
-import { cn as L } from "../../packages/ui/src/lib/utils.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
+import { jsx as C, jsxs as de, Fragment as Te } from "react/jsx-runtime";
+import { cn as I } from "../../packages/ui/src/lib/utils.js";
+import { Slot as L } from "@radix-ui/react-slot";
+import { useComposedRefs as ye } from "../../packages/ui/src/lib/compose-refs.js";
+import { offset as je, shift as qe, flip as Je, arrow as Qe, hide as Ze, limitShift as et, useFloating as tt, autoUpdate as nt } from "@floating-ui/react-dom";
+import { ChevronRight as ot, ChevronLeft as rt, X as st } from "lucide-react";
 import * as i from "react";
-import { ChevronRight as jt, ChevronLeft as qt, X as Jt } from "lucide-react";
-import "react-day-picker";
-import "../../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../../packages/ui/src/components/switch.js";
-import "vaul";
-import "@radix-ui/react-scroll-area";
-import "../../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-avatar";
-import "../../packages/ui/src/components/badge.js";
-import "../../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../../packages/ui/src/components/input-otp.js";
-import "../../packages/ui/src/components/radio-group.js";
-import "../../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../../packages/ui/src/components/tabs.js";
-import "../../packages/ui/src/components/toggle.js";
-import { useComposedRefs as yt } from "../../packages/ui/src/lib/compose-refs.js";
-import { offset as Qt, shift as Zt, flip as te, arrow as ee, hide as oe, limitShift as ne, useFloating as re, autoUpdate as se } from "@floating-ui/react-dom";
-import * as ie from "react-dom";
-import ft from "../Button/Button.js";
-const pt = "Tour", ce = "TourPortal", lt = "TourStep", ue = "TourArrow", ae = "TourHeader", le = "TourTitle", de = "TourDescription", fe = "TourClose", pe = "TourPrev", me = "TourNext", he = "TourSkip", Pt = "TourFooter", ve = "tour.pointerDownOutside", St = "tour.interactOutside", xt = "tour.openAutoFocus", Q = "tour.closeAutoFocus", X = { bubbles: !1, cancelable: !0 }, ge = 0, Ee = 16, Rt = 4, Ce = {
+import * as it from "react-dom";
+import fe from "../Button/Button.js";
+const pe = "Tour", ct = "TourPortal", le = "TourStep", ut = "TourArrow", at = "TourHeader", lt = "TourTitle", dt = "TourDescription", ft = "TourClose", pt = "TourPrev", mt = "TourNext", ht = "TourSkip", Pe = "TourFooter", vt = "tour.pointerDownOutside", Se = "tour.interactOutside", xe = "tour.openAutoFocus", Q = "tour.closeAutoFocus", X = { bubbles: !1, cancelable: !0 }, gt = 0, Et = 16, Re = 4, Ct = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
 }, j = typeof window > "u" ? i.useEffect : i.useLayoutEffect;
-function Y(t) {
-  const e = i.useRef(t);
+function Y(e) {
+  const t = i.useRef(e);
   return j(() => {
-    e.current = t;
-  }), e;
+    t.current = e;
+  }), t;
 }
-function rt(t) {
-  const e = i.useRef(null);
-  return e.current === null && (e.current = t()), e;
+function re(e) {
+  const t = i.useRef(null);
+  return t.current === null && (t.current = e()), t;
 }
-let ut = 0;
-function bt() {
-  const t = document.createElement("span");
-  return t.setAttribute("data-tour-focus-guard", ""), t.tabIndex = 0, t.style.outline = "none", t.style.opacity = "0", t.style.position = "fixed", t.style.pointerEvents = "none", t;
+let ue = 0;
+function be() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-tour-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-function we() {
+function wt() {
   i.useEffect(() => {
-    const t = document.querySelectorAll("[data-tour-focus-guard]");
+    const e = document.querySelectorAll("[data-tour-focus-guard]");
     return document.body.insertAdjacentElement(
       "afterbegin",
-      t[0] ?? bt()
+      e[0] ?? be()
     ), document.body.insertAdjacentElement(
       "beforeend",
-      t[1] ?? bt()
-    ), ut++, () => {
-      if (ut === 1) {
-        const e = document.querySelectorAll("[data-tour-focus-guard]");
-        for (const o of e)
-          o.remove();
+      e[1] ?? be()
+    ), ue++, () => {
+      if (ue === 1) {
+        const t = document.querySelectorAll("[data-tour-focus-guard]");
+        for (const n of t)
+          n.remove();
       }
-      ut--;
+      ue--;
     };
   }, []);
 }
-function Pe(t, e, o, c, r) {
-  const u = i.useRef(null), a = Y(c), n = Y(r), p = Y(o);
+function Pt(e, t, n, c, r) {
+  const u = i.useRef(null), a = Y(c), o = Y(r), p = Y(n);
   i.useEffect(() => {
-    if (!e) return;
-    const s = t.current;
+    if (!t) return;
+    const s = e.current;
     if (!s) return;
     const S = document.activeElement;
     function F() {
@@ -118,9 +89,9 @@ function Pe(t, e, o, c, r) {
       }
       !l.shiftKey && document.activeElement === g ? (l.preventDefault(), d?.focus({ preventScroll: !0 })) : l.shiftKey && document.activeElement === d && (l.preventDefault(), g?.focus({ preventScroll: !0 }));
     }
-    const x = new CustomEvent(xt, X);
+    const x = new CustomEvent(xe, X);
     if (a.current && s.addEventListener(
-      xt,
+      xe,
       a.current,
       { once: !0 }
     ), s.dispatchEvent(x), !x.defaultPrevented) {
@@ -133,134 +104,134 @@ function Pe(t, e, o, c, r) {
           Q,
           X
         );
-        n.current && s.addEventListener(
+        o.current && s.addEventListener(
           Q,
-          n.current,
+          o.current,
           { once: !0 }
-        ), s.dispatchEvent(l), l.defaultPrevented || S && document.body.contains(S) && S.focus({ preventScroll: !0 }), n.current && s.removeEventListener(
+        ), s.dispatchEvent(l), l.defaultPrevented || S && document.body.contains(S) && S.focus({ preventScroll: !0 }), o.current && s.removeEventListener(
           Q,
-          n.current
+          o.current
         );
       }, 0);
     };
   }, [
-    t,
     e,
+    t,
     a,
-    n,
+    o,
     p
   ]);
 }
-const Se = i.createContext(void 0);
-function xe(t) {
-  const e = i.useContext(Se);
-  return t ?? e ?? "ltr";
+const St = i.createContext(void 0);
+function xt(e) {
+  const t = i.useContext(St);
+  return e ?? t ?? "ltr";
 }
-function Ot(t) {
-  return t ? "open" : "closed";
+function Oe(e) {
+  return e ? "open" : "closed";
 }
-function A(t) {
-  const e = U("useStore"), o = i.useCallback(
-    () => t(e.getState()),
-    [e, t]
+function A(e) {
+  const t = U("useStore"), n = i.useCallback(
+    () => e(t.getState()),
+    [t, e]
   );
-  return i.useSyncExternalStore(e.subscribe, o, o);
+  return i.useSyncExternalStore(t.subscribe, n, n);
 }
-function At(t) {
-  return typeof t == "string" ? document.querySelector(t) : t && "current" in t ? t.current : t instanceof HTMLElement ? t : null;
+function Ae(e) {
+  return typeof e == "string" ? document.querySelector(e) : e && "current" in e ? e.current : e instanceof HTMLElement ? e : null;
 }
-function Ft() {
+function Fe() {
   return typeof window > "u" ? "smooth" : window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 }
-function be(t, e = Ft(), o) {
+function bt(e, t = Fe(), n) {
   const c = {
     top: 100,
     bottom: 100,
     left: 0,
     right: 0,
-    ...o
-  }, r = t.getBoundingClientRect(), u = window.innerHeight, a = window.innerWidth;
+    ...n
+  }, r = e.getBoundingClientRect(), u = window.innerHeight, a = window.innerWidth;
   if (!(r.top >= c.top && r.bottom <= u - c.bottom && r.left >= c.left && r.right <= a - c.right)) {
     const s = r.top + window.scrollY - c.top;
     window.scrollTo({
       top: Math.max(0, s),
-      behavior: e
+      behavior: t
     });
   }
 }
-function Te(t) {
-  const [e, o = "center"] = t.split("-");
-  return [e, o];
-}
-function ye(t, e) {
-  return e === "center" ? t : `${t}-${e}`;
-}
-function at(t, e, o = Rt) {
-  const c = e.getBoundingClientRect(), r = window.innerWidth, u = window.innerHeight, a = Math.max(0, c.left - o), n = Math.max(0, c.top - o), p = Math.min(r - a, c.width + o * 2), s = Math.min(u - n, c.height + o * 2), S = `polygon(0% 0%, 0% 100%, ${a}px 100%, ${a}px ${n}px, ${a + p}px ${n}px, ${a + p}px ${n + s}px, ${a}px ${n + s}px, ${a}px 100%, 100% 100%, 100% 0%)`;
-  t.setState("maskPath", S), t.setState("spotlightRect", { x: a, y: n, width: p, height: s });
-}
-const Nt = i.createContext(null);
-function U(t) {
-  const e = i.useContext(Nt);
-  if (!e)
-    throw new Error(`\`${t}\` must be used within \`${pt}\``);
-  return e;
-}
-const kt = i.createContext(null);
-function Z(t) {
-  const e = i.useContext(kt);
-  if (!e)
-    throw new Error(`\`${t}\` must be used within \`${pt}\``);
-  return e;
-}
-const Dt = i.createContext(null);
-function It(t) {
-  const e = i.useContext(Dt);
-  if (!e)
-    throw new Error(`\`${t}\` must be used within \`${lt}\``);
-  return e;
-}
-const Lt = i.createContext(!1), _t = i.createContext(null);
-function Re(t) {
-  const e = i.useContext(_t);
-  if (!e)
-    throw new Error(`\`${t}\` must be used within \`${pt}\``);
-  return e;
-}
-function Oe(t) {
+function Tt(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+function yt(e, t) {
+  return t === "center" ? e : `${e}-${t}`;
+}
+function ae(e, t, n = Re) {
+  const c = t.getBoundingClientRect(), r = window.innerWidth, u = window.innerHeight, a = Math.max(0, c.left - n), o = Math.max(0, c.top - n), p = Math.min(r - a, c.width + n * 2), s = Math.min(u - o, c.height + n * 2), S = `polygon(0% 0%, 0% 100%, ${a}px 100%, ${a}px ${o}px, ${a + p}px ${o}px, ${a + p}px ${o + s}px, ${a}px ${o + s}px, ${a}px 100%, 100% 100%, 100% 0%)`;
+  e.setState("maskPath", S), e.setState("spotlightRect", { x: a, y: o, width: p, height: s });
+}
+const Ne = i.createContext(null);
+function U(e) {
+  const t = i.useContext(Ne);
+  if (!t)
+    throw new Error(`\`${e}\` must be used within \`${pe}\``);
+  return t;
+}
+const ke = i.createContext(null);
+function Z(e) {
+  const t = i.useContext(ke);
+  if (!t)
+    throw new Error(`\`${e}\` must be used within \`${pe}\``);
+  return t;
+}
+const De = i.createContext(null);
+function Ie(e) {
+  const t = i.useContext(De);
+  if (!t)
+    throw new Error(`\`${e}\` must be used within \`${le}\``);
+  return t;
+}
+const Le = i.createContext(!1), _e = i.createContext(null);
+function Rt(e) {
+  const t = i.useContext(_e);
+  if (!t)
+    throw new Error(`\`${e}\` must be used within \`${pe}\``);
+  return t;
+}
+function Ot(e) {
   i.useEffect(() => {
-    if (!t) return;
-    const e = window.getComputedStyle(document.body).overflow, o = window.innerWidth - document.documentElement.clientWidth;
-    return document.body.style.overflow = "hidden", o > 0 && (document.body.style.paddingRight = `${o}px`), () => {
-      document.body.style.overflow = e, document.body.style.paddingRight = "";
+    if (!e) return;
+    const t = window.getComputedStyle(document.body).overflow, n = window.innerWidth - document.documentElement.clientWidth;
+    return document.body.style.overflow = "hidden", n > 0 && (document.body.style.paddingRight = `${n}px`), () => {
+      document.body.style.overflow = t, document.body.style.paddingRight = "";
     };
-  }, [t]);
+  }, [e]);
 }
-function po(t) {
+function Mt(e) {
   const {
-    open: e,
-    defaultOpen: o = !1,
+    open: t,
+    defaultOpen: n = !1,
     onOpenChange: c,
     value: r,
     defaultValue: u = 0,
     onValueChange: a,
-    onComplete: n,
+    onComplete: o,
     onSkip: p,
     autoScroll: s = !0,
-    scrollBehavior: S = Ft(),
+    scrollBehavior: S = Fe(),
     scrollOffset: F,
     ..._
-  } = t, v = rt(() => ({
-    open: e ?? o,
+  } = e, v = re(() => ({
+    open: t ?? n,
     value: r ?? u,
     steps: [],
     maskPath: "",
     spotlightRect: null
-  })), N = rt(() => /* @__PURE__ */ new Set()), x = rt(() => /* @__PURE__ */ new Map()), l = rt(() => ({ current: 0 })), d = Y({
+  })), N = re(() => /* @__PURE__ */ new Set()), x = re(() => /* @__PURE__ */ new Map()), l = re(() => ({ current: 0 })), d = Y({
     valueProp: r,
     onOpenChange: c,
     onValueChange: a,
-    onComplete: n,
+    onComplete: o,
     onSkip: p,
     autoScroll: s,
     scrollBehavior: S,
@@ -284,8 +255,8 @@ function po(t) {
               return;
             }
             if (d.current.onValueChange?.(h), b && d.current.autoScroll) {
-              const K = At(b.target);
-              K && be(
+              const K = Ae(b.target);
+              K && bt(
                 K,
                 d.current.scrollBehavior,
                 d.current.scrollOffset
@@ -319,28 +290,28 @@ function po(t) {
     [v, N, x, l, d]
   );
   return j(() => {
-    e !== void 0 && g.setState("open", e);
-  }, [e, g]), j(() => {
+    t !== void 0 && g.setState("open", t);
+  }, [t, g]), j(() => {
     r !== void 0 && g.setState("value", r);
-  }, [r, g]), /* @__PURE__ */ C(Nt.Provider, { value: g, children: /* @__PURE__ */ C(Ae, { ..._ }) });
+  }, [r, g]), /* @__PURE__ */ C(Ne.Provider, { value: g, children: /* @__PURE__ */ C(At, { ..._ }) });
 }
-function Ae(t) {
+function At(e) {
   const {
-    onEscapeKeyDown: e,
-    onPointerDownOutside: o,
+    onEscapeKeyDown: t,
+    onPointerDownOutside: n,
     onInteractOutside: c,
     onOpenAutoFocus: r,
     onCloseAutoFocus: u,
     dir: a,
-    alignOffset: n = ge,
-    sideOffset: p = Ee,
-    spotlightPadding: s = Rt,
+    alignOffset: o = gt,
+    sideOffset: p = Et,
+    spotlightPadding: s = Re,
     dismissible: S = !0,
     modal: F = !0,
     stepFooter: _,
     asChild: v,
     ...N
-  } = t, x = U("TourRootImpl"), l = xe(a), [d, g] = i.useState(null), m = i.useRef(null), h = Y(e), R = Y(u);
+  } = e, x = U("TourRootImpl"), l = xt(a), [d, g] = i.useState(null), m = i.useRef(null), h = Y(t), R = Y(u);
   i.useEffect(() => {
     function M($) {
       if (x.getState().open && $.key === "Escape") {
@@ -373,26 +344,26 @@ function Ae(t) {
   const O = i.useMemo(
     () => ({
       dir: l,
-      alignOffset: n,
+      alignOffset: o,
       sideOffset: p,
       spotlightPadding: s,
       dismissible: S,
       modal: F,
       stepFooter: _,
-      onPointerDownOutside: o,
+      onPointerDownOutside: n,
       onInteractOutside: c,
       onOpenAutoFocus: r,
       onCloseAutoFocus: u
     }),
     [
       l,
-      n,
+      o,
       p,
       s,
       S,
       F,
       _,
-      o,
+      n,
       c,
       r,
       u
@@ -404,19 +375,19 @@ function Ae(t) {
     }),
     [d]
   );
-  Oe(b && F);
-  const st = v ? I : "div";
-  return /* @__PURE__ */ C(kt.Provider, { value: O, children: /* @__PURE__ */ C(_t.Provider, { value: q, children: /* @__PURE__ */ C(st, { "data-slot": "tour", dir: l, ...N }) }) });
+  Ot(b && F);
+  const se = v ? L : "div";
+  return /* @__PURE__ */ C(ke.Provider, { value: O, children: /* @__PURE__ */ C(_e.Provider, { value: q, children: /* @__PURE__ */ C(se, { "data-slot": "tour", dir: l, ...N }) }) });
 }
-function mo(t) {
+function $t(e) {
   const {
-    target: e,
-    side: o = "bottom",
+    target: t,
+    side: n = "bottom",
     sideOffset: c,
     align: r = "center",
     alignOffset: u,
     collisionBoundary: a = [],
-    collisionPadding: n = 0,
+    collisionPadding: o = 0,
     arrowPadding: p = 0,
     sticky: s = "partial",
     hideWhenDetached: S = !1,
@@ -433,16 +404,16 @@ function mo(t) {
     style: R,
     asChild: b,
     ...K
-  } = t, O = U(lt), [q, st] = i.useState(null), [M, $] = i.useState(null), V = i.useRef(null), z = i.useRef(""), mt = i.useRef(-1), tt = i.useRef(!1), J = i.useRef(!1), k = A((f) => f.open), ht = A((f) => f.value), Mt = A((f) => f.steps), P = Z(lt), et = c ?? P.sideOffset, ot = u ?? P.alignOffset;
+  } = e, O = U(le), [q, se] = i.useState(null), [M, $] = i.useState(null), V = i.useRef(null), z = i.useRef(""), me = i.useRef(-1), ee = i.useRef(!1), J = i.useRef(!1), k = A((f) => f.open), he = A((f) => f.value), Me = A((f) => f.steps), P = Z(le), te = c ?? P.sideOffset, ne = u ?? P.alignOffset;
   j(() => {
     const { id: f, index: y } = O.addStep({
-      target: e,
+      target: t,
       align: r,
-      alignOffset: ot,
-      side: o,
-      sideOffset: et,
+      alignOffset: ne,
+      side: n,
+      sideOffset: te,
       collisionBoundary: a,
-      collisionPadding: n,
+      collisionPadding: o,
       arrowPadding: p,
       sticky: s,
       hideWhenDetached: S,
@@ -451,16 +422,16 @@ function mo(t) {
       onStepLeave: x,
       required: _
     });
-    return z.current = f, mt.current = y, () => {
+    return z.current = f, me.current = y, () => {
       O.removeStep(z.current);
     };
   }, [
-    e,
-    o,
-    et,
-    r,
-    ot,
+    t,
     n,
+    te,
+    r,
+    ne,
+    o,
     p,
     s,
     S,
@@ -470,9 +441,9 @@ function mo(t) {
     x,
     O
   ]);
-  const E = Mt[ht], w = E ? At(E.target) : null, D = mt.current === ht, $t = i.useMemo(() => {
+  const E = Me[he], w = E ? Ae(E.target) : null, D = me.current === he, $e = i.useMemo(() => {
     if (!E) return [];
-    const f = E.sideOffset ?? et, y = E.alignOffset ?? ot, T = typeof E.collisionPadding == "number" ? E.collisionPadding : {
+    const f = E.sideOffset ?? te, y = E.alignOffset ?? ne, T = typeof E.collisionPadding == "number" ? E.collisionPadding : {
       top: E.collisionPadding?.top ?? 0,
       right: E.collisionPadding?.right ?? 0,
       bottom: E.collisionPadding?.bottom ?? 0,
@@ -483,61 +454,61 @@ function mo(t) {
       altBoundary: H
     };
     return [
-      Qt({
+      je({
         mainAxis: f,
         alignmentAxis: y
       }),
-      E.avoidCollisions && Zt({
+      E.avoidCollisions && qe({
         mainAxis: !0,
         crossAxis: !1,
-        limiter: E.sticky === "partial" ? ne() : void 0,
+        limiter: E.sticky === "partial" ? et() : void 0,
         ...W
       }),
-      E.avoidCollisions && te({ ...W }),
-      q && ee({ element: q, padding: E.arrowPadding }),
-      E.hideWhenDetached && oe({
+      E.avoidCollisions && Je({ ...W }),
+      q && Qe({ element: q, padding: E.arrowPadding }),
+      E.hideWhenDetached && Ze({
         strategy: "referenceHidden",
         ...W
       })
     ].filter(Boolean);
-  }, [E, et, ot, q]), Bt = ye(
-    E?.side ?? o,
+  }, [E, te, ne, q]), Be = yt(
+    E?.side ?? n,
     E?.align ?? r
   ), {
-    refs: Ht,
-    floatingStyles: Wt,
-    placement: Kt,
-    middlewareData: nt
-  } = re({
-    placement: Bt,
-    middleware: $t,
+    refs: He,
+    floatingStyles: We,
+    placement: Ke,
+    middlewareData: oe
+  } = tt({
+    placement: Be,
+    middleware: $e,
     strategy: "fixed",
-    whileElementsMounted: se,
+    whileElementsMounted: nt,
     elements: {
       reference: w
     }
-  }), Vt = yt(Ht.setFloating, V), [it, ct] = Te(Kt), vt = nt.arrow?.x, gt = nt.arrow?.y, Et = nt.arrow?.centerOffset !== 0, Ct = S && nt.hide?.referenceHidden, Ut = i.useMemo(
+  }), Ve = ye(He.setFloating, V), [ie, ce] = Tt(Ke), ve = oe.arrow?.x, ge = oe.arrow?.y, Ee = oe.arrow?.centerOffset !== 0, Ce = S && oe.hide?.referenceHidden, Ue = i.useMemo(
     () => ({
-      arrowX: vt,
-      arrowY: gt,
-      placedAlign: ct,
-      placedSide: it,
-      shouldHideArrow: Et,
-      onArrowChange: st,
+      arrowX: ve,
+      arrowY: ge,
+      placedAlign: ce,
+      placedSide: ie,
+      shouldHideArrow: Ee,
+      onArrowChange: se,
       onFooterChange: $
     }),
-    [vt, gt, it, ct, Et]
+    [ve, ge, ie, ce, Ee]
   );
   i.useEffect(() => {
     if (k && w && D) {
       let f = function() {
-        w && at(O, w, P.spotlightPadding);
+        w && ae(O, w, P.spotlightPadding);
       }, y = function() {
         T === null && (T = requestAnimationFrame(() => {
-          w && at(O, w, P.spotlightPadding), T = null;
+          w && ae(O, w, P.spotlightPadding), T = null;
         }));
       };
-      at(O, w, P.spotlightPadding);
+      ae(O, w, P.spotlightPadding);
       let T = null;
       return window.addEventListener("resize", f), window.addEventListener("scroll", y, { passive: !0 }), () => {
         window.removeEventListener("resize", f), window.removeEventListener("scroll", y), T !== null && cancelAnimationFrame(T);
@@ -549,19 +520,19 @@ function mo(t) {
     if (!f) return;
     const y = f.ownerDocument;
     function T(H) {
-      if (H.target && !tt.current) {
-        const W = new CustomEvent(ve, {
+      if (H.target && !ee.current) {
+        const W = new CustomEvent(vt, {
           ...X,
           detail: { originalEvent: H }
         });
         P.onPointerDownOutside?.(W);
-        const G = new CustomEvent(St, {
+        const G = new CustomEvent(Se, {
           ...X,
           detail: { originalEvent: H }
         });
         P.onInteractOutside?.(G), !W.defaultPrevented && !G.defaultPrevented && P.dismissible && O.setState("open", !1);
       }
-      tt.current = !1;
+      ee.current = !1;
     }
     const B = window.setTimeout(() => {
       y.addEventListener("pointerdown", T);
@@ -577,28 +548,28 @@ function mo(t) {
     function T(B) {
       const H = B.target, W = f?.contains(H), G = w?.contains(H);
       if (B.target && !J.current && !W && !G) {
-        const wt = new CustomEvent(St, {
+        const we = new CustomEvent(Se, {
           ...X,
           detail: { originalEvent: B }
         });
-        P.onInteractOutside?.(wt), !wt.defaultPrevented && P.dismissible && O.setState("open", !1);
+        P.onInteractOutside?.(we), !we.defaultPrevented && P.dismissible && O.setState("open", !1);
       }
     }
     return y.addEventListener("focusin", T), () => {
       y.removeEventListener("focusin", T);
     };
   }, [k, D, O, P, w]);
-  const zt = i.useCallback(
+  const ze = i.useCallback(
     (f) => {
-      l?.(f), tt.current = !0;
+      l?.(f), ee.current = !0;
     },
     [l]
-  ), Gt = i.useCallback(
+  ), Ge = i.useCallback(
     (f) => {
       d?.(f), J.current = !0;
     },
     [d]
-  ), Xt = i.useCallback(
+  ), Xe = i.useCallback(
     (f) => {
       g?.(f), J.current = !1;
     },
@@ -607,7 +578,7 @@ function mo(t) {
   if (i.useEffect(() => {
     if (!k || !D || !w) return;
     function f() {
-      tt.current = !0;
+      ee.current = !0;
     }
     function y() {
       J.current = !0;
@@ -626,7 +597,7 @@ function mo(t) {
         !0
       ), w.removeEventListener("focus", y, !0), w.removeEventListener("blur", T, !0);
     };
-  }, [k, D, w]), we(), Pe(
+  }, [k, D, w]), wt(), Pt(
     V,
     k && D,
     k,
@@ -634,222 +605,222 @@ function mo(t) {
     P.onCloseAutoFocus
   ), !k || !E || !w && !v || !D)
     return null;
-  const Yt = b ? I : "div";
-  return /* @__PURE__ */ C(Dt.Provider, { value: Ut, children: /* @__PURE__ */ dt(
-    Yt,
+  const Ye = b ? L : "div";
+  return /* @__PURE__ */ C(De.Provider, { value: Ue, children: /* @__PURE__ */ de(
+    Ye,
     {
-      ref: Vt,
+      ref: Ve,
       "data-slot": "tour-step",
-      "data-side": it,
-      "data-align": ct,
+      "data-side": ie,
+      "data-align": ce,
       dir: P.dir,
       tabIndex: -1,
       ...K,
-      onPointerDownCapture: zt,
-      onFocusCapture: Gt,
-      onBlurCapture: Xt,
-      className: L(
+      onPointerDownCapture: ze,
+      onFocusCapture: Ge,
+      onBlurCapture: Xe,
+      className: I(
         "ds:fixed ds:z-50 ds:flex ds:w-80 ds:flex-col ds:gap-4 ds:rounded-lg ds:border ds:bg-popover ds:p-4 ds:text-popover-foreground ds:shadow-md ds:outline-none",
         h
       ),
       style: {
         ...R,
-        ...Wt,
-        visibility: Ct ? "hidden" : void 0,
-        pointerEvents: Ct ? "none" : void 0
+        ...We,
+        visibility: Ce ? "hidden" : void 0,
+        pointerEvents: Ce ? "none" : void 0
       },
       children: [
         m,
-        !M && /* @__PURE__ */ C(Lt.Provider, { value: !0, children: P.stepFooter })
+        !M && /* @__PURE__ */ C(Le.Provider, { value: !0, children: P.stepFooter })
       ]
     }
   ) });
 }
-function ho(t) {
+function Bt(e) {
   const {
-    asChild: e,
-    className: o,
+    asChild: t,
+    className: n,
     style: c,
     forceMount: r = !1,
     ...u
-  } = t, a = A((s) => s.open), n = A((s) => s.maskPath);
+  } = e, a = A((s) => s.open), o = A((s) => s.maskPath);
   return !a && !r ? null : /* @__PURE__ */ C(
-    e ? I : "div",
+    t ? L : "div",
     {
       "data-slot": "tour-spotlight",
-      "data-state": Ot(a),
+      "data-state": Oe(a),
       ...u,
-      className: L(
+      className: I(
         "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:fixed ds:inset-0 ds:z-40 ds:bg-black/80 ds:data-[state=closed]:animate-out ds:data-[state=open]:animate-in",
-        o
+        n
       ),
       style: {
-        clipPath: n,
+        clipPath: o,
         ...c
       }
     }
   );
 }
-function vo(t) {
-  const { asChild: e, className: o, style: c, forceMount: r = !1, ...u } = t, a = A((s) => s.open), n = A((s) => s.spotlightRect);
-  return !a && !r || !n ? null : /* @__PURE__ */ C(
-    e ? I : "div",
+function Ht(e) {
+  const { asChild: t, className: n, style: c, forceMount: r = !1, ...u } = e, a = A((s) => s.open), o = A((s) => s.spotlightRect);
+  return !a && !r || !o ? null : /* @__PURE__ */ C(
+    t ? L : "div",
     {
       "data-slot": "tour-spotlight-ring",
-      "data-state": Ot(a),
+      "data-state": Oe(a),
       ...u,
-      className: L(
+      className: I(
         "ds:pointer-events-none ds:fixed ds:z-40 ds:border-ring ds:ring-[3px] ds:ring-ring/50",
-        o
+        n
       ),
       style: {
-        left: n.x,
-        top: n.y,
-        width: n.width,
-        height: n.height,
+        left: o.x,
+        top: o.y,
+        width: o.width,
+        height: o.height,
         ...c
       }
     }
   );
 }
-function go(t) {
-  const { children: e, container: o } = t, c = Re(ce), [r, u] = i.useState(!1);
+function Wt(e) {
+  const { children: t, container: n } = e, c = Rt(ct), [r, u] = i.useState(!1);
   if (j(() => {
     u(!0);
-    const n = o ?? document.body;
-    return c?.onPortalChange(n), () => {
+    const o = n ?? document.body;
+    return c?.onPortalChange(o), () => {
       c?.onPortalChange(null);
     };
-  }, [o, c]), !r) return null;
-  const a = o ?? c?.portal ?? document.body;
-  return ie.createPortal(e, a);
+  }, [n, c]), !r) return null;
+  const a = n ?? c?.portal ?? document.body;
+  return it.createPortal(t, a);
 }
-function Eo(t) {
+function Kt(e) {
   const {
-    width: e = 10,
-    height: o = 5,
+    width: t = 10,
+    height: n = 5,
     className: c,
     children: r,
     asChild: u,
     ...a
-  } = t, n = It(ue), p = Ce[n.placedSide];
+  } = e, o = Ie(ut), p = Ct[o.placedSide];
   return /* @__PURE__ */ C(
     "span",
     {
-      ref: n.onArrowChange,
+      ref: o.onArrowChange,
       "data-slot": "tour-arrow",
       style: {
         position: "absolute",
-        left: n.arrowX != null ? `${n.arrowX}px` : void 0,
-        top: n.arrowY != null ? `${n.arrowY}px` : void 0,
+        left: o.arrowX != null ? `${o.arrowX}px` : void 0,
+        top: o.arrowY != null ? `${o.arrowY}px` : void 0,
         [p]: 0,
         transformOrigin: {
           top: "",
           right: "0 0",
           bottom: "center 0",
           left: "100% 0"
-        }[n.placedSide],
+        }[o.placedSide],
         transform: {
           top: "translateY(100%)",
           right: "translateY(50%) rotate(90deg) translateX(-50%)",
           bottom: "rotate(180deg)",
           left: "translateY(50%) rotate(-90deg) translateX(50%)"
-        }[n.placedSide],
-        visibility: n.shouldHideArrow ? "hidden" : void 0
+        }[o.placedSide],
+        visibility: o.shouldHideArrow ? "hidden" : void 0
       },
       children: /* @__PURE__ */ C(
         "svg",
         {
           viewBox: "0 0 30 10",
           preserveAspectRatio: "none",
-          width: e,
-          height: o,
+          width: t,
+          height: n,
           ...a,
-          className: L("ds:block ds:fill-popover ds:stroke-border", c),
+          className: I("ds:block ds:fill-popover ds:stroke-border", c),
           children: u ? r : /* @__PURE__ */ C("polygon", { points: "0,0 30,0 15,10" })
         }
       )
     }
   );
 }
-function Co(t) {
-  const { asChild: e, className: o, ...c } = t, r = Z(ae);
+function Vt(e) {
+  const { asChild: t, className: n, ...c } = e, r = Z(at);
   return /* @__PURE__ */ C(
-    e ? I : "div",
+    t ? L : "div",
     {
       "data-slot": "tour-header",
       dir: r.dir,
       ...c,
-      className: L(
+      className: I(
         "ds:flex ds:flex-col ds:gap-1.5 ds:text-center ds:sm:text-left",
-        o
+        n
       )
     }
   );
 }
-function wo(t) {
-  const { asChild: e, className: o, ...c } = t, r = Z(le);
+function Ut(e) {
+  const { asChild: t, className: n, ...c } = e, r = Z(lt);
   return /* @__PURE__ */ C(
-    e ? I : "div",
+    t ? L : "div",
     {
       "data-slot": "tour-title",
       dir: r.dir,
       ...c,
-      className: L(
+      className: I(
         "ds:font-semibold ds:text-lg ds:leading-none ds:tracking-tight",
-        o
+        n
       )
     }
   );
 }
-function Po(t) {
-  const { asChild: e, className: o, ...c } = t, r = Z(de);
+function zt(e) {
+  const { asChild: t, className: n, ...c } = e, r = Z(dt);
   return /* @__PURE__ */ C(
-    e ? I : "div",
+    t ? L : "div",
     {
       "data-slot": "tour-description",
       dir: r.dir,
       ...c,
-      className: L("ds:text-muted-foreground ds:text-sm", o)
+      className: I("ds:text-muted-foreground ds:text-sm", n)
     }
   );
 }
-function So(t) {
+function Gt(e) {
   const {
-    asChild: e,
-    className: o,
+    asChild: t,
+    className: n,
     onClick: c,
     ...r
-  } = t, u = U(fe), a = i.useCallback(
+  } = e, u = U(ft), a = i.useCallback(
     (p) => {
       c?.(p), !p.defaultPrevented && u.setState("open", !1);
     },
     [u, c]
   );
   return /* @__PURE__ */ C(
-    e ? I : "button",
+    t ? L : "button",
     {
       type: "button",
       "aria-label": "Close tour",
-      className: L(
+      className: I(
         "ds:absolute ds:top-4 ds:right-4 ds:rounded-xs ds:opacity-70 ds:ring-offset-background ds:transition-opacity ds:hover:opacity-100 ds:focus:outline-hidden ds:focus:ring-2 ds:focus:ring-ring ds:focus:ring-offset-2 ds:disabled:pointer-events-none ds:[&_svg:not([class*='size-'])]:size-4 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0",
-        o
+        n
       ),
       onClick: a,
       ...r,
-      children: /* @__PURE__ */ C(Jt, { className: "ds:size-4" })
+      children: /* @__PURE__ */ C(st, { className: "ds:size-4" })
     }
   );
 }
-function xo(t) {
-  const { children: e, onClick: o, ...c } = t, r = U(pe), u = A((n) => n.value), a = i.useCallback(
-    (n) => {
-      o?.(n), !n.defaultPrevented && u > 0 && r.setState("value", u - 1);
+function Xt(e) {
+  const { children: t, onClick: n, ...c } = e, r = U(pt), u = A((o) => o.value), a = i.useCallback(
+    (o) => {
+      n?.(o), !o.defaultPrevented && u > 0 && r.setState("value", u - 1);
     },
-    [u, r, o]
+    [u, r, n]
   );
   return /* @__PURE__ */ C(
-    ft,
+    fe,
     {
       type: "button",
       "aria-label": "Previous step",
@@ -858,44 +829,44 @@ function xo(t) {
       ...c,
       onClick: a,
       disabled: u === 0,
-      children: e ?? /* @__PURE__ */ dt(Tt, { children: [
-        /* @__PURE__ */ C(qt, {}),
+      children: t ?? /* @__PURE__ */ de(Te, { children: [
+        /* @__PURE__ */ C(rt, {}),
         "Previous"
       ] })
     }
   );
 }
-function bo(t) {
-  const { children: e, onClick: o, ...c } = t, r = U(me), u = A((s) => s.value), a = A((s) => s.steps), n = u === a.length - 1, p = i.useCallback(
+function Yt(e) {
+  const { children: t, onClick: n, ...c } = e, r = U(mt), u = A((s) => s.value), a = A((s) => s.steps), o = u === a.length - 1, p = i.useCallback(
     (s) => {
-      o?.(s), !s.defaultPrevented && r.setState("value", u + 1);
+      n?.(s), !s.defaultPrevented && r.setState("value", u + 1);
     },
-    [u, r, o]
+    [u, r, n]
   );
   return /* @__PURE__ */ C(
-    ft,
+    fe,
     {
       type: "button",
       "aria-label": "Next step",
       "data-slot": "tour-next",
       ...c,
       onClick: p,
-      children: e ?? /* @__PURE__ */ dt(Tt, { children: [
-        n ? "Finish" : "Next",
-        !n && /* @__PURE__ */ C(jt, {})
+      children: t ?? /* @__PURE__ */ de(Te, { children: [
+        o ? "Finish" : "Next",
+        !o && /* @__PURE__ */ C(ot, {})
       ] })
     }
   );
 }
-function To(t) {
-  const { children: e, onClick: o, ...c } = t, r = U(he), u = i.useCallback(
+function jt(e) {
+  const { children: t, onClick: n, ...c } = e, r = U(ht), u = i.useCallback(
     (a) => {
-      o?.(a), !a.defaultPrevented && r.setState("open", !1);
+      n?.(a), !a.defaultPrevented && r.setState("open", !1);
     },
-    [r, o]
+    [r, n]
   );
   return /* @__PURE__ */ C(
-    ft,
+    fe,
     {
       type: "button",
       "aria-label": "Skip tour",
@@ -903,77 +874,76 @@ function To(t) {
       variant: "outline",
       ...c,
       onClick: u,
-      children: e ?? "Skip"
+      children: t ?? "Skip"
     }
   );
 }
-function yo(t) {
+function qt(e) {
   const {
-    format: e = (s, S) => `${s} / ${S}`,
-    asChild: o,
+    format: t = (s, S) => `${s} / ${S}`,
+    asChild: n,
     className: c,
     children: r,
     ...u
-  } = t, a = A((s) => s.value), n = A((s) => s.steps);
+  } = e, a = A((s) => s.value), o = A((s) => s.steps);
   return /* @__PURE__ */ C(
-    o ? I : "div",
+    n ? L : "div",
     {
       "data-slot": "tour-step-counter",
       ...u,
-      className: L("ds:text-muted-foreground ds:text-sm", c),
-      children: r ?? e(a + 1, n.length)
+      className: I("ds:text-muted-foreground ds:text-sm", c),
+      children: r ?? t(a + 1, o.length)
     }
   );
 }
-function Ro(t) {
-  const { asChild: e, className: o, ref: c, ...r } = t, u = It(Pt), a = i.useContext(Lt), n = Z(Pt), p = yt(
+function Jt(e) {
+  const { asChild: t, className: n, ref: c, ...r } = e, u = Ie(Pe), a = i.useContext(Le), o = Z(Pe), p = ye(
     c,
     a ? void 0 : u.onFooterChange
   );
   return /* @__PURE__ */ C(
-    e ? I : "div",
+    t ? L : "div",
     {
       "data-slot": "tour-footer",
-      dir: n.dir,
+      dir: o.dir,
       ...r,
       ref: p,
-      className: L(
+      className: I(
         "ds:flex ds:flex-col-reverse ds:gap-2 ds:sm:flex-row ds:sm:justify-end",
-        o
+        n
       )
     }
   );
 }
 export {
-  Eo as Arrow,
-  So as Close,
-  Po as Description,
-  Ro as Footer,
-  Co as Header,
-  bo as Next,
-  go as Portal,
-  xo as Prev,
-  po as Root,
-  To as Skip,
-  ho as Spotlight,
-  vo as SpotlightRing,
-  mo as Step,
-  yo as StepCounter,
-  wo as Title,
-  po as Tour,
-  Eo as TourArrow,
-  So as TourClose,
-  Po as TourDescription,
-  Ro as TourFooter,
-  Co as TourHeader,
-  bo as TourNext,
-  go as TourPortal,
-  xo as TourPrev,
-  To as TourSkip,
-  ho as TourSpotlight,
-  vo as TourSpotlightRing,
-  mo as TourStep,
-  yo as TourStepCounter,
-  wo as TourTitle
+  Kt as Arrow,
+  Gt as Close,
+  zt as Description,
+  Jt as Footer,
+  Vt as Header,
+  Yt as Next,
+  Wt as Portal,
+  Xt as Prev,
+  Mt as Root,
+  jt as Skip,
+  Bt as Spotlight,
+  Ht as SpotlightRing,
+  $t as Step,
+  qt as StepCounter,
+  Ut as Title,
+  Mt as Tour,
+  Kt as TourArrow,
+  Gt as TourClose,
+  zt as TourDescription,
+  Jt as TourFooter,
+  Vt as TourHeader,
+  Yt as TourNext,
+  Wt as TourPortal,
+  Xt as TourPrev,
+  jt as TourSkip,
+  Bt as TourSpotlight,
+  Ht as TourSpotlightRing,
+  $t as TourStep,
+  qt as TourStepCounter,
+  Ut as TourTitle
 };
-//# sourceMappingURL=Tour.js.map