@moduix/react 1.1.1 → 2.0.0

package/dist/components/tags-input/TagsInput.js

@@ -1,26 +1,30 @@
-import { CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { CloseButton } from "../close-button/CloseButton.js";
 import TagsInput_module_default from "./TagsInput.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { TagsInput } from "@ark-ui/react/tags-input";
+import { Children, cloneElement, forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext } from "@ark-ui/react/tags-input";
 //#region src/components/tags-input/TagsInput.tsx
-const TagsInputRoot = forwardRef(function TagsInputRoot({ className, ...props }, ref) {
+const TagsInputRoot = forwardRef(function TagsInputRoot({ asChild, children, className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(TagsInput.Root, {
 		ref,
+		asChild,
 		"data-slot": "tags-input-root",
 		className: clsx(TagsInput_module_default.root, normalizeClassName(className)),
-		...props
+		...props,
+		children: withHiddenInput(children, asChild)
 	});
 });
-const TagsInputRootProvider = forwardRef(function TagsInputRootProvider({ className, ...props }, ref) {
+const TagsInputRootProvider = forwardRef(function TagsInputRootProvider({ asChild, children, className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(TagsInput.RootProvider, {
 		ref,
+		asChild,
 		"data-slot": "tags-input-root-provider",
 		className: clsx(TagsInput_module_default.root, normalizeClassName(className)),
-		...props
+		...props,
+		children: withHiddenInput(children, asChild)
 	});
 });
 const TagsInputLabel = forwardRef(function TagsInputLabel({ className, ...props }, ref) {
@@ -90,9 +94,9 @@ const TagsInputInput = forwardRef(function TagsInputInput({ className, ...props
 });
 const TagsInputClearTrigger = forwardRef(function TagsInputClearTrigger({ asChild, className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
 	const triggerClassName = clsx(TagsInput_module_default.clearTrigger, normalizeClassName(className));
-	if (asChild || children != null) return /* @__PURE__ */ jsx(TagsInput.ClearTrigger, {
+	if (asChild) return /* @__PURE__ */ jsx(TagsInput.ClearTrigger, {
 		ref,
-		asChild,
+		asChild: true,
 		"data-slot": "tags-input-clear-trigger",
 		className: triggerClassName,
 		"aria-label": ariaLabel,
@@ -108,32 +112,40 @@ const TagsInputClearTrigger = forwardRef(function TagsInputClearTrigger({ asChil
 		...props,
 		children: /* @__PURE__ */ jsx(CloseButton.Root, {
 			"aria-label": ariaLabel ?? (ariaLabelledBy == null ? "Clear tags" : void 0),
-			"aria-labelledby": ariaLabelledBy
+			"aria-labelledby": ariaLabelledBy,
+			children
 		})
 	});
 });
-const TagsInputHiddenInput = forwardRef(function TagsInputHiddenInput(props, ref) {
-	return /* @__PURE__ */ jsx(TagsInput.HiddenInput, {
-		ref,
-		"data-slot": "tags-input-hidden-input",
-		...props
-	});
-});
+function withHiddenInput(children, asChild) {
+	const hiddenInput = /* @__PURE__ */ jsx(TagsInput.HiddenInput, { "data-slot": "tags-input-hidden-input" });
+	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
+	const child = Children.only(children);
+	return cloneElement(child, {}, child.props.children, hiddenInput);
+}
 const TagsInputContext = TagsInput.Context;
+function TagsInputItems() {
+	return /* @__PURE__ */ jsx(TagsInputContext, { children: (tagsInput) => tagsInput.value.map((value, index) => /* @__PURE__ */ jsxs(TagsInputItem, {
+		index,
+		value,
+		children: [/* @__PURE__ */ jsxs(TagsInputItemPreview, { children: [/* @__PURE__ */ jsx(TagsInputItemText, { children: value }), /* @__PURE__ */ jsx(TagsInputItemDeleteTrigger, { "aria-label": `Remove ${value}` })] }), /* @__PURE__ */ jsx(TagsInputItemInput, {})]
+	}, `${value}-${index}`)) });
+}
 const TagsInput$1 = Object.assign(TagsInputRoot, {
 	Root: TagsInputRoot,
 	RootProvider: TagsInputRootProvider,
 	Label: TagsInputLabel,
 	Control: TagsInputControl,
 	Item: TagsInputItem,
+	ItemContext: TagsInput.ItemContext,
 	ItemPreview: TagsInputItemPreview,
 	ItemText: TagsInputItemText,
 	ItemDeleteTrigger: TagsInputItemDeleteTrigger,
 	ItemInput: TagsInputItemInput,
 	Input: TagsInputInput,
 	ClearTrigger: TagsInputClearTrigger,
-	HiddenInput: TagsInputHiddenInput,
-	Context: TagsInputContext
+	Context: TagsInputContext,
+	Items: TagsInputItems
 });
 //#endregion
-export { TagsInput$1 as TagsInput };
+export { TagsInput$1 as TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext };

package/dist/components/tags-input/index.d.ts

@@ -1,2 +1,2 @@
-import { TagsInput } from "./TagsInput.js";
-export { TagsInput };
+import { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext } from "./TagsInput.js";
+export { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext };

package/dist/components/text/Text.d.ts

@@ -12,7 +12,7 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<import("react
   align?: TextAlign;
   truncate?: boolean;
   lineClamp?: number;
-} & import("react").RefAttributes<HTMLParagraphElement>> & {
+} & import("react").RefAttributes<HTMLElement>> & {
   Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     as?: TextElement;
     size?: TextSize;
@@ -21,7 +21,7 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<import("react
     align?: TextAlign;
     truncate?: boolean;
     lineClamp?: number;
-  } & import("react").RefAttributes<HTMLParagraphElement>>;
+  } & import("react").RefAttributes<HTMLElement>>;
 };
 //#endregion
 export { Text };

package/dist/components/text/Text.js

@@ -1,9 +1,9 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Text_module_default from "./Text.module.js";
-import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Text.tsx
 const elements = {
 	div: ark.div,

package/dist/components/textarea/Textarea.js

@@ -1,8 +1,8 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Textarea_module_default from "./Textarea.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import { Field } from "@ark-ui/react/field";
 //#region src/components/textarea/Textarea.tsx
 const Textarea = forwardRef(function Textarea({ autoresize, className, ...props }, ref) {

package/dist/components/timer/Timer.d.ts

@@ -1,6 +1,16 @@
-import { Timer } from "@ark-ui/react/timer";
+import { ComponentProps, ReactNode } from "react";
+import { Timer, useTimer, useTimerContext } from "@ark-ui/react/timer";
 
 //#region src/components/timer/Timer.d.ts
+declare function TimerSegments({
+  className,
+  separator,
+  types
+}: {
+  className?: string;
+  separator?: ReactNode;
+  types: ComponentProps<typeof Timer.Item>['type'][];
+}): import("react").JSX.Element;
 declare const Timer$1: import("react").ForwardRefExoticComponent<Omit<Timer.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<Omit<Timer.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<Omit<Timer.RootProviderBaseProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -9,6 +19,8 @@ declare const Timer$1: import("react").ForwardRefExoticComponent<Omit<Timer.Root
   Separator: import("react").ForwardRefExoticComponent<Omit<Timer.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Control: import("react").ForwardRefExoticComponent<Omit<Timer.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   ActionTrigger: import("react").ForwardRefExoticComponent<Omit<Timer.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Context: (props: Timer.ContextProps) => ReactNode;
+  Segments: typeof TimerSegments;
 };
 //#endregion
-export { Timer$1 as Timer };
+export { Timer$1 as Timer, useTimer, useTimerContext };

package/dist/components/timer/Timer.js

@@ -1,9 +1,9 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Timer_module_default from "./Timer.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { Timer } from "@ark-ui/react/timer";
+import { Fragment, forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Timer, useTimer, useTimerContext } from "@ark-ui/react/timer";
 //#region src/components/timer/Timer.tsx
 const TimerRoot = forwardRef(function TimerRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Timer.Root, {
@@ -61,6 +61,12 @@ const TimerActionTrigger = forwardRef(function TimerActionTrigger({ className, .
 		...props
 	});
 });
+function TimerSegments({ className, separator = ":", types }) {
+	return /* @__PURE__ */ jsx(TimerArea, {
+		className,
+		children: types.map((type, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TimerItem, { type }), index < types.length - 1 && /* @__PURE__ */ jsx(TimerSeparator, { children: separator })] }, `${type}-${index}`))
+	});
+}
 const Timer$1 = Object.assign(TimerRoot, {
 	Root: TimerRoot,
 	RootProvider: TimerRootProvider,
@@ -68,7 +74,9 @@ const Timer$1 = Object.assign(TimerRoot, {
 	Item: TimerItem,
 	Separator: TimerSeparator,
 	Control: TimerControl,
-	ActionTrigger: TimerActionTrigger
+	ActionTrigger: TimerActionTrigger,
+	Context: Timer.Context,
+	Segments: TimerSegments
 });
 //#endregion
-export { Timer$1 as Timer };
+export { Timer$1 as Timer, useTimer, useTimerContext };

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

@@ -1,2 +1,2 @@
-import { Timer } from "./Timer.js";
-export { Timer };
+import { Timer, useTimer, useTimerContext } from "./Timer.js";
+export { Timer, useTimer, useTimerContext };

package/dist/components/toast/Toast.d.ts

@@ -3,7 +3,9 @@ import { ComponentProps } from "react";
 import { Toast, Toaster, createToaster } from "@ark-ui/react/toast";
 
 //#region src/components/toast/Toast.d.ts
-type ToasterProps = ComponentProps<typeof Toaster> & OverlayPortalProps;
+type ToasterProps = Omit<ComponentProps<typeof Toaster>, 'children'> & OverlayPortalProps & {
+  children?: ComponentProps<typeof Toaster>['children'];
+};
 declare const Toaster$1: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Toast$1: import("react").ForwardRefExoticComponent<Omit<Toast.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<Omit<Toast.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/toast/Toast.js

@@ -1,10 +1,10 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import { CloseButton } from "../close-button/CloseButton.js";
 import Toast_module_default from "./Toast.module.js";
-import { jsx } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Toast, Toaster, createToaster, useToastContext } from "@ark-ui/react/toast";
 //#region src/components/toast/Toast.tsx
 const DEFAULT_CLOSE_TRIGGER_LABEL = "Close toast";
@@ -16,10 +16,19 @@ const Toaster$1 = forwardRef(function Toaster$2({ className, portalled = true, p
 			ref,
 			"data-slot": "toast-toaster",
 			className: clsx(Toast_module_default.toaster, normalizeClassName(className)),
-			...props
+			...props,
+			children: props.children ?? ((toast) => /* @__PURE__ */ jsx(DefaultToast, { toast }))
 		})
 	});
 });
+function DefaultToast({ toast }) {
+	return /* @__PURE__ */ jsxs(ToastRoot, { children: [
+		toast.title != null ? /* @__PURE__ */ jsx(ToastTitle, {}) : null,
+		toast.description != null ? /* @__PURE__ */ jsx(ToastDescription, {}) : null,
+		toast.action ? /* @__PURE__ */ jsx(ToastActionTrigger, { children: toast.action.label }) : null,
+		toast.closable !== false ? /* @__PURE__ */ jsx(ToastCloseTrigger, {}) : null
+	] }, toast.id);
+}
 const ToastRoot = forwardRef(function ToastRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Toast.Root, {
 		ref,

package/dist/components/toggle/Toggle.css

@@ -48,9 +48,9 @@
     }
 
     &[data-variant="default"] {
-      border-color: var(--toggle-default-border-color, var(--color-border));
-      background-color: var(--toggle-default-bg, var(--color-background));
-      color: var(--toggle-default-color, var(--toggle-color, var(--color-foreground)));
+      border-color: var(--toggle-default-border-color, var(--color-secondary));
+      background-color: var(--toggle-default-bg, var(--color-secondary));
+      color: var(--toggle-default-color, var(--toggle-color, var(--color-secondary-foreground)));
 
       @media (hover: hover) {
         &[data-state="off"]:not([data-disabled]):hover {

package/dist/components/toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import { Toggle } from "@ark-ui/react/toggle";
+import { Toggle, useToggleContext } from "@ark-ui/react/toggle";
 
 //#region src/components/toggle/Toggle.d.ts
 type ToggleVariant = 'default' | 'outline' | 'ghost';
@@ -11,6 +11,7 @@ type ToggleRootProps = ComponentProps<typeof Toggle.Root> & {
 declare const Toggle$1: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>> & {
   Root: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   Indicator: import("react").ForwardRefExoticComponent<Omit<Toggle.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Context: (props: Toggle.ContextProps) => import("react").ReactNode;
 };
 //#endregion
-export { Toggle$1 as Toggle };
+export { Toggle$1 as Toggle, useToggleContext };

package/dist/components/toggle/Toggle.js

@@ -1,9 +1,9 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Toggle_module_default from "./Toggle.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Toggle } from "@ark-ui/react/toggle";
+import { jsx } from "react/jsx-runtime";
+import { Toggle, ToggleContext, useToggleContext } from "@ark-ui/react/toggle";
 //#region src/components/toggle/Toggle.tsx
 const ToggleRoot = forwardRef(function ToggleRoot({ className, variant = "default", size = "md", ...props }, ref) {
 	return /* @__PURE__ */ jsx(Toggle.Root, {
@@ -25,7 +25,8 @@ const ToggleIndicator = forwardRef(function ToggleIndicator({ className, ...prop
 });
 const Toggle$1 = Object.assign(ToggleRoot, {
 	Root: ToggleRoot,
-	Indicator: ToggleIndicator
+	Indicator: ToggleIndicator,
+	Context: ToggleContext
 });
 //#endregion
-export { Toggle$1 as Toggle };
+export { Toggle$1 as Toggle, useToggleContext };

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

@@ -1,2 +1,2 @@
-import { Toggle } from "./Toggle.js";
-export { Toggle };
+import { Toggle, useToggleContext } from "./Toggle.js";
+export { Toggle, useToggleContext };

package/dist/components/toggle-group/ToggleGroup.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import { ToggleGroup } from "@ark-ui/react/toggle-group";
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "@ark-ui/react/toggle-group";
 
 //#region src/components/toggle-group/ToggleGroup.d.ts
 type ToggleVariant = 'default' | 'outline' | 'ghost';
@@ -19,7 +19,8 @@ type ToggleGroupItemProps = ComponentProps<typeof ToggleGroup.Item> & {
 declare const ToggleGroup$1: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<Omit<ToggleGroupRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Context: (props: ToggleGroup.ContextProps) => import("react").ReactNode;
   Item: import("react").ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 //#endregion
-export { ToggleGroup$1 as ToggleGroup };
+export { ToggleGroup$1 as ToggleGroup, useToggleGroup, useToggleGroupContext };

package/dist/components/toggle-group/ToggleGroup.js

@@ -1,10 +1,10 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Toggle_module_default from "../toggle/Toggle.module.js";
 import ToggleGroup_module_default from "./ToggleGroup.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { createContext, forwardRef, useContext } from "react";
-import { ToggleGroup } from "@ark-ui/react/toggle-group";
+import { jsx } from "react/jsx-runtime";
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "@ark-ui/react/toggle-group";
 //#region src/components/toggle-group/ToggleGroup.tsx
 const ToggleGroupStyleContext = createContext({
 	variant: "default",
@@ -56,7 +56,8 @@ const ToggleGroupItem = forwardRef(function ToggleGroupItem({ className, variant
 const ToggleGroup$1 = Object.assign(ToggleGroupRoot, {
 	Root: ToggleGroupRoot,
 	RootProvider: ToggleGroupRootProvider,
+	Context: ToggleGroup.Context,
 	Item: ToggleGroupItem
 });
 //#endregion
-export { ToggleGroup$1 as ToggleGroup };
+export { ToggleGroup$1 as ToggleGroup, useToggleGroup, useToggleGroupContext };

package/dist/components/toggle-group/index.d.ts

@@ -1,2 +1,2 @@
-import { ToggleGroup } from "./ToggleGroup.js";
-export { ToggleGroup };
+import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "./ToggleGroup.js";
+export { ToggleGroup, useToggleGroup, useToggleGroupContext };

package/dist/components/tooltip/Tooltip.css

@@ -71,11 +71,15 @@
     position: relative;
 
     &[data-state="open"] {
-      animation: _7levaW_tooltip-content-in var(--tooltip-transition, var(--duration-fast)) ease-out;
+      animation: _7levaW_tooltip-content-in
+        var(--tooltip-transition, var(--popup-motion-duration, var(--duration-fast)))
+        var(--popup-motion-easing, ease-out);
     }
 
     &[data-state="closed"] {
-      animation: _7levaW_tooltip-content-out var(--tooltip-transition, var(--duration-fast)) ease-in;
+      animation: _7levaW_tooltip-content-out
+        var(--tooltip-transition, var(--popup-motion-duration, var(--duration-fast)))
+        var(--popup-motion-easing, ease-in);
     }
 
     &[data-instant] {
@@ -97,10 +101,10 @@
 
   @keyframes _7levaW_tooltip-content-in {
     from {
-      opacity: var(--tooltip-popup-starting-opacity, 0);
-      translate: var(--tooltip-popup-starting-translate-x, 0)
-        var(--tooltip-popup-starting-translate-y, 0);
-      transform: scale(var(--tooltip-popup-starting-scale, var(--scale-popup)));
+      opacity: var(--tooltip-popup-starting-opacity, var(--popup-motion-starting-opacity, 0));
+      translate: var(--tooltip-popup-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
+        var(--tooltip-popup-starting-translate-y, var(--popup-motion-starting-translate-y, 0));
+      transform: scale(var(--tooltip-popup-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup))));
     }
 
     to {
@@ -116,10 +120,10 @@
     }
 
     to {
-      opacity: var(--tooltip-popup-ending-opacity, 0);
-      translate: var(--tooltip-popup-ending-translate-x, 0)
-        var(--tooltip-popup-ending-translate-y, 0);
-      transform: scale(var(--tooltip-popup-ending-scale, var(--scale-popup)));
+      opacity: var(--tooltip-popup-ending-opacity, var(--popup-motion-ending-opacity, 0));
+      translate: var(--tooltip-popup-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
+        var(--tooltip-popup-ending-translate-y, var(--popup-motion-ending-translate-y, 0));
+      transform: scale(var(--tooltip-popup-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup))));
     }
   }
 }

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

@@ -1,6 +1,6 @@
 import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
 import { ComponentProps } from "react";
-import { Tooltip } from "@ark-ui/react/tooltip";
+import { Tooltip, useTooltip, useTooltipContext } from "@ark-ui/react/tooltip";
 
 //#region src/components/tooltip/Tooltip.d.ts
 type TooltipRootProps = ComponentProps<typeof Tooltip.Root> & OverlayPortalProps;
@@ -19,10 +19,11 @@ declare const Tooltip$1: typeof TooltipRoot & {
   Root: typeof TooltipRoot;
   RootProvider: typeof TooltipRootProvider;
   Trigger: import("react").ForwardRefExoticComponent<Omit<Tooltip.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Body: import("react").ForwardRefExoticComponent<Omit<Tooltip.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Tooltip.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Content: import("react").ForwardRefExoticComponent<Omit<Tooltip.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Arrow: import("react").ForwardRefExoticComponent<Omit<Tooltip.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   ArrowTip: import("react").ForwardRefExoticComponent<Omit<Tooltip.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { Tooltip$1 as Tooltip };
+export { Tooltip$1 as Tooltip, useTooltip, useTooltipContext };

package/dist/components/tooltip/Tooltip.js

@@ -1,10 +1,10 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
 import Tooltip_module_default from "./Tooltip.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Tooltip } from "@ark-ui/react/tooltip";
+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, {
@@ -45,6 +45,12 @@ const TooltipContent = forwardRef(function TooltipContent({ className, ...props
 		...props
 	});
 });
+const TooltipBody = forwardRef(function TooltipBody(props, ref) {
+	return /* @__PURE__ */ jsx(TooltipPositioner, { children: /* @__PURE__ */ jsx(TooltipContent, {
+		ref,
+		...props
+	}) });
+});
 const TooltipArrow = forwardRef(function TooltipArrow({ className, children, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
 		ref,
@@ -66,10 +72,11 @@ const Tooltip$1 = Object.assign(TooltipRoot, {
 	Root: TooltipRoot,
 	RootProvider: TooltipRootProvider,
 	Trigger: TooltipTrigger,
+	Body: TooltipBody,
 	Positioner: TooltipPositioner,
 	Content: TooltipContent,
 	Arrow: TooltipArrow,
 	ArrowTip: TooltipArrowTip
 });
 //#endregion
-export { Tooltip$1 as Tooltip };
+export { Tooltip$1 as Tooltip, useTooltip, useTooltipContext };

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

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

package/dist/components/tour/Tour.css

@@ -82,11 +82,17 @@
     overflow: visible;
 
     &[data-state="open"] {
-      animation: _5wc7ja_tour-content-in var(--tour-transition, var(--transition-default)) both;
+      animation: _5wc7ja_tour-content-in
+        var(--tour-transition, var(--popup-motion-duration, var(--duration-normal))
+            var(--popup-motion-easing, var(--ease-in-out)))
+        both;
     }
 
     &[data-state="closed"] {
-      animation: _5wc7ja_tour-content-out var(--tour-transition, var(--transition-default)) both;
+      animation: _5wc7ja_tour-content-out
+        var(--tour-transition, var(--popup-motion-duration, var(--duration-normal))
+            var(--popup-motion-easing, var(--ease-in-out)))
+        both;
     }
 
     &[data-type="dialog"] {
@@ -152,12 +158,12 @@
     line-height: 1;
     display: inline-flex;
     position: absolute;
-    inset-block-start: var(--tour-close-trigger-offset, var(--spacing-2));
-    inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-2));
+    inset-block-start: var(--tour-close-trigger-offset, var(--spacing-4));
+    inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-4));
 
     & :where(svg) {
-      width: var(--tour-close-trigger-icon-size, .875rem);
-      height: var(--tour-close-trigger-icon-size, .875rem);
+      width: var(--tour-close-trigger-icon-size, .75rem);
+      height: var(--tour-close-trigger-icon-size, .75rem);
     }
 
     @media (hover: hover) {
@@ -177,17 +183,15 @@
   ._5wc7ja_closeIcon {
     --close-button-size: var(--tour-close-trigger-size, 1.75rem);
     --close-button-radius: var(--tour-close-trigger-radius, var(--radius-md));
-    --close-button-icon-size: var(--tour-close-trigger-icon-size, .875rem);
+    --close-button-icon-size: var(--tour-close-trigger-icon-size, .75rem);
     --close-button-bg: var(--tour-close-trigger-bg, transparent);
     --close-button-bg-hover: var(--tour-close-trigger-bg-hover, var(--color-accent));
     --close-button-color: var(--tour-close-trigger-color, var(--color-muted-foreground));
     --close-button-color-hover: var(--tour-close-trigger-color-hover, var(--tour-color, var(--color-popover-foreground)));
-    --close-button-focus-ring-width: var(--tour-focus-ring-width, var(--border-width-sm));
     --close-button-focus-ring-color: var(--tour-focus-ring-color, var(--color-ring));
-    --close-button-focus-ring-offset: calc(var(--tour-focus-ring-width, var(--border-width-sm)) * -1);
     position: absolute;
-    inset-block-start: var(--tour-close-trigger-offset, var(--spacing-2));
-    inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-2));
+    inset-block-start: var(--tour-close-trigger-offset, var(--spacing-4));
+    inset-inline-end: var(--tour-close-trigger-offset, var(--spacing-4));
   }
 
   ._5wc7ja_control {
@@ -269,18 +273,19 @@
 
   @keyframes _5wc7ja_tour-content-in {
     from {
-      opacity: var(--tour-content-starting-opacity, 0);
-      translate: var(--tour-content-starting-translate-x, 0)
-        var(--tour-content-starting-translate-y, 0);
-      scale: var(--tour-content-starting-scale, var(--scale-popup));
+      opacity: var(--tour-content-starting-opacity, var(--popup-motion-starting-opacity, 0));
+      translate: var(--tour-content-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
+        var(--tour-content-starting-translate-y, var(--popup-motion-starting-translate-y, 0));
+      scale: var(--tour-content-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup)));
     }
   }
 
   @keyframes _5wc7ja_tour-content-out {
     to {
-      opacity: var(--tour-content-ending-opacity, 0);
-      translate: var(--tour-content-ending-translate-x, 0) var(--tour-content-ending-translate-y, 0);
-      scale: var(--tour-content-ending-scale, var(--scale-popup));
+      opacity: var(--tour-content-ending-opacity, var(--popup-motion-ending-opacity, 0));
+      translate: var(--tour-content-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
+        var(--tour-content-ending-translate-y, var(--popup-motion-ending-translate-y, 0));
+      scale: var(--tour-content-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup)));
     }
   }
 }

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

@@ -9,6 +9,11 @@ declare function TourRoot({
   portalRef,
   ...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>>;
@@ -24,6 +29,7 @@ declare const Tour$1: typeof TourRoot & {
   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>>;
 };
 //#endregion

package/dist/components/tour/Tour.js

@@ -2,9 +2,9 @@ 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";
-import { jsx } from "react/jsx-runtime";
 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";
@@ -128,6 +128,12 @@ const TourActionTrigger = forwardRef(function TourActionTrigger({ asChild, class
 	});
 });
 const TourActions = Tour.Actions;
+function TourActionList({ className }) {
+	return /* @__PURE__ */ jsx(Tour.Actions, { children: (actions) => actions.map((action) => /* @__PURE__ */ jsx(TourActionTrigger, {
+		action,
+		className
+	}, action.label)) });
+}
 const Tour$1 = Object.assign(TourRoot, {
 	Root: TourRoot,
 	Backdrop: TourBackdrop,
@@ -143,6 +149,7 @@ const Tour$1 = Object.assign(TourRoot, {
 	CloseIcon: TourCloseIcon,
 	Control: TourControl,
 	Actions: TourActions,
+	ActionList: TourActionList,
 	ActionTrigger: TourActionTrigger
 });
 //#endregion