@gearbox-protocol/ui-kit 2.1.0-next.1

package/dist/types/components/detailed-page-title/detailed-page-title-copy-button.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export interface DetailedPageTitleCopyButtonProps {
+    /** Text to copy to clipboard when the button is clicked */
+    toCopy?: string;
+    /** Optional class name for the button container */
+    className?: string;
+}
+/**
+ * DetailedPageTitleCopyButton — copy-to-clipboard icon button with success state.
+ * Matches A (OpenCopyButtons): IconButton outlined, size 32 (small) / 40, IconCopy size 15, textPrimary.
+ *
+ * @usage
+ * Use next to page title actions when the user may need to copy an address or ID.
+ *
+ * @example
+ * ```tsx
+ * <DetailedPageTitleCopyButton toCopy="0x1234...abcd" />
+ * ```
+ */
+declare const DetailedPageTitleCopyButton: React.ForwardRefExoticComponent<DetailedPageTitleCopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { DetailedPageTitleCopyButton };

package/dist/types/components/detailed-page-title/detailed-page-title-explorer-dropdown.d.ts

@@ -0,0 +1,27 @@
+import { ExplorerLink } from '../explorer-links-dropdown';
+import * as React from "react";
+export interface DetailedPageTitleExplorerDropdownProps {
+    /** List of explorer links to show in the dropdown */
+    explorerLinks?: Array<ExplorerLink>;
+    /** Optional class name for the trigger */
+    className?: string;
+    title?: React.ReactNode;
+}
+/**
+ * DetailedPageTitleExplorerDropdown — dropdown with links to block explorers.
+ * Matches A (OpenCopyButtons): IconButton outlined, size 32 (small) / 40, IconExternal size 14, textPrimary.
+ *
+ * @usage
+ * Use in page title actions when the user may open the subject in one or more explorers.
+ *
+ * @example
+ * ```tsx
+ * <DetailedPageTitleExplorerDropdown
+ *   explorerLinks={[
+ *     { url: "https://etherscan.io/address/0x...", name: "Etherscan" },
+ *   ]}
+ * />
+ * ```
+ */
+declare const DetailedPageTitleExplorerDropdown: React.ForwardRefExoticComponent<DetailedPageTitleExplorerDropdownProps & React.RefAttributes<HTMLButtonElement>>;
+export { DetailedPageTitleExplorerDropdown };

package/dist/types/components/detailed-page-title/detailed-page-title.d.ts

@@ -0,0 +1,45 @@
+import { ExplorerLink } from '../explorer-links-dropdown';
+import { TokenMetaInfo } from '../../types/common';
+import * as React from "react";
+export type { ExplorerLink } from '../explorer-links-dropdown';
+export interface DetailedPageTitleProps {
+    /** Main title text or node */
+    title: React.ReactNode;
+    /** Token data for the icon (symbol used for TokenIcon) */
+    token?: TokenMetaInfo;
+    /** Text to copy when the copy button is clicked; copy button is hidden when omitted */
+    toCopy?: string;
+    /** Explorer links for the dropdown; dropdown is hidden when empty or omitted */
+    explorerLinks?: Array<ExplorerLink>;
+    /** Optional slot for additional buttons before copy and explorer actions */
+    buttonsSlot?: React.ReactNode;
+    /** Position of action buttons: "left" (inline with title) or "right" (pushed to far right). Mobile-first base. */
+    actionsPosition?: "left" | "right";
+    /** Position of action buttons from md breakpoint (≥768px). Overrides actionsPosition. */
+    actionsPositionMd?: "left" | "right";
+    /** Size of the token icon in pixels. Default: 36 */
+    tokenIconSize?: number;
+    /** When true, the token icon is shown with grayscale filter */
+    disabled?: boolean;
+    /** Optional class name for the root element */
+    className?: string;
+}
+/**
+ * DetailedPageTitle — page title with token icon, optional copy button, explorer dropdown, and button slot
+ *
+ * @usage
+ * Use for detail pages (e.g. pool, vault) where the title shows a token icon, copy address, and explorer links.
+ *
+ * @example
+ * ```tsx
+ * <DetailedPageTitle
+ *   title="USDC Pool (0x1234...)"
+ *   token={usdcToken}
+ *   toCopy="0x1234567890abcdef"
+ *   explorerLinks={[{ url: "https://etherscan.io/...", name: "Etherscan" }]}
+ *   buttonsSlot={<Button size="sm">Custom</Button>}
+ * />
+ * ```
+ */
+declare const DetailedPageTitle: React.ForwardRefExoticComponent<DetailedPageTitleProps & React.RefAttributes<HTMLDivElement>>;
+export { DetailedPageTitle };

package/dist/types/components/detailed-page-title/index.d.ts

@@ -0,0 +1,3 @@
+export * from './detailed-page-title';
+export * from './detailed-page-title-copy-button';
+export * from './detailed-page-title-explorer-dropdown';

package/dist/types/components/dialog/dialog-container.d.ts

@@ -0,0 +1,25 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const dialogContainerVariants: (props?: ({
+    padding?: boolean | "xl" | "md" | null | undefined;
+    colorTheme?: "default" | "box" | "modal" | "transparent" | null | undefined;
+    maxWidth?: "full" | "sm" | "lg" | "xl" | "2xl" | "md" | null | undefined;
+    sticky?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogContainerVariants> {
+}
+/**
+ * DialogContainer component for responsive content width within dialogs
+ * Follows the same pattern as Container from layout/container
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DialogContainer>
+ *   <DialogHeader>...</DialogHeader>
+ *   <DialogContent>...</DialogContent>
+ * </DialogContainer>
+ * ```
+ */
+declare const DialogContainer: React.ForwardRefExoticComponent<DialogContainerProps & React.RefAttributes<HTMLDivElement>>;
+export { DialogContainer };

package/dist/types/components/dialog/dialog-content.d.ts

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DialogContent };

package/dist/types/components/dialog/dialog-description.d.ts

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { DialogDescription };

package/dist/types/components/dialog/dialog-footer.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DialogFooter };

package/dist/types/components/dialog/dialog-form.d.ts

@@ -0,0 +1,54 @@
+import { ButtonProps } from '../buttons/button';
+import type * as React from "react";
+export interface DialogFormProps {
+    /** Dialog title */
+    title: string;
+    /** Whether the form is valid and can be submitted */
+    isFormValid: boolean;
+    /** Whether the form is currently submitting */
+    isLoading?: boolean;
+    /** Text for the submit button */
+    saveButtonText?: string;
+    /** Text shown while loading */
+    loadingText?: string;
+    /** Callback when cancel is clicked or dialog is closed */
+    onCancel: () => void;
+    /** Form submit handler */
+    onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+    /** Variant for the submit button */
+    submitButtonVariant?: ButtonProps["variant"];
+    /**
+     * Optional wrapper component for the submit button (e.g. ConnectRequired, SignInRequired)
+     * If not provided, the submit button will be rendered directly
+     */
+    authWrapper?: React.ComponentType<{
+        children: React.ReactNode;
+        variant?: ButtonProps["variant"];
+    }>;
+    /** Additional className for DialogContent */
+    className?: string;
+    /** Dialog content */
+    children?: React.ReactNode;
+    /** @deprecated Callback for AI help functionality (currently disabled) */
+    aiHelp?: () => void;
+    /** @deprecated Whether AI help is disabled (currently disabled) */
+    aiHelpDisabled?: boolean;
+}
+/**
+ * DialogForm - A dialog with a form, header, and footer with cancel/submit buttons
+ *
+ * @example
+ * ```tsx
+ * <DialogForm
+ *   title="Edit Settings"
+ *   isFormValid={isValid}
+ *   isLoading={isPending}
+ *   onCancel={() => setOpen(false)}
+ *   onSubmit={handleSubmit}
+ *   authWrapper={ConnectRequired}
+ * >
+ *   <Input value={value} onChange={setValue} />
+ * </DialogForm>
+ * ```
+ */
+export declare function DialogForm({ title, isFormValid, isLoading, saveButtonText, loadingText, onCancel, onSubmit, submitButtonVariant, authWrapper: AuthWrapper, className, children, aiHelp: _aiHelp, aiHelpDisabled: _aiHelpDisabled, }: DialogFormProps): React.ReactElement;

package/dist/types/components/dialog/dialog-header.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DialogHeader };

package/dist/types/components/dialog/dialog-modal-container.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+import { ModalProps } from '../modal/modal';
+import { DialogContainerProps } from './dialog-container';
+import * as React from "react";
+declare const dialogModalContainerVariants: (props?: ({
+    width?: "full" | "default" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogModalContainerProps {
+    show: boolean;
+    onClickOutside?: () => void;
+    modal?: Omit<ModalProps, "ref" | "children" | "show" | "onClickOutside">;
+    dialog?: Omit<DialogContainerProps, "ref" | "children"> & VariantProps<typeof dialogModalContainerVariants>;
+}
+/**
+ * DialogModalContainer component for responsive content width within dialogs
+ * Follows the same pattern as Container from layout/container
+ *
+ * @example
+ * ```tsx
+ * // With show/hide control
+ * <DialogModalContainer modalProps={{ show: isOpen, onClickOutside: handleClose }} dialogProps={{ maxWidth: "sm", padding: true }}>
+ *   <Content />
+ * </DialogModalContainer>
+ * ```
+ */
+declare const DialogModalContainer: React.ForwardRefExoticComponent<DialogModalContainerProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { DialogModalContainer };

package/dist/types/components/dialog/dialog-overlay.d.ts

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DialogOverlay };

package/dist/types/components/dialog/dialog-title.d.ts

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export { DialogTitle };

package/dist/types/components/dialog/dialog.d.ts

@@ -0,0 +1,5 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
+export { Dialog, DialogPortal, DialogTrigger };

package/dist/types/components/dialog/index.d.ts

@@ -0,0 +1,12 @@
+export * from '../modal/modal';
+export * from './dialog';
+export * from './dialog-container';
+export * from './dialog-content';
+export * from './dialog-description';
+export * from './dialog-footer';
+export * from './dialog-form';
+export * from './dialog-header';
+export * from './dialog-modal-container';
+export * from './dialog-overlay';
+export * from './dialog-title';
+export * from './one-field-dialog';

package/dist/types/components/dialog/one-field-dialog.d.ts

@@ -0,0 +1,45 @@
+import { DialogFormProps } from './dialog-form';
+import type * as React from "react";
+export interface OneFieldDialogProps<T extends number | string> extends Pick<DialogFormProps, "saveButtonText" | "loadingText" | "authWrapper" | "submitButtonVariant" | "aiHelp" | "aiHelpDisabled"> {
+    /** Dialog title */
+    title: string;
+    /** Optional label for the input field */
+    label?: string;
+    /** Initial value */
+    initialValue: T;
+    /** Callback when value is submitted */
+    onSet: (value: T) => void | Promise<void>;
+    /** Callback when dialog is closed */
+    onClose: () => void;
+    /** Custom validation function */
+    isFormValid?: (value: string) => boolean;
+    /** Input type: number, address, or string */
+    type: "number" | "address" | "string";
+    /** Placeholder text */
+    placeholder?: string;
+    /** Static error message for invalid input */
+    errorMessage?: string;
+    /** Dynamic error message function (takes precedence over errorMessage) */
+    getErrorMessage?: (value: string) => string | undefined;
+    /** Step for number input */
+    step?: string | number;
+    /** Minimum value for number input */
+    min?: string | number;
+    /** Maximum value for number input */
+    max?: string | number;
+}
+/**
+ * OneFieldDialog - A dialog for editing a single value (number, address, or string)
+ *
+ * @example
+ * ```tsx
+ * <OneFieldDialog
+ *   title="Set Amount"
+ *   type="number"
+ *   initialValue={100}
+ *   onSet={(value) => console.log(value)}
+ *   onClose={() => setOpen(false)}
+ * />
+ * ```
+ */
+export declare function OneFieldDialog<T extends number | string>({ title, label, initialValue, onSet, onClose, isFormValid: customValidation, type, saveButtonText, loadingText, placeholder, errorMessage, getErrorMessage, step, min, max, authWrapper, submitButtonVariant, aiHelp, aiHelpDisabled, }: OneFieldDialogProps<T>): React.ReactElement;

package/dist/types/components/dropdown-label/dropdown-label.d.ts

@@ -0,0 +1,63 @@
+import type * as React from "react";
+type ThemeVariant = "light" | "dark" | "empty" | "filledDark" | "filled";
+type SizeVariant = "sm" | "md" | "default" | "lg";
+export interface DefaultDropdownLabelProps {
+    /**
+     * Children content
+     */
+    children?: React.ReactNode;
+    /**
+     * Label text (alternative to children)
+     */
+    label?: React.ReactNode;
+    /**
+     * Whether dropdown is open
+     */
+    opened?: boolean;
+    /**
+     * Size variant or numeric font size.
+     * - `"sm"` — compact (7px vertical padding, 14px font, 8px border-radius)
+     * - `"md"` | `"default"` — standard (13px vertical padding, 14px font, 12px border-radius)
+     * - `"lg"` — large (13px vertical padding, 18px font, 12px border-radius)
+     * - `number` — custom font size in px (no padding/radius applied)
+     */
+    size?: number | SizeVariant | string;
+    /**
+     * Theme variant. Controls background, hover, and shadow styles.
+     * - `"filled"` — gray-60 background with shadow
+     * - `"filledDark"` — gray-10 background with shadow
+     * - `"empty"` | `"dark"` | `"light"` — transparent background
+     *
+     * When no theme is provided, no background/shadow styles are applied.
+     */
+    theme?: ThemeVariant | string;
+    /**
+     * Element type to render
+     */
+    as?: keyof JSX.IntrinsicElements;
+    /**
+     * Click handler
+     */
+    onClick?: () => void;
+    /**
+     * Custom icon (ReactNode). When omitted, a default caret-down icon is shown.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Default icon size in px (ignored when custom `icon` is provided).
+     * @default 16
+     */
+    iconSize?: number;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * DefaultDropdownLabel — a label for dropdown triggers.
+ *
+ * Supports themed variants (`filled`, `filledDark`, `empty`, etc.) that
+ * mirror the original `@gearbox-protocol/interface` DropdownButton styles.
+ */
+export declare function DefaultDropdownLabel({ children, label, opened, size, theme, as: Component, onClick, icon, iconSize, className, }: DefaultDropdownLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/dropdown-label/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-label';

package/dist/types/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts

@@ -0,0 +1,22 @@
+import { CheckboxItemProps } from '../checkbox-item';
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+/**
+ * DropdownMenuCheckboxItem - wrapper for CheckboxItem that works inside DropdownMenu context
+ *
+ * This component uses Radix UI primitives for proper integration with DropdownMenu.
+ * It maintains the same API as the standalone CheckboxItem component.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuCheckboxItem checked={isChecked} onCheckedChange={setChecked}>
+ *       Option 1
+ *     </DropdownMenuCheckboxItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps & Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuCheckboxItem };

package/dist/types/components/dropdown-menu/dropdown-menu-content.d.ts

@@ -0,0 +1,4 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuContent };

package/dist/types/components/dropdown-menu/dropdown-menu-item.d.ts

@@ -0,0 +1,6 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuItem };

package/dist/types/components/dropdown-menu/dropdown-menu-label.d.ts

@@ -0,0 +1,6 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuLabel };

package/dist/types/components/dropdown-menu/dropdown-menu-radio-item.d.ts

@@ -0,0 +1,4 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuRadioItem };

package/dist/types/components/dropdown-menu/dropdown-menu-separator.d.ts

@@ -0,0 +1,4 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuSeparator };

package/dist/types/components/dropdown-menu/dropdown-menu-shortcut.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenuShortcut };

package/dist/types/components/dropdown-menu/dropdown-menu-sub-content.d.ts

@@ -0,0 +1,4 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuSubContent };

package/dist/types/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts

@@ -0,0 +1,6 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuSubTrigger };

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,12 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import type * as React from "react";
+declare const DropdownMenu: {
+    ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub, DropdownMenuTrigger, };

package/dist/types/components/dropdown-menu/index.d.ts

@@ -0,0 +1,10 @@
+export * from './dropdown-menu';
+export * from './dropdown-menu-checkbox-item';
+export * from './dropdown-menu-content';
+export * from './dropdown-menu-item';
+export * from './dropdown-menu-label';
+export * from './dropdown-menu-radio-item';
+export * from './dropdown-menu-separator';
+export * from './dropdown-menu-shortcut';
+export * from './dropdown-menu-sub-content';
+export * from './dropdown-menu-sub-trigger';

package/dist/types/components/edit-input/edit-input.d.ts

@@ -0,0 +1,40 @@
+import { VariantProps } from 'class-variance-authority';
+import { Input } from '../input';
+import { TextButton } from '../text-button';
+import * as React from "react";
+declare const editLabelHeightVariants: (props?: ({
+    labelHeight?: "xs" | "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type Variants = VariantProps<typeof editLabelHeightVariants>;
+export interface EditInputProps extends Omit<React.ComponentProps<typeof Input>, "onChange" | "label" | "size"> {
+    /**
+     * Label shown when not editing (clickable to enter edit mode)
+     */
+    label: React.ReactNode;
+    /**
+     * Callback when value changes (matches interface: receives event)
+     */
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Callback when submit is triggered (Enter or ending icon click)
+     */
+    onSubmit: () => void;
+    /**
+     * Callback when edit mode is toggled
+     */
+    onEditModeChange?: (active: boolean) => void;
+    /**
+     * Props passed to the TextButton used in view mode
+     */
+    textButtonProps?: Partial<React.ComponentProps<typeof TextButton>>;
+    /**
+     * Size variant (matches interface InputSize)
+     */
+    inputSize?: NonNullable<Variants["labelHeight"]>;
+}
+/**
+ * EditInput — inline editable field: view mode (TextButton + label) or edit mode (Input + arrow submit).
+ * Matches interface EditInput structure and styles.
+ */
+export declare function EditInput({ label, value, onChange, onSubmit, onEditModeChange, textButtonProps, inputSize, colorTheme, placeholder, inputMode, autoComplete, autoCorrect, type, spellCheck, className, onKeyDown: onKeyDownProp, ...restProps }: EditInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/edit-input/index.d.ts

@@ -0,0 +1 @@
+export * from './edit-input';

package/dist/types/components/error-message/error-line-message.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+export interface ErrorLineMessageProps {
+    /** The error to display */
+    err: Error;
+    /** Optional title (defaults to "Error") */
+    title?: string;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ErrorLineMessage — displays an inline error message
+ *
+ * @example
+ * ```tsx
+ * <ErrorLineMessage err={new Error("Something went wrong")} />
+ * <ErrorLineMessage err={error} title="Network Error" />
+ * ```
+ */
+export declare function ErrorLineMessage({ err, title, className, }: ErrorLineMessageProps): React.ReactElement;

package/dist/types/components/error-message/error-message.d.ts

@@ -0,0 +1,22 @@
+import { DialogContainerProps } from '../dialog/dialog-container';
+import type * as React from "react";
+export interface ErrorMessageProps {
+    err: Error;
+    btnTitle: React.ReactNode;
+    onClick: () => void;
+    theme?: DialogContainerProps["colorTheme"];
+}
+/**
+ * ErrorMessage - Display a centered error message with action button
+ * Used as a full-screen error display
+ *
+ * @example
+ * ```tsx
+ * <ErrorMessage
+ *   err={new Error("Something went wrong")}
+ *   btnTitle="Go back"
+ *   onClick={() => navigate("/")}
+ * />
+ * ```
+ */
+export declare function ErrorMessage({ err, btnTitle, onClick, theme, }: ErrorMessageProps): React.ReactElement;

package/dist/types/components/error-message/index.d.ts

@@ -0,0 +1,2 @@
+export * from './error-line-message';
+export * from './error-message';

package/dist/types/components/error-view/error-view.d.ts

@@ -0,0 +1,28 @@
+import type * as React from "react";
+export interface ErrorViewProps {
+    /** HTTP status code or error code to display */
+    status: number;
+    /** Error message to display */
+    message: string;
+    /** Optional back button configuration */
+    backButton?: {
+        text: string;
+        href: string;
+    };
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * ErrorView - Display a centered error view with status code and message
+ * Useful for error pages like 404, 500, etc.
+ *
+ * @example
+ * ```tsx
+ * <ErrorView
+ *   status={404}
+ *   message="Page not found"
+ *   backButton={{ text: "Go back", href: "/" }}
+ * />
+ * ```
+ */
+export declare function ErrorView({ status, message, backButton, className, }: ErrorViewProps): React.ReactElement;

package/dist/types/components/error-view/index.d.ts

@@ -0,0 +1 @@
+export * from './error-view';