@luxfi/ui 7.4.5 → 7.4.6

package/dist/chrome.d.cts

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { IdentityStatus } from './identity.cjs';
+import './iam.cjs';
+import './white-label.cjs';
+
+/** One row in a switcher. */
+interface ChromeItem {
+    readonly id: string;
+    readonly label: string;
+    /** Secondary text, right-aligned — a plan, a count, a shortcut. */
+    readonly hint?: string;
+    readonly icon?: React.ReactNode;
+    readonly selected?: boolean;
+    readonly danger?: boolean;
+    readonly href?: string;
+    readonly onSelect?: () => void;
+}
+/** 1–2 letter monogram — the honest fallback when there is no logo. */
+declare function initials(label: string): string;
+interface SwitcherProps {
+    /** Panel heading, drawer title and the trigger's accessible name. */
+    readonly title: string;
+    /** Trigger label. */
+    readonly label: string;
+    /** Trigger icon — usually a logo or monogram. */
+    readonly icon?: React.ReactNode;
+    readonly items: ReadonlyArray<ChromeItem>;
+    /** Rows below a separator — create, settings, sign out. */
+    readonly footer?: ReadonlyArray<ChromeItem>;
+    /** Drives the honest empty states. Defaults to 'ready'. */
+    readonly status?: IdentityStatus;
+    /** Shown when signed in and the list really is empty. */
+    readonly empty?: string;
+    /** Shown, as a sign-in action, when nobody is signed in. */
+    readonly onSignIn?: () => void;
+    readonly signInLabel?: string;
+    readonly error?: string | null;
+    readonly align?: 'start' | 'end';
+    readonly testId?: string;
+}
+/**
+ * The ONE switcher. A trigger plus rows, presented as a phone sheet or an
+ * anchored menu depending on the viewport — never both, never hand-rolled.
+ */
+declare const Switcher: ({ title, label, icon, items, footer, status, empty, onSignIn, signInLabel, error, align, testId, }: SwitcherProps) => React.ReactElement;
+/** Which organization is this surface acting as. */
+declare const OrgSwitcher: () => React.ReactElement;
+/** Which project inside that organization. */
+declare const ProjectSwitcher: () => React.ReactElement | null;
+interface UserMenuProps {
+    /** Extra rows above Sign out — Profile, API keys, whatever the surface has. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+}
+/** Who is signed in, and how to stop being signed in. */
+declare const UserMenu: ({ items }: UserMenuProps) => React.ReactElement;
+interface SettingsMenuProps {
+    /** The surface's own settings rows. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+    /** Where "All settings" goes. */
+    readonly href?: string;
+}
+/** The surface's settings, in the one place a user looks for them. */
+declare const SettingsMenu: ({ items, href }: SettingsMenuProps) => React.ReactElement;
+interface NavLink {
+    readonly href: string;
+    readonly label: string;
+    readonly active?: boolean;
+}
+interface AppNavProps {
+    /** Brand slot — defaults to the host-resolved org name. */
+    readonly brand?: React.ReactNode;
+    /** Where the brand links to. */
+    readonly home?: string;
+    readonly links?: ReadonlyArray<NavLink>;
+    /** Show the org switcher. Default true. */
+    readonly org?: boolean;
+    /** Show the project switcher. Default false — most surfaces have no projects. */
+    readonly project?: boolean;
+    /** Rows for the settings menu; omit the prop to hide the menu. */
+    readonly settings?: ReadonlyArray<ChromeItem>;
+    /** Extra rows in the user menu. */
+    readonly userItems?: ReadonlyArray<ChromeItem>;
+    /** Free slot between the links and the right-hand cluster. */
+    readonly children?: React.ReactNode;
+}
+/**
+ * The ONE nav. Brand, org, project, links, settings, user — in that order, at
+ * every surface. On a phone the links collapse into the same sheet the
+ * switchers use, so there is no second mobile menu to maintain.
+ */
+declare const AppNav: ({ brand, home, links, org, project, settings, userItems, children, }: AppNavProps) => React.ReactElement;
+
+export { AppNav, type AppNavProps, type ChromeItem, type NavLink, OrgSwitcher, ProjectSwitcher, SettingsMenu, type SettingsMenuProps, Switcher, type SwitcherProps, UserMenu, type UserMenuProps, initials };

package/dist/chrome.d.ts

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { IdentityStatus } from './identity.js';
+import './iam.js';
+import './white-label.js';
+
+/** One row in a switcher. */
+interface ChromeItem {
+    readonly id: string;
+    readonly label: string;
+    /** Secondary text, right-aligned — a plan, a count, a shortcut. */
+    readonly hint?: string;
+    readonly icon?: React.ReactNode;
+    readonly selected?: boolean;
+    readonly danger?: boolean;
+    readonly href?: string;
+    readonly onSelect?: () => void;
+}
+/** 1–2 letter monogram — the honest fallback when there is no logo. */
+declare function initials(label: string): string;
+interface SwitcherProps {
+    /** Panel heading, drawer title and the trigger's accessible name. */
+    readonly title: string;
+    /** Trigger label. */
+    readonly label: string;
+    /** Trigger icon — usually a logo or monogram. */
+    readonly icon?: React.ReactNode;
+    readonly items: ReadonlyArray<ChromeItem>;
+    /** Rows below a separator — create, settings, sign out. */
+    readonly footer?: ReadonlyArray<ChromeItem>;
+    /** Drives the honest empty states. Defaults to 'ready'. */
+    readonly status?: IdentityStatus;
+    /** Shown when signed in and the list really is empty. */
+    readonly empty?: string;
+    /** Shown, as a sign-in action, when nobody is signed in. */
+    readonly onSignIn?: () => void;
+    readonly signInLabel?: string;
+    readonly error?: string | null;
+    readonly align?: 'start' | 'end';
+    readonly testId?: string;
+}
+/**
+ * The ONE switcher. A trigger plus rows, presented as a phone sheet or an
+ * anchored menu depending on the viewport — never both, never hand-rolled.
+ */
+declare const Switcher: ({ title, label, icon, items, footer, status, empty, onSignIn, signInLabel, error, align, testId, }: SwitcherProps) => React.ReactElement;
+/** Which organization is this surface acting as. */
+declare const OrgSwitcher: () => React.ReactElement;
+/** Which project inside that organization. */
+declare const ProjectSwitcher: () => React.ReactElement | null;
+interface UserMenuProps {
+    /** Extra rows above Sign out — Profile, API keys, whatever the surface has. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+}
+/** Who is signed in, and how to stop being signed in. */
+declare const UserMenu: ({ items }: UserMenuProps) => React.ReactElement;
+interface SettingsMenuProps {
+    /** The surface's own settings rows. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+    /** Where "All settings" goes. */
+    readonly href?: string;
+}
+/** The surface's settings, in the one place a user looks for them. */
+declare const SettingsMenu: ({ items, href }: SettingsMenuProps) => React.ReactElement;
+interface NavLink {
+    readonly href: string;
+    readonly label: string;
+    readonly active?: boolean;
+}
+interface AppNavProps {
+    /** Brand slot — defaults to the host-resolved org name. */
+    readonly brand?: React.ReactNode;
+    /** Where the brand links to. */
+    readonly home?: string;
+    readonly links?: ReadonlyArray<NavLink>;
+    /** Show the org switcher. Default true. */
+    readonly org?: boolean;
+    /** Show the project switcher. Default false — most surfaces have no projects. */
+    readonly project?: boolean;
+    /** Rows for the settings menu; omit the prop to hide the menu. */
+    readonly settings?: ReadonlyArray<ChromeItem>;
+    /** Extra rows in the user menu. */
+    readonly userItems?: ReadonlyArray<ChromeItem>;
+    /** Free slot between the links and the right-hand cluster. */
+    readonly children?: React.ReactNode;
+}
+/**
+ * The ONE nav. Brand, org, project, links, settings, user — in that order, at
+ * every surface. On a phone the links collapse into the same sheet the
+ * switchers use, so there is no second mobile menu to maintain.
+ */
+declare const AppNav: ({ brand, home, links, org, project, settings, userItems, children, }: AppNavProps) => React.ReactElement;
+
+export { AppNav, type AppNavProps, type ChromeItem, type NavLink, OrgSwitcher, ProjectSwitcher, SettingsMenu, type SettingsMenuProps, Switcher, type SwitcherProps, UserMenu, type UserMenuProps, initials };

package/dist/close-button.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    readonly variant?: 'plain';
+    readonly size?: 'md';
+}
+declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CloseButton, type CloseButtonProps };

package/dist/close-button.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    readonly variant?: 'plain';
+    readonly size?: 'md';
+}
+declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CloseButton, type CloseButtonProps };

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/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 };