@rebasepro/ui 0.0.1-canary.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Rebase
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,84 @@
+## Rebase UI
+
+
+**Rebase UI** is a high quality set of components that you can use to build your own custom views. You can
+use these components to build your own Rebase views, or in any other React application. You just need to install
+`tailwindcss` and the `@rebasepro/ui` package.
+
+### Why build this UI kit?
+Rebase was using MUI until version 3.0. MUI provides ready to use components with intuitive APIs, but it also
+comes with a lot of complexity and overhead. We wanted to build a simpler and more flexible UI kit that could be used
+in any React project, not just in Rebase.
+We also wanted to make it easy to transition from MUI to our new UI kit, so we kept the API as similar as possible.
+The result it a set of components that are easy to use, easy to customize, **much more performant** and with a smaller bundle size.
+
+The components are primarily built using **Radix UI** primitives and **tailwindcss**. This means that you can easily customize them
+using tailwindcss classes or override the styles using CSS.
+
+See the full list of components in https://rebase.pro/docs/components
+
+
+> All the components are exported from the `@rebasepro/ui` package. These are the same components used internally in **Rebase**.
+
+
+## Installation
+
+If you are using Rebase, you don't need to install this package, as it is already included, and
+configured for you.
+
+To use the components in your own project, you need to install the `@rebasepro/ui` package:
+
+```bash
+yarn add @rebasepro/ui
+```
+or
+```bash
+npm install @rebasepro/ui
+```
+
+You also need to install `tailwindcss`:
+
+```bash
+yarn add tailwindcss @tailwindcss/typography
+```
+
+And initialize it in your project:
+
+```bash
+npx tailwindcss init
+```
+
+And add then add the rebase preset in your `tailwind.config.js`:
+
+```javascript
+import rebaseConfig from "@rebasepro/ui/tailwind.config.js";
+
+export default {
+    presets: [rebaseConfig],
+    content: [
+        "./index.html",
+        "./src/**/*.{js,ts,jsx,tsx}",
+        "./node_modules/@rebasepro/**/src/**/*.{js,ts,jsx,tsx}"
+    ]
+};
+```
+(You might need to adjust the paths in the `content` array to match your project structure)
+
+Finally, you need to define your primary and secondary colors in your `index.css` file:
+
+```css
+@import 'tailwindcss';
+@import "@rebasepro/ui/index.css" layer(base);
+
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+@source "../index.html";
+@source "./**/*.{js,ts,jsx,tsx}";
+@source "../node_modules/@rebasepro/**/*.{js,ts,jsx,tsx}";
+
+:root {
+    --color-primary: #0070F4;
+    --color-secondary: #FF5B79;
+}
+```
+

package/dist/components/Alert.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface AlertProps {
+    children: React.ReactNode;
+    onDismiss?: () => void;
+    color?: "error" | "warning" | "info" | "success" | "base";
+    size?: "small" | "medium" | "large";
+    action?: React.ReactNode;
+    className?: string;
+    outerClassName?: string;
+    style?: React.CSSProperties;
+}
+export declare const Alert: React.FC<AlertProps>;

package/dist/components/Autocomplete.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export type AutocompleteProps = {
+    children: React.ReactNode;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    className?: string;
+};
+export declare const useAutoComplete: ({ ref }: {
+    ref: React.MutableRefObject<HTMLDivElement | null>;
+}) => {
+    inputFocused: boolean;
+    autoCompleteOpen: boolean;
+    setAutoCompleteOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare function Autocomplete({ children, open, setOpen, className }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+export type AutocompleteItemProps = {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+export declare const AutocompleteItem: React.NamedExoticComponent<AutocompleteItemProps>;

package/dist/components/Avatar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    children?: React.ReactNode;
+    className?: string;
+    outerClassName?: string;
+    hover?: boolean;
+    style?: React.CSSProperties;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Badge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type BadgeColor = "primary" | "secondary" | "warning" | "error";
+export interface BadgeProps {
+    color?: BadgeColor;
+    children: React.ReactNode;
+    invisible?: boolean;
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/BooleanSwitch.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type BooleanSwitchProps = {
+    value: boolean | null;
+    className?: string;
+    disabled?: boolean;
+    size?: "smallest" | "small" | "medium" | "large";
+} & ({
+    allowIndeterminate: true;
+    onValueChange?: (newValue: boolean | null) => void;
+} | {
+    allowIndeterminate?: false;
+    onValueChange?: (newValue: boolean) => void;
+});
+export declare const BooleanSwitch: React.ForwardRefExoticComponent<BooleanSwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/BooleanSwitchWithLabel.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BooleanSwitchProps } from "./BooleanSwitch";
+export type BooleanSwitchWithLabelProps = BooleanSwitchProps & {
+    position?: "start" | "end";
+    invisible?: boolean;
+    label?: React.ReactNode;
+    error?: boolean;
+    autoFocus?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    inputClassName?: string;
+};
+/**
+ * Simple boolean switch.
+ *
+ */
+export declare const BooleanSwitchWithLabel: ({ value, position, size, invisible, onValueChange, error, label, autoFocus, disabled, className, fullWidth, inputClassName, ...props }: BooleanSwitchWithLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type ButtonProps<C extends React.ElementType = "button"> = {
+    children?: React.ReactNode;
+    variant?: "filled" | "outlined" | "text";
+    disabled?: boolean;
+    color?: "primary" | "secondary" | "text" | "error" | "neutral";
+    size?: "small" | "medium" | "large" | "xl" | "2xl";
+    startIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    className?: string;
+    component?: C;
+    onClick?: React.MouseEventHandler<any>;
+} & React.ComponentPropsWithoutRef<C>;
+export declare const Button: React.FC<ButtonProps<any>>;

package/dist/components/Card.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type CardProps = {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    onClick?: (e?: React.MouseEvent) => void;
+    className?: string;
+};
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export { Card };

package/dist/components/CenteredView.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type CenteredViewProps = {
+    children: React.ReactNode;
+    maxWidth?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
+    outerClassName?: string;
+    className?: string;
+    fullScreen?: boolean;
+};
+export declare const CenteredView: React.ForwardRefExoticComponent<CenteredViewProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface CheckboxProps {
+    checked: boolean;
+    id?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    padding?: boolean;
+    size?: "smallest" | "small" | "medium" | "large";
+    color?: "primary" | "secondary";
+}
+export declare const Checkbox: React.MemoExoticComponent<({ id, checked, indeterminate, padding, disabled, size, onCheckedChange, color }: CheckboxProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Chip.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { CHIP_COLORS } from "../util";
+export type ChipColorScheme = {
+    color: string;
+    text: string;
+};
+export type ChipColorKey = keyof typeof CHIP_COLORS;
+export interface ChipProps {
+    className?: string;
+    children: React.ReactNode;
+    size?: "smallest" | "small" | "medium" | "large";
+    colorScheme?: ChipColorScheme | ChipColorKey;
+    error?: boolean;
+    outlined?: boolean;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+/**
+ * @group Preview components
+ */
+export declare function Chip({ children, colorScheme, error, outlined, onClick, icon, size, className, style }: ChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CircularProgress.d.ts

@@ -0,0 +1,5 @@
+export type CircularProgressProps = {
+    size?: "smallest" | "small" | "medium" | "large";
+    className?: string;
+};
+export declare function CircularProgress({ size, className }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Collapse.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CollapseProps {
+    children?: React.ReactNode;
+    className?: string;
+    in?: boolean;
+    duration?: number;
+}
+export declare const Collapse: React.MemoExoticComponent<({ children, className, in: isOpen, duration }: CollapseProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/ColorPicker.d.ts

@@ -0,0 +1,30 @@
+import { ChipColorKey } from "./Chip";
+export interface ColorPickerProps {
+    /**
+     * Currently selected color key
+     */
+    value?: ChipColorKey;
+    /**
+     * Callback when color selection changes. Passes undefined when "Auto" is selected.
+     */
+    onChange: (colorKey: ChipColorKey | undefined) => void;
+    /**
+     * Size of the color swatches
+     */
+    size?: "small" | "medium";
+    /**
+     * Whether to show the "Auto" option that clears the selection
+     */
+    allowClear?: boolean;
+    /**
+     * Whether the picker is disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * A color picker component that displays a grid of predefined CHIP_COLORS.
+ * Used for selecting colors for enum values, tags, and other chip-based UI elements.
+ *
+ * @group Form components
+ */
+export declare function ColorPicker({ value, onChange, size, allowClear, disabled }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Container.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type ContainerProps = {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    maxWidth?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
+};
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DateTimeField.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export type DateTimeFieldProps = {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    mode?: "date" | "date_time";
+    disabled?: boolean;
+    clearable?: boolean;
+    error?: boolean;
+    size?: "smallest" | "small" | "medium" | "large";
+    label?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    inputClassName?: string;
+    invisible?: boolean;
+    locale?: string;
+    /**
+     * IANA timezone string (e.g., "America/New_York", "Europe/London").
+     * Used to display and input dates in the specified timezone.
+     * The value passed to onChange will always be in UTC.
+     * If not provided, uses the user's local timezone.
+     */
+    timezone?: string;
+};
+export declare const DateTimeField: React.FC<DateTimeFieldProps>;

package/dist/components/DebouncedTextField.d.ts

@@ -0,0 +1,2 @@
+import { TextFieldProps } from "./index";
+export declare function DebouncedTextField<T extends string | number>(props: TextFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export type DialogProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+    className?: string;
+    containerClassName?: string;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    fullScreen?: boolean;
+    scrollable?: boolean;
+    maxWidth?: keyof typeof widthClasses;
+    modal?: boolean;
+    onOpenAutoFocus?: (e: Event) => void;
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    onPointerDownOutside?: (e: Event) => void;
+    onInteractOutside?: (e: Event) => void;
+    /**
+     * If `true`, the dialog will not focus the first focusable element when opened.
+     */
+    disableInitialFocus?: boolean;
+    portalContainer?: HTMLElement | null;
+};
+declare const widthClasses: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    full: string;
+};
+export declare const Dialog: ({ open, onOpenChange, children, className, containerClassName, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, disableInitialFocus, portalContainer }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DialogActions.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare function DialogActions({ children, position, translucent, className }: {
+    children: React.ReactNode;
+    position?: "sticky" | "absolute";
+    translucent?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DialogContent.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare function DialogContent({ children, className, fullHeight, includeMargin }: {
+    children: React.ReactNode;
+    includeMargin?: boolean;
+    fullHeight?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DialogTitle.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TypographyProps, TypographyVariant } from "./Typography";
+export type DialogContentProps = TypographyProps & {
+    children: React.ReactNode;
+    hidden?: boolean;
+    className?: string;
+    includeMargin?: boolean;
+    variant?: TypographyVariant;
+};
+export declare function DialogTitle({ children, hidden, className, variant, gutterBottom, includeMargin, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ExpandablePanel.d.ts

@@ -0,0 +1,12 @@
+import React, { PropsWithChildren } from "react";
+export declare function ExpandablePanel({ title, children, invisible, expanded, onExpandedChange, initiallyExpanded, titleClassName, asField, className, innerClassName }: PropsWithChildren<{
+    title: React.ReactNode;
+    invisible?: boolean;
+    initiallyExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    titleClassName?: string;
+    asField?: boolean;
+    className?: string;
+    innerClassName?: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/FileUpload.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface FileUploadError {
+    message: string;
+    code: string;
+}
+export type OnFileUploadRejected = (fileRejections: {
+    file: File;
+    errors: readonly FileUploadError[];
+}[], event: object) => void;
+export type OnFilesUploadAdded = (files: File[]) => void;
+export type FileUploadProps = {
+    accept: Record<string, string[]>;
+    onFilesAdded: OnFilesUploadAdded;
+    onFilesRejected?: OnFileUploadRejected;
+    maxSize?: number;
+    disabled?: boolean;
+    maxFiles?: number;
+    title?: React.ReactNode;
+    uploadDescription?: React.ReactNode;
+    preventDropOnDocument?: boolean;
+    size?: "small" | "medium" | "large";
+};
+export declare function FileUpload({ accept, onFilesAdded, onFilesRejected, maxSize, disabled, maxFiles, title, uploadDescription, children, preventDropOnDocument, size }: React.PropsWithChildren<FileUploadProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/IconButton.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type IconButtonProps<C extends React.ElementType> = Omit<(C extends "button" ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.ComponentProps<C>), "onClick"> & {
+    size?: "medium" | "small" | "smallest" | "large";
+    variant?: "ghost" | "filled";
+    shape?: "circular" | "square";
+    disabled?: boolean;
+    toggled?: boolean;
+    component?: C;
+    onClick?: React.MouseEventHandler<any>;
+};
+export declare const IconButton: React.ComponentType<IconButtonProps<any>>;

package/dist/components/InfoLabel.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function InfoLabel({ children, mode }: {
+    children: React.ReactNode;
+    mode?: "info" | "warn";
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/InputLabel.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type InputLabelProps = {
+    children?: React.ReactNode;
+    className?: string;
+    shrink?: boolean;
+} & React.LabelHTMLAttributes<HTMLLabelElement>;
+export declare const InputLabel: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    className?: string;
+    shrink?: boolean;
+} & React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/Label.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    border?: boolean;
+    onClick?: React.MouseEventHandler<HTMLLabelElement>;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/components/LoadingButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ButtonProps } from "./Button";
+export type LoadingButtonProps<P extends React.ElementType> = ButtonProps<P> & {
+    startIcon?: React.ReactNode;
+    loading?: boolean;
+};
+export declare function LoadingButton<P extends React.ElementType = "button">({ children, loading, disabled, onClick, startIcon, ...props }: LoadingButtonProps<P>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Markdown.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface MarkdownProps {
+    source: string;
+    size?: "small" | "medium" | "large" | "xl" | "2xl";
+    className?: string;
+}
+/**
+ * @group Preview components
+ */
+export declare const Markdown: React.FunctionComponent<MarkdownProps>;

package/dist/components/Menu.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export type MenuProps = {
+    children: React.ReactNode;
+    trigger: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    portalContainer?: HTMLElement | null;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    className?: string;
+};
+declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLButtonElement>>;
+export { Menu };
+export type MenuItemProps = {
+    children: React.ReactNode;
+    dense?: boolean;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent) => void;
+    className?: string;
+};
+export declare const MenuItem: React.MemoExoticComponent<({ children, dense, disabled, onClick, className }: MenuItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Menubar.d.ts

@@ -0,0 +1,80 @@
+import * as React from "react";
+export declare function Menubar({ children, onSelect, className }: {
+    children: React.ReactNode;
+    onSelect?: (event: React.SyntheticEvent) => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarMenu({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarTrigger({ children, onSelect, className }: {
+    children: React.ReactNode;
+    onSelect?: (event: React.SyntheticEvent) => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarPortal({ children, portalContainer, }: {
+    children: React.ReactNode;
+    portalContainer?: HTMLElement | null;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarContent({ children, className, align, sideOffset, alignOffset, onSelect, ...rest }: {
+    children: React.ReactNode;
+    className?: string;
+    onSelect?: (event: React.SyntheticEvent) => void;
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    alignOffset?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarItem({ children, leftPadding, className, disabled, onSelect, ...rest }: {
+    children: React.ReactNode;
+    onSelect?: (event: Event) => void;
+    leftPadding?: boolean;
+    className?: string;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSeparator({ children, className, ...rest }: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSub({ children, ...rest }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSubTrigger({ children, className, onSelect, ...rest }: {
+    children?: React.ReactNode;
+    onSelect?: (event: React.SyntheticEvent) => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSubContent({ children, alignOffset, className, onSelect, ...rest }: {
+    children?: React.ReactNode;
+    onSelect?: (event: React.SyntheticEvent) => void;
+    alignOffset?: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarCheckboxItem({ children, checked, onCheckedChange, className, onSelect, ...rest }: {
+    children?: React.ReactNode;
+    onSelect?: (event: Event) => void;
+    checked?: boolean;
+    onCheckedChange?: () => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarItemIndicator({ children, className, ...rest }: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarRadioGroup({ children, className, value, onValueChange, onSelect, ...rest }: {
+    children?: React.ReactNode;
+    onSelect?: (event: React.SyntheticEvent) => void;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarRadioItem({ children, className, value, onSelect, ...rest }: {
+    children?: React.ReactNode;
+    onSelect?: (event: Event) => void;
+    value: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarShortcut({ children, className, ...rest }: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSubTriggerIndicator(): import("react/jsx-runtime").JSX.Element;