@raystack/apsara 0.46.0-rc.4 → 0.46.0

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

@@ -1,27 +1,34 @@
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { VariantProps } from "class-variance-authority";
-import React from "react";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
+import { CSSProperties, ReactNode } from 'react';
 declare const tooltip: (props?: ({
     side?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface TooltipProps extends VariantProps<typeof tooltip> {
     disabled?: boolean;
-    children: React.ReactNode;
-    message: React.ReactNode;
+    children: ReactNode;
+    message: ReactNode;
     classNames?: {
         trigger?: string;
         content?: string;
         arrow?: string;
     };
-    triggerStyle?: React.CSSProperties;
-    contentStyle?: React.CSSProperties;
+    triggerStyle?: CSSProperties;
+    contentStyle?: CSSProperties;
     delayDuration?: number;
     skipDelayDuration?: number;
     'aria-label'?: string;
     asChild?: boolean;
+    id?: string;
     showArrow?: boolean;
+    followCursor?: boolean;
+    sideOffset?: number;
+    alignOffset?: number;
 }
-export declare const Tooltip: React.FC<TooltipProps>;
-export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const Tooltip: {
+    ({ children, message, disabled, side, classNames, triggerStyle, contentStyle, delayDuration, skipDelayDuration, "aria-label": ariaLabel, asChild, showArrow, id, followCursor, sideOffset, alignOffset }: TooltipProps): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    displayName: string;
+};
+export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
 export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/v1/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,OAAO;;8EAgBX,CAAC;AAEH,UAAU,YAAa,SAAQ,YAAY,CAAC,OAAO,OAAO,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuD1C,CAAC;AAIF,eAAO,MAAM,eAAe,iDAA4B,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAMjE,QAAA,MAAM,OAAO;;8EAgBX,CAAC;AAEH,UAAU,YAAa,SAAQ,YAAY,CAAC,OAAO,OAAO,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,OAAO;8MAiBjB,YAAY;;CAsFd,CAAC;AAIF,eAAO,MAAM,eAAe,2DAA4B,CAAC"}

package/dist/v1/components/tooltip/tooltip.js

@@ -1,29 +1,51 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { Provider as $a093c7e1ec25a057$export$2881499e37b75b9a, Root as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, Trigger as $a093c7e1ec25a057$export$41fb9f06171c75f4, Portal as $a093c7e1ec25a057$export$602eac185826482c, Content as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, Arrow as $a093c7e1ec25a057$export$21b07c8f274aebd5 } from '../../node_modules/.pnpm/@radix-ui_react-tooltip@1.0.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tooltip/dist/index.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { useId, useMemo } from 'react';
+import { useMouse } from '../../hooks/useMouse.js';
 import { Text } from '../text/text.js';
 import styles from './tooltip.module.css.js';
+import { getTransformForPlacement } from './utils.js';
 
 const tooltip = cva(styles.content, {
     variants: {
         side: {
-            top: styles["side-top"],
-            right: styles["side-right"],
-            bottom: styles["side-bottom"],
-            left: styles["side-left"],
-            "top-left": styles["side-top-left"],
-            "top-right": styles["side-top-right"],
-            "bottom-left": styles["side-bottom-left"],
-            "bottom-right": styles["side-bottom-right"],
+            top: styles['side-top'],
+            right: styles['side-right'],
+            bottom: styles['side-bottom'],
+            left: styles['side-left'],
+            'top-left': styles['side-top-left'],
+            'top-right': styles['side-top-right'],
+            'bottom-left': styles['side-bottom-left'],
+            'bottom-right': styles['side-bottom-right']
         }
     },
     defaultVariants: {
-        side: "top"
+        side: 'top'
     }
 });
-const Tooltip = ({ children, message, disabled, side = "top", classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, showArrow = true, }) => {
-    return disabled ? (children) : (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [jsxRuntimeExports.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { "aria-describedby": "tooltip", asChild: asChild, children: jsxRuntimeExports.jsx("div", { className: clsx(styles.trigger, classNames?.trigger ?? ""), style: triggerStyle, children: children }) }), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { id: "tooltip", role: "tooltip", "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === "string" ? (jsxRuntimeExports.jsx(Text, { children: message })) : (message), showArrow && (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$21b07c8f274aebd5, { className: clsx(styles.arrow, classNames?.arrow), width: 12, height: 6 }))] }) })] }) }));
+const Tooltip = ({ children, message, disabled, side = 'top', classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, showArrow = true, id, followCursor = false, sideOffset = 4, alignOffset = 0 }) => {
+    const generatedId = useId();
+    const tooltipId = id ?? generatedId;
+    const { ref, value: mouseValue, reset } = useMouse({
+        resetOnExit: false,
+        enabled: followCursor
+    });
+    const computedSide = useMemo(() => (side?.split('-')[0] || 'top'), [side]);
+    const computedAlign = useMemo(() => (side?.includes('-')
+        ? side.split('-')[1] === 'left'
+            ? 'start'
+            : 'end'
+        : 'center'), [side]);
+    if (disabled)
+        return children;
+    return (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [jsxRuntimeExports.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { "aria-describedby": tooltipId, asChild: asChild, onFocus: followCursor ? reset : undefined, children: jsxRuntimeExports.jsx("div", { ref: ref, className: cx(styles.trigger, classNames?.trigger), style: triggerStyle, children: children }) }), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { id: tooltipId, role: 'tooltip', "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: computedSide, align: computedAlign, alignOffset: alignOffset, sideOffset: sideOffset, className: tooltip({ side, className: classNames?.content }), "data-follow-cursor": followCursor, style: {
+                            ...contentStyle,
+                            pointerEvents: followCursor ? 'none' : undefined,
+                            transform: followCursor && mouseValue
+                                ? getTransformForPlacement(computedSide, computedAlign, mouseValue)
+                                : undefined
+                        }, children: [typeof message === 'string' ? jsxRuntimeExports.jsx(Text, { children: message }) : message, showArrow && (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$21b07c8f274aebd5, { className: cx(styles.arrow, classNames?.arrow), width: 7, height: 7 }))] }) })] }) }));
 };
 Tooltip.displayName = 'Tooltip';
 const TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;

package/dist/v1/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nimport { Text } from \"../text\";\nimport styles from \"./tooltip.module.css\";\n\nconst tooltip = cva(styles.content, {\n  variants: {\n    side: {\n      top: styles[\"side-top\"],\n      right: styles[\"side-right\"],\n      bottom: styles[\"side-bottom\"],\n      left: styles[\"side-left\"],\n      \"top-left\": styles[\"side-top-left\"],\n      \"top-right\": styles[\"side-top-right\"],\n      \"bottom-left\": styles[\"side-bottom-left\"],\n      \"bottom-right\": styles[\"side-bottom-right\"],\n    }\n  },\n  defaultVariants: {\n    side: \"top\"\n  }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n  disabled?: boolean;\n  children: React.ReactNode;\n  message: React.ReactNode;\n  classNames?: {\n    trigger?: string;\n    content?: string;\n    arrow?: string;\n  };\n  triggerStyle?: React.CSSProperties;\n  contentStyle?: React.CSSProperties;\n  delayDuration?: number;\n  skipDelayDuration?: number;\n  'aria-label'?: string;\n  asChild?: boolean;\n  showArrow?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  message,\n  disabled,\n  side = \"top\",\n  classNames,\n  triggerStyle,\n  contentStyle,\n  delayDuration = 200,\n  skipDelayDuration = 200,\n  'aria-label': ariaLabel,\n  asChild = true,\n  showArrow = true,\n}) => {\n  return disabled ? (\n    children\n  ) : (\n    <TooltipPrimitive.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n      <TooltipPrimitive.Root>\n        <TooltipPrimitive.Trigger \n          aria-describedby=\"tooltip\" \n          asChild={asChild}\n        >\n          <div className={clsx(styles.trigger, classNames?.trigger ?? \"\")} style={triggerStyle}>\n            {children}\n          </div>\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            id=\"tooltip\"\n            role=\"tooltip\"\n            aria-label={ariaLabel || (typeof message === 'string' ? message : undefined)}\n            side={side?.split('-')[0] as TooltipPrimitive.TooltipContentProps['side'] || 'top'}\n            align={(side?.includes('-') ? (side.split('-')[1] === 'left' ? 'start' : 'end') : 'center') satisfies 'start' | 'end' | 'center'}\n            sideOffset={4}\n            className={tooltip({ side, className: classNames?.content })}\n            style={contentStyle}\n          >\n            {typeof message === \"string\" ? (\n              <Text>{message}</Text>\n            ) : (\n              message\n            )}\n            {showArrow && (\n              <TooltipPrimitive.Arrow \n                className={clsx(styles.arrow, classNames?.arrow)} \n                width={12} \n                height={6} \n              />\n            )}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":";;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AAoBU,MAAA,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,IAAI,GACjB,KAAI;IACH,OAAO,QAAQ,IACb,QAAQ,KAERA,qBAAA,CAACC,yCAAyB,EAAC,EAAA,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAC3F,QAAA,EAAAC,sBAAA,CAACC,yCAAqB,EACpB,EAAA,QAAA,EAAA,CAAAH,qBAAA,CAACI,yCAAwB,EAAA,EAAA,kBAAA,EACN,SAAS,EAC1B,OAAO,EAAE,OAAO,EAEhB,QAAA,EAAAJ,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EACjF,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACmB,EAC3BA,qBAAC,CAAAK,yCAAuB,EACtB,EAAA,QAAA,EAAAH,sBAAA,CAACI,yCAAwB,EACvB,EAAA,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAC5E,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAiD,IAAI,KAAK,EAClF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAsC,EAChI,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,aAElB,OAAO,OAAO,KAAK,QAAQ,IAC1BN,qBAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,KAEtB,OAAO,CACR,EACA,SAAS,KACRA,qBAAC,CAAAO,yCAAsB,IACrB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAChD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,CAAC,EAAA,CACT,CACH,CAAA,EAAA,CACwB,EACH,CAAA,CAAA,EAAA,CACJ,EACE,CAAA,CAC7B,CAAC;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGN;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { CSSProperties, ReactNode, useId, useMemo } from 'react';\nimport { useMouse } from '~/v1/hooks';\nimport { Text } from '../text';\nimport styles from './tooltip.module.css';\nimport { getTransformForPlacement } from './utils';\n\nconst tooltip = cva(styles.content, {\n  variants: {\n    side: {\n      top: styles['side-top'],\n      right: styles['side-right'],\n      bottom: styles['side-bottom'],\n      left: styles['side-left'],\n      'top-left': styles['side-top-left'],\n      'top-right': styles['side-top-right'],\n      'bottom-left': styles['side-bottom-left'],\n      'bottom-right': styles['side-bottom-right']\n    }\n  },\n  defaultVariants: {\n    side: 'top'\n  }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n  disabled?: boolean;\n  children: ReactNode;\n  message: ReactNode;\n  classNames?: {\n    trigger?: string;\n    content?: string;\n    arrow?: string;\n  };\n  triggerStyle?: CSSProperties;\n  contentStyle?: CSSProperties;\n  delayDuration?: number;\n  skipDelayDuration?: number;\n  'aria-label'?: string;\n  asChild?: boolean;\n  id?: string;\n  showArrow?: boolean;\n  followCursor?: boolean;\n  sideOffset?: number;\n  alignOffset?: number;\n}\ntype TooltipSide = NonNullable<TooltipPrimitive.TooltipContentProps['side']>;\ntype TooltipAlign = NonNullable<TooltipPrimitive.TooltipContentProps['align']>;\n\nexport const Tooltip = ({\n  children,\n  message,\n  disabled,\n  side = 'top',\n  classNames,\n  triggerStyle,\n  contentStyle,\n  delayDuration = 200,\n  skipDelayDuration = 200,\n  'aria-label': ariaLabel,\n  asChild = true,\n  showArrow = true,\n  id,\n  followCursor = false,\n  sideOffset = 4,\n  alignOffset = 0\n}: TooltipProps) => {\n  const generatedId = useId();\n  const tooltipId = id ?? generatedId;\n  const {\n    ref,\n    value: mouseValue,\n    reset\n  } = useMouse<HTMLDivElement>({\n    resetOnExit: false,\n    enabled: followCursor\n  });\n\n  const computedSide = useMemo(\n    () => (side?.split('-')[0] || 'top') as TooltipSide,\n    [side]\n  );\n  const computedAlign = useMemo(\n    () =>\n      (side?.includes('-')\n        ? side.split('-')[1] === 'left'\n          ? 'start'\n          : 'end'\n        : 'center') as TooltipAlign,\n    [side]\n  );\n\n  if (disabled) return children;\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayDuration}\n      skipDelayDuration={skipDelayDuration}\n    >\n      <TooltipPrimitive.Root>\n        <TooltipPrimitive.Trigger\n          aria-describedby={tooltipId}\n          asChild={asChild}\n          onFocus={followCursor ? reset : undefined}\n        >\n          <div\n            ref={ref}\n            className={cx(styles.trigger, classNames?.trigger)}\n            style={triggerStyle}\n          >\n            {children}\n          </div>\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            id={tooltipId}\n            role='tooltip'\n            aria-label={\n              ariaLabel || (typeof message === 'string' ? message : undefined)\n            }\n            side={computedSide}\n            align={computedAlign}\n            alignOffset={alignOffset}\n            sideOffset={sideOffset}\n            className={tooltip({ side, className: classNames?.content })}\n            data-follow-cursor={followCursor}\n            style={{\n              ...contentStyle,\n              pointerEvents: followCursor ? 'none' : undefined,\n              transform:\n                followCursor && mouseValue\n                  ? getTransformForPlacement(\n                      computedSide,\n                      computedAlign,\n                      mouseValue\n                    )\n                  : undefined\n            }}\n          >\n            {typeof message === 'string' ? <Text>{message}</Text> : message}\n            {showArrow && (\n              <TooltipPrimitive.Arrow\n                className={cx(styles.arrow, classNames?.arrow)}\n                width={7}\n                height={7}\n              />\n            )}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":"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"}

package/dist/v1/components/tooltip/tooltip.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"trigger":"tooltip-module_trigger__OsA69","content":"tooltip-module_content__K9qSW","slideDownAndFade":"tooltip-module_slideDownAndFade__Ikznd","slideLeftAndFade":"tooltip-module_slideLeftAndFade__on1wW","slideUpAndFade":"tooltip-module_slideUpAndFade__vlPm9","slideRightAndFade":"tooltip-module_slideRightAndFade__z-LBv","arrow":"tooltip-module_arrow__2aDyJ","slideDownRightAndFade":"tooltip-module_slideDownRightAndFade__RR0cg","slideDownLeftAndFade":"tooltip-module_slideDownLeftAndFade__CBwSL","slideUpRightAndFade":"tooltip-module_slideUpRightAndFade__E3TWo","slideUpLeftAndFade":"tooltip-module_slideUpLeftAndFade__Vg9xM"};
+var styles = {"trigger":"tooltip-module_trigger__OsA69","content":"tooltip-module_content__K9qSW","slideDownAndFade":"tooltip-module_slideDownAndFade__Ikznd","slideLeftAndFade":"tooltip-module_slideLeftAndFade__on1wW","slideUpAndFade":"tooltip-module_slideUpAndFade__vlPm9","slideRightAndFade":"tooltip-module_slideRightAndFade__z-LBv","arrow":"tooltip-module_arrow__2aDyJ","slideDownRightAndFade":"tooltip-module_slideDownRightAndFade__RR0cg","slideDownLeftAndFade":"tooltip-module_slideDownLeftAndFade__CBwSL","slideUpRightAndFade":"tooltip-module_slideUpRightAndFade__E3TWo","slideUpLeftAndFade":"tooltip-module_slideUpLeftAndFade__Vg9xM","fade":"tooltip-module_fade__pKfjn"};
 
 exports.default = styles;
 //# sourceMappingURL=tooltip.module.css.cjs.map

package/dist/v1/components/tooltip/tooltip.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"trigger":"tooltip-module_trigger__OsA69","content":"tooltip-module_content__K9qSW","slideDownAndFade":"tooltip-module_slideDownAndFade__Ikznd","slideLeftAndFade":"tooltip-module_slideLeftAndFade__on1wW","slideUpAndFade":"tooltip-module_slideUpAndFade__vlPm9","slideRightAndFade":"tooltip-module_slideRightAndFade__z-LBv","arrow":"tooltip-module_arrow__2aDyJ","slideDownRightAndFade":"tooltip-module_slideDownRightAndFade__RR0cg","slideDownLeftAndFade":"tooltip-module_slideDownLeftAndFade__CBwSL","slideUpRightAndFade":"tooltip-module_slideUpRightAndFade__E3TWo","slideUpLeftAndFade":"tooltip-module_slideUpLeftAndFade__Vg9xM"};
+var styles = {"trigger":"tooltip-module_trigger__OsA69","content":"tooltip-module_content__K9qSW","slideDownAndFade":"tooltip-module_slideDownAndFade__Ikznd","slideLeftAndFade":"tooltip-module_slideLeftAndFade__on1wW","slideUpAndFade":"tooltip-module_slideUpAndFade__vlPm9","slideRightAndFade":"tooltip-module_slideRightAndFade__z-LBv","arrow":"tooltip-module_arrow__2aDyJ","slideDownRightAndFade":"tooltip-module_slideDownRightAndFade__RR0cg","slideDownLeftAndFade":"tooltip-module_slideDownLeftAndFade__CBwSL","slideUpRightAndFade":"tooltip-module_slideUpRightAndFade__E3TWo","slideUpLeftAndFade":"tooltip-module_slideUpLeftAndFade__Vg9xM","fade":"tooltip-module_fade__pKfjn"};
 
 export { styles as default };
 //# sourceMappingURL=tooltip.module.css.js.map

package/dist/v1/components/tooltip/utils.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+const getTransformForPlacement = (side, align, { x, y, width, height }) => {
+    const transforms = {
+        top: {
+            start: `translate(${x}px, ${y}px)`,
+            center: `translate(${x - width / 2}px, ${y}px)`,
+            end: `translate(${x - width}px, ${y}px)`
+        },
+        bottom: {
+            start: `translate(${x}px, ${y - height}px)`,
+            center: `translate(${x - width / 2}px, ${y - height}px)`,
+            end: `translate(${x - width}px, ${y - height}px)`
+        },
+        left: {
+            start: `translate(${x}px, ${y}px)`,
+            center: `translate(${x}px, ${y - height / 2}px)`,
+            end: `translate(${x}px, ${y - height}px)`
+        },
+        right: {
+            start: `translate(${x - width}px, ${y}px)`,
+            center: `translate(${x - width}px, ${y - height / 2}px)`,
+            end: `translate(${x - width}px, ${y - height}px)`
+        }
+    };
+    return transforms[side][align];
+};
+
+exports.getTransformForPlacement = getTransformForPlacement;
+//# sourceMappingURL=utils.cjs.map

package/dist/v1/components/tooltip/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../v1/components/tooltip/utils.ts"],"sourcesContent":["import { TooltipContentProps } from '@radix-ui/react-tooltip';\n\ntype MousePosition = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\nexport const getTransformForPlacement = (\n  side: NonNullable<TooltipContentProps['side']>,\n  align: NonNullable<TooltipContentProps['align']>,\n  { x, y, width, height }: MousePosition\n): string => {\n  const transforms = {\n    top: {\n      start: `translate(${x}px, ${y}px)`,\n      center: `translate(${x - width / 2}px, ${y}px)`,\n      end: `translate(${x - width}px, ${y}px)`\n    },\n    bottom: {\n      start: `translate(${x}px, ${y - height}px)`,\n      center: `translate(${x - width / 2}px, ${y - height}px)`,\n      end: `translate(${x - width}px, ${y - height}px)`\n    },\n    left: {\n      start: `translate(${x}px, ${y}px)`,\n      center: `translate(${x}px, ${y - height / 2}px)`,\n      end: `translate(${x}px, ${y - height}px)`\n    },\n    right: {\n      start: `translate(${x - width}px, ${y}px)`,\n      center: `translate(${x - width}px, ${y - height / 2}px)`,\n      end: `translate(${x - width}px, ${y - height}px)`\n    }\n  };\n\n  return transforms[side][align];\n};\n"],"names":[],"mappings":";;AASa,MAAA,wBAAwB,GAAG,CACtC,IAA8C,EAC9C,KAAgD,EAChD,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAiB,KAC5B;AACV,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,GAAG,EAAE;AACH,YAAA,KAAK,EAAE,CAAA,UAAA,EAAa,CAAC,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;YAClC,MAAM,EAAE,aAAa,CAAC,GAAG,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,CAAC,CAAK,GAAA,CAAA;AAC/C,YAAA,GAAG,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;AACzC,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,CAAa,UAAA,EAAA,CAAC,OAAO,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;YAC3C,MAAM,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;YACxD,GAAG,EAAE,aAAa,CAAC,GAAG,KAAK,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;AAClD,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,CAAA,UAAA,EAAa,CAAC,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;YAClC,MAAM,EAAE,aAAa,CAAC,CAAA,IAAA,EAAO,CAAC,GAAG,MAAM,GAAG,CAAC,CAAK,GAAA,CAAA;AAChD,YAAA,GAAG,EAAE,CAAa,UAAA,EAAA,CAAC,OAAO,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;AAC1C,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;YAC1C,MAAM,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,GAAG,CAAC,CAAK,GAAA,CAAA;YACxD,GAAG,EAAE,aAAa,CAAC,GAAG,KAAK,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;AAClD,SAAA;KACF,CAAC;AAEF,IAAA,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;AACjC;;;;"}

package/dist/v1/components/tooltip/utils.d.ts

@@ -0,0 +1,10 @@
+import { TooltipContentProps } from '@radix-ui/react-tooltip';
+type MousePosition = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const getTransformForPlacement: (side: NonNullable<TooltipContentProps['side']>, align: NonNullable<TooltipContentProps['align']>, { x, y, width, height }: MousePosition) => string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/v1/components/tooltip/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../v1/components/tooltip/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,KAAK,aAAa,GAAG;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,YAAY,mBAAmB,CAAC,MAAM,CAAC,CAAC,SACvC,YAAY,mBAAmB,CAAC,OAAO,CAAC,CAAC,2BACvB,aAAa,KACrC,MAyBF,CAAC"}

package/dist/v1/components/tooltip/utils.js

@@ -0,0 +1,28 @@
+const getTransformForPlacement = (side, align, { x, y, width, height }) => {
+    const transforms = {
+        top: {
+            start: `translate(${x}px, ${y}px)`,
+            center: `translate(${x - width / 2}px, ${y}px)`,
+            end: `translate(${x - width}px, ${y}px)`
+        },
+        bottom: {
+            start: `translate(${x}px, ${y - height}px)`,
+            center: `translate(${x - width / 2}px, ${y - height}px)`,
+            end: `translate(${x - width}px, ${y - height}px)`
+        },
+        left: {
+            start: `translate(${x}px, ${y}px)`,
+            center: `translate(${x}px, ${y - height / 2}px)`,
+            end: `translate(${x}px, ${y - height}px)`
+        },
+        right: {
+            start: `translate(${x - width}px, ${y}px)`,
+            center: `translate(${x - width}px, ${y - height / 2}px)`,
+            end: `translate(${x - width}px, ${y - height}px)`
+        }
+    };
+    return transforms[side][align];
+};
+
+export { getTransformForPlacement };
+//# sourceMappingURL=utils.js.map

package/dist/v1/components/tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../v1/components/tooltip/utils.ts"],"sourcesContent":["import { TooltipContentProps } from '@radix-ui/react-tooltip';\n\ntype MousePosition = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\nexport const getTransformForPlacement = (\n  side: NonNullable<TooltipContentProps['side']>,\n  align: NonNullable<TooltipContentProps['align']>,\n  { x, y, width, height }: MousePosition\n): string => {\n  const transforms = {\n    top: {\n      start: `translate(${x}px, ${y}px)`,\n      center: `translate(${x - width / 2}px, ${y}px)`,\n      end: `translate(${x - width}px, ${y}px)`\n    },\n    bottom: {\n      start: `translate(${x}px, ${y - height}px)`,\n      center: `translate(${x - width / 2}px, ${y - height}px)`,\n      end: `translate(${x - width}px, ${y - height}px)`\n    },\n    left: {\n      start: `translate(${x}px, ${y}px)`,\n      center: `translate(${x}px, ${y - height / 2}px)`,\n      end: `translate(${x}px, ${y - height}px)`\n    },\n    right: {\n      start: `translate(${x - width}px, ${y}px)`,\n      center: `translate(${x - width}px, ${y - height / 2}px)`,\n      end: `translate(${x - width}px, ${y - height}px)`\n    }\n  };\n\n  return transforms[side][align];\n};\n"],"names":[],"mappings":"AASa,MAAA,wBAAwB,GAAG,CACtC,IAA8C,EAC9C,KAAgD,EAChD,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAiB,KAC5B;AACV,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,GAAG,EAAE;AACH,YAAA,KAAK,EAAE,CAAA,UAAA,EAAa,CAAC,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;YAClC,MAAM,EAAE,aAAa,CAAC,GAAG,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,CAAC,CAAK,GAAA,CAAA;AAC/C,YAAA,GAAG,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;AACzC,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,CAAa,UAAA,EAAA,CAAC,OAAO,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;YAC3C,MAAM,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;YACxD,GAAG,EAAE,aAAa,CAAC,GAAG,KAAK,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;AAClD,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,CAAA,UAAA,EAAa,CAAC,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;YAClC,MAAM,EAAE,aAAa,CAAC,CAAA,IAAA,EAAO,CAAC,GAAG,MAAM,GAAG,CAAC,CAAK,GAAA,CAAA;AAChD,YAAA,GAAG,EAAE,CAAa,UAAA,EAAA,CAAC,OAAO,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;AAC1C,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,CAAA,IAAA,EAAO,CAAC,CAAK,GAAA,CAAA;YAC1C,MAAM,EAAE,CAAa,UAAA,EAAA,CAAC,GAAG,KAAK,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,GAAG,CAAC,CAAK,GAAA,CAAA;YACxD,GAAG,EAAE,aAAa,CAAC,GAAG,KAAK,CAAO,IAAA,EAAA,CAAC,GAAG,MAAM,CAAK,GAAA,CAAA;AAClD,SAAA;KACF,CAAC;AAEF,IAAA,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;AACjC;;;;"}

package/dist/v1/hooks/index.cjs

@@ -1,8 +1,10 @@
 'use strict';
 
 var useCopyToClipboard = require('./useCopyToClipboard.cjs');
+var useMouse = require('./useMouse.cjs');
 
 
 
 exports.useCopyToClipboard = useCopyToClipboard.useCopyToClipboard;
+exports.useMouse = useMouse.useMouse;
 //# sourceMappingURL=index.cjs.map

package/dist/v1/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/hooks/index.d.ts

@@ -1,2 +1,3 @@
-export { useCopyToClipboard } from "./useCopyToClipboard";
+export { useCopyToClipboard } from './useCopyToClipboard';
+export { useMouse } from './useMouse';
 //# sourceMappingURL=index.d.ts.map

package/dist/v1/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../v1/hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../v1/hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/v1/hooks/index.js

@@ -1,2 +1,3 @@
 export { useCopyToClipboard } from './useCopyToClipboard.js';
+export { useMouse } from './useMouse.js';
 //# sourceMappingURL=index.js.map

package/dist/v1/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/v1/hooks/useMouse.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var react = require('react');
+
+function useMouse(options = {}) {
+    const { resetOnExit = false, enabled = true } = options;
+    const [value, setValue] = react.useState(null);
+    const elementRef = react.useRef(null);
+    // Handle mouse movement using native MouseEvent
+    const handleMouseMove = react.useCallback((event) => {
+        if (!enabled)
+            return;
+        const element = elementRef.current;
+        if (element) {
+            const rect = element.getBoundingClientRect();
+            // Calculate coordinates relative to the element
+            const x = Math.max(0, Math.round(event.clientX - rect.left));
+            const y = Math.max(0, Math.round(event.clientY - rect.top));
+            setValue({ x, y, width: rect.width, height: rect.height });
+        }
+        else {
+            setValue({
+                x: event.clientX,
+                y: event.clientY,
+                width: 0,
+                height: 0
+            });
+        }
+    }, [enabled]);
+    const reset = react.useCallback(() => {
+        setValue(null);
+    }, []);
+    react.useEffect(() => {
+        if (!enabled)
+            return;
+        // If no element is provided, default to document for global tracking
+        const target = elementRef.current || document;
+        target.addEventListener('mousemove', handleMouseMove);
+        if (resetOnExit) {
+            target.addEventListener('mouseleave', reset);
+        }
+        return () => {
+            target.removeEventListener('mousemove', handleMouseMove);
+            if (resetOnExit) {
+                target.removeEventListener('mouseleave', reset);
+            }
+        };
+    }, [enabled, handleMouseMove, reset, resetOnExit]);
+    return { ref: elementRef, value, reset };
+}
+
+exports.useMouse = useMouse;
+//# sourceMappingURL=useMouse.cjs.map

package/dist/v1/hooks/useMouse.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouse.cjs","sources":["../../../v1/hooks/useMouse.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\ntype PositionType = {\n  x: number;\n  y: number;\n};\ntype SizeType = {\n  width: number;\n  height: number;\n};\ntype UseMouseValue = PositionType & SizeType;\n\ntype UseMouseOptions = {\n  resetOnExit?: boolean;\n  enabled?: boolean;\n};\n\nexport function useMouse<T extends HTMLElement = HTMLElement>(\n  options: UseMouseOptions = {}\n) {\n  const { resetOnExit = false, enabled = true } = options;\n  const [value, setValue] = useState<UseMouseValue | null>(null);\n  const elementRef = useRef<T | null>(null);\n\n  // Handle mouse movement using native MouseEvent\n  const handleMouseMove = useCallback(\n    (event: MouseEvent) => {\n      if (!enabled) return;\n\n      const element = elementRef.current;\n      if (element) {\n        const rect = element.getBoundingClientRect();\n        // Calculate coordinates relative to the element\n        const x = Math.max(0, Math.round(event.clientX - rect.left));\n        const y = Math.max(0, Math.round(event.clientY - rect.top));\n        setValue({ x, y, width: rect.width, height: rect.height });\n      } else {\n        setValue({\n          x: event.clientX,\n          y: event.clientY,\n          width: 0,\n          height: 0\n        });\n      }\n    },\n    [enabled]\n  );\n\n  const reset = useCallback(() => {\n    setValue(null);\n  }, []);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    // If no element is provided, default to document for global tracking\n    const target: HTMLElement | Document = elementRef.current || document;\n\n    target.addEventListener('mousemove', handleMouseMove as EventListener);\n    if (resetOnExit) {\n      target.addEventListener('mouseleave', reset);\n    }\n\n    return () => {\n      target.removeEventListener('mousemove', handleMouseMove as EventListener);\n      if (resetOnExit) {\n        target.removeEventListener('mouseleave', reset);\n      }\n    };\n  }, [enabled, handleMouseMove, reset, resetOnExit]);\n\n  return { ref: elementRef, value, reset };\n}\n"],"names":["useState","useRef","useCallback","useEffect"],"mappings":";;;;AAiBgB,SAAA,QAAQ,CACtB,OAAA,GAA2B,EAAE,EAAA;IAE7B,MAAM,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAuB,IAAI,CAAC,CAAC;AAC/D,IAAA,MAAM,UAAU,GAAGC,YAAM,CAAW,IAAI,CAAC,CAAC;;AAG1C,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,KAAiB,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO;YAAE,OAAO;AAErB,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,OAAO,EAAE;AACX,YAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;;YAE7C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7D,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5D,YAAA,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SAC5D;aAAM;AACL,YAAA,QAAQ,CAAC;gBACP,CAAC,EAAE,KAAK,CAAC,OAAO;gBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;AAChB,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE,CAAC;AACV,aAAA,CAAC,CAAC;SACJ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AAEF,IAAA,MAAM,KAAK,GAAGA,iBAAW,CAAC,MAAK;QAC7B,QAAQ,CAAC,IAAI,CAAC,CAAC;KAChB,EAAE,EAAE,CAAC,CAAC;IAEPC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,OAAO;YAAE,OAAO;;AAGrB,QAAA,MAAM,MAAM,GAA2B,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;AAEtE,QAAA,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAgC,CAAC,CAAC;QACvE,IAAI,WAAW,EAAE;AACf,YAAA,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;SAC9C;AAED,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAgC,CAAC,CAAC;YAC1E,IAAI,WAAW,EAAE;AACf,gBAAA,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;aACjD;AACH,SAAC,CAAC;KACH,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC3C;;;;"}

package/dist/v1/hooks/useMouse.d.ts

@@ -0,0 +1,20 @@
+type PositionType = {
+    x: number;
+    y: number;
+};
+type SizeType = {
+    width: number;
+    height: number;
+};
+type UseMouseValue = PositionType & SizeType;
+type UseMouseOptions = {
+    resetOnExit?: boolean;
+    enabled?: boolean;
+};
+export declare function useMouse<T extends HTMLElement = HTMLElement>(options?: UseMouseOptions): {
+    ref: import("react").MutableRefObject<T | null>;
+    value: UseMouseValue | null;
+    reset: () => void;
+};
+export {};
+//# sourceMappingURL=useMouse.d.ts.map

package/dist/v1/hooks/useMouse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouse.d.ts","sourceRoot":"","sources":["../../../v1/hooks/useMouse.tsx"],"names":[],"mappings":"AAEA,KAAK,YAAY,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AACF,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,KAAK,aAAa,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE7C,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC1D,OAAO,GAAE,eAAoB;;;;EAsD9B"}

package/dist/v1/hooks/useMouse.js

@@ -0,0 +1,51 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+
+function useMouse(options = {}) {
+    const { resetOnExit = false, enabled = true } = options;
+    const [value, setValue] = useState(null);
+    const elementRef = useRef(null);
+    // Handle mouse movement using native MouseEvent
+    const handleMouseMove = useCallback((event) => {
+        if (!enabled)
+            return;
+        const element = elementRef.current;
+        if (element) {
+            const rect = element.getBoundingClientRect();
+            // Calculate coordinates relative to the element
+            const x = Math.max(0, Math.round(event.clientX - rect.left));
+            const y = Math.max(0, Math.round(event.clientY - rect.top));
+            setValue({ x, y, width: rect.width, height: rect.height });
+        }
+        else {
+            setValue({
+                x: event.clientX,
+                y: event.clientY,
+                width: 0,
+                height: 0
+            });
+        }
+    }, [enabled]);
+    const reset = useCallback(() => {
+        setValue(null);
+    }, []);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        // If no element is provided, default to document for global tracking
+        const target = elementRef.current || document;
+        target.addEventListener('mousemove', handleMouseMove);
+        if (resetOnExit) {
+            target.addEventListener('mouseleave', reset);
+        }
+        return () => {
+            target.removeEventListener('mousemove', handleMouseMove);
+            if (resetOnExit) {
+                target.removeEventListener('mouseleave', reset);
+            }
+        };
+    }, [enabled, handleMouseMove, reset, resetOnExit]);
+    return { ref: elementRef, value, reset };
+}
+
+export { useMouse };
+//# sourceMappingURL=useMouse.js.map

package/dist/v1/hooks/useMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouse.js","sources":["../../../v1/hooks/useMouse.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\ntype PositionType = {\n  x: number;\n  y: number;\n};\ntype SizeType = {\n  width: number;\n  height: number;\n};\ntype UseMouseValue = PositionType & SizeType;\n\ntype UseMouseOptions = {\n  resetOnExit?: boolean;\n  enabled?: boolean;\n};\n\nexport function useMouse<T extends HTMLElement = HTMLElement>(\n  options: UseMouseOptions = {}\n) {\n  const { resetOnExit = false, enabled = true } = options;\n  const [value, setValue] = useState<UseMouseValue | null>(null);\n  const elementRef = useRef<T | null>(null);\n\n  // Handle mouse movement using native MouseEvent\n  const handleMouseMove = useCallback(\n    (event: MouseEvent) => {\n      if (!enabled) return;\n\n      const element = elementRef.current;\n      if (element) {\n        const rect = element.getBoundingClientRect();\n        // Calculate coordinates relative to the element\n        const x = Math.max(0, Math.round(event.clientX - rect.left));\n        const y = Math.max(0, Math.round(event.clientY - rect.top));\n        setValue({ x, y, width: rect.width, height: rect.height });\n      } else {\n        setValue({\n          x: event.clientX,\n          y: event.clientY,\n          width: 0,\n          height: 0\n        });\n      }\n    },\n    [enabled]\n  );\n\n  const reset = useCallback(() => {\n    setValue(null);\n  }, []);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    // If no element is provided, default to document for global tracking\n    const target: HTMLElement | Document = elementRef.current || document;\n\n    target.addEventListener('mousemove', handleMouseMove as EventListener);\n    if (resetOnExit) {\n      target.addEventListener('mouseleave', reset);\n    }\n\n    return () => {\n      target.removeEventListener('mousemove', handleMouseMove as EventListener);\n      if (resetOnExit) {\n        target.removeEventListener('mouseleave', reset);\n      }\n    };\n  }, [enabled, handleMouseMove, reset, resetOnExit]);\n\n  return { ref: elementRef, value, reset };\n}\n"],"names":[],"mappings":";;AAiBgB,SAAA,QAAQ,CACtB,OAAA,GAA2B,EAAE,EAAA;IAE7B,MAAM,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAC;AAC/D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;;AAG1C,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAiB,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO;YAAE,OAAO;AAErB,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,OAAO,EAAE;AACX,YAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;;YAE7C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7D,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5D,YAAA,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SAC5D;aAAM;AACL,YAAA,QAAQ,CAAC;gBACP,CAAC,EAAE,KAAK,CAAC,OAAO;gBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;AAChB,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE,CAAC;AACV,aAAA,CAAC,CAAC;SACJ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AAEF,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,MAAK;QAC7B,QAAQ,CAAC,IAAI,CAAC,CAAC;KAChB,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,OAAO;YAAE,OAAO;;AAGrB,QAAA,MAAM,MAAM,GAA2B,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;AAEtE,QAAA,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAgC,CAAC,CAAC;QACvE,IAAI,WAAW,EAAE;AACf,YAAA,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;SAC9C;AAED,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAgC,CAAC,CAAC;YAC1E,IAAI,WAAW,EAAE;AACf,gBAAA,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;aACjD;AACH,SAAC,CAAC;KACH,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC3C;;;;"}

package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs

@@ -1169,7 +1169,6 @@ var Viewport = SelectViewport;
 var Group = SelectGroup;
 var Label = SelectLabel;
 var Item = SelectItem;
-var ItemText = SelectItemText;
 var ScrollDownButton = SelectScrollDownButton;
 var Separator = SelectSeparator;
 
@@ -1177,7 +1176,6 @@ exports.Content = Content2;
 exports.Group = Group;
 exports.Icon = Icon;
 exports.Item = Item;
-exports.ItemText = ItemText;
 exports.Label = Label;
 exports.Portal = Portal;
 exports.Root = Root2;