@snowball-tech/fractal/dist/src/components/Toolbar/index.d.ts

Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS

export { D as ToolbarDropdownItem, a as ToolbarDropdownItemGroup } from '../../../DropdownItemGroup-BBxEGFci.js';
import { C as CombinedRefs$1, d as DropdownProps } from '../../../DropdownItemSeparator-DcW4vE3X.js';
export { D as ToolbarDropdownItemSeparator } from '../../../DropdownItemSeparator-DcW4vE3X.js';
import { P as PaperProps } from '../../../Paper.types-NMDyV2Rb.js';
export { A as ToolbarAlternateElevations, E as ToolbarElevations } from '../../../Paper.types-NMDyV2Rb.js';
import * as react from 'react';
import { AllHTMLAttributes, ComponentProps, ReactNode } from 'react';
import { Root } from '@radix-ui/react-toolbar';
import { B as ButtonProps } from '../../../Button.types-Dt-FZKMg.js';
import * as react_jsx_runtime from 'react/jsx-runtime';
import '@radix-ui/react-dropdown-menu';
import '../../../InputRadio.types-CDNkQqpa.js';
import '@radix-ui/react-radio-group';
import '../../constants.js';
import '@snowball-tech/design-tokens/dist/web/typescript/constants';
import '../../../Typography.constants-DvMtFxBN.js';
import '../../types.js';

declare enum Orientations {
    Horizontal = "horizontal",
    Vertical = "vertical"
}
declare const DEFAULT_ORIENTATION = Orientations.Horizontal;
declare const DEFAULT_ELEVATION = PaperElevations.Elevated;

type CombinedRefs = CombinedRefs$1;
interface ToolbarProps extends Omit<AllHTMLAttributes<HTMLDivElement> & ComponentProps<typeof Root>, 'asChild' | 'dir' | 'loop' | 'size'> {
    children?: ReactNode;
    disabled?: boolean;
    elevation?: PaperProps['elevation'];
    fullWidth?: boolean;
    orientation?: `${Orientations}`;
}
type ToolbarButtonProps = {
    active?: boolean;
} & Omit<ButtonProps, 'truncate' | 'variant' | 'wrap'>;
type ToolbarSeparatorProps = AllHTMLAttributes<HTMLDivElement>;

declare const Toolbar: react.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & react.RefAttributes<HTMLDivElement | null>>;

declare const ToolbarButton: react.ForwardRefExoticComponent<{
    active?: boolean;
} & Omit<ButtonProps, "variant" | "wrap" | "truncate"> & react.RefAttributes<HTMLButtonElement | null>>;

declare const ToolbarDropdown: react.ForwardRefExoticComponent<{
    children: react.ReactNode;
    label: react.ReactNode;
} & Omit<DropdownProps, "children" | "label" | "condensed" | "trigger" | "toggleOnTriggerClick" | "triggerAsButton"> & Pick<ToolbarButtonProps, "icon" | "active" | "iconOnly" | "iconPosition"> & react.RefAttributes<CombinedRefs$1>>;

declare function ToolbarSeparator({ ...props }: ToolbarSeparatorProps): react_jsx_runtime.JSX.Element;
declare namespace ToolbarSeparator {
    var displayName: string;
}

export { DEFAULT_ELEVATION as DEFAULT_TOOLBAR_ELEVATION, DEFAULT_ORIENTATION as DEFAULT_TOOLBAR_ORIENTATION, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarDropdown, Orientations as ToolbarOrientations, type ToolbarProps, type CombinedRefs as ToolbarRefs, ToolbarSeparator };