@portnet/ui 6.0.2 → 6.0.3

package/dist/v2/patterns/Tour.js

@@ -1,10 +1,9 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
@@ -14,20 +13,9 @@ var _Button = _interopRequireDefault(require("../components/Button"));
 var _useFocusTrap = _interopRequireDefault(require("../hooks/useFocusTrap"));
 var _mergeLabels = require("../utils/mergeLabels");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * Tour - Portnet UI v2 (pattern)
  *
  * Charter §07 · "First-run tooltips" / onboarding. Step-by-step guided tour
@@ -53,22 +41,25 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
  *
  * Target-not-found fallback: if the CSS selector doesn't match, the spotlight
  * falls back to a full-screen dimmed backdrop and the tooltip renders centered.
- */ /** Resolved target geometry (plus the element, for potential callers). */ /** Resolved tooltip position; `placement` is the chosen side (or "center"). */
-var PADDING = 8; // spotlight extra around target bbox
-var TOOLTIP_GAP = 12; // distance from target to tooltip edge
-var TOOLTIP_WIDTH = 320;
-var TOOLTIP_MAX_HEIGHT = 360;
-var VIEWPORT_MARGIN = 8; // min distance from viewport edges
+ */
+
+/** Resolved target geometry (plus the element, for potential callers). */
 
-var DEFAULT_LABELS = Object.freeze({
+/** Resolved tooltip position; `placement` is the chosen side (or "center"). */
+
+const PADDING = 8; // spotlight extra around target bbox
+const TOOLTIP_GAP = 12; // distance from target to tooltip edge
+const TOOLTIP_WIDTH = 320;
+const TOOLTIP_MAX_HEIGHT = 360;
+const VIEWPORT_MARGIN = 8; // min distance from viewport edges
+
+const DEFAULT_LABELS = Object.freeze({
   prev: "Précédent",
   next: "Suivant",
   skip: "Ignorer",
   finish: "Terminer",
   closeAria: "Fermer la visite guidée",
-  stepCounter: function stepCounter(cur, total) {
-    return "".concat(cur, " sur ").concat(total);
-  }
+  stepCounter: (cur, total) => `${cur} sur ${total}`
 });
 
 /**
@@ -79,9 +70,9 @@ var DEFAULT_LABELS = Object.freeze({
 function getElementRect(selector) {
   if (!selector || typeof document === "undefined") return null;
   try {
-    var el = document.querySelector(selector);
+    const el = document.querySelector(selector);
     if (!el) return null;
-    var r = el.getBoundingClientRect();
+    const r = el.getBoundingClientRect();
     return {
       top: r.top,
       left: r.left,
@@ -89,9 +80,9 @@ function getElementRect(selector) {
       bottom: r.bottom,
       width: r.width,
       height: r.height,
-      el: el
+      el
     };
-  } catch (_unused) {
+  } catch {
     // Invalid selector syntax → catch SyntaxError, return null.
     return null;
   }
@@ -103,9 +94,9 @@ function getElementRect(selector) {
  * clamps to viewport.
  */
 function computeTooltipPosition(targetRect, placement, vw, vh) {
-  var p = placement || "auto";
+  let p = placement || "auto";
   if (p === "auto") {
-    var space = {
+    const space = {
       top: targetRect.top,
       bottom: vh - targetRect.bottom,
       left: targetRect.left,
@@ -113,13 +104,11 @@ function computeTooltipPosition(targetRect, placement, vw, vh) {
     };
     // Pick the side with the most clearance. Stable on ties — first entry
     // wins (Object.entries order is insertion order, ES2015+).
-    var best = Object.entries(space).sort(function (a, b) {
-      return b[1] - a[1];
-    })[0];
+    const best = Object.entries(space).sort((a, b) => b[1] - a[1])[0];
     if (best) p = best[0];
   }
-  var top;
-  var left;
+  let top;
+  let left;
   switch (p) {
     case "top":
       top = targetRect.top - TOOLTIP_GAP - TOOLTIP_MAX_HEIGHT;
@@ -146,29 +135,29 @@ function computeTooltipPosition(targetRect, placement, vw, vh) {
   left = Math.max(VIEWPORT_MARGIN, Math.min(left, vw - TOOLTIP_WIDTH - VIEWPORT_MARGIN));
   top = Math.max(VIEWPORT_MARGIN, Math.min(top, vh - TOOLTIP_MAX_HEIGHT - VIEWPORT_MARGIN));
   return {
-    top: top,
-    left: left,
+    top,
+    left,
     placement: p
   };
 }
 
 /* ── Hoisted sx (Batch 14 D5 pattern) ─────────────────────────────── */
 
-var SPOTLIGHT_BG = "color-mix(in srgb, var(--fg) 60%, transparent)";
-var SPOTLIGHT_BASE_SX = Object.freeze({
+const SPOTLIGHT_BG = "color-mix(in srgb, var(--fg) 60%, transparent)";
+const SPOTLIGHT_BASE_SX = Object.freeze({
   position: "fixed",
   background: SPOTLIGHT_BG,
   zIndex: "var(--z-modal)",
   pointerEvents: "auto"
 });
-var BACKDROP_FALLBACK_SX = Object.freeze({
+const BACKDROP_FALLBACK_SX = Object.freeze({
   position: "fixed",
   inset: 0,
   background: SPOTLIGHT_BG,
   zIndex: "var(--z-modal)",
   pointerEvents: "auto"
 });
-var TOOLTIP_BASE_SX = Object.freeze({
+const TOOLTIP_BASE_SX = Object.freeze({
   position: "fixed",
   width: TOOLTIP_WIDTH,
   maxHeight: TOOLTIP_MAX_HEIGHT,
@@ -180,99 +169,86 @@ var TOOLTIP_BASE_SX = Object.freeze({
   padding: "var(--s-4)",
   zIndex: "var(--z-tooltip)"
 });
-var TOOLTIP_HEADER_SX = Object.freeze({
+const TOOLTIP_HEADER_SX = Object.freeze({
   display: "flex",
   alignItems: "flex-start",
   justifyContent: "space-between",
   gap: "var(--s-2)",
   marginBottom: "var(--s-2)"
 });
-var TOOLTIP_TITLE_SX = Object.freeze({
+const TOOLTIP_TITLE_SX = Object.freeze({
   fontSize: "var(--text-h4)",
   fontWeight: "var(--fw-bold)",
   color: "var(--fg)"
 });
-var TOOLTIP_CLOSE_SX = Object.freeze({
+const TOOLTIP_CLOSE_SX = Object.freeze({
   color: "var(--fg-muted)",
   marginRight: "calc(-1 * var(--s-1))",
   marginTop: "calc(-1 * var(--s-1))"
 });
-var TOOLTIP_CONTENT_SX = Object.freeze({
+const TOOLTIP_CONTENT_SX = Object.freeze({
   fontSize: "var(--text-sm)",
   color: "var(--fg-muted)",
   marginBottom: "var(--s-3)",
   lineHeight: "var(--lh-normal)"
 });
-var TOOLTIP_FOOTER_SX = Object.freeze({
+const TOOLTIP_FOOTER_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   gap: "var(--s-2)"
 });
-var STEP_COUNTER_SX = Object.freeze({
+const STEP_COUNTER_SX = Object.freeze({
   fontSize: "var(--text-xs)",
   color: "var(--fg-subtle)",
   fontVariantNumeric: "tabular-nums"
 });
-var NAV_BUTTONS_SX = Object.freeze({
+const NAV_BUTTONS_SX = Object.freeze({
   display: "flex",
   gap: "var(--s-2)"
 });
-function Tour(_ref) {
-  var open = _ref.open,
-    steps = _ref.steps,
-    onClose = _ref.onClose,
-    onComplete = _ref.onComplete,
-    labels = _ref.labels;
-  var L = React.useMemo(function () {
-    return (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
-  }, [labels]);
-  var _React$useState = React.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    stepIdx = _React$useState2[0],
-    setStepIdx = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    targetRect = _React$useState4[0],
-    setTargetRect = _React$useState4[1];
-  var _React$useState5 = React.useState(null),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    tooltipPos = _React$useState6[0],
-    setTooltipPos = _React$useState6[1];
-  var _React$useState7 = React.useState({
-      w: 0,
-      h: 0
-    }),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    viewport = _React$useState8[0],
-    setViewport = _React$useState8[1];
-  var tooltipRef = React.useRef(null);
-  var titleId = React.useId();
-  var contentId = React.useId();
-  var currentStep = steps && steps[stepIdx];
+function Tour({
+  open,
+  steps,
+  onClose,
+  onComplete,
+  labels
+}) {
+  const L = React.useMemo(() => (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels), [labels]);
+  const [stepIdx, setStepIdx] = React.useState(0);
+  const [targetRect, setTargetRect] = React.useState(null);
+  const [tooltipPos, setTooltipPos] = React.useState(null);
+  const [viewport, setViewport] = React.useState({
+    w: 0,
+    h: 0
+  });
+  const tooltipRef = React.useRef(null);
+  const titleId = React.useId();
+  const contentId = React.useId();
+  const currentStep = steps && steps[stepIdx];
 
   // Focus trap activates ONLY after tooltipPos is computed (tooltip actually
   // mounted with a non-null ref). On first open, tooltipPos is null until the
   // position effect runs, so the trap would otherwise activate against a null ref.
-  (0, _useFocusTrap["default"])(tooltipRef, !!open && tooltipPos != null);
+  (0, _useFocusTrap.default)(tooltipRef, !!open && tooltipPos != null);
 
   // Reset to step 0 on each open transition.
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (open) setStepIdx(0);
   }, [open]);
 
   // Compute target rect + tooltip position. Re-runs on step change and on
   // window scroll/resize.
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!open || !currentStep) return undefined;
-    var recompute = function recompute() {
-      var w = window.innerWidth;
-      var h = window.innerHeight;
+    const recompute = () => {
+      const w = window.innerWidth;
+      const h = window.innerHeight;
       setViewport({
-        w: w,
-        h: h
+        w,
+        h
       });
-      var rect = getElementRect(currentStep.target);
+      const rect = getElementRect(currentStep.target);
       setTargetRect(rect);
       if (rect) {
         setTooltipPos(computeTooltipPosition(rect, currentStep.placement, w, h));
@@ -288,13 +264,13 @@ function Tour(_ref) {
     recompute();
 
     // Scroll the target into view on each step change; no-ops if not found.
-    var initialEl = typeof document !== "undefined" ? function () {
+    const initialEl = typeof document !== "undefined" ? (() => {
       try {
         return document.querySelector(currentStep.target);
-      } catch (_unused2) {
+      } catch {
         return null;
       }
-    }() : null;
+    })() : null;
     if (initialEl && typeof initialEl.scrollIntoView === "function") {
       initialEl.scrollIntoView({
         block: "center",
@@ -307,17 +283,17 @@ function Tour(_ref) {
     // setState calls, so running it on every raw scroll event is wasteful;
     // rAF-throttle to at most once per animation frame. `true` (capture)
     // catches scroll on any ancestor (default scroll events don't bubble).
-    var rafId = null;
-    var onViewportChange = function onViewportChange() {
+    let rafId = null;
+    const onViewportChange = () => {
       if (rafId != null) return; // a frame is already scheduled
-      rafId = window.requestAnimationFrame(function () {
+      rafId = window.requestAnimationFrame(() => {
         rafId = null;
         recompute();
       });
     };
     window.addEventListener("scroll", onViewportChange, true);
     window.addEventListener("resize", onViewportChange);
-    return function () {
+    return () => {
       window.removeEventListener("scroll", onViewportChange, true);
       window.removeEventListener("resize", onViewportChange);
       if (rafId != null) window.cancelAnimationFrame(rafId);
@@ -325,135 +301,138 @@ function Tour(_ref) {
   }, [open, currentStep]);
 
   // Esc closes the tour. Window-bound — same pattern as Modal / Drawer.
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!open) return undefined;
-    var onKey = function onKey(e) {
+    const onKey = e => {
       if (e.key === "Escape") {
         e.preventDefault();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose?.();
       }
     };
     window.addEventListener("keydown", onKey);
-    return function () {
-      return window.removeEventListener("keydown", onKey);
-    };
+    return () => window.removeEventListener("keydown", onKey);
   }, [open, onClose]);
   if (!open || !steps || steps.length === 0 || !currentStep) return null;
-  var total = steps.length;
-  var isFirst = stepIdx === 0;
-  var isLast = stepIdx === total - 1;
-  var goNext = function goNext() {
+  const total = steps.length;
+  const isFirst = stepIdx === 0;
+  const isLast = stepIdx === total - 1;
+  const goNext = () => {
     if (isLast) {
-      onComplete === null || onComplete === void 0 ? void 0 : onComplete();
-      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onComplete?.();
+      onClose?.();
     } else {
       setStepIdx(stepIdx + 1);
     }
   };
-  var goPrev = function goPrev() {
+  const goPrev = () => {
     if (!isFirst) setStepIdx(stepIdx - 1);
   };
-  var skip = function skip() {
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+  const skip = () => {
+    onClose?.();
   };
 
   // Spotlight: 4 dark overlays around the target bbox. Each is clickable → skip.
-  var spotlight = targetRect && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+  const spotlight = targetRect && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       onClick: skip,
-      sx: _objectSpread(_objectSpread({}, SPOTLIGHT_BASE_SX), {}, {
+      sx: {
+        ...SPOTLIGHT_BASE_SX,
         left: 0,
         top: 0,
         width: "100vw",
         height: Math.max(0, targetRect.top - PADDING)
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       onClick: skip,
-      sx: _objectSpread(_objectSpread({}, SPOTLIGHT_BASE_SX), {}, {
+      sx: {
+        ...SPOTLIGHT_BASE_SX,
         left: 0,
         top: Math.max(0, targetRect.top - PADDING),
         width: Math.max(0, targetRect.left - PADDING),
         height: targetRect.height + 2 * PADDING
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       onClick: skip,
-      sx: _objectSpread(_objectSpread({}, SPOTLIGHT_BASE_SX), {}, {
+      sx: {
+        ...SPOTLIGHT_BASE_SX,
         left: targetRect.right + PADDING,
         top: Math.max(0, targetRect.top - PADDING),
         width: Math.max(0, viewport.w - (targetRect.right + PADDING)),
         height: targetRect.height + 2 * PADDING
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       onClick: skip,
-      sx: _objectSpread(_objectSpread({}, SPOTLIGHT_BASE_SX), {}, {
+      sx: {
+        ...SPOTLIGHT_BASE_SX,
         left: 0,
         top: targetRect.bottom + PADDING,
         width: "100vw",
         height: Math.max(0, viewport.h - (targetRect.bottom + PADDING))
-      })
+      }
     })]
   });
 
   // Backdrop fallback when target not found — full-screen dimmed overlay.
-  var backdropFallback = !targetRect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+  const backdropFallback = !targetRect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     onClick: skip,
     sx: BACKDROP_FALLBACK_SX
   });
 
   // Tooltip — only renders once tooltipPos is computed.
-  var tooltip = tooltipPos && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+  const tooltip = tooltipPos && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     ref: tooltipRef,
     role: "dialog",
     "aria-modal": "true",
     "aria-labelledby": titleId,
     "aria-describedby": contentId,
-    sx: _objectSpread(_objectSpread({}, TOOLTIP_BASE_SX), {}, {
+    sx: {
+      ...TOOLTIP_BASE_SX,
       top: tooltipPos.top,
       left: tooltipPos.left
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: TOOLTIP_HEADER_SX,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         id: titleId,
         "aria-live": "polite",
         "aria-atomic": "true",
         sx: TOOLTIP_TITLE_SX,
         children: currentStep.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         size: "small",
         onClick: skip,
         "aria-label": L.closeAria,
         sx: TOOLTIP_CLOSE_SX,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close["default"], {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
           fontSize: "small"
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       id: contentId,
       "aria-live": "polite",
       "aria-atomic": "true",
       sx: TOOLTIP_CONTENT_SX,
       children: currentStep.content
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: TOOLTIP_FOOTER_SX,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         role: "status",
         "aria-live": "polite",
         sx: STEP_COUNTER_SX,
         children: L.stepCounter(stepIdx + 1, total)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: NAV_BUTTONS_SX,
-        children: [!isFirst && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        children: [!isFirst && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           variant: "ghost",
           size: "sm",
           onClick: goPrev,
           children: L.prev
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           variant: "ghost",
           size: "sm",
           onClick: skip,
           children: L.skip
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
           variant: "primary",
           size: "sm",
           onClick: goNext,
@@ -470,5 +449,5 @@ function Tour(_ref) {
     children: [spotlight, backdropFallback, tooltip]
   }), document.body);
 }
-var _default = exports["default"] = Tour;
+var _default = exports.default = Tour;
 //# sourceMappingURL=Tour.js.map