@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/chunk-T2BDPMCF.cjs

@@ -0,0 +1,358 @@
+'use strict';
+
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
+var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
+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 ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
+
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: chunk6LTCLQH3_cjs.cn(
+        [
+          "bg-bg-primary",
+          "p-md",
+          "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-context-menu-content-available-height)",
+          "origin-(--radix-context-menu-content-transform-origin)",
+          "overflow-x-hidden",
+          "overflow-y-auto",
+          "rounded-uk-md",
+          "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+          "liquid-dark:liquid-dark-bg",
+          "liquid-light:liquid-light-bg"
+        ],
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenuGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Group,
+    {
+      "data-slot": "context-menu-group",
+      className: chunk6LTCLQH3_cjs.cn("space-y-xs", className),
+      ...props
+    }
+  );
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: chunk6LTCLQH3_cjs.cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "px-sm",
+          "py-xs",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-sm",
+          "leading-uk-sm",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "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",
+          variant === "destructive" && "text-text-danger"
+        ],
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ContextMenuPrimitive__namespace.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: chunk6LTCLQH3_cjs.cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "pr-md",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "py-xs",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-sm",
+          "leading-uk-sm",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ContextMenuPrimitive__namespace.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: chunk6LTCLQH3_cjs.cn(
+        [
+          "w-full",
+          "hover:bg-bg-tertiary",
+          "outline-hidden",
+          "relative",
+          "flex",
+          "cursor-default",
+          "select-none",
+          "items-center",
+          "gap-md",
+          "rounded-uk-xs",
+          "py-xs",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "pr-md",
+          "text-uk-sm",
+          "leading-uk-sm",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: chunk6LTCLQH3_cjs.cn("text-text-secondary text-uk-sm leading-uk-sm pb-lg pt-xs px-sm", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: chunk6LTCLQH3_cjs.cn("bg-line-primary my-lg pointer-events-none h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: chunk6LTCLQH3_cjs.cn("text-text-tertiary text-uk-sm leading-uk-sm ml-auto", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ContextMenuPrimitive__namespace.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: chunk6LTCLQH3_cjs.cn(
+        "w-full",
+        "flex",
+        "gap-md",
+        "items-center",
+        "px-sm",
+        "py-xs",
+        "relative",
+        "cursor-default",
+        "rounded-uk-xs",
+        "text-uk-sm",
+        "leading-uk-sm",
+        "outline-hidden",
+        "select-none",
+        "hover:bg-bg-tertiary",
+        "data-[state=open]:bg-bg-tertiary",
+        "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",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuPrimitive__namespace.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: chunk6LTCLQH3_cjs.cn(
+        "bg-bg-primary",
+        "p-md",
+        "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-context-menu-content-available-height)",
+        "origin-(--radix-context-menu-content-transform-origin)",
+        "overflow-x-hidden",
+        "overflow-y-auto",
+        "rounded-uk-md",
+        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuGroup = ContextMenuGroup;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuPortal = ContextMenuPortal;
+exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+exports.ContextMenuSub = ContextMenuSub;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;

package/dist/{chunk-U5W4ZALG.cjs → chunk-T2OAWYOU.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var SliderPrimitive = require('@radix-ui/react-slider');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -61,7 +61,7 @@ var Slider = react.forwardRef(
         min,
         max,
         step,
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           "relative",
           "flex",
           "w-full",
@@ -80,7 +80,7 @@ var Slider = react.forwardRef(
             SliderPrimitive__namespace.Track,
             {
               "data-slot": "slider-track",
-              className: chunkCRX2ZCM2_cjs.cn(
+              className: chunk6LTCLQH3_cjs.cn(
                 "peer/slider-track",
                 "bg-line-primary",
                 "relative",
@@ -97,7 +97,7 @@ var Slider = react.forwardRef(
                 SliderPrimitive__namespace.Range,
                 {
                   "data-slot": "slider-range",
-                  className: chunkCRX2ZCM2_cjs.cn(
+                  className: chunk6LTCLQH3_cjs.cn(
                     "bg-brand-primary",
                     "absolute",
                     "data-[disabled]:bg-bg-secondary",
@@ -113,7 +113,7 @@ var Slider = react.forwardRef(
             SliderPrimitive__namespace.Thumb,
             {
               "data-slot": "slider-thumb",
-              className: chunkCRX2ZCM2_cjs.cn(
+              className: chunk6LTCLQH3_cjs.cn(
                 "ring-brand-primary/50",
                 "bg-brand-primary",
                 "block",
@@ -159,7 +159,7 @@ function SliderSteps({ step, min, max, currentValue }) {
       {
         "data-slot": "slider-step",
         style: { left: `calc(${step2.position}% + ${thumbInBoundsOffset}px)` },
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           "absolute",
           "top-1/2",
           "translate-y-[-50%]",

package/dist/{chunk-Q7VP2WSX.mjs → chunk-TCCFFSXM.mjs}

@@ -1,7 +1,8 @@
-import { useTheme } from './chunk-FK6ZROZE.mjs';
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-UQQBUPGF.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
+import { useTheme } from './chunk-ZJYPKTF4.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-IPMWGCAI.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
 import { PanelsTopLeft, LayoutTemplate, SunMoon, Moon, Sun } from 'lucide-react';
+import { useRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LiquidToggle = ({ className, ...props }) => {
@@ -22,19 +23,35 @@ var LiquidToggle = ({ className, ...props }) => {
     /* @__PURE__ */ jsx(TooltipContent, { children: isLiquid ? "Dock Layout" : "Liquid Layout" })
   ] });
 };
+var QUICK_TOGGLE_TIMEOUT = 1500;
 var ThemeColorToggle = (props) => {
   const { baseTheme, setBaseTheme, resolvedTheme } = useTheme();
+  const lastClickRef = useRef(0);
+  const isDark = resolvedTheme?.includes("dark");
+  const isSystem = baseTheme === "system";
   const handleThemeChange = () => {
-    if (baseTheme === "light") {
-      setBaseTheme("dark");
-    } else if (baseTheme === "dark") {
-      setBaseTheme("system");
-    } else if (baseTheme === "system") {
-      setBaseTheme("light");
+    const now = Date.now();
+    const timeSinceLastClick = now - lastClickRef.current;
+    lastClickRef.current = now;
+    const isQuickToggle = timeSinceLastClick < QUICK_TOGGLE_TIMEOUT;
+    if (isQuickToggle) {
+      if (baseTheme === "light") {
+        setBaseTheme("dark");
+      } else if (baseTheme === "dark") {
+        setBaseTheme("system");
+      } else {
+        setBaseTheme("light");
+      }
+    } else {
+      if (baseTheme === "system") {
+        setBaseTheme(isDark ? "light" : "dark");
+      } else if (baseTheme === "light") {
+        setBaseTheme("dark");
+      } else {
+        setBaseTheme("light");
+      }
     }
   };
-  const isDark = resolvedTheme?.includes("dark");
-  const isSystem = baseTheme === "system";
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -43,7 +60,7 @@ var ThemeColorToggle = (props) => {
       "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
       ...props,
       onClick: handleThemeChange,
-      children: isSystem ? /* @__PURE__ */ jsx(SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsx(Moon, { size: 20 }) : /* @__PURE__ */ jsx(Sun, { size: 20 })
+      children: isSystem ? /* @__PURE__ */ jsx(SunMoon, { size: 24 }) : isDark ? /* @__PURE__ */ jsx(Moon, { size: 24 }) : /* @__PURE__ */ jsx(Sun, { size: 24 })
     }
   );
 };

package/dist/{chunk-PRNBDGOF.cjs → chunk-THE6FZKP.cjs}

@@ -1,8 +1,7 @@
 'use strict';
 
 var chunkT3G35JSP_cjs = require('./chunk-T3G35JSP.cjs');
-var chunkGEGPGQVH_cjs = require('./chunk-GEGPGQVH.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -36,20 +35,16 @@ var useTabsContext = () => {
   }
   return context;
 };
-function TabsRoot({ className, size = "base", ...props }) {
+function Tabs({ className, size = "base", ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Root,
     {
       "data-slot": "tabs",
-      className: chunkCRX2ZCM2_cjs.cn("flex w-full flex-col", className),
+      className: chunk6LTCLQH3_cjs.cn("flex w-full flex-col", className),
       ...props
     }
   ) });
 }
-function TabsFallback({ className, size = "base", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs", className: chunkCRX2ZCM2_cjs.cn("flex w-full flex-col", className), ...props }) });
-}
-var Tabs = chunkGEGPGQVH_cjs.createClientOnlyComponent(TabsRoot, TabsFallback);
 var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "justify-center"], {
   variants: {
     size: {
@@ -62,33 +57,34 @@ var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center"
     size: "base"
   }
 });
-function TabsListRoot({ className, ...props }) {
-  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+function TabsList({ className, onMouseLeave, ...props }) {
   const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.List,
-    {
-      onMouseLeave: () => setCursorTarget(null),
-      "data-slot": "tabs-list",
-      className: chunkCRX2ZCM2_cjs.cn(tabsListVariants({ size }), "justify-start", className),
-      ...props
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TabsListInner, { className, size, onMouseLeave, ...props }) });
 }
-function TabsListFallback({ className, ...props }) {
-  const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+function TabsListInner({
+  className,
+  size,
+  onMouseLeave,
+  ...props
+}) {
+  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+  const handleMouseLeave = (e) => {
+    setCursorTarget(null);
+    onMouseLeave?.(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
     {
+      onMouseLeave: handleMouseLeave,
       "data-slot": "tabs-list",
-      className: chunkCRX2ZCM2_cjs.cn(tabsListVariants({ size }), "justify-start", className),
+      className: chunk6LTCLQH3_cjs.cn(tabsListVariants({ size }), "justify-start", className),
       ...props
     }
-  ) });
+  );
 }
-var TabsList = chunkGEGPGQVH_cjs.createClientOnlyComponent(TabsListRoot, TabsListFallback);
 var tabsTriggerVariants = classVarianceAuthority.cva(
   [
+    "cursor-pointer",
     "inline-flex",
     "items-center",
     "justify-center",
@@ -102,8 +98,9 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
     "shrink-0",
     "[&_svg]:shrink-0",
     "outline-none",
-    "text-text-primary",
+    "text-text-secondary",
     "data-[state=active]:bg-bg-secondary",
+    "data-[state=active]:text-text-primary",
     "data-[state=active]:font-medium"
   ],
   {
@@ -119,7 +116,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-function TabsTriggerRoot({ className, ...props }) {
+function TabsTrigger({ className, ...props }) {
   const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
   const { size } = useTabsContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -127,41 +124,24 @@ function TabsTriggerRoot({ className, ...props }) {
     {
       onMouseEnter: (e) => setCursorTarget(e.currentTarget),
       "data-slot": "tabs-trigger",
-      className: chunkCRX2ZCM2_cjs.cn(tabsTriggerVariants({ size }), className),
-      ...props
-    }
-  );
-}
-function TabsTriggerFallback({ className, ...props }) {
-  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
-  const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
-      "data-slot": "tabs-trigger",
-      className: chunkCRX2ZCM2_cjs.cn(tabsTriggerVariants({ size }), className),
+      className: chunk6LTCLQH3_cjs.cn(tabsTriggerVariants({ size }), className),
       ...props
     }
   );
 }
-var TabsTrigger = chunkGEGPGQVH_cjs.createClientOnlyComponent(TabsTriggerRoot, TabsTriggerFallback);
-function TabsContentRoot({ className, ...props }) {
+function TabsContent({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Content,
     {
       "data-slot": "tabs-content",
-      className: chunkCRX2ZCM2_cjs.cn("flex-1 outline-none", className),
+      className: chunk6LTCLQH3_cjs.cn("flex-1 outline-none", className),
       ...props
     }
   );
 }
-function TabsContentFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-content", className: chunkCRX2ZCM2_cjs.cn("flex-1 outline-none", className), ...props });
-}
-var TabsContent = chunkGEGPGQVH_cjs.createClientOnlyComponent(TabsContentRoot, TabsContentFallback);
 
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
+exports.TabsListInner = TabsListInner;
 exports.TabsTrigger = TabsTrigger;

package/dist/{chunk-RGOZPSTI.mjs → chunk-TMBHKVKH.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-TQOGGHSJ.mjs

@@ -0,0 +1,23 @@
+import { useTheme } from './chunk-ZJYPKTF4.mjs';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import { jsx } from 'react/jsx-runtime';
+
+var Toaster = ({ ...props }) => {
+  const { baseTheme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme: baseTheme,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--bg-primary)",
+        "--normal-text": "var(--text-primary)",
+        "--normal-border": "var(--bg-secondary)"
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };

package/dist/{chunk-VTW2DF63.mjs → chunk-TWDDNHRP.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { cva } from 'class-variance-authority';
 import { XIcon } from 'lucide-react';

package/dist/{chunk-DDIB73SZ.mjs → chunk-UB3ELCFR.mjs}

@@ -1,7 +1,7 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-UQQBUPGF.mjs';
-import { InputRoot, InputSlot } from './chunk-SMXN2KOV.mjs';
-import { SyncScroll } from './chunk-T4U3BG2V.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-IPMWGCAI.mjs';
+import { InputRoot, InputSlot } from './chunk-HGTL7DFT.mjs';
+import { SyncScroll } from './chunk-EGJLY5VZ.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-XTLGNJIO.mjs → chunk-UBGNADCN.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-3NIMV5PH.mjs';
+import { VectorInput } from './chunk-V4THHKSO.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';