@vuer-ai/vuer-uikit 0.0.101 → 0.0.103

package/dist/{chunk-73VF2W3D.mjs → chunk-SUEFWFPX.mjs}

@@ -1,5 +1,5 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-ZNPI2TYG.mjs';
-import { InputRoot, InputSlot } from './chunk-4XUJBMDE.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
+import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Search, CaseSensitive, Regex } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-PIXIN3IG.mjs → chunk-SYX6TMCQ.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-6CM4GYJU.mjs';
+import { VectorInput } from './chunk-VEWWUO2N.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-TC3W4VRO.mjs

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+// src/auth/context/auth-context.ts
+var AuthContext = createContext(null);
+
+export { AuthContext };

package/dist/{chunk-L26ULDYM.mjs → chunk-THMYDDZF.mjs}

@@ -1,4 +1,4 @@
-import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-V2IP7UUV.mjs';
+import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-PIC2EJWA.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-OWEYAVGT.mjs → chunk-TYXRHZZG.mjs}

@@ -1,17 +1,20 @@
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli";
-var DIAL_PACKAGE_VERSION = "0.0.3";
+var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
+var DIAL_PACKAGE_VERSION = "0.0.12" ;
+var DIAL_GIT_HASH = "a1d1441" ;
 function DialBadge({
   className,
   package: showPackage = true,
   prefix = true,
   linkable = true,
-  version = true
+  version = true,
+  hash = false
 }) {
   const packageShortName = "dial-cli";
-  const versionText = version ? prefix ? `v${DIAL_PACKAGE_VERSION}` : DIAL_PACKAGE_VERSION : void 0;
+  const displayValue = hash ? DIAL_GIT_HASH : DIAL_PACKAGE_VERSION;
+  const versionText = version || hash ? prefix && !hash ? `v${displayValue}` : displayValue : void 0;
   const npmUrl = `https://www.npmjs.com/package/${DIAL_PACKAGE_NAME}/v/${DIAL_PACKAGE_VERSION}`;
   return /* @__PURE__ */ jsx(
     "div",
@@ -59,4 +62,4 @@ function DialBadge({
   );
 }
 
-export { DIAL_PACKAGE_NAME, DIAL_PACKAGE_VERSION, DialBadge };
+export { DIAL_GIT_HASH, DIAL_PACKAGE_NAME, DIAL_PACKAGE_VERSION, DialBadge };

package/dist/{chunk-LP3AGGRK.cjs → chunk-UTS56UA5.cjs}

@@ -9,7 +9,7 @@ function NavigationControls({
   handlePan,
   handleZoomDragStart
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-bg-primary/75 flex items-center gap-2 rounded-full p-1 text-sm shadow-[0_4px_16px_0_var(--color-shadow-secondary)] backdrop-blur-[2px]", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-bg-primary/75 liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg flex items-center gap-2 rounded-full p-1 text-sm shadow-[0_4px_16px_0_var(--color-shadow-secondary)] backdrop-blur-[2px]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {

package/dist/{chunk-OMZHB2FB.cjs → chunk-V3VUFIG3.cjs}

@@ -77,7 +77,8 @@ function PopoverContentRoot({
         "origin-(--radix-popover-content-transform-origin)",
         "border-none",
         "outline-hidden",
-        "liquid:liquid-bg",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
         className
       ),
       ...props
@@ -97,7 +98,8 @@ function PopoverContentFallback({ className, ...props }) {
         "z-20",
         "border-none",
         "outline-hidden",
-        "liquid:liquid-bg",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
         className
       ),
       ...props

package/dist/{chunk-6CM4GYJU.mjs → chunk-VEWWUO2N.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-C4E2MFZB.mjs';
+import { InputNumbers } from './chunk-7HOEFGEO.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-76V4RD4V.cjs → chunk-VLOFKTSL.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -39,7 +39,7 @@ var navigationButtonVariants = classVarianceAuthority.cva([
 var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkOHIB3TEN_cjs.cn(navigationVariants({ size, className })), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNSQOQD43_cjs.Button,
+      chunkHBIZQDDS_cjs.Button,
       {
         variant: "ghost",
         size,
@@ -52,7 +52,7 @@ var Navigation = react.forwardRef(function Navigation2({ className, title, onBac
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNSQOQD43_cjs.Button,
+      chunkHBIZQDDS_cjs.Button,
       {
         variant: "ghost",
         size,

package/dist/{chunk-RU423LFT.cjs → chunk-VQP3QBC6.cjs}

@@ -44,7 +44,7 @@ function DrawerContent({
       {
         "data-slot": "drawer-content",
         className: chunkOHIB3TEN_cjs.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)]",
+          "group/drawer-content bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-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]",

package/dist/{chunk-6J7ZVRSY.mjs → chunk-VUMOJPEC.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-6CM4GYJU.mjs';
+import { VectorInput } from './chunk-VEWWUO2N.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-WGVKFNG6.mjs

@@ -0,0 +1,5 @@
+// src/auth/localstorage-key.ts
+var bearerToken = "bearer_token";
+var jwtToken = "auth_jwt";
+
+export { bearerToken, jwtToken };

package/dist/{chunk-JD4J3RDN.cjs → chunk-WHV4VATL.cjs}

@@ -4,7 +4,7 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/ui/theme/themeScript.tsx
-var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
+var themeScript = (defaultBaseTheme, defaultIsLiquid, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
   const el = document.documentElement;
   function updateDOM(theme) {
     const attributes = Array.isArray(attribute) ? attribute : [attribute];
@@ -26,16 +26,6 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
       el.style.colorScheme = isDark ? "dark" : "light";
     }
   }
-  function parseOldTheme(oldTheme) {
-    if (oldTheme === "system") {
-      return { baseTheme: "system", isLiquid: false };
-    }
-    if (oldTheme.startsWith("liquid-")) {
-      const base = oldTheme.replace("liquid-", "");
-      return { baseTheme: base, isLiquid: true };
-    }
-    return { baseTheme: oldTheme, isLiquid: false };
-  }
   function computeTheme(baseTheme, isLiquid, systemIsDark) {
     let resolvedBase;
     if (baseTheme === "system") {
@@ -47,27 +37,21 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
   }
   function getStoredState() {
     try {
-      const baseTheme = localStorage.getItem(`${storageKey}-base`);
-      const isLiquid = localStorage.getItem(`${storageKey}-liquid`);
-      if (baseTheme !== null && isLiquid !== null) {
+      const storedBase = localStorage.getItem(`${storageKey}-base`);
+      const storedLiquid = localStorage.getItem(`${storageKey}-liquid`);
+      if (storedBase !== null && storedLiquid !== null) {
         return {
-          baseTheme,
-          isLiquid: isLiquid === "true"
+          baseTheme: storedBase,
+          isLiquid: storedLiquid === "true"
         };
       }
-      const oldTheme = localStorage.getItem(storageKey);
-      if (oldTheme) {
-        return parseOldTheme(oldTheme);
-      }
-      const defaultBaseTheme = enableSystem ? "system" : "light";
       return {
         baseTheme: defaultBaseTheme,
-        isLiquid: true
+        isLiquid: defaultIsLiquid
       };
     } catch {
-      const defaultBaseTheme = enableSystem ? "system" : "light";
       return {
-        baseTheme: defaultBaseTheme,
+        baseTheme: "system",
         isLiquid: true
       };
     }
@@ -101,14 +85,16 @@ var ThemeScript = react.memo(
     attribute,
     enableSystem,
     enableColorScheme,
-    defaultTheme,
+    defaultBaseTheme,
+    defaultIsLiquid,
     value,
     themes,
     nonce,
     scriptProps
   }) => {
     const scriptArgs = JSON.stringify([
-      defaultTheme,
+      defaultBaseTheme,
+      defaultIsLiquid,
       storageKey,
       attribute,
       themes,

package/dist/{chunk-QUFZWF4E.cjs → chunk-WRKB3W2J.cjs}

@@ -1,17 +1,17 @@
 'use strict';
 
+var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkL6LCOLOV_cjs = require('./chunk-L6LCOLOV.cjs');
 var chunk7DFI7CUK_cjs = require('./chunk-7DFI7CUK.cjs');
-var chunkYMSWUGHW_cjs = require('./chunk-YMSWUGHW.cjs');
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
-var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunk4PKPCOAF_cjs = require('./chunk-4PKPCOAF.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
 
 // src/highlight-cursor/enhanced-components.tsx
-var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkNSQOQD43_cjs.Button);
+var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkHBIZQDDS_cjs.Button);
 var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkL6LCOLOV_cjs.Tabs);
-var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunk3UEVUYFQ_cjs.InputRoot);
-var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkYMSWUGHW_cjs.SelectTrigger);
+var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkLQGXG373_cjs.InputRoot);
+var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunk4PKPCOAF_cjs.SelectTrigger);
 var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk7DFI7CUK_cjs.Textarea);
 
 exports.CursorButton = CursorButton;

package/dist/{chunk-JA6XS5KY.cjs → chunk-WZGZX3S2.cjs}

@@ -8,12 +8,12 @@ function Toolbar({ className, children, variant = "default", size = "md" }) {
     "div",
     {
       className: chunkOHIB3TEN_cjs.cn(
-        "bg-bg-primary flex items-center gap-2 shadow-sm",
-        "liquid:liquid-bg",
+        "bg-bg-primary flex items-center gap-2",
+        "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         size === "sm" && "rounded-uk-md p-1.5",
         size === "md" && "rounded-uk-lg p-1.5",
         size === "lg" && "rounded-uk-xl p-1.5",
-        variant === "floating" && "rounded-[var(--radius-uk-md)] bg-white shadow-lg dark:bg-gray-900" && (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
+        variant === "floating" && "rounded-[var(--radius-uk-md)] bg-white dark:bg-gray-900" && (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
         className
       ),
       children

package/dist/{chunk-XGGAJUY3.cjs → chunk-XURKXOZK.cjs}

@@ -97,7 +97,7 @@ function SheetContentRoot({
       {
         "data-slot": "sheet-content",
         className: chunkOHIB3TEN_cjs.cn(
-          "liquid:liquid-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           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",
@@ -127,7 +127,7 @@ function SheetContentFallback({
     {
       "data-slot": "sheet-content",
       className: chunkOHIB3TEN_cjs.cn(
-        "liquid:liquid-bg bg-bg-primary p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         side === "right" && "inset-y-0 right-0 h-full w-[340px]",
         side === "left" && "inset-y-0 left-0 h-full w-[340px]",
         side === "top" && "inset-x-0 top-0 h-auto",

package/dist/{chunk-U7XH7M5B.mjs → chunk-Y2H4A5AC.mjs}

@@ -1,8 +1,8 @@
-import { useTheme } from './chunk-7LLDKYND.mjs';
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-ZNPI2TYG.mjs';
-import { Button } from './chunk-INHZ5D7P.mjs';
+import { useTheme } from './chunk-FK6ZROZE.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
+import { Button } from './chunk-CZ4GQOXG.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
-import { Droplet, SunMoon, Moon, Sun } from 'lucide-react';
+import { PanelsTopLeft, LayoutTemplate, SunMoon, Moon, Sun } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LiquidToggle = ({ className, ...props }) => {
@@ -13,15 +13,14 @@ var LiquidToggle = ({ className, ...props }) => {
       {
         icon: true,
         variant: "ghost",
-        value: isLiquid,
         "aria-label": `Toggle liquid theme: ${isLiquid ? "on" : "off"}`,
         ...props,
         onClick: toggleLiquid,
         className,
-        children: /* @__PURE__ */ jsx(Droplet, { size: 20 })
+        children: isLiquid ? /* @__PURE__ */ jsx(PanelsTopLeft, { size: 20 }) : /* @__PURE__ */ jsx(LayoutTemplate, { size: 20 })
       }
     ) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: "Toggle liquid theme" })
+    /* @__PURE__ */ jsx(TooltipContent, { children: isLiquid ? "Dock Menu Panels" : "Floating Menu Panels" })
   ] });
 };
 var ThemeColorToggle = (props) => {
@@ -35,7 +34,7 @@ var ThemeColorToggle = (props) => {
       setBaseTheme("light");
     }
   };
-  const isDark = resolvedTheme.includes("dark");
+  const isDark = resolvedTheme?.includes("dark");
   const isSystem = baseTheme === "system";
   return /* @__PURE__ */ jsx(
     Button,
@@ -54,7 +53,7 @@ var ThemeToggles = ({
   liquidToggleProps = {},
   colorToggleProps = {}
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-1", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex", className), children: [
     /* @__PURE__ */ jsx(LiquidToggle, { ...liquidToggleProps }),
     /* @__PURE__ */ jsx(ThemeColorToggle, { ...colorToggleProps })
   ] });

package/dist/{chunk-MDR7WUX6.cjs → chunk-Y5SVZCPQ.cjs}

@@ -1,33 +1,32 @@
 'use strict';
 
-var chunkJM6NBUDT_cjs = require('./chunk-JM6NBUDT.cjs');
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
-var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkKR7VBV3B_cjs = require('./chunk-KR7VBV3B.cjs');
+var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var LiquidToggle = ({ className, ...props }) => {
-  const { isLiquid, toggleLiquid } = chunkJM6NBUDT_cjs.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNSQOQD43_cjs.Button,
+  const { isLiquid, toggleLiquid } = chunkKR7VBV3B_cjs.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkHBIZQDDS_cjs.Button,
       {
         icon: true,
         variant: "ghost",
-        value: isLiquid,
         "aria-label": `Toggle liquid theme: ${isLiquid ? "on" : "off"}`,
         ...props,
         onClick: toggleLiquid,
         className,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 })
+        children: isLiquid ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelsTopLeft, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutTemplate, { size: 20 })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: "Toggle liquid theme" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipContent, { children: isLiquid ? "Dock Menu Panels" : "Floating Menu Panels" })
   ] });
 };
 var ThemeColorToggle = (props) => {
-  const { baseTheme, setBaseTheme, resolvedTheme } = chunkJM6NBUDT_cjs.useTheme();
+  const { baseTheme, setBaseTheme, resolvedTheme } = chunkKR7VBV3B_cjs.useTheme();
   const handleThemeChange = () => {
     if (baseTheme === "light") {
       setBaseTheme("dark");
@@ -37,10 +36,10 @@ var ThemeColorToggle = (props) => {
       setBaseTheme("light");
     }
   };
-  const isDark = resolvedTheme.includes("dark");
+  const isDark = resolvedTheme?.includes("dark");
   const isSystem = baseTheme === "system";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNSQOQD43_cjs.Button,
+    chunkHBIZQDDS_cjs.Button,
     {
       icon: true,
       variant: "ghost",
@@ -56,7 +55,7 @@ var ThemeToggles = ({
   liquidToggleProps = {},
   colorToggleProps = {}
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex gap-1", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(LiquidToggle, { ...liquidToggleProps }),
     /* @__PURE__ */ jsxRuntime.jsx(ThemeColorToggle, { ...colorToggleProps })
   ] });

package/dist/{chunk-AJYO5W6O.mjs → chunk-YHY6SXVJ.mjs}

@@ -1,18 +1,18 @@
 import { useTimelineState } from './chunk-JWKOW2OV.mjs';
 import { useViewport } from './chunk-VPQ5SSY3.mjs';
-import { NavigationControls } from './chunk-5EXV5EWF.mjs';
-import { Tick } from './chunk-K22BEXUA.mjs';
+import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
+import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
+import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
+import { NavigationControls } from './chunk-D5H4XX6Q.mjs';
+import { Tick } from './chunk-JVV7W3TP.mjs';
 import { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
 import { TimelineEvent } from './chunk-N6DSPSMM.mjs';
 import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
 import { rightWedgeClasses, leftWedgeClasses, TOTAL_DURATION } from './chunk-4U232QAX.mjs';
-import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
-import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
-import { TreeSearchBar } from './chunk-73VF2W3D.mjs';
+import { TreeSearchBar } from './chunk-SUEFWFPX.mjs';
 import { TreeView } from './chunk-VQPJ7TLB.mjs';
 import { useTreeState, useTreeSearch } from './chunk-PC5DHSC4.mjs';
-import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
-import { TooltipProvider } from './chunk-ZNPI2TYG.mjs';
+import { TooltipProvider } from './chunk-5MBEK77I.mjs';
 import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-PDOFOJ4P.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { SyncScrollProvider } from './chunk-SAGQV2YZ.mjs';
@@ -80,8 +80,9 @@ function Waterfall({
     "div",
     {
       className: cn(
-        "bg-bg-primary text-text-primary rounded-uk-md border-line-primary/50",
-        "mx-auto flex w-full flex-col overflow-hidden border font-sans",
+        "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
+        "text-text-primary rounded-uk-md",
+        "mx-auto flex w-full flex-col overflow-hidden font-sans",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         className
       ),
@@ -128,7 +129,7 @@ function Waterfall({
             ref: timelineContainerRef,
             className: "overflow-y-none scrollbar-hide relative flex h-full w-full flex-auto cursor-crosshair flex-col overflow-x-hidden pl-px active:cursor-grabbing",
             children: [
-              /* @__PURE__ */ jsx("div", { className: "bg-bg-primary sticky top-0", children: /* @__PURE__ */ jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
+              /* @__PURE__ */ jsx("div", { className: "sticky top-0", children: /* @__PURE__ */ jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
                 ticks.map((marker, ind) => /* @__PURE__ */ jsx(
                   Tick,
                   {

package/dist/{chunk-PO2LYHDO.mjs → chunk-YKHK6C4Q.mjs}

@@ -55,7 +55,8 @@ function PopoverContentRoot({
         "origin-(--radix-popover-content-transform-origin)",
         "border-none",
         "outline-hidden",
-        "liquid:liquid-bg",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
         className
       ),
       ...props
@@ -75,7 +76,8 @@ function PopoverContentFallback({ className, ...props }) {
         "z-20",
         "border-none",
         "outline-hidden",
-        "liquid:liquid-bg",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
         className
       ),
       ...props