@mks2508/mks-ui 0.1.2 → 0.1.4

package/dist/components/animate-ui/primitives/base/menu.js

@@ -0,0 +1,266 @@
+'use client';
+
+import { getStrictContext } from "../../../../lib/get-strict-context.js";
+import { useControlledState } from "../../../../hooks/use-controlled-state.js";
+import { Highlight, HighlightItem } from "../effects/highlight.js";
+import { useDataState } from "../../../../hooks/use-data-state.js";
+import * as React from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui-components/react/menu";
+
+//#region src/components/animate-ui/primitives/base/menu.tsx
+const [MenuActiveValueProvider, useMenuActiveValue] = getStrictContext("MenuActiveValueContext");
+const [MenuProvider, useMenu] = getStrictContext("MenuContext");
+function Menu$1(props) {
+	const [isOpen, setIsOpen] = useControlledState({
+		value: props?.open,
+		defaultValue: props?.defaultOpen,
+		onChange: props?.onOpenChange
+	});
+	const [highlightedValue, setHighlightedValue] = React.useState(null);
+	return /* @__PURE__ */ jsx(MenuActiveValueProvider, {
+		value: {
+			highlightedValue,
+			setHighlightedValue
+		},
+		children: /* @__PURE__ */ jsx(MenuProvider, {
+			value: {
+				isOpen,
+				setIsOpen
+			},
+			children: /* @__PURE__ */ jsx(Menu.Root, {
+				"data-slot": "menu",
+				...props,
+				onOpenChange: setIsOpen
+			})
+		})
+	});
+}
+function MenuTrigger(props) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		"data-slot": "menu-trigger",
+		...props
+	});
+}
+function MenuPortal(props) {
+	const { isOpen } = useMenu();
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Menu.Portal, {
+		keepMounted: true,
+		"data-slot": "menu-portal",
+		...props
+	}) });
+}
+function MenuGroup(props) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		"data-slot": "menu-group",
+		...props
+	});
+}
+function MenuGroupLabel(props) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		"data-slot": "menu-group-label",
+		...props
+	});
+}
+function MenuSubmenu(props) {
+	const [isOpen, setIsOpen] = useControlledState({
+		value: props?.open,
+		defaultValue: props?.defaultOpen,
+		onChange: props?.onOpenChange
+	});
+	return /* @__PURE__ */ jsx(MenuProvider, {
+		value: {
+			isOpen,
+			setIsOpen
+		},
+		children: /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+			"data-slot": "menu-submenu",
+			...props,
+			onOpenChange: setIsOpen
+		})
+	});
+}
+function MenuSubmenuTrigger({ label, id, nativeButton, ...props }) {
+	const { setHighlightedValue } = useMenuActiveValue();
+	const [, highlightedRef] = useDataState("highlighted", void 0, (value) => {
+		if (value === true) {
+			const el = highlightedRef.current;
+			const v = el?.dataset.value || el?.id || null;
+			if (v) setHighlightedValue(v);
+		}
+	});
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		ref: highlightedRef,
+		label,
+		id,
+		nativeButton,
+		"data-slot": "menu-submenu-trigger",
+		...props
+	});
+}
+function MenuHighlight({ transition = {
+	type: "spring",
+	stiffness: 350,
+	damping: 35
+}, ...props }) {
+	const { highlightedValue } = useMenuActiveValue();
+	return /* @__PURE__ */ jsx(Highlight, {
+		"data-slot": "menu-highlight",
+		click: false,
+		controlledItems: true,
+		transition,
+		value: highlightedValue,
+		...props
+	});
+}
+function MenuHighlightItem(props) {
+	return /* @__PURE__ */ jsx(HighlightItem, {
+		"data-slot": "menu-highlight-item",
+		...props
+	});
+}
+function MenuPositioner(props) {
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		"data-slot": "menu-positioner",
+		...props
+	});
+}
+function MenuPopup({ finalFocus, id, transition = { duration: .2 }, style, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		finalFocus,
+		id,
+		render: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "menu-popup",
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .95
+			},
+			transition,
+			style: {
+				willChange: "opacity, transform",
+				...style
+			},
+			...props
+		}, "menu-popup")
+	});
+}
+function MenuItem({ disabled, label, closeOnClick, nativeButton, id, ...props }) {
+	const { setHighlightedValue } = useMenuActiveValue();
+	const [, highlightedRef] = useDataState("highlighted", void 0, (value) => {
+		if (value === true) {
+			const el = highlightedRef.current;
+			const v = el?.dataset.value || el?.id || null;
+			if (v) setHighlightedValue(v);
+		}
+	});
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		ref: highlightedRef,
+		label,
+		closeOnClick,
+		nativeButton,
+		disabled,
+		id,
+		"data-slot": "menu-item",
+		...props
+	});
+}
+function MenuCheckboxItem({ label, defaultChecked, checked, onCheckedChange, disabled, closeOnClick, nativeButton, id, ...props }) {
+	const { setHighlightedValue } = useMenuActiveValue();
+	const [, highlightedRef] = useDataState("highlighted", void 0, (value) => {
+		if (value === true) {
+			const el = highlightedRef.current;
+			const v = el?.dataset.value || el?.id || null;
+			if (v) setHighlightedValue(v);
+		}
+	});
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+		ref: highlightedRef,
+		label,
+		checked,
+		defaultChecked,
+		onCheckedChange,
+		disabled,
+		closeOnClick,
+		nativeButton,
+		id,
+		"data-slot": "menu-checkbox-item",
+		...props
+	});
+}
+function MenuCheckboxItemIndicator({ keepMounted, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+		"data-slot": "menu-checkbox-item-indicator",
+		keepMounted,
+		render: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "menu-checkbox-item-indicator",
+			...props
+		})
+	});
+}
+function MenuRadioGroup(props) {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		"data-slot": "menu-radio-group",
+		...props
+	});
+}
+function MenuRadioItem({ value, disabled, label, closeOnClick, nativeButton, id, ...props }) {
+	const { setHighlightedValue } = useMenuActiveValue();
+	const [, highlightedRef] = useDataState("highlighted", void 0, (value) => {
+		if (value === true) {
+			const el = highlightedRef.current;
+			const v = el?.dataset.value || el?.id || null;
+			if (v) setHighlightedValue(v);
+		}
+	});
+	return /* @__PURE__ */ jsx(Menu.RadioItem, {
+		ref: highlightedRef,
+		value,
+		disabled,
+		label,
+		closeOnClick,
+		nativeButton,
+		id,
+		"data-slot": "menu-radio-item",
+		...props
+	});
+}
+function MenuRadioItemIndicator({ keepMounted, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+		"data-slot": "menu-radio-item-indicator",
+		keepMounted,
+		render: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "menu-radio-item-indicator",
+			...props
+		})
+	});
+}
+function MenuShortcut(props) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "menu-shortcut",
+		...props
+	});
+}
+function MenuArrow(props) {
+	return /* @__PURE__ */ jsx(Menu.Arrow, {
+		"data-slot": "menu-arrow",
+		...props
+	});
+}
+function MenuSeparator(props) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		"data-slot": "menu-separator",
+		...props
+	});
+}
+
+//#endregion
+export { Menu$1 as Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, useMenu, useMenuActiveValue };

package/dist/components/animate-ui/primitives/base/popover.js

@@ -0,0 +1,109 @@
+'use client';
+
+import { getStrictContext } from "../../../../lib/get-strict-context.js";
+import { useControlledState } from "../../../../hooks/use-controlled-state.js";
+import "react";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui-components/react/popover";
+
+//#region src/components/animate-ui/primitives/base/popover.tsx
+const [PopoverProvider, usePopover] = getStrictContext("PopoverContext");
+function Popover$1(props) {
+	const [isOpen, setIsOpen] = useControlledState({
+		value: props?.open,
+		defaultValue: props?.defaultOpen,
+		onChange: props?.onOpenChange
+	});
+	return /* @__PURE__ */ jsx(PopoverProvider, {
+		value: {
+			isOpen,
+			setIsOpen
+		},
+		children: /* @__PURE__ */ jsx(Popover.Root, {
+			"data-slot": "popover",
+			...props,
+			onOpenChange: setIsOpen
+		})
+	});
+}
+function PopoverTrigger(props) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverPortal(props) {
+	const { isOpen } = usePopover();
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Popover.Portal, {
+		keepMounted: true,
+		"data-slot": "popover-portal",
+		...props
+	}) });
+}
+function PopoverPositioner(props) {
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		"data-slot": "popover-positioner",
+		...props
+	});
+}
+function PopoverPopup({ initialFocus, finalFocus, transition = {
+	type: "spring",
+	stiffness: 300,
+	damping: 25
+}, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		initialFocus,
+		finalFocus,
+		render: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "popover-popup",
+			initial: {
+				opacity: 0,
+				scale: .5
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .5
+			},
+			transition,
+			...props
+		}, "popover-popup")
+	});
+}
+function PopoverBackdrop(props) {
+	return /* @__PURE__ */ jsx(Popover.Backdrop, {
+		"data-slot": "popover-backdrop",
+		...props
+	});
+}
+function PopoverArrow(props) {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		"data-slot": "popover-arrow",
+		...props
+	});
+}
+function PopoverTitle(props) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		"data-slot": "popover-title",
+		...props
+	});
+}
+function PopoverDescription(props) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		"data-slot": "popover-description",
+		...props
+	});
+}
+function PopoverClose(props) {
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		"data-slot": "popover-close",
+		...props
+	});
+}
+
+//#endregion
+export { Popover$1 as Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover };

package/dist/components/animate-ui/primitives/base/progress.d.ts

@@ -9,25 +9,28 @@ type ProgressProps = React.ComponentProps<typeof ProgressPrimitives.Root>;
 declare const Progress: (props: ProgressProps) => import("react/jsx-runtime").JSX.Element;
 type ProgressIndicatorProps = React.ComponentProps<typeof MotionProgressIndicator>;
 declare const MotionProgressIndicator: React.ComponentType<Omit<{
+    ref?: React.Ref<HTMLDivElement> | undefined;
+    onChange?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.ChangeEvent<HTMLDivElement, Element>>) => void) | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     className?: string | ((state: import("@base-ui-components/react/progress").ProgressRootState) => string | undefined) | undefined;
+    key?: React.Key | null | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
+    autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: React.AriaRole | undefined;
@@ -53,16 +56,16 @@ declare const MotionProgressIndicator: React.ComponentType<Omit<{
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
     popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -72,17 +75,17 @@ declare const MotionProgressIndicator: React.ComponentType<Omit<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "false" | "time" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "menu" | "listbox" | "grid" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -99,7 +102,7 @@ declare const MotionProgressIndicator: React.ComponentType<Omit<{
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -132,7 +135,6 @@ declare const MotionProgressIndicator: React.ComponentType<Omit<{
     onFocusCapture?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.FocusEvent<HTMLDivElement, Element>>) => void) | undefined;
     onBlur?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.FocusEvent<HTMLDivElement, Element>>) => void) | undefined;
     onBlurCapture?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.FocusEvent<HTMLDivElement, Element>>) => void) | undefined;
-    onChange?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.ChangeEvent<HTMLDivElement, Element>>) => void) | undefined;
     onChangeCapture?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.ChangeEvent<HTMLDivElement, Element>>) => void) | undefined;
     onBeforeInput?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.InputEvent<HTMLDivElement>>) => void) | undefined;
     onBeforeInputCapture?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.InputEvent<HTMLDivElement>>) => void) | undefined;
@@ -281,8 +283,6 @@ declare const MotionProgressIndicator: React.ComponentType<Omit<{
     onTransitionStart?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.TransitionEvent<HTMLDivElement>>) => void) | undefined;
     onTransitionStartCapture?: ((event: import("node_modules/@base-ui-components/react/esm/utils/types").BaseUIEvent<React.TransitionEvent<HTMLDivElement>>) => void) | undefined;
     render?: React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>> | import("node_modules/@base-ui-components/react/esm/utils/types").ComponentRenderFn<import("node_modules/@base-ui-components/react/esm/utils/types").HTMLProps<any>, import("@base-ui-components/react/progress").ProgressRootState> | undefined;
-    ref?: React.Ref<HTMLDivElement> | undefined;
-    key?: React.Key | null | undefined;
 } & import("framer-motion").MotionProps, "children"> & {
     children?: React.ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
 }>;

package/dist/components/animate-ui/primitives/base/progress.js

@@ -0,0 +1,63 @@
+'use client';
+
+import { getStrictContext } from "../../../../lib/get-strict-context.js";
+import { CountingNumber } from "../texts/counting-number.js";
+import "react";
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "@base-ui-components/react/progress";
+
+//#region src/components/animate-ui/primitives/base/progress.tsx
+const [ProgressProvider, useProgress] = getStrictContext("ProgressContext");
+const Progress$1 = (props) => {
+	return /* @__PURE__ */ jsx(ProgressProvider, {
+		value: { value: props.value ?? 0 },
+		children: /* @__PURE__ */ jsx(Progress.Root, {
+			"data-slot": "progress",
+			...props
+		})
+	});
+};
+const MotionProgressIndicator = motion.create(Progress.Indicator);
+function ProgressIndicator({ transition = {
+	type: "spring",
+	stiffness: 100,
+	damping: 30
+}, ...props }) {
+	const { value } = useProgress();
+	return /* @__PURE__ */ jsx(MotionProgressIndicator, {
+		"data-slot": "progress-indicator",
+		animate: { width: `${value}%` },
+		transition,
+		...props
+	});
+}
+function ProgressTrack(props) {
+	return /* @__PURE__ */ jsx(Progress.Track, {
+		"data-slot": "progress-track",
+		...props
+	});
+}
+function ProgressLabel(props) {
+	return /* @__PURE__ */ jsx(Progress.Label, {
+		"data-slot": "progress-label",
+		...props
+	});
+}
+function ProgressValue({ transition = {
+	stiffness: 80,
+	damping: 20
+}, ...props }) {
+	const { value } = useProgress();
+	return /* @__PURE__ */ jsx(Progress.Value, {
+		"data-slot": "progress-value",
+		render: /* @__PURE__ */ jsx(CountingNumber, {
+			number: value ?? 0,
+			transition,
+			...props
+		})
+	});
+}
+
+//#endregion
+export { Progress$1 as Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, useProgress };

package/dist/components/animate-ui/primitives/base/switch.js

@@ -3,9 +3,9 @@
 import { getStrictContext } from "../../../../lib/get-strict-context.js";
 import { useControlledState } from "../../../../hooks/use-controlled-state.js";
 import * as React from "react";
+import { motion } from "motion/react";
 import { jsx } from "react/jsx-runtime";
 import { Switch } from "@base-ui-components/react/switch";
-import { motion } from "motion/react";
 
 //#region src/components/animate-ui/primitives/base/switch.tsx
 const [SwitchProvider, useSwitch] = getStrictContext("SwitchContext");

package/dist/components/animate-ui/primitives/base/tabs.js

@@ -5,8 +5,8 @@ import { useControlledState } from "../../../../hooks/use-controlled-state.js";
 import { Highlight, HighlightItem } from "../effects/highlight.js";
 import { AutoHeight } from "../effects/auto-height.js";
 import * as React from "react";
-import { jsx } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
 import { Tabs } from "@base-ui-components/react/tabs";
 
 //#region src/components/animate-ui/primitives/base/tabs.tsx

package/dist/components/animate-ui/primitives/base/tooltip.js

@@ -0,0 +1,116 @@
+'use client';
+
+import { getStrictContext } from "../../../../lib/get-strict-context.js";
+import { useControlledState } from "../../../../hooks/use-controlled-state.js";
+import "react";
+import { AnimatePresence, motion, useMotionValue, useSpring } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui-components/react/tooltip";
+
+//#region src/components/animate-ui/primitives/base/tooltip.tsx
+const [LocalTooltipProvider, useTooltip] = getStrictContext("TooltipContext");
+function TooltipProvider(props) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		...props
+	});
+}
+function Tooltip$1({ followCursor = false, followCursorSpringOptions = {
+	stiffness: 200,
+	damping: 17
+}, ...props }) {
+	const [isOpen, setIsOpen] = useControlledState({
+		value: props?.open,
+		defaultValue: props?.defaultOpen,
+		onChange: props?.onOpenChange
+	});
+	return /* @__PURE__ */ jsx(LocalTooltipProvider, {
+		value: {
+			isOpen,
+			setIsOpen,
+			x: useMotionValue(0),
+			y: useMotionValue(0),
+			followCursor,
+			followCursorSpringOptions
+		},
+		children: /* @__PURE__ */ jsx(Tooltip.Root, {
+			"data-slot": "tooltip",
+			...props,
+			onOpenChange: setIsOpen
+		})
+	});
+}
+function TooltipTrigger({ onMouseMove, ...props }) {
+	const { x, y, followCursor } = useTooltip();
+	const handleMouseMove = (event) => {
+		onMouseMove?.(event);
+		const target = event.currentTarget.getBoundingClientRect();
+		if (followCursor === "x" || followCursor === true) {
+			const offsetXFromCenter = (event.clientX - target.left - target.width / 2) / 2;
+			x.set(offsetXFromCenter);
+		}
+		if (followCursor === "y" || followCursor === true) {
+			const offsetYFromCenter = (event.clientY - target.top - target.height / 2) / 2;
+			y.set(offsetYFromCenter);
+		}
+	};
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		onMouseMove: handleMouseMove,
+		...props
+	});
+}
+function TooltipPortal(props) {
+	const { isOpen } = useTooltip();
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Tooltip.Portal, {
+		keepMounted: true,
+		"data-slot": "tooltip-portal",
+		...props
+	}) });
+}
+function TooltipPositioner(props) {
+	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		"data-slot": "tooltip-positioner",
+		...props
+	});
+}
+function TooltipPopup({ transition = {
+	type: "spring",
+	stiffness: 300,
+	damping: 25
+}, style, ...props }) {
+	const { x, y, followCursor, followCursorSpringOptions } = useTooltip();
+	const translateX = useSpring(x, followCursorSpringOptions);
+	const translateY = useSpring(y, followCursorSpringOptions);
+	return /* @__PURE__ */ jsx(Tooltip.Popup, { render: /* @__PURE__ */ jsx(motion.div, {
+		"data-slot": "tooltip-popup",
+		initial: {
+			opacity: 0,
+			scale: .5
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .5
+		},
+		transition,
+		style: {
+			x: followCursor === "x" || followCursor === true ? translateX : void 0,
+			y: followCursor === "y" || followCursor === true ? translateY : void 0,
+			...style
+		},
+		...props
+	}, "tooltip-popup") });
+}
+function TooltipArrow(props) {
+	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
+		"data-slot": "tooltip-arrow",
+		...props
+	});
+}
+
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, useTooltip };