@moduix/react 1.1.0 → 2.0.0

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/Timer.module.js

@@ -1,12 +1,12 @@
 import './Timer.css';
 //#region src/components/timer/Timer.module.css
 var Timer_module_default = {
-	"actionTrigger": "_3h2dHW_actionTrigger",
-	"area": "_3h2dHW_area",
-	"control": "_3h2dHW_control",
-	"item": "_3h2dHW_item",
-	"root": "_3h2dHW_root",
-	"separator": "_3h2dHW_separator"
+	"actionTrigger": "Z6b--a_actionTrigger",
+	"area": "Z6b--a_area",
+	"control": "Z6b--a_control",
+	"item": "Z6b--a_item",
+	"root": "Z6b--a_root",
+	"separator": "Z6b--a_separator"
 };
 //#endregion
 export { Timer_module_default as default };

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.css

@@ -1,9 +1,9 @@
 @layer ui.components {
-  .h6KXRa_toaster {
+  .o69bxG_toaster {
     z-index: var(--toast-z-index, var(--z-toast));
   }
 
-  .h6KXRa_root {
+  .o69bxG_root {
     --toast-trigger-bg-default: transparent;
     --toast-trigger-bg-hover-default: var(--color-accent);
     --toast-trigger-border-color-default: var(--color-border);
@@ -69,7 +69,7 @@
     }
   }
 
-  .h6KXRa_title {
+  .o69bxG_title {
     align-items: center;
     gap: var(--toast-title-gap, .5rem);
     color: inherit;
@@ -80,14 +80,14 @@
     display: flex;
   }
 
-  .h6KXRa_description {
+  .o69bxG_description {
     color: var(--toast-description-color, var(--toast-description-color-default, var(--color-muted-foreground)));
     font-size: var(--toast-description-font-size, var(--text-sm));
     line-height: var(--toast-description-line-height, var(--line-height-text-sm));
     margin: 0;
   }
 
-  .h6KXRa_actionTrigger {
+  .o69bxG_actionTrigger {
     justify-content: center;
     align-items: center;
     gap: var(--toast-action-gap, var(--spacing-2));
@@ -123,7 +123,7 @@
     }
   }
 
-  .h6KXRa_closeTrigger {
+  .o69bxG_closeTrigger {
     --close-button-size: var(--toast-close-size, 28px);
     --close-button-icon-size: var(--toast-close-icon-size, 12px);
     --close-button-radius: var(--toast-close-radius, var(--radius-sm));
@@ -141,11 +141,11 @@
   }
 
   @media (width <= 40rem) {
-    .h6KXRa_toaster {
+    .o69bxG_toaster {
       width: 100%;
     }
 
-    .h6KXRa_root {
+    .o69bxG_root {
       width: calc(100% - (var(--gap) * 2));
       max-width: none;
       inset-inline: 0;

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/toast/Toast.module.js

@@ -1,12 +1,12 @@
 import './Toast.css';
 //#region src/components/toast/Toast.module.css
 var Toast_module_default = {
-	"actionTrigger": "h6KXRa_actionTrigger",
-	"closeTrigger": "h6KXRa_closeTrigger",
-	"description": "h6KXRa_description",
-	"root": "h6KXRa_root",
-	"title": "h6KXRa_title",
-	"toaster": "h6KXRa_toaster"
+	"actionTrigger": "o69bxG_actionTrigger",
+	"closeTrigger": "o69bxG_closeTrigger",
+	"description": "o69bxG_description",
+	"root": "o69bxG_root",
+	"title": "o69bxG_title",
+	"toaster": "o69bxG_toaster"
 };
 //#endregion
 export { Toast_module_default as default };

package/dist/components/toggle/Toggle.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .HKHPeq_root {
+  .aGZbbW_root {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -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 {
@@ -158,7 +158,7 @@
     }
   }
 
-  .HKHPeq_indicator {
+  .aGZbbW_indicator {
     color: inherit;
     justify-content: center;
     align-items: center;

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/Toggle.module.js

@@ -1,8 +1,8 @@
 import './Toggle.css';
 //#region src/components/toggle/Toggle.module.css
 var Toggle_module_default = {
-	"indicator": "HKHPeq_indicator",
-	"root": "HKHPeq_root"
+	"indicator": "aGZbbW_indicator",
+	"root": "aGZbbW_root"
 };
 //#endregion
 export { Toggle_module_default as default };

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.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._7gmn9G_root {
+  .un9nBW_root {
     box-sizing: border-box;
     align-items: center;
     gap: var(--toggle-group-gap, var(--border-width-sm));
@@ -15,7 +15,7 @@
       flex-direction: column;
       align-items: stretch;
 
-      & > ._7gmn9G_item {
+      & > .un9nBW_item {
         justify-content: flex-start;
         width: 100%;
       }
@@ -32,7 +32,7 @@
     }
   }
 
-  ._7gmn9G_item {
+  .un9nBW_item {
     border-radius: var(--toggle-group-item-radius, var(--radius-md));
     --toggle-default-color: var(--toggle-group-color, var(--color-foreground));
     --toggle-ghost-color: var(--toggle-group-color, var(--color-foreground));

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/ToggleGroup.module.js

@@ -1,8 +1,8 @@
 import './ToggleGroup.css';
 //#region src/components/toggle-group/ToggleGroup.module.css
 var ToggleGroup_module_default = {
-	"item": "_7gmn9G_item",
-	"root": "_7gmn9G_root"
+	"item": "un9nBW_item",
+	"root": "un9nBW_root"
 };
 //#endregion
 export { ToggleGroup_module_default as default };

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

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .DqDdfq_trigger {
+  ._7levaW_trigger {
     box-sizing: border-box;
     min-height: var(--tooltip-trigger-height, var(--size-lg));
     padding: var(--tooltip-trigger-padding-y, .5rem) var(--tooltip-trigger-padding-x, .875rem);
@@ -44,13 +44,13 @@
     }
   }
 
-  .DqDdfq_positioner {
+  ._7levaW_positioner {
     z-index: var(--z-index, var(--z-popup));
     max-width: var(--available-width);
     max-height: var(--available-height);
   }
 
-  .DqDdfq_content {
+  ._7levaW_content {
     --arrow-background: var(--tooltip-arrow-background, var(--tooltip-bg, var(--color-popover)));
     --arrow-size: var(--tooltip-arrow-size, .625rem);
     box-sizing: border-box;
@@ -71,11 +71,15 @@
     position: relative;
 
     &[data-state="open"] {
-      animation: DqDdfq_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: DqDdfq_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] {
@@ -83,24 +87,24 @@
     }
   }
 
-  .DqDdfq_arrow {
+  ._7levaW_arrow {
     --arrow-background: var(--tooltip-arrow-background, var(--tooltip-bg, var(--color-popover)));
     --arrow-size: var(--tooltip-arrow-size, .625rem);
   }
 
-  .DqDdfq_arrowTip {
+  ._7levaW_arrowTip {
     border-top: var(--tooltip-border-width, var(--border-width-sm)) solid
       var(--tooltip-arrow-stroke-color, var(--tooltip-border-color, var(--color-border)));
     border-left: var(--tooltip-border-width, var(--border-width-sm)) solid
       var(--tooltip-arrow-stroke-color, var(--tooltip-border-color, var(--color-border)));
   }
 
-  @keyframes DqDdfq_tooltip-content-in {
+  @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 {
@@ -109,17 +113,17 @@
     }
   }
 
-  @keyframes DqDdfq_tooltip-content-out {
+  @keyframes _7levaW_tooltip-content-out {
     from {
       opacity: 1;
       transform: scale(1);
     }
 
     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/Tooltip.module.js

@@ -1,13 +1,13 @@
 import './Tooltip.css';
 //#region src/components/tooltip/Tooltip.module.css
 var Tooltip_module_default = {
-	"arrow": "DqDdfq_arrow",
-	"arrowTip": "DqDdfq_arrowTip",
-	"content": "DqDdfq_content",
-	"positioner": "DqDdfq_positioner",
-	"tooltip-content-in": "DqDdfq_tooltip-content-in",
-	"tooltip-content-out": "DqDdfq_tooltip-content-out",
-	"trigger": "DqDdfq_trigger"
+	"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"
 };
 //#endregion
 export { Tooltip_module_default as default };

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 };