@vuer-ai/vuer-uikit 0.0.2 → 0.0.4

package/dist/chunk-DWIK2CUV.mjs

@@ -0,0 +1,45 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { jsx } from 'react/jsx-runtime';
+
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "group",
+        "w-[32px]",
+        "h-[16px]",
+        "rounded-[24px]",
+        "bg-bg-tertiary",
+        "data-[state=checked]:bg-brand-primary",
+        "disabled:bg-bg-secondary",
+        "disabled:cursor-not-allowed",
+        "disabled:data-[state=checked]:bg-bg-secondary",
+        "disabled:data-[state=unchecked]:bg-bg-secondary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "block",
+            "size-[12px]",
+            "rounded-full",
+            "bg-icon-withbg",
+            "group-disabled:bg-bg-primary",
+            "transition-transform",
+            "duration-200",
+            "translate-x-[2px]",
+            "data-[state=checked]:translate-x-[18px]"
+          )
+        }
+      )
+    }
+  );
+}
+
+export { Switch };

package/dist/chunk-ECWCQWV5.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var SheetPrimitive = require('@radix-ui/react-dialog');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
+
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { "data-slot": "sheet-close", className: chunkUWO6RBCE_js.cn("focus:outline-none focus:ring-0"), ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SheetPrimitive__namespace.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: chunkUWO6RBCE_js.cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-bg-primary/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      SheetPrimitive__namespace.Content,
+      {
+        "data-slot": "sheet-content",
+        className: chunkUWO6RBCE_js.cn(
+          "liquid:liquid-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 p-xl",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[340px]",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[340px]",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "text-icon-primary hover:text-icon-highlight absolute top-4 right-4 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: chunkUWO6RBCE_js.cn("flex flex-col gap-md pb-xl", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: chunkUWO6RBCE_js.cn("mt-auto flex flex-col gap-lg pt-xl", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SheetPrimitive__namespace.Title,
+    {
+      "data-slot": "sheet-title",
+      className: chunkUWO6RBCE_js.cn("text-[14px] text-text-highlight font-medium", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SheetPrimitive__namespace.Description,
+    {
+      "data-slot": "sheet-description",
+      className: chunkUWO6RBCE_js.cn("text-[12px] text-text-secondary", className),
+      ...props
+    }
+  );
+}
+
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;

package/dist/chunk-ENZI5WM7.js

@@ -0,0 +1,108 @@
+'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) => {
+        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/chunk-FVT46HEE.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkRACVRWME_js = require('./chunk-RACVRWME.js');
+var chunk7V4ELMOH_js = require('./chunk-7V4ELMOH.js');
+var chunk7WUQTWQX_js = require('./chunk-7WUQTWQX.js');
+var chunk5BIQ3IN7_js = require('./chunk-5BIQ3IN7.js');
+var chunkENZI5WM7_js = require('./chunk-ENZI5WM7.js');
+var chunkZJXBC33M_js = require('./chunk-ZJXBC33M.js');
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = chunkZJXBC33M_js.withCursor(chunk5BIQ3IN7_js.Button);
+var CursorTabs = chunkZJXBC33M_js.withCursor(chunkRACVRWME_js.Tabs);
+var CursorInputRoot = chunkZJXBC33M_js.withCursor(chunkENZI5WM7_js.InputRoot);
+var CursorSelectTrigger = chunkZJXBC33M_js.withCursor(chunk7WUQTWQX_js.SelectTrigger);
+var CursorTextarea = chunkZJXBC33M_js.withCursor(chunk7V4ELMOH_js.Textarea);
+
+exports.CursorButton = CursorButton;
+exports.CursorInputRoot = CursorInputRoot;
+exports.CursorSelectTrigger = CursorSelectTrigger;
+exports.CursorTabs = CursorTabs;
+exports.CursorTextarea = CursorTextarea;

package/dist/chunk-FXIL4NQZ.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
+
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger2({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CollapsiblePrimitive__namespace.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      className: chunkUWO6RBCE_js.cn(
+        [
+          "overflow-hidden",
+          "data-[state=open]:animate-collapsible-down",
+          "data-[state=closed]:animate-collapsible-up"
+        ],
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent2;
+exports.CollapsibleTrigger = CollapsibleTrigger2;

package/dist/chunk-FYS6YECN.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var reactSlot = require('@radix-ui/react-slot');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Layout({
+  asChild,
+  className,
+  children,
+  align = "start",
+  orientation = "horizontal"
+}) {
+  const Com = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Com,
+    {
+      className: chunkUWO6RBCE_js.cn(
+        {
+          "gap-xs flex flex-col": orientation === "horizontal",
+          "gap-xs grid grid-cols-[1fr_2fr] text-center": orientation === "vertical",
+          "items-baseline": align === "start",
+          "items-center": align === "center",
+          "items-end": align === "end"
+        },
+        className
+      ),
+      children
+    }
+  );
+}
+
+exports.Layout = Layout;

package/dist/chunk-G7XNQVPB.js

@@ -0,0 +1,187 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+
+function Modal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "modal", ...props });
+}
+function ModalTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "modal-trigger", ...props });
+}
+function ModalPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "modal-portal", ...props });
+}
+function ModalClose({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "modal-close", ...props });
+}
+var modalOverlayVariants = classVarianceAuthority.cva([
+  "fixed",
+  "inset-0",
+  "z-100",
+  "bg-bg-mask",
+  "transition-all",
+  "duration-200"
+]);
+function ModalOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Overlay,
+    {
+      "data-slot": "modal-overlay",
+      className: chunkUWO6RBCE_js.cn(modalOverlayVariants(), className),
+      ...props
+    }
+  );
+}
+var modalContentVariants = classVarianceAuthority.cva([
+  "px-xl",
+  "pb-xl",
+  "bg-bg-primary",
+  "rounded-xl",
+  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+  "w-[320px]",
+  "min-w-[280px]",
+  "duration-200",
+  "transition-all",
+  "fixed",
+  "translate-x-[-50%]",
+  "translate-y-[-50%]",
+  "z-101",
+  "left-1/2",
+  "top-1/2",
+  "data-[state=open]:animate-in",
+  "data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0",
+  "data-[state=open]:fade-in-0",
+  "data-[state=closed]:zoom-out-95",
+  "data-[state=open]:zoom-in-95",
+  "liquid:liquid-bg"
+]);
+function ModalContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ModalPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        "data-slot": "modal-content",
+        className: chunkUWO6RBCE_js.cn(modalContentVariants(), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
+            DialogPrimitive__namespace.Close,
+            {
+              "data-slot": "modal-close",
+              className: chunkUWO6RBCE_js.cn(
+                "absolute",
+                "right-[16px]",
+                "top-[16px]",
+                "w-[16px]",
+                "h-[16px]",
+                "rounded-sm",
+                "cursor-pointer",
+                "hover:text-icon-highlight",
+                "text-icon-primary",
+                "flex",
+                "items-center",
+                "justify-center"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ModalHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "modal-header", className: chunkUWO6RBCE_js.cn("flex flex-col", className), ...props });
+}
+function ModalTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      "data-slot": "modal-title",
+      className: chunkUWO6RBCE_js.cn(
+        "text-text-highlight",
+        "text-[14px]",
+        "leading-[20px]",
+        "font-medium",
+        "py-lg",
+        "text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ModalDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Description,
+    {
+      "data-slot": "modal-description",
+      className: chunkUWO6RBCE_js.cn(
+        "text-text-primary",
+        "text-[14px]",
+        "leading-[20px]",
+        "font-normal",
+        "pb-lg",
+        "text-start",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ModalFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "modal-footer",
+      className: chunkUWO6RBCE_js.cn("w-full", "flex", "justify-end", "gap-[8px]", className),
+      ...props
+    }
+  );
+}
+
+exports.Modal = Modal;
+exports.ModalClose = ModalClose;
+exports.ModalContent = ModalContent;
+exports.ModalDescription = ModalDescription;
+exports.ModalFooter = ModalFooter;
+exports.ModalHeader = ModalHeader;
+exports.ModalOverlay = ModalOverlay;
+exports.ModalPortal = ModalPortal;
+exports.ModalTitle = ModalTitle;
+exports.ModalTrigger = ModalTrigger;