@luxfi/ui 7.3.0 → 7.3.2

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,65 @@
+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: any;
+declare const DialogTitle: any;
+declare const DialogDescription: any;
+interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+}
+declare const DialogTrigger: any;
+/**
+ * `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: any;
+
+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,65 @@
+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: any;
+declare const DialogTitle: any;
+declare const DialogDescription: any;
+interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+}
+declare const DialogTrigger: any;
+/**
+ * `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: any;
+
+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/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 };

package/dist/icon-button.d.cts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+type Variant = 'plain' | 'icon_secondary' | 'icon_background' | 'link' | 'dropdown' | 'pagination';
+type Size = '2xs' | '2xs_alt' | 'md';
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    /** Visual variant */
+    variant?: Variant;
+    /** Icon-button size */
+    size?: Size;
+    /** Show a loading spinner (disables button) */
+    loading?: boolean;
+    /** Render a skeleton placeholder instead of the button */
+    loadingSkeleton?: boolean;
+    /** Maps to data-expanded for popover trigger styling */
+    expanded?: boolean;
+    /** Maps to data-selected for toggle styling */
+    selected?: boolean;
+    /** Maps to data-highlighted */
+    highlighted?: boolean;
+    /** Polymorphic element type (e.g. "div") */
+    as?: React.ElementType;
+    boxSize?: number | string;
+    color?: string;
+    px?: string | number;
+    borderRadius?: string;
+    ml?: number | string;
+    mr?: number | string;
+    _hover?: Record<string, string>;
+    _expanded?: Record<string, string>;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/icon-button.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+type Variant = 'plain' | 'icon_secondary' | 'icon_background' | 'link' | 'dropdown' | 'pagination';
+type Size = '2xs' | '2xs_alt' | 'md';
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    /** Visual variant */
+    variant?: Variant;
+    /** Icon-button size */
+    size?: Size;
+    /** Show a loading spinner (disables button) */
+    loading?: boolean;
+    /** Render a skeleton placeholder instead of the button */
+    loadingSkeleton?: boolean;
+    /** Maps to data-expanded for popover trigger styling */
+    expanded?: boolean;
+    /** Maps to data-selected for toggle styling */
+    selected?: boolean;
+    /** Maps to data-highlighted */
+    highlighted?: boolean;
+    /** Polymorphic element type (e.g. "div") */
+    as?: React.ElementType;
+    boxSize?: number | string;
+    color?: string;
+    px?: string | number;
+    borderRadius?: string;
+    ml?: number | string;
+    mr?: number | string;
+    _hover?: Record<string, string>;
+    _expanded?: Record<string, string>;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/image.d.cts

@@ -0,0 +1,57 @@
+import React__default from 'react';
+
+type CSSValue = string | number | undefined;
+type ResponsiveValue<T> = T | {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    _light?: T;
+    _dark?: T;
+};
+interface StyleProps {
+    boxSize?: CSSValue;
+    borderRadius?: CSSValue;
+    width?: CSSValue;
+    w?: ResponsiveValue<CSSValue>;
+    height?: CSSValue;
+    h?: ResponsiveValue<CSSValue>;
+    maxW?: CSSValue;
+    maxH?: CSSValue;
+    minW?: CSSValue;
+    mr?: CSSValue;
+    mb?: CSSValue;
+    ml?: CSSValue;
+    mt?: CSSValue;
+    mx?: CSSValue;
+    my?: CSSValue;
+    marginRight?: CSSValue;
+    display?: CSSValue;
+    position?: CSSValue;
+    top?: CSSValue;
+    left?: ResponsiveValue<CSSValue>;
+    right?: CSSValue;
+    bottom?: CSSValue;
+    zIndex?: CSSValue;
+    objectFit?: CSSValue;
+    objectPosition?: CSSValue;
+    flexShrink?: CSSValue;
+    overflow?: CSSValue;
+    cursor?: CSSValue;
+}
+interface ImageProps extends StyleProps {
+    readonly className?: string;
+    readonly src?: string;
+    readonly alt?: string;
+    readonly style?: React__default.CSSProperties;
+    readonly fallback?: React__default.ReactNode;
+    readonly onClick?: React__default.MouseEventHandler<HTMLImageElement>;
+    readonly onLoad?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly onError?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly skeletonWidth?: CSSValue;
+    readonly skeletonHeight?: CSSValue;
+}
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/image.d.ts

@@ -0,0 +1,57 @@
+import React__default from 'react';
+
+type CSSValue = string | number | undefined;
+type ResponsiveValue<T> = T | {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    _light?: T;
+    _dark?: T;
+};
+interface StyleProps {
+    boxSize?: CSSValue;
+    borderRadius?: CSSValue;
+    width?: CSSValue;
+    w?: ResponsiveValue<CSSValue>;
+    height?: CSSValue;
+    h?: ResponsiveValue<CSSValue>;
+    maxW?: CSSValue;
+    maxH?: CSSValue;
+    minW?: CSSValue;
+    mr?: CSSValue;
+    mb?: CSSValue;
+    ml?: CSSValue;
+    mt?: CSSValue;
+    mx?: CSSValue;
+    my?: CSSValue;
+    marginRight?: CSSValue;
+    display?: CSSValue;
+    position?: CSSValue;
+    top?: CSSValue;
+    left?: ResponsiveValue<CSSValue>;
+    right?: CSSValue;
+    bottom?: CSSValue;
+    zIndex?: CSSValue;
+    objectFit?: CSSValue;
+    objectPosition?: CSSValue;
+    flexShrink?: CSSValue;
+    overflow?: CSSValue;
+    cursor?: CSSValue;
+}
+interface ImageProps extends StyleProps {
+    readonly className?: string;
+    readonly src?: string;
+    readonly alt?: string;
+    readonly style?: React__default.CSSProperties;
+    readonly fallback?: React__default.ReactNode;
+    readonly onClick?: React__default.MouseEventHandler<HTMLImageElement>;
+    readonly onLoad?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly onError?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly skeletonWidth?: CSSValue;
+    readonly skeletonHeight?: CSSValue;
+}
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };