@vuer-ai/vuer-uikit 0.0.66 → 0.0.69

package/dist/chunk-DSWSIBVQ.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useLocalStorage.ts
+var localStorageStore = /* @__PURE__ */ (() => {
+  const listeners = /* @__PURE__ */ new Map();
+  function subscribe(key, callback) {
+    if (!listeners.has(key)) {
+      listeners.set(key, /* @__PURE__ */ new Set());
+    }
+    listeners.get(key).add(callback);
+    const handleStorageChange = (e) => {
+      if (e.key === key && e.storageArea === localStorage) {
+        listeners.get(key)?.forEach((listener) => listener());
+      }
+    };
+    if (typeof window !== "undefined") {
+      window.addEventListener("storage", handleStorageChange);
+    }
+    return () => {
+      listeners.get(key)?.delete(callback);
+      if (listeners.get(key)?.size === 0) {
+        listeners.delete(key);
+      }
+      if (typeof window !== "undefined") {
+        window.removeEventListener("storage", handleStorageChange);
+      }
+    };
+  }
+  function notifyListeners(key) {
+    listeners.get(key)?.forEach((listener) => listener());
+  }
+  return { subscribe, notifyListeners };
+})();
+function useLocalStorage(key, initialValue) {
+  const keyRef = react.useRef(key);
+  const initialValueRef = react.useRef(initialValue);
+  keyRef.current = key;
+  initialValueRef.current = initialValue;
+  const subscribe = react.useCallback(
+    (callback) => localStorageStore.subscribe(keyRef.current, callback),
+    []
+  );
+  const getSnapshot = react.useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValueRef.current;
+    }
+    try {
+      const item = window.localStorage.getItem(keyRef.current);
+      if (item === null) return initialValueRef.current;
+      if (typeof initialValueRef.current === "string") {
+        return item;
+      } else if (typeof initialValueRef.current === "number") {
+        return parseFloat(item) || initialValueRef.current;
+      } else if (typeof initialValueRef.current === "boolean") {
+        return item === "true";
+      } else {
+        return JSON.parse(item);
+      }
+    } catch (error) {
+      console.warn(`Error reading localStorage key "${keyRef.current}":`, error);
+      return initialValueRef.current;
+    }
+  }, []);
+  const getServerSnapshot = react.useCallback(() => {
+    return initialValueRef.current;
+  }, []);
+  const storedValue = react.useSyncExternalStore(
+    subscribe,
+    getSnapshot,
+    getServerSnapshot
+  );
+  const setValue = react.useCallback(
+    (value) => {
+      try {
+        const currentValue = getSnapshot();
+        const valueToStore = value instanceof Function ? value(currentValue) : value;
+        if (typeof window !== "undefined") {
+          let stringValue;
+          if (typeof valueToStore === "string") {
+            stringValue = valueToStore;
+          } else if (typeof valueToStore === "number" || typeof valueToStore === "boolean") {
+            stringValue = valueToStore.toString();
+          } else {
+            stringValue = JSON.stringify(valueToStore);
+          }
+          window.localStorage.setItem(keyRef.current, stringValue);
+          localStorageStore.notifyListeners(keyRef.current);
+        }
+      } catch (error) {
+        console.warn(`Error setting localStorage key "${keyRef.current}":`, error);
+      }
+    },
+    [getSnapshot]
+  );
+  return [storedValue, setValue];
+}
+
+exports.useLocalStorage = useLocalStorage;

package/dist/{chunk-CEHN5RWA.mjs → chunk-DWU32IXO.mjs}

@@ -1,8 +1,8 @@
 import { useTheme } from './chunk-CWBLCQD7.mjs';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
 import { Button } from './chunk-3MSEMXKG.mjs';
-import { useDocument } from './chunk-QG5Z4C65.mjs';
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
+import { useDocument } from './chunk-ES4LBRHV.mjs';
 import { cn } from './chunk-KVFUDYD3.mjs';
 import { Droplet, Sun, SunMoon, Moon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/chunk-ES4LBRHV.mjs

@@ -0,0 +1,18 @@
+import { useSyncExternalStore } from 'react';
+
+// src/hooks/useDocument.tsx
+function subscribe(callback) {
+  return () => {
+  };
+}
+function getSnapshot() {
+  return typeof document !== "undefined" ? document : void 0;
+}
+function getServerSnapshot() {
+  return void 0;
+}
+function useDocument() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+export { useDocument };

package/dist/{chunk-HX6SSKPA.mjs → chunk-EWAKGFQG.mjs}

@@ -65,11 +65,10 @@ var toggleGroupVariants = cva(
           "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]"
         ],
         ghost: [
-          "bg-bg-primary",
-          "hover:bg-group-hover",
-          "text-text-secondary",
-          "data-[state=on]:text-text-withbg",
-          "data-[state=on]:bg-group-primary",
+          "hover:bg-tertiary",
+          "text-icon-secondary",
+          "data-[state=on]:text-icon-highlight",
+          "data-[state=on]:bg-bg-secondary",
           "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]",
           "data-[state=on]:first:shadow-[inset_-0.5px_0_0_var(--muted)]",
           "data-[state=on]:last:shadow-[inset_0.5px_0_0_var(--muted)]"

package/dist/{chunk-5RQE4EDL.mjs → chunk-GOXZ3TTM.mjs}

@@ -1,7 +1,7 @@
 import { Badge } from './chunk-Q27ILZE6.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.66" ;
+var PACKAGE_VERSION = "0.0.69" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/chunk-GXRV2QEP.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkWTUAR2X5_cjs = require('./chunk-WTUAR2X5.cjs');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var LiquidLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkWTUAR2X5_cjs.LiquidLayout, { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutContent, { className: chunkDWD754BX_cjs.cn("flex flex-col items-center justify-center", contentClassName), children }),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutBottom, { className: chunkDWD754BX_cjs.cn("mt-4", bottomClassName), children: bottom }),
+    right && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutRight, { className: rightClassName, children: right }),
+    left && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutLeft, { className: leftClassName, children: left }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkWTUAR2X5_cjs.LiquidLayoutTop, { className: topClassName, children: top })
+  ] });
+};
+
+exports.LiquidLayoutView = LiquidLayoutView;

package/dist/chunk-IZARTVYN.mjs

@@ -0,0 +1,67 @@
+import { useSyncExternalStore } from 'react';
+
+// src/hooks/useLocation.tsx
+var listeners = [];
+var currentSnapshot = void 0;
+function updateSnapshot() {
+  if (typeof window === "undefined") {
+    currentSnapshot = void 0;
+    return;
+  }
+  currentSnapshot = {
+    href: window.location.href,
+    pathname: window.location.pathname,
+    search: window.location.search,
+    hash: window.location.hash,
+    host: window.location.host,
+    hostname: window.location.hostname,
+    port: window.location.port,
+    protocol: window.location.protocol,
+    origin: window.location.origin
+  };
+}
+updateSnapshot();
+function subscribe(callback) {
+  listeners.push(callback);
+  if (typeof window === "undefined") {
+    return () => {
+      listeners = listeners.filter((l) => l !== callback);
+    };
+  }
+  const notifyListeners = () => {
+    updateSnapshot();
+    listeners.forEach((listener) => listener());
+  };
+  window.addEventListener("popstate", notifyListeners);
+  window.addEventListener("hashchange", notifyListeners);
+  const originalPushState = window.history.pushState;
+  const originalReplaceState = window.history.replaceState;
+  window.history.pushState = function(...args) {
+    originalPushState.apply(window.history, args);
+    notifyListeners();
+  };
+  window.history.replaceState = function(...args) {
+    originalReplaceState.apply(window.history, args);
+    notifyListeners();
+  };
+  return () => {
+    listeners = listeners.filter((l) => l !== callback);
+    window.removeEventListener("popstate", notifyListeners);
+    window.removeEventListener("hashchange", notifyListeners);
+    if (listeners.length === 0) {
+      window.history.pushState = originalPushState;
+      window.history.replaceState = originalReplaceState;
+    }
+  };
+}
+function getSnapshot() {
+  return currentSnapshot;
+}
+function getServerSnapshot() {
+  return void 0;
+}
+function useLocation() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+export { useLocation };

package/dist/chunk-JR4TVE43.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useIsMobile.ts
+var MOBILE_BREAKPOINT = 768;
+function subscribe(callback) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+  if (mql.addEventListener) {
+    mql.addEventListener("change", callback);
+    return () => mql.removeEventListener("change", callback);
+  }
+  mql.addListener(callback);
+  return () => mql.removeListener(callback);
+}
+function getSnapshot() {
+  if (typeof window === "undefined") return false;
+  return window.innerWidth < MOBILE_BREAKPOINT;
+}
+function getServerSnapshot() {
+  return false;
+}
+function useIsMobile() {
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+exports.useIsMobile = useIsMobile;

package/dist/chunk-JTLBOAN6.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      "data-slot": "table",
+      className: chunkDWD754BX_cjs.cn("text-uk-md w-full caption-bottom rounded-none!", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: chunkDWD754BX_cjs.cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: chunkDWD754BX_cjs.cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: chunkDWD754BX_cjs.cn(
+        "bg-bg-secondary border-bg-secondary hover:bg-bg-tertiary border-t font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: chunkDWD754BX_cjs.cn(
+        "hover:bg-bg-secondary data-[state=selected]:bg-bg-secondary border-bg-secondary border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: chunkDWD754BX_cjs.cn(
+        "bg-bg-secondary! px-lg! text-text-primary! text-uk-md h-[40px] py-0! text-left align-middle font-medium! whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: chunkDWD754BX_cjs.cn(
+        "px-lg! text-text-primary! text-uk-md h-[40px] py-0! align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: chunkDWD754BX_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
+      ...props
+    }
+  );
+}
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/{chunk-JSNFXIT2.mjs → chunk-JVCED76T.mjs}

@@ -14,7 +14,8 @@ function TreeView({
   isSelectable = false,
   selectedItemId,
   onSelectChange,
-  isSearchable = true
+  isSearchable = true,
+  alwaysShowExpand = false
 }) {
   const [expandedItems, setExpandedItems] = useState(() => {
     const initial = /* @__PURE__ */ new Set();
@@ -43,6 +44,9 @@ function TreeView({
       onSelectChange(selectedItemId === id ? null : id);
     }
   };
+  const hasDescendants = (itemId) => {
+    return (childrenMap.get(itemId) || []).length > 0;
+  };
   const childrenMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     data.forEach((item) => {
@@ -69,7 +73,20 @@ function TreeView({
       }
       return ancestors;
     };
-    return data.map((item) => {
+    const sortedData = [];
+    const visited = /* @__PURE__ */ new Set();
+    const traverseNode = (nodeId, depth = 0) => {
+      const children = childrenMap.get(nodeId) || [];
+      children.forEach((child) => {
+        if (!visited.has(child.id)) {
+          visited.add(child.id);
+          sortedData.push(child);
+          traverseNode(child.id, depth + 1);
+        }
+      });
+    };
+    traverseNode(null);
+    return sortedData.map((item) => {
       const siblings = childrenMap.get(item.parentId) || [];
       const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
       const ancestors = getAncestors(item);
@@ -139,8 +156,8 @@ function TreeView({
       (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-uk-xs bg-yellow-300 dark:bg-yellow-700", children: part }, i) : part
     ) });
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("border-line-secondary/20 flex flex-col", className), children: [
-    isSearchable && /* @__PURE__ */ jsxs("div", { className: "border-line-secondary/20 flex h-[32px] shrink-0 items-center gap-1 border-b px-2", children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("border-line-primary flex flex-col", className), children: [
+    isSearchable && /* @__PURE__ */ jsxs("div", { className: "border-line-primary flex h-[32px] shrink-0 items-center gap-1 border-b px-2", children: [
       /* @__PURE__ */ jsx(Search, { className: "text-text-secondary size-4" }),
       /* @__PURE__ */ jsx(
         "input",
@@ -203,7 +220,7 @@ function TreeView({
                   className: cn(
                     "h-full w-[1.25rem]",
                     parentIsLast ? "" : "border-l",
-                    "border-line-secondary/20"
+                    "border-line-primary"
                   )
                 },
                 index
@@ -216,11 +233,11 @@ function TreeView({
                   className: cn(
                     "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
                     item.isLast ? "rounded-bl-md" : "",
-                    "border-line-secondary/20"
+                    "border-line-primary"
                   )
                 }
               ),
-              !item.isLast && /* @__PURE__ */ jsx("div", { className: "border-line-secondary/20 absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+              !item.isLast && /* @__PURE__ */ jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs(
@@ -230,7 +247,28 @@ function TreeView({
               style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                  alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          toggleItem(item.id);
+                        },
+                        className: "flex size-4 cursor-pointer items-center justify-center",
+                        children: /* @__PURE__ */ jsx(
+                          ChevronDown,
+                          {
+                            className: cn(
+                              "size-4 transition-transform -rotate-90",
+                              item.disable && "text-icon-tertiary"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: cn("flex size-4 items-center justify-center", item.disable && "text-icon-tertiary"), children: getIcon(item) })
+                  ] }) : /* @__PURE__ */ jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
                     item.isCollapsible && /* @__PURE__ */ jsx(
                       "button",
                       {

package/dist/{chunk-CJW3KZ6E.cjs → chunk-KC7D4OEU.cjs}

@@ -87,11 +87,10 @@ var toggleGroupVariants = classVarianceAuthority.cva(
           "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]"
         ],
         ghost: [
-          "bg-bg-primary",
-          "hover:bg-group-hover",
-          "text-text-secondary",
-          "data-[state=on]:text-text-withbg",
-          "data-[state=on]:bg-group-primary",
+          "hover:bg-tertiary",
+          "text-icon-secondary",
+          "data-[state=on]:text-icon-highlight",
+          "data-[state=on]:bg-bg-secondary",
           "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]",
           "data-[state=on]:first:shadow-[inset_-0.5px_0_0_var(--muted)]",
           "data-[state=on]:last:shadow-[inset_0.5px_0_0_var(--muted)]"

package/dist/{chunk-QESAYFKT.cjs → chunk-LH5AV54U.cjs}

@@ -12,30 +12,32 @@ var DockLayout = react.forwardRef(
       {
         ref,
         ...props,
-        className: chunkDWD754BX_cjs.cn(
-          "relative h-full w-full flex flex-col overflow-hidden",
-          className
-        )
+        className: chunkDWD754BX_cjs.cn("relative flex h-full w-full flex-col overflow-hidden", className)
       }
     );
   }
 );
 DockLayout.displayName = "DockLayout";
 function DockLayoutContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkDWD754BX_cjs.cn("flex-1 flex flex-col items-center justify-center overflow-auto relative", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...props,
+      className: chunkDWD754BX_cjs.cn(
+        "relative flex flex-1 flex-col items-center justify-center overflow-auto",
+        className
+      )
+    }
+  );
 }
-function DockLayoutLeft({
-  className,
-  asChild,
-  ...props
-}) {
+function DockLayoutLeft({ className, asChild, ...props }) {
   const Comp = asChild ? reactSlot.Slot : "div";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
     {
       ...props,
       className: chunkDWD754BX_cjs.cn(
-        "h-full flex flex-col items-start gap-4 bg-bg-primary flex-shrink-0",
+        "bg-bg-primary flex h-full flex-shrink-0 flex-col items-start gap-4",
         className
       )
     }
@@ -47,26 +49,19 @@ function DockLayoutTop({ className, ...props }) {
     {
       ...props,
       className: chunkDWD754BX_cjs.cn(
-        "absolute top-4 left-1/2 transform -translate-x-1/2 z-20 flex items-start justify-center",
+        "absolute top-4 left-1/2 z-20 flex -translate-x-1/2 transform items-start justify-center",
         className
       )
     }
   );
 }
-function DockLayoutRight({
-  className,
-  asChild,
-  ...props
-}) {
+function DockLayoutRight({ className, asChild, ...props }) {
   const Comp = asChild ? reactSlot.Slot : "div";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
     {
       ...props,
-      className: chunkDWD754BX_cjs.cn(
-        "h-full flex flex-col items-end gap-4 bg-bg-primary flex-shrink-0",
-        className
-      )
+      className: chunkDWD754BX_cjs.cn("bg-bg-primary flex h-full flex-shrink-0 flex-col items-end gap-4", className)
     }
   );
 }
@@ -78,10 +73,7 @@ var DockLayoutBottom = react.forwardRef(
       {
         ref,
         ...props,
-        className: chunkDWD754BX_cjs.cn(
-          "inline-flex justify-center bg-bg-primary flex-shrink-0 w-full",
-          className
-        )
+        className: chunkDWD754BX_cjs.cn("bg-bg-primary inline-flex w-full flex-shrink-0 justify-center", className)
       }
     );
   }

package/dist/{chunk-BN7JFMO6.cjs → chunk-LUAVB7SY.cjs}

@@ -3,15 +3,15 @@
 var chunkJT64WF26_cjs = require('./chunk-JT64WF26.cjs');
 var chunkMKKH4EGP_cjs = require('./chunk-MKKH4EGP.cjs');
 var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
-var chunkLZPXMTJ7_cjs = require('./chunk-LZPXMTJ7.cjs');
 var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
+var chunkQFMQNY4G_cjs = require('./chunk-QFMQNY4G.cjs');
 var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var LiquidToggleButton = ({ className, ...props }) => {
   const { theme, setTheme, storageKey } = chunkJT64WF26_cjs.useTheme();
-  const document = chunkLZPXMTJ7_cjs.useDocument();
+  const document = chunkQFMQNY4G_cjs.useDocument();
   const handleLiquidToggle = () => {
     let newTheme;
     if (theme === "light") {
@@ -54,7 +54,7 @@ var LiquidToggleButton = ({ className, ...props }) => {
 };
 var ThemeToggleButton = (props) => {
   const { theme, setTheme, storageKey } = chunkJT64WF26_cjs.useTheme();
-  const document = chunkLZPXMTJ7_cjs.useDocument();
+  const document = chunkQFMQNY4G_cjs.useDocument();
   const handleThemeChange = () => {
     let newTheme;
     if (theme === "light") {

package/dist/chunk-MTB2EWG2.mjs

@@ -0,0 +1,26 @@
+import { useLocation } from './chunk-IZARTVYN.mjs';
+import { useWindow } from './chunk-RHX3D3GE.mjs';
+import { atom, useAtom } from 'jotai';
+import { useEffect } from 'react';
+
+var queryParamsAtom = atom({});
+function useQueryParams(key) {
+  const [queryParams, setQueryParams] = useAtom(queryParamsAtom);
+  const window = useWindow();
+  const location = useLocation();
+  useEffect(() => {
+    if (!window) return;
+    const updateParams = () => {
+      const queries = new URLSearchParams(location?.search);
+      const params = Object.fromEntries(queries);
+      setQueryParams(params);
+    };
+    updateParams();
+    window.addEventListener("popstate", updateParams);
+    return () => window.removeEventListener("popstate", updateParams);
+  }, [window, location, setQueryParams]);
+  if (!window) return key ? null : {};
+  return key ? queryParams[key] || null : queryParams;
+}
+
+export { useQueryParams };

package/dist/chunk-NJEIDGQY.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useWindow.tsx
+function subscribe(callback) {
+  return () => {
+  };
+}
+function getSnapshot() {
+  return typeof window !== "undefined" ? window : void 0;
+}
+function getServerSnapshot() {
+  return void 0;
+}
+function useWindow() {
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+exports.useWindow = useWindow;