@vuer-ai/vuer-uikit 0.0.2 → 0.0.3

package/dist/chunk-ZYBSCTBR.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var reactComposeRefs = require('@radix-ui/react-compose-refs');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var inputRootVariants = classVarianceAuthority.cva(
+  [
+    "px-1.5",
+    "flex",
+    "gap-md",
+    "items-center",
+    "rounded-uk-sm",
+    "overflow-hidden",
+    "bg-bg-secondary"
+  ],
+  {
+    variants: {
+      state: {
+        default: ["hover:bg-bg-tertiary", "has-[input:focus]:bg-bg-quaternary"],
+        disabled: ["disabled:cursor-not-allowed", "bg-bg-tertiary", "text-text-tertiary"],
+        error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
+      },
+      size: {
+        default: ["h-9 ", "text-xs"],
+        sm: ["h-6 ", "text-sm ", "[&_.input-slot>svg:not([class*='size-'])]:size-xl"]
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "default"
+    }
+  }
+);
+var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, children, disabled, state, size, name, inputClassName, ...props }, ref) {
+  const inputRef = react.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style,
+      "data-input": true,
+      className: chunkUWO6RBCE_js.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
+      onClick: (event) => {
+        console.log("onPointerDown", event);
+        const target = event.target;
+        if (target.closest("input, button, a")) return;
+        const input = inputRef.current;
+        if (!input) return;
+        const isRightSlot = target.closest(`
+            .input-slot[data-side='right'],
+            .input-slot:not([data-side='right']) ~ .input-slot:not([data-side='left'])
+          `);
+        const cursorPosition = isRightSlot ? input.value.length : 0;
+        requestAnimationFrame(() => {
+          try {
+            input.setSelectionRange(cursorPosition, cursorPosition);
+          } catch {
+          }
+          input.focus();
+        });
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            spellCheck: "false",
+            ...props,
+            "data-side": side,
+            disabled,
+            name: name ?? "text",
+            ref: reactComposeRefs.composeRefs(inputRef, ref),
+            className: chunkUWO6RBCE_js.cn(
+              ["data-[side=right]:text-right", "outline-none", "w-full", "h-full"],
+              inputClassName
+            )
+          }
+        ),
+        children
+      ]
+    }
+  );
+});
+var InputSlot = react.forwardRef(function({ className, children, side = "left", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-side": side,
+      ...props,
+      ref,
+      className: chunkUWO6RBCE_js.cn(
+        [
+          "input-slot",
+          "cursor-text",
+          "shrink-0",
+          "order-[0]",
+          "data-[side=left]:-order-1",
+          "text-text-tertiary"
+        ],
+        className
+      ),
+      children
+    }
+  );
+});
+
+exports.InputRoot = InputRoot;
+exports.InputSlot = InputSlot;

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 chunkLBFO3QAA_js = require('../chunk-LBFO3QAA.js');
+require('../chunk-UWO6RBCE.js');
+require('../chunk-CLTLT5XW.js');
+
+
+
+Object.defineProperty(exports, "CursorProvider", {
+  enumerable: true,
+  get: function () { return chunkLBFO3QAA_js.CursorProvider; }
+});

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

@@ -0,0 +1,3 @@
+export { CursorProvider } from '../chunk-SUU4Z6E5.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 chunkNA7TVYOP_js = require('../chunk-NA7TVYOP.js');
+require('../chunk-5JP4AZ4C.js');
+require('../chunk-JZ7V43ZL.js');
+require('../chunk-3HXPIWL3.js');
+require('../chunk-5BIQ3IN7.js');
+require('../chunk-ZYBSCTBR.js');
+require('../chunk-ZJXBC33M.js');
+require('../chunk-ST4P6AN6.js');
+require('../chunk-UWO6RBCE.js');
+require('../chunk-CLTLT5XW.js');
+require('../chunk-JIXJTLEO.js');
+
+
+
+Object.defineProperty(exports, "CursorButton", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorButton; }
+});
+Object.defineProperty(exports, "CursorInputRoot", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorInputRoot; }
+});
+Object.defineProperty(exports, "CursorSelectTrigger", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorSelectTrigger; }
+});
+Object.defineProperty(exports, "CursorTabs", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorTabs; }
+});
+Object.defineProperty(exports, "CursorTextarea", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorTextarea; }
+});

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

@@ -0,0 +1,11 @@
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-ZKYQYCKN.mjs';
+import '../chunk-KAPV3EZO.mjs';
+import '../chunk-GA2JCN3F.mjs';
+import '../chunk-JOBQTBEM.mjs';
+import '../chunk-Q3APPCB2.mjs';
+import '../chunk-KVDEBKWR.mjs';
+import '../chunk-CP7QYV4N.mjs';
+import '../chunk-QS7WS6DD.mjs';
+import '../chunk-HW6SLBO3.mjs';
+import '../chunk-3FR3WKI4.mjs';
+import '../chunk-FYEZTS4S.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 chunkLBFO3QAA_js = require('../chunk-LBFO3QAA.js');
+var chunkNA7TVYOP_js = require('../chunk-NA7TVYOP.js');
+require('../chunk-5JP4AZ4C.js');
+require('../chunk-JZ7V43ZL.js');
+require('../chunk-3HXPIWL3.js');
+require('../chunk-5BIQ3IN7.js');
+require('../chunk-ZYBSCTBR.js');
+var chunkZJXBC33M_js = require('../chunk-ZJXBC33M.js');
+require('../chunk-ST4P6AN6.js');
+require('../chunk-UWO6RBCE.js');
+require('../chunk-CLTLT5XW.js');
+var chunkJIXJTLEO_js = require('../chunk-JIXJTLEO.js');
+
+
+
+Object.defineProperty(exports, "CursorProvider", {
+  enumerable: true,
+  get: function () { return chunkLBFO3QAA_js.CursorProvider; }
+});
+Object.defineProperty(exports, "CursorButton", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorButton; }
+});
+Object.defineProperty(exports, "CursorInputRoot", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorInputRoot; }
+});
+Object.defineProperty(exports, "CursorSelectTrigger", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorSelectTrigger; }
+});
+Object.defineProperty(exports, "CursorTabs", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorTabs; }
+});
+Object.defineProperty(exports, "CursorTextarea", {
+  enumerable: true,
+  get: function () { return chunkNA7TVYOP_js.CursorTextarea; }
+});
+Object.defineProperty(exports, "withCursor", {
+  enumerable: true,
+  get: function () { return chunkZJXBC33M_js.withCursor; }
+});
+Object.defineProperty(exports, "TabsCursorProvider", {
+  enumerable: true,
+  get: function () { return chunkJIXJTLEO_js.TabsCursorProvider; }
+});

package/dist/highlight-cursor/index.mjs

@@ -0,0 +1,13 @@
+import '../chunk-VGCVIHBR.mjs';
+export { CursorProvider } from '../chunk-SUU4Z6E5.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-ZKYQYCKN.mjs';
+import '../chunk-KAPV3EZO.mjs';
+import '../chunk-GA2JCN3F.mjs';
+import '../chunk-JOBQTBEM.mjs';
+import '../chunk-Q3APPCB2.mjs';
+import '../chunk-KVDEBKWR.mjs';
+export { withCursor } from '../chunk-CP7QYV4N.mjs';
+import '../chunk-QS7WS6DD.mjs';
+import '../chunk-HW6SLBO3.mjs';
+import '../chunk-3FR3WKI4.mjs';
+export { TabsCursorProvider } from '../chunk-FYEZTS4S.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 chunkJIXJTLEO_js = require('../chunk-JIXJTLEO.js');
+
+
+
+Object.defineProperty(exports, "TabsCursorProvider", {
+  enumerable: true,
+  get: function () { return chunkJIXJTLEO_js.TabsCursorProvider; }
+});
+Object.defineProperty(exports, "useTabsCursor", {
+  enumerable: true,
+  get: function () { return chunkJIXJTLEO_js.useTabsCursor; }
+});

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

@@ -0,0 +1 @@
+export { TabsCursorProvider, useTabsCursor } from '../chunk-FYEZTS4S.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';