@vuer-ai/vuer-uikit 0.0.25 → 0.0.27

package/dist/chunk-2TBYBUF4.js

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

package/dist/chunk-2TXGBB33.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunk5OUTEHVX_js = require('./chunk-5OUTEHVX.js');
+var chunkNQRO3NQX_js = require('./chunk-NQRO3NQX.js');
+var chunk6SRDWLQJ_js = require('./chunk-6SRDWLQJ.js');
+var chunkNP6VNT23_js = require('./chunk-NP6VNT23.js');
+var chunkUFHMEEGL_js = require('./chunk-UFHMEEGL.js');
+var chunkXUKMVPUD_js = require('./chunk-XUKMVPUD.js');
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = chunkUFHMEEGL_js.withCursor(chunkXUKMVPUD_js.Button);
+var CursorTabs = chunkUFHMEEGL_js.withCursor(chunk6SRDWLQJ_js.Tabs);
+var CursorInputRoot = chunkUFHMEEGL_js.withCursor(chunkNP6VNT23_js.InputRoot);
+var CursorSelectTrigger = chunkUFHMEEGL_js.withCursor(chunkNQRO3NQX_js.SelectTrigger);
+var CursorTextarea = chunkUFHMEEGL_js.withCursor(chunk5OUTEHVX_js.Textarea);
+
+exports.CursorButton = CursorButton;
+exports.CursorInputRoot = CursorInputRoot;
+exports.CursorSelectTrigger = CursorSelectTrigger;
+exports.CursorTabs = CursorTabs;
+exports.CursorTextarea = CursorTextarea;

package/dist/chunk-2WJW572X.mjs

@@ -0,0 +1,74 @@
+import { toggleVariants } from './chunk-66FC5NST.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ToggleGroupContext = createContext({
+  size: "base",
+  variant: "primary"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        "group/toggle-group",
+        "flex",
+        "w-fit",
+        "items-center",
+        "rounded-uk-md",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "min-w-0",
+        "flex-1",
+        "shrink-0",
+        "rounded-none",
+        "first:rounded-l-md",
+        "last:rounded-r-md",
+        "focus:z-10",
+        "focus-visible:z-10",
+        "data-[variant=outline]:border-l-0",
+        "data-[variant=outline]:first:border-l",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+export { ToggleGroup, ToggleGroupItem };

package/dist/chunk-35CM7HPZ.mjs

@@ -0,0 +1,149 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { XIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Modal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "modal", ...props });
+}
+function ModalTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "modal-trigger", ...props });
+}
+function ModalPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "modal-portal", ...props });
+}
+function ModalClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "modal-close", ...props });
+}
+var modalOverlayVariants = cva([
+  "fixed",
+  "inset-0",
+  "z-100",
+  "bg-bg-mask",
+  "transition-all",
+  "duration-200"
+]);
+function ModalOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "modal-overlay",
+      className: cn(modalOverlayVariants(), className),
+      ...props
+    }
+  );
+}
+var modalContentVariants = cva([
+  "pb-xl",
+  "px-xl",
+  "bg-bg-primary",
+  "rounded-uk-xl",
+  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+  "min-w-[280px]",
+  "max-w-[360px]",
+  "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__ */ jsxs(ModalPortal, { children: [
+    /* @__PURE__ */ jsx(ModalOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "modal-content",
+        className: cn(modalContentVariants(), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "modal-close",
+              className: cn(
+                "absolute",
+                "right-[16px]",
+                "top-[16px]",
+                "w-[16px]",
+                "h-[16px]",
+                "rounded-uk-sm",
+                "cursor-pointer",
+                "hover:text-icon-highlight",
+                "text-icon-primary",
+                "flex",
+                "items-center",
+                "justify-center"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ModalHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "modal-header", className: cn("flex flex-col", className), ...props });
+}
+function ModalTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "modal-title",
+      className: cn(
+        "text-text-highlight",
+        "text-uk-lg",
+        "leading-uk-lg",
+        "font-medium",
+        "py-lg",
+        "px-xl",
+        "text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ModalDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "modal-description",
+      className: cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
+      ...props
+    }
+  );
+}
+function ModalFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "modal-footer",
+      className: cn("w-full", "flex", "justify-end", "gap-xs", className),
+      ...props
+    }
+  );
+}
+
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger };

package/dist/chunk-4F3R5V3E.mjs

@@ -0,0 +1,269 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { cva } from 'class-variance-authority';
+import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Group,
+    {
+      "data-slot": "select-group",
+      className: cn("space-y-xs", className),
+      ...props
+    }
+  );
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+var selectTriggerVariants = cva(
+  [
+    "flex",
+    "items-center",
+    "justify-between",
+    "gap-2",
+    "rounded-uk-sm",
+    "bg-bg-secondary",
+    "whitespace-nowrap",
+    "shadow-xs",
+    "transition-[color,box-shadow]",
+    "outline-none",
+    "*:data-[slot=select-value]:line-clamp-1",
+    "*:data-[slot=select-value]:flex",
+    "*:data-[slot=select-value]:items-center",
+    "*:data-[slot=select-value]:gap-2",
+    "[&_svg]:shrink-0",
+    "[&_svg]:pointer-events-none",
+    "[&_svg:not([class*='text-'])]:text-muted-foreground"
+  ],
+  {
+    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: {
+        sm: "px-sm py-xs text-uk-sm h-6 [&_svg:not([class*='size-'])]:size-3",
+        base: "px-md py-sm text-uk-md h-8 [&_svg:not([class*='size-'])]:size-4",
+        lg: "px-lg py-sm text-uk-lg h-9 [&_svg:not([class*='size-'])]:size-5"
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "base"
+    }
+  }
+);
+function SelectTrigger({
+  className,
+  size,
+  children,
+  disabled,
+  state,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
+      ),
+      disabled,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        [
+          "bg-bg-primary",
+          "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",
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          "relative",
+          "z-50",
+          "max-h-(--radix-select-content-available-height)",
+          "min-w-[8rem]",
+          "origin-(--radix-select-content-transform-origin)",
+          "overflow-x-hidden",
+          "overflow-y-auto",
+          "rounded-uk-md",
+          "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+          "liquid:liquid-bg"
+        ],
+        {
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper"
+        },
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn("p-md", {
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1": position === "popper"
+            }),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("text-text-secondary text-uk-xs px-2 py-1.5", className),
+      ...props
+    }
+  );
+}
+function SelectItem({ className, children, prefix, suffix, disabled, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      disabled,
+      className: cn(
+        [
+          "group/select-item",
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "px-md",
+          "py-xs",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-xs",
+          "outline-hidden",
+          "select-none",
+          "focus:bg-bg-secondary",
+          "data-[state=checked]:bg-brand-primary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground",
+          "*:[span]:last:flex",
+          "*:[span]:last:items-center",
+          "*:[span]:last:gap-2"
+        ],
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            "data-disabled": disabled,
+            className: cn([
+              "text-text-tertiary",
+              "flex",
+              "shrink-0",
+              "gap-0.5",
+              "data-[disabled=true]:text-bg-quaternary",
+              "group-data-[state=checked]/select-item:text-text-withbg"
+            ]),
+            children: prefix
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            "data-disabled": disabled,
+            className: cn(
+              "text-text-tertiary",
+              "ml-auto",
+              "flex",
+              "shrink-0",
+              "gap-0.5",
+              "data-[disabled=true]:text-bg-quaternary",
+              "group-data-[state=checked]/select-item:text-text-withbg"
+            ),
+            children: suffix
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/chunk-5F36YBKG.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var vaul = require('vaul');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Drawer({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: chunkXXWQ4RVP_js.cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-mask fixed inset-0 z-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      vaul.Drawer.Content,
+      {
+        "data-slot": "drawer-content",
+        className: chunkXXWQ4RVP_js.cn(
+          "group/drawer-content bg-bg-primary liquid:liquid-bg p-xl fixed z-50 flex h-auto flex-col shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh]",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:pt-0",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-[340px]",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-[340px]",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-quaternary rounded-uk-md mx-auto mt-[8px] hidden h-[4px] w-[80px] shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: chunkXXWQ4RVP_js.cn("gap-md pb-xl flex flex-col", className),
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: chunkXXWQ4RVP_js.cn("gap-lg pt-xl mt-auto flex flex-col", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Title,
+    {
+      "data-slot": "drawer-title",
+      className: chunkXXWQ4RVP_js.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Description,
+    {
+      "data-slot": "drawer-description",
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-md leading-uk-md", className),
+      ...props
+    }
+  );
+}
+
+exports.Drawer = Drawer;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerOverlay = DrawerOverlay;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;