@mcp-b/react-components 0.1.3 → 0.2.0

package/dist/{Button-QCM8ZKgR.d.ts → Button-Ct5I6aTu.d.ts}

@@ -89,6 +89,7 @@ declare function Button$1({
   color,
   size,
   className,
+  nativeButton,
   ref,
   ...props
 }: ButtonProps & {

package/dist/{CodeBlock-CttHhWcb.js → CodeBlock-BrCoypnc.js}

@@ -1,6 +1,6 @@
-import { Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue } from "./components/Select.js";
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { t as CopyButton } from "./copy-button-BNgclDrO.js";
+import { Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue } from "./components/Select.js";
+import { t as CopyButton } from "./copy-button-DAPlB8Z0.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{CodeBlock-V6pgafSS.d.ts → CodeBlock-CxQXv3C4.d.ts}

@@ -1,5 +1,5 @@
 import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, r as SelectContentProps, s as SelectItemProps } from "./Select-CRsKCJ9x.js";
-import { t as CopyButtonProps } from "./copy-button-BIATcZWZ.js";
+import { t as CopyButtonProps } from "./copy-button-BKXqGiNm.js";
 import * as React from "react";
 import { BundledLanguage, ThemedToken } from "shiki";
 

package/dist/Combobox-D9anamNr.d.ts

@@ -0,0 +1,177 @@
+import * as React from "react";
+import { Combobox } from "@base-ui/react/combobox";
+
+//#region src/components/Combobox.d.ts
+declare function ComboboxInput({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Input>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLInputElement>;
+}): React.JSX.Element;
+declare function ComboboxTrigger({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Trigger>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+declare function Clear({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Clear>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+declare function ComboboxPositioner({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Positioner>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function ComboboxPopup({
+  className,
+  tabIndex,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Popup>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function ComboboxList({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.List>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function ComboboxItem({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Item>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function ItemIndicator({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.ItemIndicator>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare function ComboboxEmpty({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Empty>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function ComboboxGroup({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.Group>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function ComboboxLabel({
+  className,
+  ref,
+  ...props
+}: Omit<React.ComponentPropsWithRef<typeof Combobox.GroupLabel>, "className"> & {
+  className?: string;
+} & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * An input combined with a filterable list of predefined items.
+ * Supports single and multiple selection, async search, and grouping.
+ *
+ * @example
+ * ```tsx
+ * // Basic single select
+ * const fruits = [
+ *   { label: 'Apple', value: 'apple' },
+ *   { label: 'Banana', value: 'banana' },
+ *   { label: 'Orange', value: 'orange' },
+ * ];
+ *
+ * <Combobox.Root items={fruits}>
+ *   <Combobox.Input placeholder="Select a fruit" />
+ *   <Combobox.Trigger>
+ *     <ChevronDownIcon />
+ *   </Combobox.Trigger>
+ *   <Combobox.Portal>
+ *     <Combobox.Positioner>
+ *       <Combobox.Popup>
+ *         <Combobox.List>
+ *           {(item) => (
+ *             <Combobox.Item value={item}>
+ *               <Combobox.ItemIndicator>
+ *                 <CheckIcon />
+ *               </Combobox.ItemIndicator>
+ *               {item.label}
+ *             </Combobox.Item>
+ *           )}
+ *         </Combobox.List>
+ *         <Combobox.Empty>No results found</Combobox.Empty>
+ *       </Combobox.Popup>
+ *     </Combobox.Positioner>
+ *   </Combobox.Portal>
+ * </Combobox.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
+ */
+declare const ComboboxContent: typeof ComboboxPopup;
+declare const ComboboxValue: typeof Combobox.Value;
+declare const ComboboxChips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxChip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxChipsInput: typeof ComboboxInput;
+declare const ComboboxCollection: typeof Combobox.Collection;
+declare const ComboboxSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+declare const Combobox$1: typeof Combobox.Root & {
+  Root: typeof Combobox.Root;
+  Input: typeof ComboboxInput;
+  Trigger: typeof ComboboxTrigger;
+  Clear: typeof Clear;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Positioner: typeof ComboboxPositioner;
+  Popup: typeof ComboboxPopup;
+  Content: typeof ComboboxPopup;
+  List: typeof ComboboxList;
+  Item: typeof ComboboxItem;
+  ItemIndicator: typeof ItemIndicator;
+  Empty: typeof ComboboxEmpty;
+  Group: typeof ComboboxGroup;
+  GroupLabel: typeof ComboboxLabel;
+  Label: typeof ComboboxLabel;
+  Value: typeof Combobox.Value;
+  Chips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Chip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  ChipsInput: typeof ComboboxInput;
+  Collection: typeof Combobox.Collection;
+  Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { ComboboxValue as _, ComboboxCollection as a, ComboboxGroup as c, ComboboxLabel as d, ComboboxList as f, ComboboxTrigger as g, ComboboxSeparator as h, ComboboxChipsInput as i, ComboboxInput as l, ComboboxPositioner as m, ComboboxChip as n, ComboboxContent as o, ComboboxPopup as p, ComboboxChips as r, ComboboxEmpty as s, Combobox$1 as t, ComboboxItem as u, useComboboxAnchor as v };

package/dist/Menu-B5vDqZe_.d.ts

@@ -0,0 +1,395 @@
+import * as React from "react";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/components/Menu.d.ts
+/**
+ * Props for the Menu.Root component.
+ */
+interface MenuProps extends React.ComponentPropsWithoutRef<typeof Menu.Root> {}
+/**
+ * Props for the Menu.Trigger component.
+ */
+interface MenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Trigger>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.Portal component.
+ */
+interface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof Menu.Portal> {}
+/**
+ * Props for the Menu.Positioner component.
+ */
+interface MenuPositionerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Positioner>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.Popup component.
+ */
+interface MenuPopupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Popup>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+type MenuPlacementProps = Pick<MenuPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance">;
+type MenuContentProps = MenuPopupProps & MenuPlacementProps;
+/**
+ * Props for the Menu.Item component.
+ */
+interface MenuItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Item>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}
+/**
+ * Props for the Menu.Group component.
+ */
+interface MenuGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Group>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.GroupLabel component.
+ */
+interface MenuGroupLabelProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.GroupLabel>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+  inset?: boolean;
+}
+type MenuLabelProps = MenuGroupLabelProps;
+/**
+ * Props for the Menu.Arrow component.
+ */
+interface MenuArrowProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Arrow>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.Separator component.
+ */
+interface MenuSeparatorProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Separator>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.RadioGroup component.
+ */
+interface MenuRadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.RadioGroup>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.RadioItem component.
+ */
+interface MenuRadioItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.RadioItem>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.RadioItemIndicator component.
+ */
+interface MenuRadioItemIndicatorProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.RadioItemIndicator>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.CheckboxItem component.
+ */
+interface MenuCheckboxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.CheckboxItem>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+/**
+ * Props for the Menu.CheckboxItemIndicator component.
+ */
+interface MenuCheckboxItemIndicatorProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.CheckboxItemIndicator>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
+interface MenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
+interface MenuSubProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
+type MenuSubContentProps = MenuContentProps;
+/**
+ * Props for the Menu.SubmenuTrigger component.
+ */
+interface MenuSubmenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+  inset?: boolean;
+}
+type MenuSubTriggerProps = MenuSubmenuTriggerProps;
+/**
+ * Root component that manages menu state.
+ *
+ * @example
+ * ```tsx
+ * <Menu.Root>
+ *   <Menu.Trigger>Actions</Menu.Trigger>
+ *   <Menu.Portal>
+ *     <Menu.Positioner>
+ *       <Menu.Popup>
+ *         <Menu.Item>Edit</Menu.Item>
+ *         <Menu.Item>Delete</Menu.Item>
+ *       </Menu.Popup>
+ *     </Menu.Positioner>
+ *   </Menu.Portal>
+ * </Menu.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
+ */
+declare const MenuRoot: (props: MenuProps) => React.JSX.Element;
+/**
+ * Button that toggles the menu visibility.
+ */
+declare function MenuTrigger({
+  className,
+  ref,
+  ...props
+}: MenuTriggerProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+/**
+ * Renders menu content in a portal.
+ */
+declare const MenuPortal: (props: MenuPortalProps) => React.JSX.Element;
+/**
+ * Positions the menu popup relative to the trigger.
+ */
+declare function MenuPositioner({
+  className,
+  ref,
+  ...props
+}: MenuPositionerProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Container for menu items.
+ */
+declare function MenuPopup({
+  className,
+  ref,
+  ...props
+}: MenuPopupProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function MenuContent({
+  anchor,
+  positionMethod,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  collisionBoundary,
+  collisionPadding,
+  sticky,
+  arrowPadding,
+  disableAnchorTracking,
+  collisionAvoidance,
+  ...props
+}: MenuContentProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Interactive menu item.
+ */
+declare function MenuItem({
+  className,
+  inset,
+  variant,
+  ref,
+  ...props
+}: MenuItemProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Groups related menu items.
+ */
+declare function MenuGroup({
+  className,
+  ref,
+  ...props
+}: MenuGroupProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Label for a group of menu items.
+ */
+declare function MenuGroupLabel({
+  className,
+  inset,
+  ref,
+  ...props
+}: MenuGroupLabelProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare const MenuLabel: typeof MenuGroupLabel;
+/**
+ * Arrow pointing to the trigger.
+ */
+declare function MenuArrow({
+  className,
+  ref,
+  ...props
+}: MenuArrowProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Visual separator between menu sections.
+ */
+declare function MenuSeparator({
+  className,
+  ref,
+  ...props
+}: MenuSeparatorProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Group for exclusive radio selection.
+ */
+declare function MenuRadioGroup({
+  className,
+  ref,
+  ...props
+}: MenuRadioGroupProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Radio item for exclusive selection.
+ */
+declare function MenuRadioItem({
+  className,
+  children,
+  ref,
+  ...props
+}: MenuRadioItemProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Indicator for selected radio item.
+ */
+declare function MenuRadioItemIndicator({
+  className,
+  ref,
+  ...props
+}: MenuRadioItemIndicatorProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+/**
+ * Checkbox item for toggling options.
+ */
+declare function MenuCheckboxItem({
+  className,
+  children,
+  ref,
+  ...props
+}: MenuCheckboxItemProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Indicator for checked checkbox item.
+ */
+declare function MenuCheckboxItemIndicator({
+  className,
+  ref,
+  ...props
+}: MenuCheckboxItemIndicatorProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare function MenuShortcut({
+  className,
+  ref,
+  ...props
+}: MenuShortcutProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare function MenuSub(props: MenuSubProps): React.JSX.Element;
+declare function MenuSubContent({
+  side,
+  align,
+  sideOffset,
+  ...props
+}: MenuSubContentProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Trigger that opens a submenu.
+ */
+declare function MenuSubmenuTrigger({
+  className,
+  inset,
+  ref,
+  ...props
+}: MenuSubmenuTriggerProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare const MenuSubTrigger: typeof MenuSubmenuTrigger;
+/**
+ * A dropdown menu with keyboard navigation support.
+ * Provides items, groups, checkboxes, radio selections, and nested submenus.
+ *
+ * @example
+ * ```tsx
+ * // Basic menu
+ * <Menu.Root>
+ *   <Menu.Trigger>Actions</Menu.Trigger>
+ *   <Menu.Portal>
+ *     <Menu.Positioner>
+ *       <Menu.Popup>
+ *         <Menu.Item onClick={() => console.log('Edit')}>Edit</Menu.Item>
+ *         <Menu.Item onClick={() => console.log('Copy')}>Copy</Menu.Item>
+ *         <Menu.Separator />
+ *         <Menu.Item onClick={() => console.log('Delete')}>Delete</Menu.Item>
+ *       </Menu.Popup>
+ *     </Menu.Positioner>
+ *   </Menu.Portal>
+ * </Menu.Root>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Menu with checkbox items
+ * <Menu.Root>
+ *   <Menu.Trigger>View Options</Menu.Trigger>
+ *   <Menu.Portal>
+ *     <Menu.Positioner>
+ *       <Menu.Popup>
+ *         <Menu.CheckboxItem checked={showGrid} onCheckedChange={setShowGrid}>
+ *           <Menu.CheckboxItemIndicator />
+ *           Show Grid
+ *         </Menu.CheckboxItem>
+ *       </Menu.Popup>
+ *     </Menu.Positioner>
+ *   </Menu.Portal>
+ * </Menu.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
+ */
+declare const Menu$1: ((props: MenuProps) => React.JSX.Element) & {
+  Root: (props: MenuProps) => React.JSX.Element;
+  Trigger: typeof MenuTrigger;
+  Portal: (props: MenuPortalProps) => React.JSX.Element;
+  Positioner: typeof MenuPositioner;
+  Popup: typeof MenuPopup;
+  Content: typeof MenuContent;
+  Item: typeof MenuItem;
+  Group: typeof MenuGroup;
+  GroupLabel: typeof MenuGroupLabel;
+  Label: typeof MenuGroupLabel;
+  Arrow: typeof MenuArrow;
+  Separator: typeof MenuSeparator;
+  RadioGroup: typeof MenuRadioGroup;
+  RadioItem: typeof MenuRadioItem;
+  RadioItemIndicator: typeof MenuRadioItemIndicator;
+  CheckboxItem: typeof MenuCheckboxItem;
+  CheckboxItemIndicator: typeof MenuCheckboxItemIndicator;
+  Shortcut: typeof MenuShortcut;
+  Sub: typeof MenuSub;
+  SubContent: typeof MenuSubContent;
+  SubTrigger: typeof MenuSubmenuTrigger;
+  SubmenuTrigger: typeof MenuSubmenuTrigger;
+};
+//#endregion
+export { MenuRadioItemProps as A, MenuSubTrigger as B, MenuPositionerProps as C, MenuRadioItem as D, MenuRadioGroupProps as E, MenuShortcutProps as F, MenuTriggerProps as G, MenuSubmenuTrigger as H, MenuSub as I, MenuSubContent as L, MenuSeparator as M, MenuSeparatorProps as N, MenuRadioItemIndicator as O, MenuShortcut as P, MenuSubContentProps as R, MenuPositioner as S, MenuRadioGroup as T, MenuSubmenuTriggerProps as U, MenuSubTriggerProps as V, MenuTrigger as W, MenuLabelProps as _, MenuCheckboxItemIndicator as a, MenuPortal as b, MenuContent as c, MenuGroupLabel as d, MenuGroupLabelProps as f, MenuLabel as g, MenuItemProps as h, MenuCheckboxItem as i, MenuRoot as j, MenuRadioItemIndicatorProps as k, MenuContentProps as l, MenuItem as m, MenuArrow as n, MenuCheckboxItemIndicatorProps as o, MenuGroupProps as p, MenuArrowProps as r, MenuCheckboxItemProps as s, Menu$1 as t, MenuGroup as u, MenuPopup as v, MenuProps as w, MenuPortalProps as x, MenuPopupProps as y, MenuSubProps as z };

package/dist/Tabs-D9EAq09D.d.ts

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/components/Tabs.d.ts
+interface TabsProps extends Omit<Tabs.Root.Props, "className"> {
+  className?: string;
+  /**
+   * The visual style variant.
+   * @default 'default'
+   */
+  variant?: "default" | "bordered";
+}
+interface TabsListProps extends Omit<Tabs.List.Props, "className"> {
+  className?: string;
+  variant?: "default" | "line" | null;
+}
+interface TabProps extends Omit<Tabs.Tab.Props, "className"> {
+  className?: string;
+}
+interface TabPanelProps extends Omit<Tabs.Panel.Props, "className"> {
+  className?: string;
+}
+type TabsTriggerProps = TabProps;
+type TabsContentProps = TabPanelProps;
+interface TabsListVariantsOptions {
+  variant?: "default" | "line" | null;
+  className?: string;
+}
+declare function tabsListVariants({
+  variant,
+  className
+}?: TabsListVariantsOptions): string;
+/**
+ * A tabs component for organizing content into separate views.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="tab1">
+ *   <TabsList>
+ *     <Tab value="tab1">Tab 1</Tab>
+ *     <Tab value="tab2">Tab 2</Tab>
+ *   </TabsList>
+ *   <TabPanel value="tab1">Content 1</TabPanel>
+ *   <TabPanel value="tab2">Content 2</TabPanel>
+ * </Tabs>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
+ */
+declare function Tabs$1({
+  orientation,
+  variant,
+  className,
+  ref,
+  ...props
+}: TabsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function TabsList({
+  className,
+  variant,
+  ref,
+  ...props
+}: TabsListProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function Tab({
+  className,
+  ref,
+  ...props
+}: TabProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+declare function TabPanel({
+  className,
+  ref,
+  ...props
+}: TabPanelProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare const TabsTrigger: typeof Tab;
+declare const TabsContent: typeof TabPanel;
+//#endregion
+export { Tabs$1 as a, TabsList as c, TabsProps as d, TabsTrigger as f, TabProps as i, TabsListProps as l, tabsListVariants as m, TabPanel as n, TabsContent as o, TabsTriggerProps as p, TabPanelProps as r, TabsContentProps as s, Tab as t, TabsListVariantsOptions as u };