@vuer-ai/vuer-uikit 0.0.118 → 0.0.120

package/src/hooks/clientOnly.tsx

@@ -1,15 +1,28 @@
 import React from "react";
 
 /**
- * Executes a function only on the client side (when window is defined)
- * @param fn - Function to execute on client side
- * @returns Result of the function or undefined if on server side
+ * Component that only renders its children on the client side
+ * @param children - React children to render client-side
+ * @param fallback - Optional fallback to render during SSR
  */
-export function clientOnly<T>(fn: () => T): T | undefined {
-  if (typeof window !== "undefined") {
-    return fn();
+export function ClientOnly({
+  children,
+  fallback = null,
+}: {
+  children: React.ReactNode;
+  fallback?: React.ReactNode;
+}) {
+  const [hasMounted, setHasMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    setHasMounted(true);
+  }, []);
+
+  if (!hasMounted) {
+    return <>{fallback}</>;
   }
-  return undefined;
+
+  return <>{children}</>;
 }
 
 /**
@@ -36,19 +49,3 @@ export function createClientOnlyComponent<P extends object = Record<string, unkn
     return React.createElement(Component, props);
   } as React.ComponentType<P>;
 }
-
-/**
- * Checks if code is running on the client side
- * @returns true if running on client, false if on server
- */
-export function isClient(): boolean {
-  return typeof window !== "undefined";
-}
-
-/**
- * Checks if code is running on the server side
- * @returns true if running on server, false if on client
- */
-export function isServer(): boolean {
-  return typeof window === "undefined";
-}

package/src/ui/theme/ThemeToggles.tsx

@@ -5,7 +5,6 @@ import React, { type ComponentProps } from "react";
 import { Button } from "../button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
 import { useTheme } from "./ThemeProvider";
-import { cn } from "../../hooks";
 
 type LiquidToggleProps = Omit<ComponentProps<typeof Button>, "onClick" | "children">;
 
@@ -27,7 +26,7 @@ export const LiquidToggle: React.FC<LiquidToggleProps> = ({ className, ...props
           {isLiquid ? <PanelsTopLeft size={20} /> : <LayoutTemplate size={20} />}
         </Button>
       </TooltipTrigger>
-      <TooltipContent>{isLiquid ? "Dock Menu Panels" : "Floating Menu Panels"}</TooltipContent>
+      <TooltipContent>{isLiquid ? "Dock Layout" : "Liquid Layout"}</TooltipContent>
     </Tooltip>
   );
 };
@@ -63,22 +62,3 @@ export const ThemeColorToggle: React.FC<ThemeColorToggleProps> = (props) => {
     </Button>
   );
 };
-
-type ThemeTogglesProps = {
-  className?: string;
-  liquidToggleProps?: Omit<LiquidToggleProps, "className">;
-  colorToggleProps?: Omit<ThemeColorToggleProps, "className">;
-};
-
-export const ThemeToggles: React.FC<ThemeTogglesProps> = ({
-  className,
-  liquidToggleProps = {},
-  colorToggleProps = {},
-}) => {
-  return (
-    <div className={cn("flex", className)}>
-      <LiquidToggle {...liquidToggleProps} />
-      <ThemeColorToggle {...colorToggleProps} />
-    </div>
-  );
-};

package/src/ui/theme/index.ts

@@ -1,5 +1,5 @@
 export { useTheme, ThemeProvider, defaultThemes, computeTheme } from "./ThemeProvider";
-export { LiquidToggle, ThemeColorToggle, ThemeToggles } from "./ThemeToggles";
+export { LiquidToggle, ThemeColorToggle } from "./ThemeToggles";
 export { ThemeScript } from "./themeScript";
 
 export type {

package/dist/chunk-4F2GSF2T.mjs

@@ -1,29 +0,0 @@
-import React from 'react';
-
-// src/hooks/clientOnly.tsx
-function clientOnly(fn) {
-  if (typeof window !== "undefined") {
-    return fn();
-  }
-  return void 0;
-}
-function createClientOnlyComponent(Component, fallback) {
-  return function ClientOnlyWrapper(props) {
-    const [isClient2, setIsClient] = React.useState(false);
-    React.useEffect(() => {
-      setIsClient(true);
-    }, []);
-    if (!isClient2) {
-      return fallback ? React.createElement(fallback, props) : null;
-    }
-    return React.createElement(Component, props);
-  };
-}
-function isClient() {
-  return typeof window !== "undefined";
-}
-function isServer() {
-  return typeof window === "undefined";
-}
-
-export { clientOnly, createClientOnlyComponent, isClient, isServer };

package/dist/{chunk-X7UZZ43J.mjs → chunk-2DXJJLJL.mjs}

@@ -1,5 +1,5 @@
-import { getSession } from './chunk-SO2UTKSV.mjs';
 import { UserContext } from './chunk-FROQ45MN.mjs';
+import { getSession } from './chunk-SO2UTKSV.mjs';
 import { bearerToken } from './chunk-UT7B4TLZ.mjs';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-2ZK7JUAH.mjs → chunk-5OHAV55L.mjs}

@@ -1,5 +1,5 @@
-import { getSessions } from './chunk-Z7BZFZEV.mjs';
 import { useUser } from './chunk-VSFPXAGN.mjs';
+import { getSessions } from './chunk-Z7BZFZEV.mjs';
 import { useState, useEffect, useMemo } from 'react';
 
 var useVuerSessions = () => {

package/dist/{chunk-GRQJN4D4.cjs → chunk-OOHCJIRV.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkQ76WU4DL_cjs = require('./chunk-Q76WU4DL.cjs');
 var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
+var chunkQ76WU4DL_cjs = require('./chunk-Q76WU4DL.cjs');
 var react = require('react');
 
 var useVuerSessions = () => {

package/dist/{chunk-GM4S7ID3.cjs → chunk-VSIOXWSI.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkMRMSCW3P_cjs = require('./chunk-MRMSCW3P.cjs');
 var chunk3WMO5QJJ_cjs = require('./chunk-3WMO5QJJ.cjs');
+var chunkMRMSCW3P_cjs = require('./chunk-MRMSCW3P.cjs');
 var chunkF4Z5KATZ_cjs = require('./chunk-F4Z5KATZ.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');