@luxfi/ui 7.4.15 → 8.0.0

package/dist/skeleton.d.cts

@@ -1,76 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
-    readonly loading: boolean | undefined;
-    /** When true, the Skeleton wraps its single child element instead of adding a wrapper div. */
-    readonly asChild?: boolean;
-    readonly w?: any;
-    readonly h?: any;
-    readonly minW?: any;
-    readonly maxW?: any;
-    readonly display?: string;
-    readonly flexGrow?: number;
-    readonly flexShrink?: number;
-    readonly flexBasis?: string;
-    readonly fontWeight?: number | string;
-    readonly textStyle?: string;
-    readonly borderRadius?: string;
-    readonly alignSelf?: string;
-    readonly alignItems?: string;
-    readonly justifyContent?: string;
-    readonly color?: string;
-    readonly mt?: number | string;
-    readonly mb?: number | string;
-    readonly ml?: number | string;
-    readonly mr?: number | string;
-    readonly height?: string;
-    readonly overflow?: string;
-    readonly whiteSpace?: string;
-    readonly textOverflow?: string;
-    readonly textTransform?: string;
-    readonly gap?: number | string;
-    readonly gridTemplateColumns?: string;
-    readonly minWidth?: string;
-    readonly boxSize?: number | string;
-    readonly py?: number | string;
-    readonly px?: number | string;
-    readonly p?: number | string;
-    readonly hideBelow?: string;
-    readonly as?: React.ElementType;
-    readonly fontSize?: string;
-    readonly flexWrap?: React.CSSProperties['flexWrap'];
-    readonly wordBreak?: React.CSSProperties['wordBreak'];
-    readonly lineHeight?: string;
-    readonly marginRight?: string;
-    readonly position?: React.CSSProperties['position'];
-    readonly background?: string;
-}
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
-interface SkeletonCircleProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly size?: string | number;
-    readonly loading?: boolean;
-}
-declare const SkeletonCircle: React.ForwardRefExoticComponent<SkeletonCircleProps & React.RefAttributes<HTMLDivElement>>;
-interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly noOfLines?: number;
-    readonly loading?: boolean;
-}
-declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * The page-level "work is in flight" signal — one animated element, however
- * many skeletons are on screen. Mount it while any request is outstanding.
- *
- * It is `position: fixed` and 2px tall, so it is out of flow: it cannot shift
- * layout (CLS 0) and it cannot tint content. Under prefers-reduced-motion the
- * sweep stops and the track stays lit, so the state is still legible.
- *
- * This is what replaces a bare spinner. A spinner says "something is
- * happening somewhere"; a skeleton plus this bar says "here is the shape of
- * what is coming, and it is still coming".
- */
-declare function LoadingBar({ loading }: {
-    readonly loading?: boolean;
-}): react_jsx_runtime.JSX.Element | null;
-
-export { LoadingBar, Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps };

package/dist/slider.d.cts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-
-interface SliderProps {
-    readonly marks?: Array<number | {
-        readonly value: number;
-        readonly label: React.ReactNode;
-    }>;
-    readonly label?: React.ReactNode;
-    readonly showValue?: boolean;
-    readonly value?: Array<number>;
-    readonly defaultValue?: Array<number>;
-    readonly min?: number;
-    readonly max?: number;
-    readonly step?: number;
-    readonly disabled?: boolean;
-    readonly orientation?: 'horizontal' | 'vertical';
-    readonly name?: string;
-    readonly onValueChange?: (value: Array<number>) => void;
-    readonly onValueCommit?: (value: Array<number>) => void;
-    readonly className?: string;
-}
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
-
-export { Slider, type SliderProps };

package/dist/strategy-builder.d.cts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-
-interface StrategyLeg {
-    action: 'buy' | 'sell';
-    type: 'call' | 'put';
-    strike: number;
-    expiration: string;
-    quantity: number;
-    premium?: number;
-}
-type StrategyType = 'bull_call_spread' | 'bear_put_spread' | 'iron_condor' | 'butterfly' | 'straddle' | 'strangle' | 'collar' | 'custom';
-interface StrategySubmission {
-    type: string;
-    legs: StrategyLeg[];
-    netPremium: number;
-}
-interface StrategyBuilderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
-    readonly underlying: string;
-    readonly expirations: string[];
-    readonly strikes: number[];
-    readonly spotPrice: number;
-    readonly onSubmit?: (strategy: StrategySubmission) => void;
-}
-declare const StrategyBuilder: React.ForwardRefExoticComponent<StrategyBuilderProps & React.RefAttributes<HTMLDivElement>>;
-
-export { StrategyBuilder, type StrategyBuilderProps, type StrategyLeg, type StrategySubmission, type StrategyType };

package/dist/switch.d.cts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-
-interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    labelProps?: React.ComponentPropsWithoutRef<'span'>;
-    rootRef?: React.Ref<HTMLLabelElement>;
-    trackLabel?: {
-        on: React.ReactNode;
-        off: React.ReactNode;
-    };
-    thumbLabel?: {
-        on: React.ReactNode;
-        off: React.ReactNode;
-    };
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onCheckedChange?: (details: {
-        checked: boolean;
-    }) => void;
-    onChange?: React.FormEventHandler<HTMLLabelElement>;
-    disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    direction?: 'ltr' | 'rtl';
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-
-export { Switch, type SwitchProps };

package/dist/table.d.cts

@@ -1,107 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface ChakraStyleProps {
-    width?: React.CSSProperties['width'];
-    w?: React.CSSProperties['width'];
-    minWidth?: React.CSSProperties['minWidth'];
-    minW?: React.CSSProperties['minWidth'];
-    maxWidth?: React.CSSProperties['maxWidth'];
-    maxW?: React.CSSProperties['maxWidth'];
-    height?: React.CSSProperties['height'];
-    h?: React.CSSProperties['height'];
-    textAlign?: React.CSSProperties['textAlign'];
-    verticalAlign?: React.CSSProperties['verticalAlign'];
-    whiteSpace?: React.CSSProperties['whiteSpace'];
-    wordBreak?: React.CSSProperties['wordBreak'];
-    textTransform?: React.CSSProperties['textTransform'];
-    fontSize?: React.CSSProperties['fontSize'];
-    lineHeight?: React.CSSProperties['lineHeight'];
-    animation?: React.CSSProperties['animation'];
-    tableLayout?: React.CSSProperties['tableLayout'];
-    p?: number | string;
-    px?: number | string;
-    py?: number | string;
-    pr?: number | string;
-    pl?: number | string;
-    pt?: number | string;
-    pb?: number | string;
-    m?: number | string;
-    mx?: number | string;
-    my?: number | string;
-    mr?: number | string;
-    ml?: number | string;
-    mt?: number | string;
-    mb?: number | string;
-    position?: React.CSSProperties['position'];
-    top?: number | string;
-    left?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    zIndex?: React.CSSProperties['zIndex'];
-    backgroundColor?: React.CSSProperties['backgroundColor'] | Record<string, string>;
-    boxShadow?: React.CSSProperties['boxShadow'];
-    alignItems?: React.CSSProperties['alignItems'];
-    fontWeight?: React.CSSProperties['fontWeight'];
-    color?: React.CSSProperties['color'] | string;
-    overflow?: React.CSSProperties['overflow'];
-    borderBottomStyle?: React.CSSProperties['borderBottomStyle'];
-    borderRadius?: React.CSSProperties['borderRadius'];
-    display?: React.CSSProperties['display'];
-    _first?: Record<string, unknown>;
-    _last?: Record<string, unknown>;
-}
-interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
-    children?: React.ReactNode;
-    minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
-    minW?: React.CSSProperties['minWidth'] | Record<string, string>;
-}
-declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
-interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
-    children?: React.ReactNode;
-}
-declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
-    children?: React.ReactNode;
-}
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
-    children?: React.ReactNode;
-}
-declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
-    isNumeric?: boolean;
-    children?: React.ReactNode;
-    display?: string;
-    justifyContent?: string;
-}
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
-    isNumeric?: boolean;
-    children?: React.ReactNode;
-}
-declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
-    sortField: F;
-    sortValue: string;
-    onSortToggle: (sortField: F) => void;
-    disabled?: boolean;
-    indicatorPosition?: 'left' | 'right';
-    contentAfter?: React.ReactNode;
-}
-declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
-declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
-interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
-    children?: React.ReactNode;
-}
-declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
-    children?: React.ReactNode;
-}
-declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
-
-export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };

package/dist/tabs.d.cts

@@ -1,34 +0,0 @@
-import { Tabs } from '@hanzo/gui';
-import * as React from 'react';
-
-type TabsVariant = 'solid' | 'secondary' | 'segmented' | 'unstyled';
-type TabsSize = 'sm' | 'md' | 'free';
-interface TabsProps extends Omit<React.ComponentProps<typeof Tabs>, 'onValueChange' | 'size'> {
-    /** Visual variant. Default: "solid". */
-    variant?: TabsVariant;
-    /** Size preset. Default: "md". */
-    size?: TabsSize;
-    /** Stretch triggers to fill the list width. */
-    fitted?: boolean;
-    /** Fires with the newly selected value. */
-    onValueChange?: (details: {
-        value: string;
-    }) => void;
-}
-declare const TabsRoot: ({ variant, size, fitted, onValueChange, ...rest }: TabsProps) => React.ReactElement;
-type TabsListProps = React.ComponentProps<typeof Tabs.List>;
-declare const TabsList: (props: TabsListProps) => React.ReactElement;
-type TabsTriggerProps = React.ComponentProps<typeof Tabs.Tab>;
-declare const TabsTrigger: ({ children, ...props }: TabsTriggerProps) => React.ReactElement;
-type TabsContentProps = React.ComponentProps<typeof Tabs.Content>;
-declare const TabsContent: ({ children, ...props }: TabsContentProps) => React.ReactElement;
-interface TabsCounterProps {
-    count?: number | null;
-}
-/**
- * The count beside a tab label. Zero is deliberately dimmer than a real count —
- * "nothing here" should read quieter than "three things here".
- */
-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

@@ -1,21 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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;
-    /** Tamagui / React-Native convention — bridged to native `onChange` (see Input). */
-    readonly onChangeText?: (text: string) => void;
-}
-declare const Textarea: React__default.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
-
-export { Textarea, type TextareaProps };

package/dist/toaster.d.cts

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

package/dist/tooltip.d.cts

@@ -1,38 +0,0 @@
-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/use-narrow.d.cts

@@ -1,12 +0,0 @@
-/** Below this the UI is a phone: menus become sheets, drawers drag. */
-declare const NARROW_PX = 640;
-/** Below this the pointer is a finger: hover-only affordances are suppressed. */
-declare const TOUCH_PX = 1024;
-/** True while the viewport is narrower than `px`. */
-declare function useBelow(px: number): boolean;
-/** Phone-sized: present menus as sheets. */
-declare const useIsNarrow: () => boolean;
-/** Touch-sized: no hover, so hover-only affordances must not be the only path. */
-declare const useIsTouch: () => boolean;
-
-export { NARROW_PX, TOUCH_PX, useBelow, useIsNarrow, useIsTouch };

package/dist/utils.d.cts

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

package/dist/vite.d.cts

@@ -1,29 +0,0 @@
-interface LuxUiViteOptions {
-    /**
-     * Extra packages to keep to a single physical copy. React, the gui engine and
-     * TanStack Query are always deduped.
-     */
-    readonly dedupe?: ReadonlyArray<string>;
-    /**
-     * Extra packages to pre-bundle. The engine, react-native-web and the CJS-only
-     * colour helper are always included.
-     */
-    readonly include?: ReadonlyArray<string>;
-}
-/** Minimal structural shape of a Vite plugin — avoids a hard `vite` type dep. */
-interface LuxUiVitePlugin {
-    readonly name: string;
-    readonly config: () => {
-        define: Record<string, string>;
-        resolve: {
-            alias: Record<string, string>;
-            dedupe: Array<string>;
-        };
-        optimizeDeps: {
-            include: Array<string>;
-        };
-    };
-}
-declare function luxUi(options?: LuxUiViteOptions): LuxUiVitePlugin;
-
-export { type LuxUiViteOptions, luxUi };

package/dist/white-label.d.cts

@@ -1,59 +0,0 @@
-declare const LUX_BRAND: {
-    readonly lux: "#7000FF";
-    readonly zoo: "#6C5EFB";
-    readonly hanzo: "#EA580C";
-    readonly pars: "#1C3879";
-    readonly bootnode: "#3B82F6";
-};
-declare const PARS_GOLD = "#C8A45C";
-type LuxBrand = keyof typeof LUX_BRAND;
-type Org = LuxBrand;
-interface OrgIdentity {
-    /** Org id — also the gui child-theme suffix (`dark_lux`, `dark_zoo`, …). */
-    readonly org: Org;
-    /** Display name for chrome (header, title, sign-in copy). */
-    readonly name: string;
-    /** Canonical apex domain. */
-    readonly domain: string;
-    /** IAM/OIDC host. The issuer is `https://` + this. */
-    readonly iamDomain: string;
-    /** Brand accent hex — the same value the gui child-theme row is built from. */
-    readonly accent: string;
-    /** Foreground used on top of the accent. */
-    readonly accentForeground: string;
-}
-declare const ORGS: Readonly<Record<Org, OrgIdentity>>;
-declare const DEFAULT_ORG: Org;
-interface WhiteLabel extends OrgIdentity {
-    /** Hostname the identity was resolved from, port stripped, lowercased. */
-    readonly host: string;
-    /** App slug taken from the hostname — `mpc.lux.cloud` → `mpc`. */
-    readonly app: string;
-    /** gui child-theme row to hand GuiProvider — `dark_lux`, `dark_zoo`, … */
-    readonly theme: string;
-    /** OIDC issuer — `https://lux.id`. */
-    readonly issuer: string;
-    /** IAM client id, `<org>-<app>` per the fleet naming scheme — `lux-mpc`. */
-    readonly clientId: string;
-}
-/**
- * Resolve the full white-label identity from a Host header value.
- *
- * Pure and total: an unknown or missing host falls back to the Lux row rather
- * than throwing, so a preview URL or a health probe never blanks the UI.
- *
- *   resolveWhiteLabel('mpc.lux.network') // org lux,  clientId lux-mpc,   issuer https://lux.id
- *   resolveWhiteLabel('zoo.cloud')       // org zoo,  clientId zoo-cloud, issuer https://zoolabs.id
- *   resolveWhiteLabel('cloud.pars.network') // org pars, clientId pars-app, issuer https://pars.id
- */
-declare function resolveWhiteLabel(host?: string | null): WhiteLabel;
-/**
- * The current host in a browser, or '' during SSR / prerender.
- * Server code must pass `req.headers.host` to resolveWhiteLabel explicitly —
- * there is no ambient request here, and guessing would bake in a brand.
- */
-declare function currentHost(): string;
-/** Identity for the org id itself, for the rare surface that is not host-routed. */
-declare function orgIdentity(org: Org): OrgIdentity;
-
-export { DEFAULT_ORG, LUX_BRAND, type LuxBrand, type Org, type OrgIdentity, PARS_GOLD, type WhiteLabel, currentHost, orgIdentity, ORGS as orgs, resolveWhiteLabel };