@luxfi/ui 7.3.0 → 7.3.1

package/dist/tabs.d.cts

@@ -0,0 +1,78 @@
+import * as RadixTabs from '@radix-ui/react-tabs';
+import * as React from 'react';
+
+type TabsVariant = 'solid' | 'secondary' | 'segmented' | 'unstyled';
+type TabsSize = 'sm' | 'md' | 'free';
+interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Root>, 'onValueChange'> {
+    /** Visual variant. Default: "solid". */
+    variant?: TabsVariant;
+    /** Size preset. Default: "md". */
+    size?: TabsSize;
+    /** Stretch triggers to fill the list width. */
+    fitted?: boolean;
+    /**
+     * @deprecated Chakra-compat. Radix mounts lazily by default (content only
+     * renders when active). Kept so call-sites don't break at compile time.
+     */
+    lazyMount?: boolean;
+    /**
+     * @deprecated Chakra-compat. Radix unmounts inactive content by default.
+     * Kept so call-sites don't break at compile time.
+     */
+    unmountOnExit?: boolean;
+    /**
+     * Chakra-compatible value-change handler.
+     * Accepts both `(details: { value: string }) => void` (Chakra convention)
+     * and `(value: string) => void` (Radix convention).
+     */
+    onValueChange?: ((details: {
+        value: string;
+    }) => void) | ((value: string) => void);
+}
+declare const TabsRoot: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+    loop?: boolean;
+    flexWrap?: string;
+    alignItems?: string;
+    whiteSpace?: string;
+    bgColor?: string;
+    marginBottom?: number | string;
+    mx?: string | Record<string, string>;
+    px?: string | Record<string, string>;
+    w?: string | Record<string, string>;
+    overflowX?: string | Record<string, string>;
+    overscrollBehaviorX?: string;
+    css?: Record<string, unknown>;
+    position?: string;
+    boxShadow?: string | Record<string, string>;
+    top?: number | string;
+    zIndex?: string | Record<string, string>;
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>, 'dir'> {
+    scrollSnapAlign?: string;
+    flexShrink?: number;
+    bgColor?: string | Record<string, string>;
+    w?: string;
+    py?: string;
+    borderRadius?: string;
+    fontWeight?: string;
+    color?: string;
+    _hover?: Record<string, string>;
+    position?: string;
+    top?: string;
+    left?: string;
+    visibility?: string;
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof RadixTabs.Content> {
+    padding?: number | string;
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsCounterProps {
+    count?: number | null;
+}
+declare const TabsCounter: ({ count }: TabsCounterProps) => React.ReactElement | null;
+
+export { TabsContent, type TabsContentProps, TabsCounter, type TabsCounterProps, TabsList, type TabsListProps, type TabsProps, TabsRoot, TabsTrigger, type TabsTriggerProps };

package/dist/tabs.d.ts

@@ -0,0 +1,78 @@
+import * as RadixTabs from '@radix-ui/react-tabs';
+import * as React from 'react';
+
+type TabsVariant = 'solid' | 'secondary' | 'segmented' | 'unstyled';
+type TabsSize = 'sm' | 'md' | 'free';
+interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Root>, 'onValueChange'> {
+    /** Visual variant. Default: "solid". */
+    variant?: TabsVariant;
+    /** Size preset. Default: "md". */
+    size?: TabsSize;
+    /** Stretch triggers to fill the list width. */
+    fitted?: boolean;
+    /**
+     * @deprecated Chakra-compat. Radix mounts lazily by default (content only
+     * renders when active). Kept so call-sites don't break at compile time.
+     */
+    lazyMount?: boolean;
+    /**
+     * @deprecated Chakra-compat. Radix unmounts inactive content by default.
+     * Kept so call-sites don't break at compile time.
+     */
+    unmountOnExit?: boolean;
+    /**
+     * Chakra-compatible value-change handler.
+     * Accepts both `(details: { value: string }) => void` (Chakra convention)
+     * and `(value: string) => void` (Radix convention).
+     */
+    onValueChange?: ((details: {
+        value: string;
+    }) => void) | ((value: string) => void);
+}
+declare const TabsRoot: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+    loop?: boolean;
+    flexWrap?: string;
+    alignItems?: string;
+    whiteSpace?: string;
+    bgColor?: string;
+    marginBottom?: number | string;
+    mx?: string | Record<string, string>;
+    px?: string | Record<string, string>;
+    w?: string | Record<string, string>;
+    overflowX?: string | Record<string, string>;
+    overscrollBehaviorX?: string;
+    css?: Record<string, unknown>;
+    position?: string;
+    boxShadow?: string | Record<string, string>;
+    top?: number | string;
+    zIndex?: string | Record<string, string>;
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>, 'dir'> {
+    scrollSnapAlign?: string;
+    flexShrink?: number;
+    bgColor?: string | Record<string, string>;
+    w?: string;
+    py?: string;
+    borderRadius?: string;
+    fontWeight?: string;
+    color?: string;
+    _hover?: Record<string, string>;
+    position?: string;
+    top?: string;
+    left?: string;
+    visibility?: string;
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof RadixTabs.Content> {
+    padding?: number | string;
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsCounterProps {
+    count?: number | null;
+}
+declare const TabsCounter: ({ count }: TabsCounterProps) => React.ReactElement | null;
+
+export { TabsContent, type TabsContentProps, TabsCounter, type TabsCounterProps, TabsList, type TabsListProps, type TabsProps, TabsRoot, TabsTrigger, type TabsTriggerProps };

package/dist/tag.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+type TagVariant = 'subtle' | 'clickable' | 'filter' | 'select';
+type TagSize = 'sm' | 'md' | 'lg';
+interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
+    readonly variant?: TagVariant;
+    readonly size?: TagSize;
+    readonly startElement?: React.ReactNode;
+    readonly endElement?: React.ReactNode;
+    readonly endElementProps?: React.HTMLAttributes<HTMLSpanElement>;
+    readonly label?: string;
+    readonly onClose?: VoidFunction;
+    readonly closable?: boolean;
+    readonly truncated?: boolean;
+    readonly loading?: boolean;
+    readonly selected?: boolean;
+    readonly disabled?: boolean;
+}
+declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Tag, type TagProps };

package/dist/tag.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+type TagVariant = 'subtle' | 'clickable' | 'filter' | 'select';
+type TagSize = 'sm' | 'md' | 'lg';
+interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
+    readonly variant?: TagVariant;
+    readonly size?: TagSize;
+    readonly startElement?: React.ReactNode;
+    readonly endElement?: React.ReactNode;
+    readonly endElementProps?: React.HTMLAttributes<HTMLSpanElement>;
+    readonly label?: string;
+    readonly onClose?: VoidFunction;
+    readonly closable?: boolean;
+    readonly truncated?: boolean;
+    readonly loading?: boolean;
+    readonly selected?: boolean;
+    readonly disabled?: boolean;
+}
+declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Tag, type TagProps };

package/dist/textarea.d.cts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type TextareaSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
+type TextareaVariant = 'outline' | 'filled' | 'unstyled';
+interface TextareaProps extends Omit<React__default.ComponentPropsWithRef<'textarea'>, 'size'> {
+    readonly size?: TextareaSize;
+    readonly variant?: TextareaVariant;
+}
+declare const Textarea: React__default.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/textarea.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type TextareaSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
+type TextareaVariant = 'outline' | 'filled' | 'unstyled';
+interface TextareaProps extends Omit<React__default.ComponentPropsWithRef<'textarea'>, 'size'> {
+    readonly size?: TextareaSize;
+    readonly variant?: TextareaVariant;
+}
+declare const Textarea: React__default.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/toaster.d.cts

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+interface ToastOptions {
+    readonly id?: string | number;
+    readonly title?: string;
+    readonly description?: string;
+    readonly type?: 'info' | 'warning' | 'success' | 'error' | 'loading';
+    readonly duration?: number;
+    readonly action?: {
+        readonly label: string;
+        readonly onClick: () => void;
+    };
+    readonly onStatusChange?: (details: {
+        readonly status: string;
+    }) => void;
+}
+declare function create(opts: ToastOptions): string | number;
+declare function update(id: string | number, opts: ToastOptions): void;
+declare const toaster: {
+    readonly create: typeof create;
+    readonly success: (opts: ToastOptions) => string | number;
+    readonly error: (opts: ToastOptions) => string | number;
+    readonly loading: (opts: ToastOptions) => string | number;
+    readonly update: typeof update;
+    readonly remove: (id: string | number) => string | number;
+};
+declare const Toaster: React__default.FC;
+
+export { Toaster, toaster };

package/dist/toaster.d.ts

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+interface ToastOptions {
+    readonly id?: string | number;
+    readonly title?: string;
+    readonly description?: string;
+    readonly type?: 'info' | 'warning' | 'success' | 'error' | 'loading';
+    readonly duration?: number;
+    readonly action?: {
+        readonly label: string;
+        readonly onClick: () => void;
+    };
+    readonly onStatusChange?: (details: {
+        readonly status: string;
+    }) => void;
+}
+declare function create(opts: ToastOptions): string | number;
+declare function update(id: string | number, opts: ToastOptions): void;
+declare const toaster: {
+    readonly create: typeof create;
+    readonly success: (opts: ToastOptions) => string | number;
+    readonly error: (opts: ToastOptions) => string | number;
+    readonly loading: (opts: ToastOptions) => string | number;
+    readonly update: typeof update;
+    readonly remove: (id: string | number) => string | number;
+};
+declare const Toaster: React__default.FC;
+
+export { Toaster, toaster };

package/dist/tooltip.d.cts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    selected?: boolean;
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content: React.ReactNode;
+    contentProps?: React.HTMLAttributes<HTMLDivElement>;
+    triggerProps?: React.HTMLAttributes<HTMLButtonElement>;
+    disabled?: boolean;
+    disableOnMobile?: boolean;
+    children?: React.ReactNode;
+    variant?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    closeDelay?: number;
+    openDelay?: number;
+    interactive?: boolean;
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    positioning?: {
+        placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+        overflowPadding?: number;
+        offset?: {
+            mainAxis?: number;
+            crossAxis?: number;
+        };
+    };
+    closeOnClick?: boolean;
+    closeOnPointerDown?: boolean;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, type TooltipProps };

package/dist/tooltip.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    selected?: boolean;
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content: React.ReactNode;
+    contentProps?: React.HTMLAttributes<HTMLDivElement>;
+    triggerProps?: React.HTMLAttributes<HTMLButtonElement>;
+    disabled?: boolean;
+    disableOnMobile?: boolean;
+    children?: React.ReactNode;
+    variant?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    closeDelay?: number;
+    openDelay?: number;
+    interactive?: boolean;
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    positioning?: {
+        placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+        overflowPadding?: number;
+        offset?: {
+            mainAxis?: number;
+            crossAxis?: number;
+        };
+    };
+    closeOnClick?: boolean;
+    closeOnPointerDown?: boolean;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, type TooltipProps };

package/dist/utils.d.cts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "7.3.0",
+  "version": "7.3.1",
   "description": "Radix + Tailwind UI primitives for Lux apps. Drop-in replacements for Chakra compound components.",
   "type": "module",
   "license": "MIT",

package/src/index.ts

@@ -190,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

@@ -4,14 +4,14 @@ import { createGui } from '@hanzogui/core';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery, useMutation, useInfiniteQuery } from '@tanstack/react-query';
 import React from 'react';
 
-// Initialize @hanzogui once at module load
+// 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;
 }
-ensureGui();
 
 const defaultQueryClient = new QueryClient({
   defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 30_000 } },
@@ -23,6 +23,7 @@ interface AppProviderProps {
 }
 
 export const AppProvider = ({ children, queryClient }: AppProviderProps) => {
+  React.useEffect(() => { ensureGui(); }, []);
   return (
     <QueryClientProvider client={ queryClient ?? defaultQueryClient }>
       { children }