@moduix/react 2.1.0 → 2.2.4

package/dist/components/tour/Tour.js

@@ -1,156 +1,177 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import Tour_module_default from "./Tour.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "@ark-ui/react/tour";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "@ark-ui/react/tour";
-//#region src/components/tour/Tour.tsx
-const DEFAULT_CLOSE_BUTTON_LABEL = "Close tour";
-function TourRoot({ portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Tour.Root, { ...props })
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+import Tour_module from "./Tour.module.js";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close tour';
+function TourRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Tour.Root, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-const TourBackdrop = forwardRef(function TourBackdrop({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Tour.Backdrop, {
-		ref,
-		"data-slot": "tour-backdrop",
-		className: clsx(Tour_module_default.backdrop, normalizeClassName(className)),
-		...props
-	}) });
+const Tour_TourBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tour.Backdrop, {
+            ref: ref,
+            "data-slot": "tour-backdrop",
+            className: clsx(Tour_module.backdrop, normalizeClassName(className)),
+            ...props
+        })
+    });
+});
+const Tour_TourSpotlight = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tour.Spotlight, {
+            ref: ref,
+            "data-slot": "tour-spotlight",
+            className: clsx(Tour_module.spotlight, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const TourSpotlight = forwardRef(function TourSpotlight({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Tour.Spotlight, {
-		ref,
-		"data-slot": "tour-spotlight",
-		className: clsx(Tour_module_default.spotlight, normalizeClassName(className)),
-		...props
-	}) });
+const Tour_TourPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tour.Positioner, {
+            ref: ref,
+            "data-slot": "tour-positioner",
+            className: clsx(Tour_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const TourPositioner = forwardRef(function TourPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Tour.Positioner, {
-		ref,
-		"data-slot": "tour-positioner",
-		className: clsx(Tour_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
+const Tour_TourContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Content, {
+        ref: ref,
+        "data-slot": "tour-content",
+        className: clsx(Tour_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourContent = forwardRef(function TourContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.Content, {
-		ref,
-		"data-slot": "tour-content",
-		className: clsx(Tour_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Arrow, {
+        ref: ref,
+        "data-slot": "tour-arrow",
+        className: clsx(Tour_module.arrow, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Tour_TourArrowTip, {})
+    });
 });
-const TourArrow = forwardRef(function TourArrow({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.Arrow, {
-		ref,
-		"data-slot": "tour-arrow",
-		className: clsx(Tour_module_default.arrow, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(TourArrowTip, {})
-	});
+const Tour_TourArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.ArrowTip, {
+        ref: ref,
+        "data-slot": "tour-arrow-tip",
+        className: clsx(Tour_module.arrowTip, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourArrowTip = forwardRef(function TourArrowTip({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.ArrowTip, {
-		ref,
-		"data-slot": "tour-arrow-tip",
-		className: clsx(Tour_module_default.arrowTip, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Title, {
+        ref: ref,
+        "data-slot": "tour-title",
+        className: clsx(Tour_module.title, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourTitle = forwardRef(function TourTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.Title, {
-		ref,
-		"data-slot": "tour-title",
-		className: clsx(Tour_module_default.title, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Description, {
+        ref: ref,
+        "data-slot": "tour-description",
+        className: clsx(Tour_module.description, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourDescription = forwardRef(function TourDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.Description, {
-		ref,
-		"data-slot": "tour-description",
-		className: clsx(Tour_module_default.description, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourProgressText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.ProgressText, {
+        ref: ref,
+        "data-slot": "tour-progress-text",
+        className: clsx(Tour_module.progressText, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourProgressText = forwardRef(function TourProgressText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.ProgressText, {
-		ref,
-		"data-slot": "tour-progress-text",
-		className: clsx(Tour_module_default.progressText, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "tour-body",
+        className: clsx(Tour_module.body, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourCloseTrigger = forwardRef(function TourCloseTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.CloseTrigger, {
-		ref,
-		asChild,
-		"data-slot": "tour-close-trigger",
-		className: clsx(!asChild && Tour_module_default.closeTrigger, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.CloseTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "tour-close-trigger",
+        className: clsx(!asChild && Tour_module.closeTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourCloseIcon = forwardRef(function TourCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.CloseTrigger, {
-		asChild: true,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			ref,
-			"data-slot": "tour-close-icon",
-			"aria-label": ariaLabel,
-			className: clsx(Tour_module_default.closeIcon, normalizeClassName(className)),
-			children
-		})
-	});
+const Tour_TourCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "tour-close-icon",
+            "aria-label": ariaLabel,
+            className: clsx(Tour_module.closeIcon, normalizeClassName(className)),
+            children: children
+        })
+    });
 });
-const TourControl = forwardRef(function TourControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.Control, {
-		ref,
-		"data-slot": "tour-control",
-		className: clsx(Tour_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.Control, {
+        ref: ref,
+        "data-slot": "tour-control",
+        className: clsx(Tour_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const TourActionTrigger = forwardRef(function TourActionTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tour.ActionTrigger, {
-		ref,
-		asChild,
-		"data-slot": "tour-action-trigger",
-		className: clsx(!asChild && Tour_module_default.actionTrigger, normalizeClassName(className)),
-		...props
-	});
+const Tour_TourActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tour.ActionTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "tour-action-trigger",
+        className: clsx(!asChild && Tour_module.actionTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
 const TourActions = Tour.Actions;
 function TourActionList({ className }) {
-	return /* @__PURE__ */ jsx(Tour.Actions, { children: (actions) => actions.map((action) => /* @__PURE__ */ jsx(TourActionTrigger, {
-		action,
-		className
-	}, action.label)) });
+    return /*#__PURE__*/ jsx(Tour.Actions, {
+        children: (actions)=>actions.map((action, index)=>/*#__PURE__*/ jsx(Tour_TourActionTrigger, {
+                    action: action,
+                    className: className
+                }, `${action.label}-${index}`))
+    });
 }
-const Tour$1 = Object.assign(TourRoot, {
-	Root: TourRoot,
-	Backdrop: TourBackdrop,
-	Spotlight: TourSpotlight,
-	Positioner: TourPositioner,
-	Content: TourContent,
-	Arrow: TourArrow,
-	ArrowTip: TourArrowTip,
-	Title: TourTitle,
-	Description: TourDescription,
-	ProgressText: TourProgressText,
-	CloseTrigger: TourCloseTrigger,
-	CloseIcon: TourCloseIcon,
-	Control: TourControl,
-	Actions: TourActions,
-	ActionList: TourActionList,
-	ActionTrigger: TourActionTrigger
+const Tour_Tour = Object.assign(TourRoot, {
+    Root: TourRoot,
+    Context: Tour.Context,
+    Backdrop: Tour_TourBackdrop,
+    Spotlight: Tour_TourSpotlight,
+    Positioner: Tour_TourPositioner,
+    Content: Tour_TourContent,
+    Arrow: Tour_TourArrow,
+    ArrowTip: Tour_TourArrowTip,
+    Title: Tour_TourTitle,
+    Description: Tour_TourDescription,
+    ProgressText: Tour_TourProgressText,
+    Body: Tour_TourBody,
+    CloseTrigger: Tour_TourCloseTrigger,
+    CloseIcon: Tour_TourCloseIcon,
+    Control: Tour_TourControl,
+    Actions: TourActions,
+    ActionList: TourActionList,
+    ActionTrigger: Tour_TourActionTrigger
 });
-//#endregion
-export { Tour$1 as Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise };
+export { Tour_Tour as Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };

package/dist/components/tour/Tour.module.js

@@ -1,23 +1,26 @@
-import './Tour.css';
-//#region src/components/tour/Tour.module.css
-var Tour_module_default = {
-	"actionTrigger": "_5wc7ja_actionTrigger",
-	"arrow": "_5wc7ja_arrow",
-	"arrowTip": "_5wc7ja_arrowTip",
-	"backdrop": "_5wc7ja_backdrop",
-	"closeIcon": "_5wc7ja_closeIcon",
-	"closeTrigger": "_5wc7ja_closeTrigger",
-	"content": "_5wc7ja_content",
-	"control": "_5wc7ja_control",
-	"description": "_5wc7ja_description",
-	"positioner": "_5wc7ja_positioner",
-	"progressText": "_5wc7ja_progressText",
-	"spotlight": "_5wc7ja_spotlight",
-	"title": "_5wc7ja_title",
-	"tour-backdrop-in": "_5wc7ja_tour-backdrop-in",
-	"tour-backdrop-out": "_5wc7ja_tour-backdrop-out",
-	"tour-content-in": "_5wc7ja_tour-content-in",
-	"tour-content-out": "_5wc7ja_tour-content-out"
+import "./Tour_module.css";
+const Tour_module = {
+    backdrop: "backdrop-okc1Ik",
+    "tour-backdrop-in": "tour-backdrop-in-rR_UM_",
+    tourBackdropIn: "tour-backdrop-in-rR_UM_",
+    "tour-backdrop-out": "tour-backdrop-out-ERuuzg",
+    tourBackdropOut: "tour-backdrop-out-ERuuzg",
+    spotlight: "spotlight-gPJyi_",
+    positioner: "positioner-Zk89xT",
+    content: "content-ZY9BS9",
+    "tour-content-in": "tour-content-in-mwLmu_",
+    tourContentIn: "tour-content-in-mwLmu_",
+    "tour-content-out": "tour-content-out-FyzK_o",
+    tourContentOut: "tour-content-out-FyzK_o",
+    body: "body-w5DEFg",
+    arrow: "arrow-MGJKtO",
+    arrowTip: "arrowTip-ptK6ik",
+    title: "title-wiiGDZ",
+    description: "description-uDg1g_",
+    progressText: "progressText-Jm6Fx2",
+    closeTrigger: "closeTrigger-fNBdoQ",
+    closeIcon: "closeIcon-izAf2Q",
+    control: "control-pLhhBF",
+    actionTrigger: "actionTrigger-LsjeVS"
 };
-//#endregion
-export { Tour_module_default as default };
+export default Tour_module;