@vuer-ai/vuer-uikit 0.0.2 → 0.0.4

package/dist/chunk-ZJXBC33M.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var chunkCLTLT5XW_js = require('./chunk-CLTLT5XW.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var getVisibleRect = (element, elementRect) => {
+  let parent = element.parentElement;
+  let visibleRect = {
+    ...elementRect,
+    left: elementRect.left,
+    right: elementRect.right,
+    top: elementRect.top,
+    bottom: elementRect.bottom,
+    width: elementRect.width,
+    height: elementRect.height,
+    x: elementRect.x,
+    y: elementRect.y
+  };
+  while (parent) {
+    const style = window.getComputedStyle(parent);
+    const hasOverflow = [style.overflowY, style.overflowX].some(
+      (overflow) => ["auto", "scroll", "hidden"].includes(overflow)
+    );
+    if (hasOverflow) {
+      const parentRect = parent.getBoundingClientRect();
+      const newLeft = Math.max(visibleRect.left, parentRect.left);
+      const newTop = Math.max(visibleRect.top, parentRect.top);
+      const newRight = Math.min(visibleRect.right, parentRect.right);
+      const newBottom = Math.min(visibleRect.bottom, parentRect.bottom);
+      visibleRect = {
+        ...visibleRect,
+        left: newLeft,
+        top: newTop,
+        right: newRight,
+        bottom: newBottom,
+        width: Math.max(0, newRight - newLeft),
+        height: Math.max(0, newBottom - newTop),
+        x: newLeft,
+        y: newTop
+      };
+      if (visibleRect.width <= 0 || visibleRect.height <= 0) {
+        return new DOMRect(0, 0, 0, 0);
+      }
+    }
+    parent = parent.parentElement;
+  }
+  return DOMRect.fromRect(visibleRect);
+};
+function withCursor(Component) {
+  const displayName = Component.displayName || Component.name || "Component";
+  const EnhancedComponent = react.forwardRef(
+    ({ id: propId, onMouseEnter, onMouseMove, onMouseLeave, ...props }, ref) => {
+      const { registerHoveredElement, unregisterHoveredElement, updateElementDimensions } = chunkCLTLT5XW_js.useCursor();
+      const generatedId = react.useId();
+      const id = propId || `cursor-element-${generatedId}`;
+      const elementRef = react.useRef(null);
+      const handleMouseEnter = (event) => {
+        if (elementRef.current) {
+          const elementRect = elementRef.current.getBoundingClientRect();
+          const visibleRect = getVisibleRect(elementRef.current, elementRect);
+          registerHoveredElement(id, visibleRect, elementRef.current);
+        }
+        onMouseEnter == null ? void 0 : onMouseEnter(event);
+      };
+      const handleMouseMove = (event) => {
+        if (elementRef.current) {
+          const elementRect = elementRef.current.getBoundingClientRect();
+          const visibleRect = getVisibleRect(elementRef.current, elementRect);
+          updateElementDimensions(visibleRect);
+        }
+        onMouseMove == null ? void 0 : onMouseMove(event);
+      };
+      const handleMouseOut = (event) => {
+        var _a;
+        const rect = (_a = elementRef.current) == null ? void 0 : _a.getBoundingClientRect();
+        if (rect) {
+          const { clientX, clientY } = event;
+          const isOutside = clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom;
+          if (isOutside) {
+            unregisterHoveredElement();
+          }
+        } else {
+          unregisterHoveredElement();
+        }
+        onMouseLeave == null ? void 0 : onMouseLeave(event);
+      };
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Component,
+        {
+          ...props,
+          id,
+          ref: (node) => {
+            if (typeof ref === "function") {
+              ref(node);
+            } else if (ref) {
+              ref.current = node;
+            }
+            elementRef.current = node;
+          },
+          onMouseEnter: handleMouseEnter,
+          onMouseMove: handleMouseMove,
+          onMouseOut: handleMouseOut
+        }
+      );
+    }
+  );
+  EnhancedComponent.displayName = `withCursor(${displayName})`;
+  return EnhancedComponent;
+}
+
+exports.withCursor = withCursor;

package/dist/highlight-cursor/cursor-context.d.mts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { CursorContextType } from './types.mjs';
+
+declare const CursorContext: react.Context<CursorContextType>;
+declare const useCursor: () => CursorContextType;
+
+export { CursorContext, useCursor };

package/dist/highlight-cursor/cursor-context.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { CursorContextType } from './types.js';
+
+declare const CursorContext: react.Context<CursorContextType>;
+declare const useCursor: () => CursorContextType;
+
+export { CursorContext, useCursor };

package/dist/highlight-cursor/cursor-context.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkCLTLT5XW_js = require('../chunk-CLTLT5XW.js');
+
+
+
+Object.defineProperty(exports, "CursorContext", {
+  enumerable: true,
+  get: function () { return chunkCLTLT5XW_js.CursorContext; }
+});
+Object.defineProperty(exports, "useCursor", {
+  enumerable: true,
+  get: function () { return chunkCLTLT5XW_js.useCursor; }
+});

package/dist/highlight-cursor/cursor-context.mjs

@@ -0,0 +1 @@
+export { CursorContext, useCursor } from '../chunk-3FR3WKI4.mjs';

package/dist/highlight-cursor/cursor-provider.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CursorProviderProps } from './types.mjs';
+import 'react';
+
+declare const CursorProvider: ({ children, maxOffsetX, maxOffsetY, cursorSize, transitionDuration, cursorClassName, className, as: Component, ...props }: CursorProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { CursorProvider };

package/dist/highlight-cursor/cursor-provider.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CursorProviderProps } from './types.js';
+import 'react';
+
+declare const CursorProvider: ({ children, maxOffsetX, maxOffsetY, cursorSize, transitionDuration, cursorClassName, className, as: Component, ...props }: CursorProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { CursorProvider };

package/dist/highlight-cursor/cursor-provider.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkA2Z57NAA_js = require('../chunk-A2Z57NAA.js');
+require('../chunk-UWO6RBCE.js');
+require('../chunk-CLTLT5XW.js');
+
+
+
+Object.defineProperty(exports, "CursorProvider", {
+  enumerable: true,
+  get: function () { return chunkA2Z57NAA_js.CursorProvider; }
+});

package/dist/highlight-cursor/cursor-provider.mjs

@@ -0,0 +1,3 @@
+export { CursorProvider } from '../chunk-7SXCVFSA.mjs';
+import '../chunk-HW6SLBO3.mjs';
+import '../chunk-3FR3WKI4.mjs';

package/dist/highlight-cursor/enhanced-components.d.mts

@@ -0,0 +1,20 @@
+import { EnhancedComponentProps } from './types.mjs';
+import * as react from 'react';
+import { Textarea } from '../ui/textarea.mjs';
+import { TabsProps } from '../ui/tabs.mjs';
+import { ButtonProps } from '../ui/button.mjs';
+import { InputRootProps } from '../ui/input.mjs';
+import { SelectTrigger } from '../ui/select.mjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-select';
+
+declare const CursorButton: react.ForwardRefExoticComponent<Omit<EnhancedComponentProps<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const CursorTabs: react.ForwardRefExoticComponent<Omit<EnhancedComponentProps<TabsProps>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const CursorInputRoot: react.ForwardRefExoticComponent<Omit<EnhancedComponentProps<Omit<InputRootProps, "ref"> & react.RefAttributes<HTMLInputElement>>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const CursorSelectTrigger: typeof SelectTrigger;
+declare const CursorTextarea: typeof Textarea;
+
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea };

package/dist/highlight-cursor/enhanced-components.d.ts

@@ -0,0 +1,20 @@
+import { EnhancedComponentProps } from './types.js';
+import * as react from 'react';
+import { Textarea } from '../ui/textarea.js';
+import { TabsProps } from '../ui/tabs.js';
+import { ButtonProps } from '../ui/button.js';
+import { InputRootProps } from '../ui/input.js';
+import { SelectTrigger } from '../ui/select.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-select';
+
+declare const CursorButton: react.ForwardRefExoticComponent<Omit<EnhancedComponentProps<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const CursorTabs: react.ForwardRefExoticComponent<Omit<EnhancedComponentProps<TabsProps>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const CursorInputRoot: react.ForwardRefExoticComponent<Omit<EnhancedComponentProps<Omit<InputRootProps, "ref"> & react.RefAttributes<HTMLInputElement>>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const CursorSelectTrigger: typeof SelectTrigger;
+declare const CursorTextarea: typeof Textarea;
+
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea };

package/dist/highlight-cursor/enhanced-components.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var chunkFVT46HEE_js = require('../chunk-FVT46HEE.js');
+require('../chunk-RACVRWME.js');
+require('../chunk-7V4ELMOH.js');
+require('../chunk-7WUQTWQX.js');
+require('../chunk-5BIQ3IN7.js');
+require('../chunk-ENZI5WM7.js');
+require('../chunk-B5EMQBVL.js');
+require('../chunk-ZJXBC33M.js');
+require('../chunk-ST4P6AN6.js');
+require('../chunk-UWO6RBCE.js');
+require('../chunk-CLTLT5XW.js');
+
+
+
+Object.defineProperty(exports, "CursorButton", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorButton; }
+});
+Object.defineProperty(exports, "CursorInputRoot", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorInputRoot; }
+});
+Object.defineProperty(exports, "CursorSelectTrigger", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorSelectTrigger; }
+});
+Object.defineProperty(exports, "CursorTabs", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorTabs; }
+});
+Object.defineProperty(exports, "CursorTextarea", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorTextarea; }
+});

package/dist/highlight-cursor/enhanced-components.mjs

@@ -0,0 +1,11 @@
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-M3KBBKQR.mjs';
+import '../chunk-QOUX33X5.mjs';
+import '../chunk-5GPQ7U5B.mjs';
+import '../chunk-66JQXJEV.mjs';
+import '../chunk-Q3APPCB2.mjs';
+import '../chunk-25GQKTNF.mjs';
+import '../chunk-6L4KPPOD.mjs';
+import '../chunk-CP7QYV4N.mjs';
+import '../chunk-QS7WS6DD.mjs';
+import '../chunk-HW6SLBO3.mjs';
+import '../chunk-3FR3WKI4.mjs';

package/dist/highlight-cursor/index.d.mts

@@ -0,0 +1,16 @@
+export { CursorProvider } from './cursor-provider.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from './enhanced-components.mjs';
+export { TabsCursorProvider } from './tabs-cursor-context.mjs';
+export { withCursor } from './with-cursor.mjs';
+import 'react/jsx-runtime';
+import './types.mjs';
+import 'react';
+import '../ui/textarea.mjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../ui/tabs.mjs';
+import '@radix-ui/react-tabs';
+import '../ui/button.mjs';
+import '../ui/input.mjs';
+import '../ui/select.mjs';
+import '@radix-ui/react-select';

package/dist/highlight-cursor/index.d.ts

@@ -0,0 +1,16 @@
+export { CursorProvider } from './cursor-provider.js';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from './enhanced-components.js';
+export { TabsCursorProvider } from './tabs-cursor-context.js';
+export { withCursor } from './with-cursor.js';
+import 'react/jsx-runtime';
+import './types.js';
+import 'react';
+import '../ui/textarea.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../ui/tabs.js';
+import '@radix-ui/react-tabs';
+import '../ui/button.js';
+import '../ui/input.js';
+import '../ui/select.js';
+import '@radix-ui/react-select';

package/dist/highlight-cursor/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+require('../chunk-KJ42IGH6.js');
+var chunkA2Z57NAA_js = require('../chunk-A2Z57NAA.js');
+var chunkFVT46HEE_js = require('../chunk-FVT46HEE.js');
+require('../chunk-RACVRWME.js');
+require('../chunk-7V4ELMOH.js');
+require('../chunk-7WUQTWQX.js');
+require('../chunk-5BIQ3IN7.js');
+require('../chunk-ENZI5WM7.js');
+var chunkB5EMQBVL_js = require('../chunk-B5EMQBVL.js');
+var chunkZJXBC33M_js = require('../chunk-ZJXBC33M.js');
+require('../chunk-ST4P6AN6.js');
+require('../chunk-UWO6RBCE.js');
+require('../chunk-CLTLT5XW.js');
+
+
+
+Object.defineProperty(exports, "CursorProvider", {
+  enumerable: true,
+  get: function () { return chunkA2Z57NAA_js.CursorProvider; }
+});
+Object.defineProperty(exports, "CursorButton", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorButton; }
+});
+Object.defineProperty(exports, "CursorInputRoot", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorInputRoot; }
+});
+Object.defineProperty(exports, "CursorSelectTrigger", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorSelectTrigger; }
+});
+Object.defineProperty(exports, "CursorTabs", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorTabs; }
+});
+Object.defineProperty(exports, "CursorTextarea", {
+  enumerable: true,
+  get: function () { return chunkFVT46HEE_js.CursorTextarea; }
+});
+Object.defineProperty(exports, "TabsCursorProvider", {
+  enumerable: true,
+  get: function () { return chunkB5EMQBVL_js.TabsCursorProvider; }
+});
+Object.defineProperty(exports, "withCursor", {
+  enumerable: true,
+  get: function () { return chunkZJXBC33M_js.withCursor; }
+});

package/dist/highlight-cursor/index.mjs

@@ -0,0 +1,13 @@
+import '../chunk-VGCVIHBR.mjs';
+export { CursorProvider } from '../chunk-7SXCVFSA.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-M3KBBKQR.mjs';
+import '../chunk-QOUX33X5.mjs';
+import '../chunk-5GPQ7U5B.mjs';
+import '../chunk-66JQXJEV.mjs';
+import '../chunk-Q3APPCB2.mjs';
+import '../chunk-25GQKTNF.mjs';
+export { TabsCursorProvider } from '../chunk-6L4KPPOD.mjs';
+export { withCursor } from '../chunk-CP7QYV4N.mjs';
+import '../chunk-QS7WS6DD.mjs';
+import '../chunk-HW6SLBO3.mjs';
+import '../chunk-3FR3WKI4.mjs';

package/dist/highlight-cursor/tabs-cursor-context.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, CSSProperties } from 'react';
+
+interface TabsCursorContextType {
+    setCursorTarget: (el: HTMLElement | null) => void;
+}
+declare const TabsCursorProvider: ({ children, className, ...props }: {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTabsCursor: () => TabsCursorContextType;
+
+export { TabsCursorProvider, useTabsCursor };

package/dist/highlight-cursor/tabs-cursor-context.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, CSSProperties } from 'react';
+
+interface TabsCursorContextType {
+    setCursorTarget: (el: HTMLElement | null) => void;
+}
+declare const TabsCursorProvider: ({ children, className, ...props }: {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTabsCursor: () => TabsCursorContextType;
+
+export { TabsCursorProvider, useTabsCursor };

package/dist/highlight-cursor/tabs-cursor-context.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkB5EMQBVL_js = require('../chunk-B5EMQBVL.js');
+
+
+
+Object.defineProperty(exports, "TabsCursorProvider", {
+  enumerable: true,
+  get: function () { return chunkB5EMQBVL_js.TabsCursorProvider; }
+});
+Object.defineProperty(exports, "useTabsCursor", {
+  enumerable: true,
+  get: function () { return chunkB5EMQBVL_js.useTabsCursor; }
+});

package/dist/highlight-cursor/tabs-cursor-context.mjs

@@ -0,0 +1 @@
+export { TabsCursorProvider, useTabsCursor } from '../chunk-6L4KPPOD.mjs';

package/dist/highlight-cursor/types.d.mts

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactNode, ElementType, MouseEvent, ComponentType } from 'react';
+
+interface CursorContextType {
+    mousePosition: {
+        x: number;
+        y: number;
+    };
+    hoveredElementId: string | null;
+    elementDimensions: {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        right?: number;
+        bottom?: number;
+    };
+    registerHoveredElement: (id: string, dimensions: DOMRect, element?: HTMLElement) => void;
+    unregisterHoveredElement: () => void;
+    updateElementDimensions: (dimensions: DOMRect) => void;
+}
+interface CursorProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    maxOffsetX?: number;
+    maxOffsetY?: number;
+    cursorSize?: number;
+    transitionDuration?: number;
+    cursorClassName?: string;
+    as?: ElementType;
+}
+interface WithCursorProps {
+    id?: string;
+    onMouseEnter?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseMove?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (event: MouseEvent<HTMLElement>) => void;
+}
+type EnhancedComponentProps<P> = P & WithCursorProps;
+type EnhancedComponent<P = Record<string, unknown>> = ComponentType<EnhancedComponentProps<P>>;
+
+export type { CursorContextType, CursorProviderProps, EnhancedComponent, EnhancedComponentProps, WithCursorProps };

package/dist/highlight-cursor/types.d.ts

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactNode, ElementType, MouseEvent, ComponentType } from 'react';
+
+interface CursorContextType {
+    mousePosition: {
+        x: number;
+        y: number;
+    };
+    hoveredElementId: string | null;
+    elementDimensions: {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        right?: number;
+        bottom?: number;
+    };
+    registerHoveredElement: (id: string, dimensions: DOMRect, element?: HTMLElement) => void;
+    unregisterHoveredElement: () => void;
+    updateElementDimensions: (dimensions: DOMRect) => void;
+}
+interface CursorProviderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    maxOffsetX?: number;
+    maxOffsetY?: number;
+    cursorSize?: number;
+    transitionDuration?: number;
+    cursorClassName?: string;
+    as?: ElementType;
+}
+interface WithCursorProps {
+    id?: string;
+    onMouseEnter?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseMove?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (event: MouseEvent<HTMLElement>) => void;
+}
+type EnhancedComponentProps<P> = P & WithCursorProps;
+type EnhancedComponent<P = Record<string, unknown>> = ComponentType<EnhancedComponentProps<P>>;
+
+export type { CursorContextType, CursorProviderProps, EnhancedComponent, EnhancedComponentProps, WithCursorProps };

package/dist/highlight-cursor/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/highlight-cursor/types.mjs

@@ -0,0 +1 @@
+

package/dist/highlight-cursor/with-cursor.d.mts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { EnhancedComponentProps } from './types.mjs';
+
+declare function withCursor<P extends object>(Component: ComponentType<P>): react.ForwardRefExoticComponent<react.PropsWithoutRef<EnhancedComponentProps<P>> & react.RefAttributes<HTMLElement>>;
+
+export { withCursor };

package/dist/highlight-cursor/with-cursor.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { EnhancedComponentProps } from './types.js';
+
+declare function withCursor<P extends object>(Component: ComponentType<P>): react.ForwardRefExoticComponent<react.PropsWithoutRef<EnhancedComponentProps<P>> & react.RefAttributes<HTMLElement>>;
+
+export { withCursor };

package/dist/highlight-cursor/with-cursor.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkZJXBC33M_js = require('../chunk-ZJXBC33M.js');
+require('../chunk-CLTLT5XW.js');
+
+
+
+Object.defineProperty(exports, "withCursor", {
+  enumerable: true,
+  get: function () { return chunkZJXBC33M_js.withCursor; }
+});

package/dist/highlight-cursor/with-cursor.mjs

@@ -0,0 +1,2 @@
+export { withCursor } from '../chunk-CP7QYV4N.mjs';
+import '../chunk-3FR3WKI4.mjs';