@moduix/react 2.1.0 → 2.2.4

package/dist/components/tooltip/Tooltip.js

@@ -1,82 +1,107 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import Tooltip_module_default from "./Tooltip.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip, useTooltip, useTooltipContext } from "@ark-ui/react/tooltip";
-//#region src/components/tooltip/Tooltip.tsx
-function TooltipRoot({ portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Tooltip.Root, { ...props })
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import Tooltip_module from "./Tooltip.module.js";
+function TooltipRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Tooltip.Root, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-function TooltipRootProvider({ portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Tooltip.RootProvider, { ...props })
-	});
+function TooltipRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Tooltip.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-const TooltipTrigger = forwardRef(function TooltipTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
-		ref,
-		"data-slot": "tooltip-trigger",
-		asChild,
-		className: clsx(!asChild && Tooltip_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const Tooltip_TooltipTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+        ref: ref,
+        "data-slot": "tooltip-trigger",
+        asChild: asChild,
+        className: clsx(!asChild && Tooltip_module.trigger, normalizeClassName(className)),
+        ...props
+    });
+});
+const Tooltip_TooltipDisabledTrigger = /*#__PURE__*/ forwardRef(function({ className, tabIndex = 0, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+        asChild: true,
+        children: /*#__PURE__*/ jsx("span", {
+            ref: ref,
+            "data-slot": "tooltip-disabled-trigger",
+            tabIndex: tabIndex,
+            className: clsx(Tooltip_module.disabledTrigger, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const TooltipPositioner = forwardRef(function TooltipPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
-		ref,
-		"data-slot": "tooltip-positioner",
-		className: clsx(Tooltip_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
+const Tooltip_TooltipPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
+            ref: ref,
+            "data-slot": "tooltip-positioner",
+            className: clsx(Tooltip_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const TooltipContent = forwardRef(function TooltipContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tooltip.Content, {
-		ref,
-		"data-slot": "tooltip-content",
-		className: clsx(Tooltip_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Tooltip_TooltipContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Content, {
+        ref: ref,
+        "data-slot": "tooltip-content",
+        className: clsx(Tooltip_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const TooltipBody = forwardRef(function TooltipBody(props, ref) {
-	return /* @__PURE__ */ jsx(TooltipPositioner, { children: /* @__PURE__ */ jsx(TooltipContent, {
-		ref,
-		...props
-	}) });
+const Tooltip_TooltipBody = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(Tooltip_TooltipPositioner, {
+        children: /*#__PURE__*/ jsx(Tooltip_TooltipContent, {
+            ref: ref,
+            ...props
+        })
+    });
 });
-const TooltipArrow = forwardRef(function TooltipArrow({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
-		ref,
-		"data-slot": "tooltip-arrow",
-		className: clsx(Tooltip_module_default.arrow, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(TooltipArrowTip, {})
-	});
+const Tooltip_TooltipArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.Arrow, {
+        ref: ref,
+        "data-slot": "tooltip-arrow",
+        className: clsx(Tooltip_module.arrow, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Tooltip_TooltipArrowTip, {})
+    });
 });
-const TooltipArrowTip = forwardRef(function TooltipArrowTip({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tooltip.ArrowTip, {
-		ref,
-		"data-slot": "tooltip-arrow-tip",
-		className: clsx(Tooltip_module_default.arrowTip, normalizeClassName(className)),
-		...props
-	});
+const Tooltip_TooltipArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tooltip.ArrowTip, {
+        ref: ref,
+        "data-slot": "tooltip-arrow-tip",
+        className: clsx(Tooltip_module.arrowTip, normalizeClassName(className)),
+        ...props
+    });
 });
-const Tooltip$1 = Object.assign(TooltipRoot, {
-	Root: TooltipRoot,
-	RootProvider: TooltipRootProvider,
-	Trigger: TooltipTrigger,
-	Body: TooltipBody,
-	Positioner: TooltipPositioner,
-	Content: TooltipContent,
-	Arrow: TooltipArrow,
-	ArrowTip: TooltipArrowTip
+const Tooltip_Tooltip = Object.assign(TooltipRoot, {
+    Root: TooltipRoot,
+    RootProvider: TooltipRootProvider,
+    Context: Tooltip.Context,
+    Trigger: Tooltip_TooltipTrigger,
+    DisabledTrigger: Tooltip_TooltipDisabledTrigger,
+    Body: Tooltip_TooltipBody,
+    Positioner: Tooltip_TooltipPositioner,
+    Content: Tooltip_TooltipContent,
+    Arrow: Tooltip_TooltipArrow,
+    ArrowTip: Tooltip_TooltipArrowTip
 });
-//#endregion
-export { Tooltip$1 as Tooltip, useTooltip, useTooltipContext };
+export { Tooltip_Tooltip as Tooltip, useTooltip, useTooltipContext };

package/dist/components/tooltip/Tooltip.module.js

@@ -1,13 +1,14 @@
-import './Tooltip.css';
-//#region src/components/tooltip/Tooltip.module.css
-var Tooltip_module_default = {
-	"arrow": "_7levaW_arrow",
-	"arrowTip": "_7levaW_arrowTip",
-	"content": "_7levaW_content",
-	"positioner": "_7levaW_positioner",
-	"tooltip-content-in": "_7levaW_tooltip-content-in",
-	"tooltip-content-out": "_7levaW_tooltip-content-out",
-	"trigger": "_7levaW_trigger"
+import "./Tooltip_module.css";
+const Tooltip_module = {
+    trigger: "trigger-Q4UfW0",
+    disabledTrigger: "disabledTrigger-G8UpBu",
+    positioner: "positioner-oQOZIG",
+    content: "content-Ca8mTU",
+    "tooltip-content-in": "tooltip-content-in-QxxE9U",
+    tooltipContentIn: "tooltip-content-in-QxxE9U",
+    "tooltip-content-out": "tooltip-content-out-SPnpmw",
+    tooltipContentOut: "tooltip-content-out-SPnpmw",
+    arrow: "arrow-x8sqfJ",
+    arrowTip: "arrowTip-WCS6HO"
 };
-//#endregion
-export { Tooltip_module_default as default };
+export default Tooltip_module;

package/dist/components/tooltip/Tooltip_module.css

@@ -0,0 +1,146 @@
+@layer moduix.components {
+  .trigger-Q4UfW0 {
+    box-sizing: border-box;
+    min-height: var(--moduix-tooltip-trigger-height, var(--moduix-size-md));
+    padding: var(--moduix-tooltip-trigger-padding-y, var(--moduix-spacing-1))
+      var(--moduix-tooltip-trigger-padding-x, var(--moduix-spacing-3-5));
+    border: var(--moduix-tooltip-trigger-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tooltip-trigger-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-tooltip-trigger-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-tooltip-trigger-bg, var(--moduix-color-background));
+    color: var(--moduix-tooltip-trigger-color, var(--moduix-color-foreground));
+    font: inherit;
+    font-size: var(--moduix-tooltip-trigger-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-tooltip-trigger-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--moduix-tooltip-transition, var(--moduix-duration-fast))
+        var(--moduix-ease-in-out),
+      border-color var(--moduix-tooltip-transition, var(--moduix-duration-fast))
+        var(--moduix-ease-in-out),
+      color var(--moduix-tooltip-transition, var(--moduix-duration-fast)) var(--moduix-ease-in-out);
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    .trigger-Q4UfW0:hover {
+      background-color: var(--moduix-tooltip-trigger-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .trigger-Q4UfW0:active, .trigger-Q4UfW0[data-state="open"] {
+    background-color: var(--moduix-tooltip-trigger-bg-active, var(--moduix-tooltip-trigger-bg-hover, var(--moduix-color-accent)));
+  }
+
+  .trigger-Q4UfW0:focus-visible {
+    outline: var(--moduix-tooltip-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-tooltip-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-tooltip-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+  }
+
+  .trigger-Q4UfW0[data-disabled], .trigger-Q4UfW0[disabled] {
+    pointer-events: none;
+    opacity: var(--moduix-tooltip-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .disabledTrigger-G8UpBu {
+    cursor: not-allowed;
+    display: inline-flex;
+  }
+
+  .disabledTrigger-G8UpBu > :is(:disabled, [data-disabled]) {
+    pointer-events: none;
+  }
+
+  .positioner-oQOZIG {
+    z-index: var(--z-index, var(--moduix-z-popup));
+    max-width: var(--available-width);
+    max-height: var(--available-height);
+  }
+
+  .content-Ca8mTU {
+    --arrow-background: var(--moduix-tooltip-arrow-background, var(--moduix-tooltip-bg, var(--moduix-color-popover)));
+    --arrow-size: var(--moduix-tooltip-arrow-size, var(--moduix-spacing-2-5));
+    box-sizing: border-box;
+    z-index: var(--moduix-tooltip-z-index, var(--moduix-z-popup));
+    max-width: min(var(--moduix-tooltip-max-width, 20rem), var(--available-width));
+    max-height: min(var(--moduix-tooltip-max-height, 24rem), var(--available-height, 100dvh));
+    padding: var(--moduix-tooltip-padding-y, var(--moduix-spacing-1))
+      var(--moduix-tooltip-padding-x, var(--moduix-spacing-2));
+    border: var(--moduix-tooltip-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tooltip-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-tooltip-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-tooltip-bg, var(--moduix-color-popover));
+    color: var(--moduix-tooltip-color, var(--moduix-color-popover-foreground));
+    box-shadow: var(--moduix-tooltip-shadow, var(--moduix-shadow-lg));
+    font-size: var(--moduix-tooltip-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-tooltip-line-height, var(--moduix-line-height-text-sm));
+    text-align: center;
+    overflow-wrap: anywhere;
+    transform-origin: var(--transform-origin);
+    position: relative;
+    overflow: auto;
+  }
+
+  .content-Ca8mTU[data-state="open"] {
+    animation: tooltip-content-in-QxxE9U
+        var(--moduix-tooltip-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast)))
+        var(--moduix-popup-motion-easing, ease-out);
+  }
+
+  .content-Ca8mTU[data-state="closed"] {
+    animation: tooltip-content-out-SPnpmw
+        var(--moduix-tooltip-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast)))
+        var(--moduix-popup-motion-easing, ease-in);
+  }
+
+  .content-Ca8mTU[data-instant] {
+    animation-duration: 0s;
+  }
+
+  .arrow-x8sqfJ {
+    --arrow-background: var(--moduix-tooltip-arrow-background, var(--moduix-tooltip-bg, var(--moduix-color-popover)));
+    --arrow-size: var(--moduix-tooltip-arrow-size, var(--moduix-spacing-2-5));
+  }
+
+  .arrowTip-WCS6HO {
+    border-top: var(--moduix-tooltip-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tooltip-arrow-stroke-color, var(--moduix-tooltip-border-color, var(--moduix-color-border)));
+    border-left: var(--moduix-tooltip-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tooltip-arrow-stroke-color, var(--moduix-tooltip-border-color, var(--moduix-color-border)));
+  }
+
+  @keyframes tooltip-content-in-QxxE9U {
+    from {
+      opacity: var(--moduix-tooltip-popup-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
+      translate: var(--moduix-tooltip-popup-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
+        var(--moduix-tooltip-popup-starting-translate-y, var(--moduix-popup-motion-starting-translate-y, 0));
+      transform: scale(var(--moduix-tooltip-popup-starting-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup))));
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes tooltip-content-out-SPnpmw {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: var(--moduix-tooltip-popup-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0));
+      translate: var(--moduix-tooltip-popup-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0))
+        var(--moduix-tooltip-popup-ending-translate-y, var(--moduix-popup-motion-ending-translate-y, 0));
+      transform: scale(var(--moduix-tooltip-popup-ending-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup))));
+    }
+  }
+}
+

package/dist/components/tooltip/index.d.ts

@@ -1,2 +1 @@
-import { Tooltip, useTooltip, useTooltipContext } from "./Tooltip.js";
-export { Tooltip, useTooltip, useTooltipContext };
+export { Tooltip, useTooltip, useTooltipContext } from './Tooltip.js';

package/dist/components/tooltip/index.js

@@ -0,0 +1 @@
+export { Tooltip, useTooltip, useTooltipContext } from "./Tooltip.js";

package/dist/components/tour/Tour.d.ts

@@ -1,36 +1,29 @@
-import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
-import { ComponentProps } from "react";
-import { Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "@ark-ui/react/tour";
-
-//#region src/components/tour/Tour.d.ts
-type TourRootProps = ComponentProps<typeof Tour.Root> & OverlayPortalProps;
-declare function TourRoot({
-  portalled,
-  portalRef,
-  ...props
-}: TourRootProps): import("react").JSX.Element;
-declare function TourActionList({
-  className
-}: {
-  className?: string;
+import { Tour as TourPrimitive, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from '@ark-ui/react/tour';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal';
+type TourRootProps = ComponentProps<typeof TourPrimitive.Root> & OverlayPortalProps;
+declare function TourRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TourRootProps): import("react").JSX.Element;
+declare function TourActionList({ className }: {
+    className?: string;
 }): import("react").JSX.Element;
-declare const Tour$1: typeof TourRoot & {
-  Root: typeof TourRoot;
-  Backdrop: import("react").ForwardRefExoticComponent<Omit<Tour.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Spotlight: import("react").ForwardRefExoticComponent<Omit<Tour.SpotlightProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Positioner: import("react").ForwardRefExoticComponent<Omit<Tour.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<Tour.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Arrow: import("react").ForwardRefExoticComponent<Omit<Tour.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ArrowTip: import("react").ForwardRefExoticComponent<Omit<Tour.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Title: import("react").ForwardRefExoticComponent<Omit<Tour.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-  Description: import("react").ForwardRefExoticComponent<Omit<Tour.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ProgressText: import("react").ForwardRefExoticComponent<Omit<Tour.ProgressTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  CloseTrigger: import("react").ForwardRefExoticComponent<Omit<Tour.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<Tour.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<Tour.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Actions: (props: Tour.ActionsProps) => import("react").ReactNode;
-  ActionList: typeof TourActionList;
-  ActionTrigger: import("react").ForwardRefExoticComponent<Omit<Tour.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Tour: typeof TourRoot & {
+    Root: typeof TourRoot;
+    Context: (props: TourPrimitive.ContextProps) => import("react").ReactNode;
+    Backdrop: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Spotlight: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.SpotlightProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ArrowTip: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ProgressText: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ProgressTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<TourPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Actions: (props: TourPrimitive.ActionsProps) => import("react").ReactNode;
+    ActionList: typeof TourActionList;
+    ActionTrigger: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
-export { Tour$1 as Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise };
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, };