@luxfi/ui 7.4.5 → 7.4.7

package/dist/collapsible.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { LinkProps } from './link.cjs';
+
+interface CollapsibleDetailsProps extends LinkProps {
+    children: React__default.ReactNode;
+    id?: string;
+    isExpanded?: boolean;
+    text?: [string, string];
+    noScroll?: boolean;
+}
+declare const CollapsibleDetails: (props: CollapsibleDetailsProps) => react_jsx_runtime.JSX.Element;
+interface CollapsibleListProps<T> extends React__default.ComponentPropsWithoutRef<'div'> {
+    items: Array<T>;
+    renderItem: (item: T, index: number) => React__default.ReactNode;
+    triggerProps?: LinkProps;
+    cutLength?: number;
+    text?: [React__default.ReactNode, React__default.ReactNode];
+    defaultExpanded?: boolean;
+}
+declare const CollapsibleList: <T>(props: CollapsibleListProps<T>) => react_jsx_runtime.JSX.Element;
+
+export { CollapsibleDetails, type CollapsibleDetailsProps, CollapsibleList };

package/dist/collapsible.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { LinkProps } from './link.js';
+
+interface CollapsibleDetailsProps extends LinkProps {
+    children: React__default.ReactNode;
+    id?: string;
+    isExpanded?: boolean;
+    text?: [string, string];
+    noScroll?: boolean;
+}
+declare const CollapsibleDetails: (props: CollapsibleDetailsProps) => react_jsx_runtime.JSX.Element;
+interface CollapsibleListProps<T> extends React__default.ComponentPropsWithoutRef<'div'> {
+    items: Array<T>;
+    renderItem: (item: T, index: number) => React__default.ReactNode;
+    triggerProps?: LinkProps;
+    cutLength?: number;
+    text?: [React__default.ReactNode, React__default.ReactNode];
+    defaultExpanded?: boolean;
+}
+declare const CollapsibleList: <T>(props: CollapsibleListProps<T>) => react_jsx_runtime.JSX.Element;
+
+export { CollapsibleDetails, type CollapsibleDetailsProps, CollapsibleList };

package/dist/collapsible.js

@@ -124,11 +124,7 @@ function stripShims(props) {
   for (const k of SHIM_PROPS) delete out[k];
   return out;
 }
-var SKELETON_CLASSES = [
-  "animate-skeleton-shimmer rounded-sm",
-  "bg-[linear-gradient(90deg,var(--color-skeleton-start)_0%,var(--color-skeleton-end)_50%,var(--color-skeleton-start)_100%)]",
-  "bg-[length:200%_100%]"
-].join(" ");
+var SKELETON_CLASSES = "lux-skeleton rounded-sm";
 var HIDE_BELOW_MAP = { lg: "lg:hidden", md: "md:hidden", sm: "sm:hidden" };
 var Skeleton = React3.forwardRef(
   function Skeleton2(props, ref) {
@@ -148,7 +144,7 @@ var Skeleton = React3.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -160,7 +156,7 @@ var Skeleton = React3.forwardRef(
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "text-transparent [&_*]:invisible" : "min-h-5", cls),
+        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
         style: mergedStyle,
         ...htmlRest,
         children

package/dist/color-mode.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type ColorMode = 'light' | 'dark';
+interface ColorModeContextValue {
+    readonly colorMode: ColorMode;
+    readonly setColorMode: (mode: string) => void;
+    readonly toggleColorMode: () => void;
+}
+interface ColorModeProviderProps {
+    readonly children?: React.ReactNode;
+    /** Initial/default color mode. Defaults to 'light'. */
+    readonly defaultTheme?: string;
+    /** Controlled color mode value from an external theme provider. */
+    readonly value?: string;
+    /** Called when the color mode changes. */
+    readonly onValueChange?: (mode: string) => void;
+    /** Any extra props are accepted and ignored for compat with next-themes ThemeProviderProps. */
+    readonly [key: string]: unknown;
+}
+declare function ColorModeProvider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useColorMode(): ColorModeContextValue;
+declare function useColorModeValue<T>(light: T, dark: T): T;
+
+export { type ColorMode, ColorModeProvider, type ColorModeProviderProps, useColorMode, useColorModeValue };

package/dist/color-mode.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type ColorMode = 'light' | 'dark';
+interface ColorModeContextValue {
+    readonly colorMode: ColorMode;
+    readonly setColorMode: (mode: string) => void;
+    readonly toggleColorMode: () => void;
+}
+interface ColorModeProviderProps {
+    readonly children?: React.ReactNode;
+    /** Initial/default color mode. Defaults to 'light'. */
+    readonly defaultTheme?: string;
+    /** Controlled color mode value from an external theme provider. */
+    readonly value?: string;
+    /** Called when the color mode changes. */
+    readonly onValueChange?: (mode: string) => void;
+    /** Any extra props are accepted and ignored for compat with next-themes ThemeProviderProps. */
+    readonly [key: string]: unknown;
+}
+declare function ColorModeProvider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useColorMode(): ColorModeContextValue;
+declare function useColorModeValue<T>(light: T, dark: T): T;
+
+export { type ColorMode, ColorModeProvider, type ColorModeProviderProps, useColorMode, useColorModeValue };

package/dist/dialog.d.cts

@@ -0,0 +1,118 @@
+import * as _hanzo_gui from '@hanzo/gui';
+import * as _hanzogui_web from '@hanzogui/web';
+import * as _hanzogui_core from '@hanzogui/core';
+import * as React from 'react';
+
+type DialogSize = 'sm' | 'md' | 'full' | 'cover';
+/**
+ * Responsive size expressed as a plain value or a breakpoint map.
+ * Mirrors the Chakra `size={{ lgDown: 'full', lg: 'md' }}` pattern.
+ * Responsive behavior is implemented via Tailwind responsive variants at
+ * the CSS-class level (see `sizeClasses` helper below).
+ */
+type ResponsiveSize = DialogSize | {
+    base?: DialogSize;
+    lgDown?: DialogSize;
+    lg?: DialogSize;
+};
+interface DialogRootProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    size?: ResponsiveSize;
+    /** Accepted for API compat but not implemented -- animations are CSS-only. */
+    motionPreset?: string;
+    modal?: boolean;
+}
+declare const DialogRoot: React.FC<DialogRootProps>;
+interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+    paddingTop?: number | string;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogCloseTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const DialogCloseTrigger: React.ForwardRefExoticComponent<DialogCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    startElement?: React.ReactNode;
+    onBackToClick?: () => void;
+}
+declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    pt?: number | string;
+    display?: string;
+    flexDir?: string;
+}
+declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}>, "forceMount" | "scope"> & {
+    forceMount?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    forceMount?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const DialogTitle: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const DialogDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+}
+declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+/**
+ * `DialogActionTrigger` renders its child and closes the dialog on click.
+ * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
+ * children in a close action.
+ */
+declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+    displayWhenAdapted?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    displayWhenAdapted?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+
+export { DialogActionTrigger, DialogBackdrop, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps };

package/dist/dialog.d.ts

@@ -0,0 +1,118 @@
+import * as _hanzo_gui from '@hanzo/gui';
+import * as _hanzogui_web from '@hanzogui/web';
+import * as _hanzogui_core from '@hanzogui/core';
+import * as React from 'react';
+
+type DialogSize = 'sm' | 'md' | 'full' | 'cover';
+/**
+ * Responsive size expressed as a plain value or a breakpoint map.
+ * Mirrors the Chakra `size={{ lgDown: 'full', lg: 'md' }}` pattern.
+ * Responsive behavior is implemented via Tailwind responsive variants at
+ * the CSS-class level (see `sizeClasses` helper below).
+ */
+type ResponsiveSize = DialogSize | {
+    base?: DialogSize;
+    lgDown?: DialogSize;
+    lg?: DialogSize;
+};
+interface DialogRootProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    size?: ResponsiveSize;
+    /** Accepted for API compat but not implemented -- animations are CSS-only. */
+    motionPreset?: string;
+    modal?: boolean;
+}
+declare const DialogRoot: React.FC<DialogRootProps>;
+interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+    paddingTop?: number | string;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogCloseTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const DialogCloseTrigger: React.ForwardRefExoticComponent<DialogCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    startElement?: React.ReactNode;
+    onBackToClick?: () => void;
+}
+declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    pt?: number | string;
+    display?: string;
+    flexDir?: string;
+}
+declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}>, "forceMount" | "scope"> & {
+    forceMount?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    forceMount?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const DialogTitle: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const DialogDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: _hanzogui_web.FontSizeTokens | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+}
+declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+/**
+ * `DialogActionTrigger` renders its child and closes the dialog on click.
+ * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
+ * children in a close action.
+ */
+declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+    displayWhenAdapted?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
+    displayWhenAdapted?: boolean;
+} & {
+    scope?: _hanzo_gui.DialogScopes;
+}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+
+export { DialogActionTrigger, DialogBackdrop, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps };

package/dist/drawer.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as React from 'react';
+
+interface DrawerRootProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    placement?: 'left' | 'right' | 'top' | 'bottom';
+    initialFocusEl?: (() => HTMLElement | null) | React.RefObject<HTMLElement>;
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    modal?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+declare const DrawerRoot: (props: DrawerRootProps) => react_jsx_runtime.JSX.Element;
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<'div'> {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    offset?: string | number;
+    backdrop?: boolean;
+}
+declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerCloseTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTrigger: (props: React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger>) => react_jsx_runtime.JSX.Element;
+declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerActionTrigger: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { DrawerActionTrigger, DrawerBody, DrawerCloseTrigger, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerRoot, type DrawerRootProps, DrawerTitle, DrawerTrigger };

package/dist/drawer.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as React from 'react';
+
+interface DrawerRootProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    placement?: 'left' | 'right' | 'top' | 'bottom';
+    initialFocusEl?: (() => HTMLElement | null) | React.RefObject<HTMLElement>;
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    modal?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+declare const DrawerRoot: (props: DrawerRootProps) => react_jsx_runtime.JSX.Element;
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<'div'> {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    offset?: string | number;
+    backdrop?: boolean;
+}
+declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerCloseTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTrigger: (props: React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger>) => react_jsx_runtime.JSX.Element;
+declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerActionTrigger: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { DrawerActionTrigger, DrawerBody, DrawerCloseTrigger, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerRoot, type DrawerRootProps, DrawerTitle, DrawerTrigger };

package/dist/empty-state.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+type EmptyStateType = 'query' | 'stats' | 'coming_soon';
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: React.ReactNode;
+    term?: string;
+    type?: EmptyStateType;
+    icon?: React.ReactNode;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, type EmptyStateProps, type EmptyStateType };

package/dist/empty-state.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+type EmptyStateType = 'query' | 'stats' | 'coming_soon';
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: React.ReactNode;
+    term?: string;
+    type?: EmptyStateType;
+    icon?: React.ReactNode;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, type EmptyStateProps, type EmptyStateType };

package/dist/expiration-selector.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface ExpirationOption {
+    date: string;
+    dte: number;
+    type: 'weekly' | 'monthly' | 'quarterly';
+}
+interface ExpirationSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    readonly expirations: ExpirationOption[];
+    readonly selected: string;
+    readonly onSelect: (date: string) => void;
+    readonly showGroups?: boolean;
+}
+declare const ExpirationSelector: React.ForwardRefExoticComponent<ExpirationSelectorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type ExpirationOption, ExpirationSelector, type ExpirationSelectorProps };

package/dist/expiration-selector.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface ExpirationOption {
+    date: string;
+    dte: number;
+    type: 'weekly' | 'monthly' | 'quarterly';
+}
+interface ExpirationSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    readonly expirations: ExpirationOption[];
+    readonly selected: string;
+    readonly onSelect: (date: string) => void;
+    readonly showGroups?: boolean;
+}
+declare const ExpirationSelector: React.ForwardRefExoticComponent<ExpirationSelectorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type ExpirationOption, ExpirationSelector, type ExpirationSelectorProps };

package/dist/field.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { InputProps } from './input.cjs';
+import { InputGroupProps } from './input-group.cjs';
+
+interface FieldProps {
+    readonly label?: React.ReactNode;
+    readonly helperText?: React.ReactNode;
+    readonly errorText?: React.ReactNode;
+    readonly optionalText?: React.ReactNode;
+    readonly children: React.ReactElement<InputProps> | React.ReactElement<InputGroupProps>;
+    readonly size?: 'sm' | 'md' | 'lg' | '2xl';
+    readonly required?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly invalid?: boolean;
+    readonly floating?: boolean;
+    readonly bgColor?: string | Record<string, string>;
+    readonly id?: string;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Field, type FieldProps };

package/dist/field.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { InputProps } from './input.js';
+import { InputGroupProps } from './input-group.js';
+
+interface FieldProps {
+    readonly label?: React.ReactNode;
+    readonly helperText?: React.ReactNode;
+    readonly errorText?: React.ReactNode;
+    readonly optionalText?: React.ReactNode;
+    readonly children: React.ReactElement<InputProps> | React.ReactElement<InputGroupProps>;
+    readonly size?: 'sm' | 'md' | 'lg' | '2xl';
+    readonly required?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly invalid?: boolean;
+    readonly floating?: boolean;
+    readonly bgColor?: string | Record<string, string>;
+    readonly id?: string;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Field, type FieldProps };

package/dist/greeks-display.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface GreeksDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly delta: number;
+    readonly gamma: number;
+    readonly theta: number;
+    readonly vega: number;
+    readonly rho?: number;
+    readonly iv?: number;
+    readonly compact?: boolean;
+}
+declare const GreeksDisplay: React.ForwardRefExoticComponent<GreeksDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { GreeksDisplay, type GreeksDisplayProps };

package/dist/greeks-display.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface GreeksDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly delta: number;
+    readonly gamma: number;
+    readonly theta: number;
+    readonly vega: number;
+    readonly rho?: number;
+    readonly iv?: number;
+    readonly compact?: boolean;
+}
+declare const GreeksDisplay: React.ForwardRefExoticComponent<GreeksDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { GreeksDisplay, type GreeksDisplayProps };

package/dist/gui.d.cts

@@ -0,0 +1,2 @@
+export * from '@hanzo/gui';
+import 'lucide-react';

package/dist/gui.d.ts

@@ -0,0 +1,2 @@
+export * from '@hanzo/gui';
+import 'lucide-react';

package/dist/heading.d.cts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+interface HeadingProps extends React__default.ComponentPropsWithoutRef<'h1'> {
+    level?: '1' | '2' | '3';
+    mb?: number | string;
+    size?: string;
+}
+declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading, type HeadingProps };

package/dist/heading.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+interface HeadingProps extends React__default.ComponentPropsWithoutRef<'h1'> {
+    level?: '1' | '2' | '3';
+    mb?: number | string;
+    size?: string;
+}
+declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading, type HeadingProps };