@vuer-ai/vuer-uikit 0.0.19 → 0.0.21

package/dist/chunk-KTNZSZ5Y.mjs

@@ -0,0 +1,23 @@
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+
+// src/utils/cn.ts
+var twMerge = extendTailwindMerge({
+  override: {
+    classGroups: {
+      "font-size": [
+        "text-uk-xs",
+        "text-uk-sm",
+        "text-uk-md",
+        "text-uk-lg",
+        "text-uk-xl",
+        "text-uk-xxl"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };

package/dist/chunk-LEPXSM36.mjs

@@ -0,0 +1,46 @@
+import { useLocalStorage } from './chunk-Q5KEB4UK.mjs';
+import { createContext, useEffect, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+var ThemeProviderContext = createContext(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "vuer-theme",
+  ...props
+}) {
+  const [theme, setTheme] = useLocalStorage(storageKey, defaultTheme);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark", "liquidlight", "liquiddark", "system");
+    root.removeAttribute("data-theme");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      root.setAttribute("data-theme", "auto");
+      return;
+    }
+    root.classList.add(theme);
+    root.setAttribute("data-theme", theme);
+  }, [theme]);
+  const value = useMemo(
+    () => ({
+      theme,
+      setTheme
+    }),
+    [theme, setTheme]
+  );
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children });
+}
+var useTheme = () => {
+  const context = useContext(ThemeProviderContext);
+  if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+
+export { ThemeProvider, useTheme };

package/dist/chunk-LLXRJYQB.mjs

@@ -0,0 +1,31 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { Slot } from '@radix-ui/react-slot';
+import { jsx } from 'react/jsx-runtime';
+
+function Layout({
+  asChild,
+  className,
+  children,
+  align = "start",
+  orientation = "horizontal"
+}) {
+  const Com = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Com,
+    {
+      className: 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
+    }
+  );
+}
+
+export { Layout };

package/dist/chunk-M4IVLZIH.mjs

@@ -0,0 +1 @@
+

package/dist/chunk-MRVMXKZO.mjs

@@ -0,0 +1,106 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var TabsContext = createContext(void 0);
+var useTabsContext = () => {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs components must be used within a Tabs component");
+  }
+  return context;
+};
+function Tabs({ className, size = "base", ...props }) {
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  ) });
+}
+var tabsListVariants = cva(["inline-flex", "items-center", "justify-center"], {
+  variants: {
+    size: {
+      sm: "gap-xs",
+      base: "gap-sm",
+      lg: "gap-md"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+});
+function TabsList({ className, ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      onMouseLeave: () => setCursorTarget(null),
+      "data-slot": "tabs-list",
+      className: cn(tabsListVariants({ size }), "justify-start", className),
+      ...props
+    }
+  ) });
+}
+var tabsTriggerVariants = cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "font-medium",
+    "whitespace-nowrap",
+    "transition-all",
+    "disabled:pointer-events-none",
+    "disabled:bg-bg-tertiary",
+    "[&_svg]:pointer-events-none",
+    "[&_svg:not([class*='size-'])]:size-xl",
+    "shrink-0",
+    "[&_svg]:shrink-0",
+    "outline-none",
+    "text-text-primary",
+    "data-[state=active]:bg-bg-secondary"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-uk-sm leading-uk-sm px-md py-xs rounded-uk-sm",
+        base: "text-uk-md leading-uk-md px-lg py-sm rounded-uk-md",
+        lg: "text-uk-lg leading-uk-lg px-xl py-sm rounded-uk-md"
+      }
+    },
+    defaultVariants: {
+      size: "base"
+    }
+  }
+);
+function TabsTrigger({ className, ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
+      "data-slot": "tabs-trigger",
+      className: cn(tabsTriggerVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/chunk-MZ4POL3U.js

@@ -0,0 +1,301 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var SelectPrimitive = require('@radix-ui/react-select');
+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 SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.Group,
+    {
+      "data-slot": "select-group",
+      className: chunkXXWQ4RVP_js.cn("space-y-xs", className),
+      ...props
+    }
+  );
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { "data-slot": "select-value", ...props });
+}
+var selectTriggerVariants = classVarianceAuthority.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-5.5 [&_svg:not([class*='size-'])]:size-lg",
+        base: "px-md py-sm text-uk-md h-7 [&_svg:not([class*='size-'])]:size-[14px]",
+        lg: "px-lg py-sm text-uk-lg h-8 [&_svg:not([class*='size-'])]:size-xl"
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "base"
+    }
+  }
+);
+function SelectTrigger({
+  className,
+  size,
+  children,
+  disabled,
+  state,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: chunkXXWQ4RVP_js.cn(
+        selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
+      ),
+      disabled,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Content,
+    {
+      "data-slot": "select-content",
+      className: chunkXXWQ4RVP_js.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-md",
+          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+          "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__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SelectPrimitive__namespace.Viewport,
+          {
+            className: chunkXXWQ4RVP_js.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__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.Label,
+    {
+      "data-slot": "select-label",
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-xs px-2 py-1.5", className),
+      ...props
+    }
+  );
+}
+function SelectItem({ className, children, prefix, suffix, disabled, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Item,
+    {
+      "data-slot": "select-item",
+      disabled,
+      className: chunkXXWQ4RVP_js.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__ */ jsxRuntime.jsx(
+          "p",
+          {
+            "data-disabled": disabled,
+            className: chunkXXWQ4RVP_js.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__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            "data-disabled": disabled,
+            className: chunkXXWQ4RVP_js.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__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.Separator,
+    {
+      "data-slot": "select-separator",
+      className: chunkXXWQ4RVP_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: chunkXXWQ4RVP_js.cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: chunkXXWQ4RVP_js.cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;

package/dist/chunk-N7CINZS2.js

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

package/dist/chunk-NODFVSVC.mjs

@@ -0,0 +1,39 @@
+import { Badge } from './chunk-WO3WHXDP.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var PACKAGE_VERSION = "0.0.21";
+var PACKAGE_NAME = "@vuer-ai/vuer-uikit";
+function VersionBadge({
+  className,
+  showPrefix = true,
+  linkable = true,
+  version: overrideVersion
+}) {
+  const currentVersion = overrideVersion || PACKAGE_VERSION;
+  const displayVersion = showPrefix ? `v${currentVersion}` : currentVersion;
+  const npmUrl = `https://www.npmjs.com/package/${PACKAGE_NAME}/v/${currentVersion}`;
+  const badge = /* @__PURE__ */ jsx(
+    Badge,
+    {
+      variant: "accent",
+      className,
+      style: linkable ? { cursor: "pointer" } : void 0,
+      children: displayVersion
+    }
+  );
+  if (linkable) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: npmUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "no-underline hover:no-underline",
+        children: badge
+      }
+    );
+  }
+  return badge;
+}
+
+export { VersionBadge };