@moduix/solid 1.0.0 → 1.1.0

package/dist/components/toc/Toc.js

@@ -3,7 +3,7 @@ import { Toc, useToc, useTocContext } from "@ark-ui/solid/toc";
 import { clsx } from "clsx";
 import { splitProps } from "solid-js";
 import Toc_module from "./Toc.module.js";
-var _tmpl$ = /*#__PURE__*/ template("<svg aria-hidden=true data-slot=toc-rail><line y2=100%>"), _tmpl$2 = /*#__PURE__*/ template("<svg><path fill=none></svg>", false, true, false);
+var _tmpl$ = /*#__PURE__*/ template("<svg aria-hidden=true><line y2=100%>"), _tmpl$2 = /*#__PURE__*/ template("<svg><path fill=none></svg>", false, true, false);
 const railBaseOffset = 0;
 const railStep = 12;
 const railBridge = 6;
@@ -23,11 +23,12 @@ function TocRoot(props) {
         get autoScroll () {
             return local.autoScroll ?? false;
         },
-        "data-slot": "toc-root",
         get ["class"] () {
             return clsx(Toc_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-root"
+    }));
 }
 function TocRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -40,91 +41,99 @@ function TocRootProvider(props) {
         get value () {
             return local.value;
         },
-        "data-slot": "toc-root-provider",
         get ["class"] () {
             return clsx(Toc_module.root, local.class);
         },
         get style () {
             return getRootStyle();
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-root-provider"
+    }));
 }
 function TocContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Toc.Content, mergeProps({
-        "data-slot": "toc-content",
         get ["class"] () {
             return clsx(Toc_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-content"
+    }));
 }
 function TocNav(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Toc.Nav, mergeProps({
-        "data-slot": "toc-nav",
         get ["class"] () {
             return clsx(Toc_module.nav, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-nav"
+    }));
 }
 function TocTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Toc.Title, mergeProps({
-        "data-slot": "toc-title",
         get ["class"] () {
             return clsx(Toc_module.title, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-title"
+    }));
 }
 function TocList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Toc.List, mergeProps({
-        "data-slot": "toc-list",
         get ["class"] () {
             return clsx(Toc_module.list, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-list"
+    }));
 }
 function TocItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Toc.Item, mergeProps({
-        "data-slot": "toc-item",
         get ["class"] () {
             return clsx(Toc_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-item"
+    }));
 }
 function TocLink(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Toc.Link, mergeProps({
-        "data-slot": "toc-link",
         get ["class"] () {
             return clsx(Toc_module.link, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-link"
+    }));
 }
 function TocIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Toc.Indicator, mergeProps({
-        "data-slot": "toc-indicator",
         get ["class"] () {
             return clsx(Toc_module.indicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "toc-indicator"
+    }));
 }
 const nonScalingStrokeProps = {
     'vector-effect': 'non-scaling-stroke'
@@ -174,7 +183,9 @@ function TocRail(props) {
             get style () {
                 return getRailStyle();
             }
-        }, others), true, true);
+        }, others, {
+            "data-slot": "toc-rail"
+        }), true, true);
         insert(_el$, (()=>{
             var _c$ = memo(()=>!!hasTurn());
             return ()=>_c$() && (()=>{

package/dist/components/toc/Toc.jsx

@@ -17,7 +17,7 @@ function TocRoot(props) {
         'autoScroll',
         'class'
     ]);
-    return <Toc.Root autoScroll={local.autoScroll ?? false} data-slot="toc-root" class={clsx(Toc_module.root, local.class)} {...others}/>;
+    return <Toc.Root autoScroll={local.autoScroll ?? false} class={clsx(Toc_module.root, local.class)} {...others} data-slot="toc-root"/>;
 }
 function TocRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -26,49 +26,49 @@ function TocRootProvider(props) {
         'value'
     ]);
     const getRootStyle = ()=>mergeStyles(local.value().getRootProps().style, local.style);
-    return <Toc.RootProvider value={local.value} data-slot="toc-root-provider" class={clsx(Toc_module.root, local.class)} style={getRootStyle()} {...others}/>;
+    return <Toc.RootProvider value={local.value} class={clsx(Toc_module.root, local.class)} style={getRootStyle()} {...others} data-slot="toc-root-provider"/>;
 }
 function TocContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toc.Content data-slot="toc-content" class={clsx(Toc_module.content, local.class)} {...others}/>;
+    return <Toc.Content class={clsx(Toc_module.content, local.class)} {...others} data-slot="toc-content"/>;
 }
 function TocNav(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toc.Nav data-slot="toc-nav" class={clsx(Toc_module.nav, local.class)} {...others}/>;
+    return <Toc.Nav class={clsx(Toc_module.nav, local.class)} {...others} data-slot="toc-nav"/>;
 }
 function TocTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toc.Title data-slot="toc-title" class={clsx(Toc_module.title, local.class)} {...others}/>;
+    return <Toc.Title class={clsx(Toc_module.title, local.class)} {...others} data-slot="toc-title"/>;
 }
 function TocList(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toc.List data-slot="toc-list" class={clsx(Toc_module.list, local.class)} {...others}/>;
+    return <Toc.List class={clsx(Toc_module.list, local.class)} {...others} data-slot="toc-list"/>;
 }
 function TocItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toc.Item data-slot="toc-item" class={clsx(Toc_module.item, local.class)} {...others}/>;
+    return <Toc.Item class={clsx(Toc_module.item, local.class)} {...others} data-slot="toc-item"/>;
 }
 function TocLink(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toc.Link data-slot="toc-link" class={clsx(Toc_module.link, local.class)} {...others}/>;
+    return <Toc.Link class={clsx(Toc_module.link, local.class)} {...others} data-slot="toc-link"/>;
 }
 function TocIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Toc.Indicator data-slot="toc-indicator" class={clsx(Toc_module.indicator, local.class)} {...others}/>;
+    return <Toc.Indicator class={clsx(Toc_module.indicator, local.class)} {...others} data-slot="toc-indicator"/>;
 }
 const nonScalingStrokeProps = {
     'vector-effect': 'non-scaling-stroke'
@@ -109,7 +109,7 @@ function TocRail(props) {
             width: width(),
             height: height()
         }, local.style);
-    return <svg aria-hidden="true" data-slot="toc-rail" class={clsx(Toc_module.rail, local.class)} style={getRailStyle()} {...others}>
+    return <svg aria-hidden="true" class={clsx(Toc_module.rail, local.class)} style={getRailStyle()} {...others} data-slot="toc-rail">
       {hasTurn() && <path d={`M ${previousLineOffset() + 0.5} 0 C ${previousLineOffset() + 0.5} 8 ${lineOffset() + 0.5} 4 ${lineOffset() + 0.5} ${2 * railBridge}`} fill="none" {...nonScalingStrokeProps} stroke="currentColor"/>}
       <line x1={lineOffset() + 0.5} y1={hasTurn() ? 2 * railBridge : railBridge} x2={lineOffset() + 0.5} y2="100%" {...nonScalingStrokeProps} stroke="currentColor"/>
     </svg>;

package/dist/components/tooltip/Tooltip.js

@@ -79,11 +79,12 @@ function TooltipTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tooltip-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Tooltip_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tooltip-trigger"
+    }));
 }
 function TooltipDisabledTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -124,11 +125,12 @@ function TooltipPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Tooltip.Positioner, mergeProps({
-                "data-slot": "tooltip-positioner",
                 get ["class"] () {
                     return clsx(Tooltip_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "tooltip-positioner"
+            }));
         }
     });
 }
@@ -137,11 +139,12 @@ function TooltipContent(props) {
         'class'
     ]);
     return createComponent(Tooltip.Content, mergeProps({
-        "data-slot": "tooltip-content",
         get ["class"] () {
             return clsx(Tooltip_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tooltip-content"
+    }));
 }
 function TooltipBody(props) {
     return createComponent(TooltipPositioner, {
@@ -157,11 +160,11 @@ function TooltipArrow(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Tooltip.Arrow, mergeProps({
-        "data-slot": "tooltip-arrow",
         get ["class"] () {
             return clsx(Tooltip_module.arrow, local.class);
         }
     }, others, {
+        "data-slot": "tooltip-arrow",
         get children () {
             return resolvedChildren() ?? createComponent(TooltipArrowTip, {});
         }
@@ -172,11 +175,12 @@ function TooltipArrowTip(props) {
         'class'
     ]);
     return createComponent(Tooltip.ArrowTip, mergeProps({
-        "data-slot": "tooltip-arrow-tip",
         get ["class"] () {
             return clsx(Tooltip_module.arrowTip, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tooltip-arrow-tip"
+    }));
 }
 const Tooltip_Tooltip = Object.assign(TooltipRoot, {
     Root: TooltipRoot,

package/dist/components/tooltip/Tooltip.jsx

@@ -39,7 +39,7 @@ function TooltipTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <Tooltip.Trigger asChild={local.asChild} data-slot="tooltip-trigger" class={clsx(!local.asChild && Tooltip_module.trigger, local.class)} {...others}/>;
+    return <Tooltip.Trigger asChild={local.asChild} class={clsx(!local.asChild && Tooltip_module.trigger, local.class)} {...others} data-slot="tooltip-trigger"/>;
 }
 function TooltipDisabledTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -64,14 +64,14 @@ function TooltipPositioner(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Tooltip.Positioner data-slot="tooltip-positioner" class={clsx(Tooltip_module.positioner, local.class)} {...others}/>
+      <Tooltip.Positioner class={clsx(Tooltip_module.positioner, local.class)} {...others} data-slot="tooltip-positioner"/>
     </OverlayPortal>;
 }
 function TooltipContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tooltip.Content data-slot="tooltip-content" class={clsx(Tooltip_module.content, local.class)} {...others}/>;
+    return <Tooltip.Content class={clsx(Tooltip_module.content, local.class)} {...others} data-slot="tooltip-content"/>;
 }
 function TooltipBody(props) {
     return <TooltipPositioner>
@@ -84,7 +84,7 @@ function TooltipArrow(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Tooltip.Arrow data-slot="tooltip-arrow" class={clsx(Tooltip_module.arrow, local.class)} {...others}>
+    return <Tooltip.Arrow class={clsx(Tooltip_module.arrow, local.class)} {...others} data-slot="tooltip-arrow">
       {resolvedChildren() ?? <TooltipArrowTip/>}
     </Tooltip.Arrow>;
 }
@@ -92,7 +92,7 @@ function TooltipArrowTip(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tooltip.ArrowTip data-slot="tooltip-arrow-tip" class={clsx(Tooltip_module.arrowTip, local.class)} {...others}/>;
+    return <Tooltip.ArrowTip class={clsx(Tooltip_module.arrowTip, local.class)} {...others} data-slot="tooltip-arrow-tip"/>;
 }
 const Tooltip_Tooltip = Object.assign(TooltipRoot, {
     Root: TooltipRoot,

package/dist/components/tour/Tour.js

@@ -45,11 +45,12 @@ function TourBackdrop(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Tour.Backdrop, mergeProps({
-                "data-slot": "tour-backdrop",
                 get ["class"] () {
                     return clsx(Tour_module.backdrop, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "tour-backdrop"
+            }));
         }
     });
 }
@@ -60,11 +61,12 @@ function TourSpotlight(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Tour.Spotlight, mergeProps({
-                "data-slot": "tour-spotlight",
                 get ["class"] () {
                     return clsx(Tour_module.spotlight, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "tour-spotlight"
+            }));
         }
     });
 }
@@ -75,11 +77,12 @@ function TourPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Tour.Positioner, mergeProps({
-                "data-slot": "tour-positioner",
                 get ["class"] () {
                     return clsx(Tour_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "tour-positioner"
+            }));
         }
     });
 }
@@ -88,11 +91,12 @@ function TourContent(props) {
         'class'
     ]);
     return createComponent(Tour.Content, mergeProps({
-        "data-slot": "tour-content",
         get ["class"] () {
             return clsx(Tour_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-content"
+    }));
 }
 function TourArrow(props) {
     const [local, others] = splitProps(props, [
@@ -101,11 +105,11 @@ function TourArrow(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Tour.Arrow, mergeProps({
-        "data-slot": "tour-arrow",
         get ["class"] () {
             return clsx(Tour_module.arrow, local.class);
         }
     }, others, {
+        "data-slot": "tour-arrow",
         get children () {
             return resolvedChildren() ?? createComponent(TourArrowTip, {});
         }
@@ -116,55 +120,60 @@ function TourArrowTip(props) {
         'class'
     ]);
     return createComponent(Tour.ArrowTip, mergeProps({
-        "data-slot": "tour-arrow-tip",
         get ["class"] () {
             return clsx(Tour_module.arrowTip, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-arrow-tip"
+    }));
 }
 function TourTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Tour.Title, mergeProps({
-        "data-slot": "tour-title",
         get ["class"] () {
             return clsx(Tour_module.title, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-title"
+    }));
 }
 function TourDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Tour.Description, mergeProps({
-        "data-slot": "tour-description",
         get ["class"] () {
             return clsx(Tour_module.description, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-description"
+    }));
 }
 function TourProgressText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Tour.ProgressText, mergeProps({
-        "data-slot": "tour-progress-text",
         get ["class"] () {
             return clsx(Tour_module.progressText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-progress-text"
+    }));
 }
 function TourBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "tour-body",
         get ["class"] () {
             return clsx(Tour_module.body, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-body"
+    }));
 }
 function TourCloseTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -175,11 +184,12 @@ function TourCloseTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tour-close-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Tour_module.closeTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-close-trigger"
+    }));
 }
 function TourCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -212,11 +222,12 @@ function TourControl(props) {
         'class'
     ]);
     return createComponent(Tour.Control, mergeProps({
-        "data-slot": "tour-control",
         get ["class"] () {
             return clsx(Tour_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-control"
+    }));
 }
 function TourActionTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -227,11 +238,12 @@ function TourActionTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tour-action-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Tour_module.actionTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tour-action-trigger"
+    }));
 }
 const TourActions = Tour.Actions;
 function TourActionList(props) {

package/dist/components/tour/Tour.jsx

@@ -25,7 +25,7 @@ function TourBackdrop(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Tour.Backdrop data-slot="tour-backdrop" class={clsx(Tour_module.backdrop, local.class)} {...others}/>
+      <Tour.Backdrop class={clsx(Tour_module.backdrop, local.class)} {...others} data-slot="tour-backdrop"/>
     </OverlayPortal>;
 }
 function TourSpotlight(props) {
@@ -33,7 +33,7 @@ function TourSpotlight(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Tour.Spotlight data-slot="tour-spotlight" class={clsx(Tour_module.spotlight, local.class)} {...others}/>
+      <Tour.Spotlight class={clsx(Tour_module.spotlight, local.class)} {...others} data-slot="tour-spotlight"/>
     </OverlayPortal>;
 }
 function TourPositioner(props) {
@@ -41,14 +41,14 @@ function TourPositioner(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Tour.Positioner data-slot="tour-positioner" class={clsx(Tour_module.positioner, local.class)} {...others}/>
+      <Tour.Positioner class={clsx(Tour_module.positioner, local.class)} {...others} data-slot="tour-positioner"/>
     </OverlayPortal>;
 }
 function TourContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tour.Content data-slot="tour-content" class={clsx(Tour_module.content, local.class)} {...others}/>;
+    return <Tour.Content class={clsx(Tour_module.content, local.class)} {...others} data-slot="tour-content"/>;
 }
 function TourArrow(props) {
     const [local, others] = splitProps(props, [
@@ -56,7 +56,7 @@ function TourArrow(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Tour.Arrow data-slot="tour-arrow" class={clsx(Tour_module.arrow, local.class)} {...others}>
+    return <Tour.Arrow class={clsx(Tour_module.arrow, local.class)} {...others} data-slot="tour-arrow">
       {resolvedChildren() ?? <TourArrowTip/>}
     </Tour.Arrow>;
 }
@@ -64,38 +64,38 @@ function TourArrowTip(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tour.ArrowTip data-slot="tour-arrow-tip" class={clsx(Tour_module.arrowTip, local.class)} {...others}/>;
+    return <Tour.ArrowTip class={clsx(Tour_module.arrowTip, local.class)} {...others} data-slot="tour-arrow-tip"/>;
 }
 function TourTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tour.Title data-slot="tour-title" class={clsx(Tour_module.title, local.class)} {...others}/>;
+    return <Tour.Title class={clsx(Tour_module.title, local.class)} {...others} data-slot="tour-title"/>;
 }
 function TourDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tour.Description data-slot="tour-description" class={clsx(Tour_module.description, local.class)} {...others}/>;
+    return <Tour.Description class={clsx(Tour_module.description, local.class)} {...others} data-slot="tour-description"/>;
 }
 function TourProgressText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tour.ProgressText data-slot="tour-progress-text" class={clsx(Tour_module.progressText, local.class)} {...others}/>;
+    return <Tour.ProgressText class={clsx(Tour_module.progressText, local.class)} {...others} data-slot="tour-progress-text"/>;
 }
 function TourBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="tour-body" class={clsx(Tour_module.body, local.class)} {...others}/>;
+    return <ark.div class={clsx(Tour_module.body, local.class)} {...others} data-slot="tour-body"/>;
 }
 function TourCloseTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Tour.CloseTrigger asChild={local.asChild} data-slot="tour-close-trigger" class={clsx(!local.asChild && Tour_module.closeTrigger, local.class)} {...others}/>;
+    return <Tour.CloseTrigger asChild={local.asChild} class={clsx(!local.asChild && Tour_module.closeTrigger, local.class)} {...others} data-slot="tour-close-trigger"/>;
 }
 function TourCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -113,14 +113,14 @@ function TourControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Tour.Control data-slot="tour-control" class={clsx(Tour_module.control, local.class)} {...others}/>;
+    return <Tour.Control class={clsx(Tour_module.control, local.class)} {...others} data-slot="tour-control"/>;
 }
 function TourActionTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Tour.ActionTrigger asChild={local.asChild} data-slot="tour-action-trigger" class={clsx(!local.asChild && Tour_module.actionTrigger, local.class)} {...others}/>;
+    return <Tour.ActionTrigger asChild={local.asChild} class={clsx(!local.asChild && Tour_module.actionTrigger, local.class)} {...others} data-slot="tour-action-trigger"/>;
 }
 const TourActions = Tour.Actions;
 function TourActionList(props) {