@luxfi/ui 7.2.0 → 7.3.1

package/dist/provider.cjs

@@ -1,62 +1,50 @@
 "use client";
 'use strict';
 
+var core = require('@hanzogui/core');
+var reactQuery = require('@tanstack/react-query');
 var React = require('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);
-}
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
-var ColorModeContext = React__namespace.createContext(void 0);
-function ColorModeProvider(props) {
-  const { children, defaultTheme = "light", value: controlledValue, onValueChange } = props;
-  const [internalMode, setInternalMode] = React__namespace.useState(() => {
-    if (controlledValue === "dark" || controlledValue === "light") {
-      return controlledValue;
-    }
-    if (typeof document !== "undefined") {
-      if (document.documentElement.classList.contains("dark")) return "dark";
-    }
-    return defaultTheme === "dark" ? "dark" : "light";
-  });
-  const colorMode = controlledValue === "dark" || controlledValue === "light" ? controlledValue : internalMode;
-  const setColorMode = React__namespace.useCallback((mode) => {
-    const resolved = mode === "dark" ? "dark" : "light";
-    setInternalMode(resolved);
-    onValueChange?.(resolved);
-    if (typeof document !== "undefined") {
-      document.documentElement.classList.toggle("dark", resolved === "dark");
-      document.documentElement.classList.toggle("light", resolved === "light");
-    }
-  }, [onValueChange]);
-  const toggleColorMode = React__namespace.useCallback(() => {
-    setColorMode(colorMode === "dark" ? "light" : "dark");
-  }, [colorMode, setColorMode]);
-  const ctx = React__namespace.useMemo(
-    () => ({ colorMode, setColorMode, toggleColorMode }),
-    [colorMode, setColorMode, toggleColorMode]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ColorModeContext.Provider, { value: ctx, children });
-}
-function Provider(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ColorModeProvider, { ...props });
+var _guiInitialized = false;
+function ensureGui() {
+  if (_guiInitialized) return;
+  if (typeof window === "undefined") return;
+  core.createGui({ settings: { autocompleteSpecificTokens: "except-special" } });
+  _guiInitialized = true;
 }
+var defaultQueryClient = new reactQuery.QueryClient({
+  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
+});
+var AppProvider = ({ children, queryClient }) => {
+  React__default.default.useEffect(() => {
+    ensureGui();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children });
+};
 
-exports.Provider = Provider;
+Object.defineProperty(exports, "QueryClient", {
+  enumerable: true,
+  get: function () { return reactQuery.QueryClient; }
+});
+Object.defineProperty(exports, "useInfiniteQuery", {
+  enumerable: true,
+  get: function () { return reactQuery.useInfiniteQuery; }
+});
+Object.defineProperty(exports, "useMutation", {
+  enumerable: true,
+  get: function () { return reactQuery.useMutation; }
+});
+Object.defineProperty(exports, "useQuery", {
+  enumerable: true,
+  get: function () { return reactQuery.useQuery; }
+});
+Object.defineProperty(exports, "useQueryClient", {
+  enumerable: true,
+  get: function () { return reactQuery.useQueryClient; }
+});
+exports.AppProvider = AppProvider;

package/dist/provider.d.cts

@@ -1,7 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColorModeProviderProps } from './color-mode.cjs';
-import 'react';
+import { QueryClient } from '@tanstack/react-query';
+export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import React__default from 'react';
 
-declare function Provider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
+interface AppProviderProps {
+    children: React__default.ReactNode;
+    queryClient?: QueryClient;
+}
+declare const AppProvider: ({ children, queryClient }: AppProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { Provider };
+export { AppProvider };

package/dist/provider.d.ts

@@ -1,7 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColorModeProviderProps } from './color-mode.js';
-import 'react';
+import { QueryClient } from '@tanstack/react-query';
+export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import React__default from 'react';
 
-declare function Provider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
+interface AppProviderProps {
+    children: React__default.ReactNode;
+    queryClient?: QueryClient;
+}
+declare const AppProvider: ({ children, queryClient }: AppProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { Provider };
+export { AppProvider };

package/dist/provider.js

@@ -1,40 +1,25 @@
 "use client";
-import * as React from 'react';
+import { createGui } from '@hanzogui/core';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var ColorModeContext = React.createContext(void 0);
-function ColorModeProvider(props) {
-  const { children, defaultTheme = "light", value: controlledValue, onValueChange } = props;
-  const [internalMode, setInternalMode] = React.useState(() => {
-    if (controlledValue === "dark" || controlledValue === "light") {
-      return controlledValue;
-    }
-    if (typeof document !== "undefined") {
-      if (document.documentElement.classList.contains("dark")) return "dark";
-    }
-    return defaultTheme === "dark" ? "dark" : "light";
-  });
-  const colorMode = controlledValue === "dark" || controlledValue === "light" ? controlledValue : internalMode;
-  const setColorMode = React.useCallback((mode) => {
-    const resolved = mode === "dark" ? "dark" : "light";
-    setInternalMode(resolved);
-    onValueChange?.(resolved);
-    if (typeof document !== "undefined") {
-      document.documentElement.classList.toggle("dark", resolved === "dark");
-      document.documentElement.classList.toggle("light", resolved === "light");
-    }
-  }, [onValueChange]);
-  const toggleColorMode = React.useCallback(() => {
-    setColorMode(colorMode === "dark" ? "light" : "dark");
-  }, [colorMode, setColorMode]);
-  const ctx = React.useMemo(
-    () => ({ colorMode, setColorMode, toggleColorMode }),
-    [colorMode, setColorMode, toggleColorMode]
-  );
-  return /* @__PURE__ */ jsx(ColorModeContext.Provider, { value: ctx, children });
-}
-function Provider(props) {
-  return /* @__PURE__ */ jsx(ColorModeProvider, { ...props });
+var _guiInitialized = false;
+function ensureGui() {
+  if (_guiInitialized) return;
+  if (typeof window === "undefined") return;
+  createGui({ settings: { autocompleteSpecificTokens: "except-special" } });
+  _guiInitialized = true;
 }
+var defaultQueryClient = new QueryClient({
+  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
+});
+var AppProvider = ({ children, queryClient }) => {
+  React.useEffect(() => {
+    ensureGui();
+  }, []);
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient ?? defaultQueryClient, children });
+};
 
-export { Provider };
+export { AppProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "7.2.0",
+  "version": "7.3.1",
   "description": "Radix + Tailwind UI primitives for Lux apps. Drop-in replacements for Chakra compound components.",
   "type": "module",
   "license": "MIT",
@@ -222,9 +222,8 @@
       "require": "./dist/tooltip.cjs"
     },
     "./provider": {
-      "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.js",
-      "require": "./dist/provider.cjs"
+      "import": "./src/provider.tsx",
+      "types": "./src/provider.tsx"
     },
     "./utils": {
       "types": "./dist/utils.d.ts",
@@ -277,11 +276,12 @@
     "es-toolkit": "^1.31.0",
     "react-icons": "^5.4.0",
     "sonner": "^2.0.0",
-    "tailwind-merge": "^3.0.0"
+    "tailwind-merge": "^3.0.0",
+    "@tanstack/react-query": "^5.76.0"
   },
   "peerDependencies": {
     "@hanzogui/core": "^3.0.6",
-    "react": "^18.0.0 || ^19.0.0",
+    "react": ">=18",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {

package/src/index.ts

@@ -1,3 +1,4 @@
+export { AppProvider } from './provider';
 export { cn } from './utils';
 
 export {
@@ -189,8 +190,6 @@ export { Toaster, toaster } from './toaster';
 export { Tooltip } from './tooltip';
 export type { TooltipProps } from './tooltip';
 
-export { Provider } from './provider';
-
 export {
   OptionChain,
 } from './option-chain';

package/src/provider.tsx

@@ -1,12 +1,35 @@
 'use client';
 
+import { createGui } from '@hanzogui/core';
+import { QueryClient, QueryClientProvider, useQueryClient, useQuery, useMutation, useInfiniteQuery } from '@tanstack/react-query';
 import React from 'react';
 
-import {
-  ColorModeProvider,
-  type ColorModeProviderProps,
-} from './color-mode';
+// Initialize @hanzogui once — lazy, not at module load (would crash Node/SSR).
+let _guiInitialized = false;
+function ensureGui() {
+  if (_guiInitialized) return;
+  if (typeof window === 'undefined') return;
+  createGui({ settings: { autocompleteSpecificTokens: 'except-special' } });
+  _guiInitialized = true;
+}
+
+const defaultQueryClient = new QueryClient({
+  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 30_000 } },
+});
 
-export function Provider(props: ColorModeProviderProps) {
-  return <ColorModeProvider { ...props }/>;
+interface AppProviderProps {
+  children: React.ReactNode;
+  queryClient?: QueryClient;
 }
+
+export const AppProvider = ({ children, queryClient }: AppProviderProps) => {
+  React.useEffect(() => { ensureGui(); }, []);
+  return (
+    <QueryClientProvider client={ queryClient ?? defaultQueryClient }>
+      { children }
+    </QueryClientProvider>
+  );
+};
+
+// Re-export tanstack hooks so consumers never import @tanstack/react-query directly
+export { QueryClient, useQueryClient, useQuery, useMutation, useInfiniteQuery };