@minidev.fun/ui 1.0.2 → 1.0.4

package/dist/sidebar.d.ts

@@ -0,0 +1,288 @@
+import { Button as Button_2 } from '@base-ui/react/button';
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
+import { Tooltip } from '@base-ui/react/tooltip';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Versatile button component with multiple visual variants and sizes.
+ *
+ * Supports icon placement via `data-icon="inline-start"` or `data-icon="inline-end"` attributes
+ * on child elements. Use the `render` prop to compose with other components or change the
+ * underlying element while maintaining button semantics.
+ *
+ * @example
+ * ```tsx
+ * // Basic button
+ * <Button variant="default">Click me</Button>
+ *
+ * // With icon
+ * <Button>
+ *   <PlusIcon data-icon="inline-start" />
+ *   Create
+ * </Button>
+ *
+ * // Icon only
+ * <Button size="icon" aria-label="Settings">
+ *   <SettingsIcon />
+ * </Button>
+ *
+ * // Custom element
+ * <Button render={<a href="/login" />}>Sign in</Button>
+ * ```
+ */
+declare function Button({ className, variant, size, ...props }: ButtonProps): JSX.Element;
+
+/**
+ * Props for the Button component.
+ * Combines Base UI Button props with variant styling options.
+ */
+declare type ButtonProps = Button_2.Props & VariantProps<typeof buttonVariants>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "success" | "destructive" | "info" | "primary" | "secondary" | "ghost" | "warning" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * Text input field with support for all HTML input types.
+ *
+ * Supports text, email, password, number, tel, url, search, date, time, file, and other input types.
+ * Includes built-in validation styling via `aria-invalid` attribute.
+ */
+declare function Input({ className, type, ...props }: InputProps): JSX.Element;
+
+declare type InputProps = React_2.ComponentProps<"input">;
+
+/**
+ * Visual divider for separating content sections.
+ * Supports both horizontal (default) and vertical orientations.
+ */
+declare function Separator({ className, orientation, ...props }: SeparatorProps): JSX.Element;
+
+declare type SeparatorProps = Separator_2.Props;
+
+/**
+ * Sidebar container with responsive behavior. Renders as Sheet on mobile.
+ * Use with SidebarProvider for state management.
+ */
+export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): JSX.Element;
+
+/**
+ * Scrollable main content area of sidebar. Contains SidebarGroup components.
+ */
+export declare function SidebarContent({ className, ...props }: SidebarContentProps): JSX.Element;
+
+export declare type SidebarContentProps = React_2.ComponentProps<"div">;
+
+declare type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+
+/**
+ * Bottom section of sidebar for user profile, settings, or secondary actions.
+ */
+export declare function SidebarFooter({ className, ...props }: SidebarFooterProps): JSX.Element;
+
+export declare type SidebarFooterProps = React_2.ComponentProps<"div">;
+
+/**
+ * Container for grouped menu items with optional label.
+ */
+export declare function SidebarGroup({ className, ...props }: SidebarGroupProps): JSX.Element;
+
+/**
+ * Action button displayed in top-right of group (e.g., add, expand all).
+ */
+export declare function SidebarGroupAction({ className, render, ...props }: SidebarGroupActionProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarGroupActionProps = useRender.ComponentProps<"button"> & React_2.ComponentProps<"button">;
+
+/**
+ * Container for menu items within a group.
+ */
+export declare function SidebarGroupContent({ className, ...props }: SidebarGroupContentProps): JSX.Element;
+
+export declare type SidebarGroupContentProps = React_2.ComponentProps<"div">;
+
+/**
+ * Label heading for a sidebar group. Fades out when sidebar collapses to icon mode.
+ */
+export declare function SidebarGroupLabel({ className, render, ...props }: SidebarGroupLabelProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarGroupLabelProps = useRender.ComponentProps<"div"> & React_2.ComponentProps<"div">;
+
+export declare type SidebarGroupProps = React_2.ComponentProps<"div">;
+
+/**
+ * Top section of sidebar for branding, app switcher, or global actions.
+ */
+export declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): JSX.Element;
+
+export declare type SidebarHeaderProps = React_2.ComponentProps<"div">;
+
+/**
+ * Styled input for sidebar search/filter functionality.
+ */
+export declare function SidebarInput({ className, ...props }: SidebarInputProps): JSX.Element;
+
+export declare type SidebarInputProps = React_2.ComponentProps<typeof Input>;
+
+/**
+ * Main content area that sits beside the sidebar. Automatically adjusts margins based on sidebar state.
+ */
+export declare function SidebarInset({ className, ...props }: SidebarInsetProps): JSX.Element;
+
+export declare type SidebarInsetProps = React_2.ComponentProps<"main">;
+
+/**
+ * Unordered list container for sidebar menu items.
+ */
+export declare function SidebarMenu({ className, ...props }: SidebarMenuProps): JSX.Element;
+
+/**
+ * Secondary action button for menu item (e.g., delete, edit). Positioned on right side.
+ */
+export declare function SidebarMenuAction({ className, render, showOnHover, ...props }: SidebarMenuActionProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarMenuActionProps = useRender.ComponentProps<"button"> & React_2.ComponentProps<"button"> & {
+    /** Only show on hover/focus. @default false */
+    showOnHover?: boolean;
+};
+
+/**
+ * Badge/counter displayed on right side of menu item (e.g., notification count).
+ */
+export declare function SidebarMenuBadge({ className, ...props }: SidebarMenuBadgeProps): JSX.Element;
+
+export declare type SidebarMenuBadgeProps = React_2.ComponentProps<"div">;
+
+/**
+ * Clickable button for sidebar menu item. Supports variants, sizes, active state, and tooltips.
+ */
+export declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: SidebarMenuButtonProps): JSX.Element;
+
+export declare type SidebarMenuButtonProps = useRender.ComponentProps<"button"> & React_2.ComponentProps<"button"> & {
+    /** Mark as active/current page. */
+    isActive?: boolean;
+    /** Tooltip content shown when sidebar is collapsed. */
+    tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * List item wrapper for a single menu entry.
+ */
+export declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): JSX.Element;
+
+export declare type SidebarMenuItemProps = React_2.ComponentProps<"li">;
+
+export declare type SidebarMenuProps = React_2.ComponentProps<"ul">;
+
+/**
+ * Loading skeleton placeholder for menu item with randomized width.
+ */
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: SidebarMenuSkeletonProps): JSX.Element;
+
+export declare type SidebarMenuSkeletonProps = React_2.ComponentProps<"div"> & {
+    /** Show icon skeleton. @default false */
+    showIcon?: boolean;
+};
+
+/**
+ * Nested submenu list with indented border. Place inside SidebarMenuItem.
+ */
+export declare function SidebarMenuSub({ className, ...props }: SidebarMenuSubProps): JSX.Element;
+
+/**
+ * Link button for submenu item. Defaults to anchor tag.
+ */
+export declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: SidebarMenuSubButtonProps): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare type SidebarMenuSubButtonProps = useRender.ComponentProps<"a"> & React_2.ComponentProps<"a"> & {
+    /** Size variant. @default "md" */
+    size?: "sm" | "md";
+    /** Mark as active/current page. */
+    isActive?: boolean;
+};
+
+/**
+ * List item wrapper for submenu entry.
+ */
+export declare function SidebarMenuSubItem({ className, ...props }: SidebarMenuSubItemProps): JSX.Element;
+
+export declare type SidebarMenuSubItemProps = React_2.ComponentProps<"li">;
+
+export declare type SidebarMenuSubProps = React_2.ComponentProps<"ul">;
+
+export declare type SidebarProps = React_2.ComponentProps<"div"> & {
+    /** Which side to display sidebar. @default "left" */
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset" | "fixed";
+    collapsible?: "offcanvas" | "icon" | "none";
+};
+
+/**
+ * Root provider for sidebar with state management, keyboard shortcuts (⌘B), and mobile detection.
+ * Manages collapsed/expanded state and persists preference in cookie.
+ */
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: SidebarProviderProps): JSX.Element;
+
+export declare type SidebarProviderProps = React_2.ComponentProps<"div"> & {
+    /** Initial open state on desktop. @default true */
+    defaultOpen?: boolean;
+    /** Controlled open state for desktop. */
+    open?: boolean;
+    /** Callback when open state changes. Persists state in cookie. */
+    onOpenChange?: (open: boolean) => void;
+};
+
+/**
+ * Invisible rail element on sidebar edge for drag-to-resize interaction.
+ */
+export declare function SidebarRail({ className, ...props }: SidebarRailProps): JSX.Element;
+
+export declare type SidebarRailProps = React_2.ComponentProps<"button">;
+
+/**
+ * Horizontal divider between sidebar sections.
+ */
+export declare function SidebarSeparator({ className, ...props }: SidebarSeparatorProps): JSX.Element;
+
+export declare type SidebarSeparatorProps = React_2.ComponentProps<typeof Separator>;
+
+/**
+ * Button to toggle sidebar open/closed. Shows hamburger icon.
+ */
+export declare function SidebarTrigger({ className, onClick, ...props }: SidebarTriggerProps): JSX.Element;
+
+export declare type SidebarTriggerProps = React_2.ComponentProps<typeof Button>;
+
+/**
+ * Tooltip content popup with automatic portal, positioning, and arrow.
+ * Includes smooth animations and collision detection.
+ */
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipContentProps): JSX.Element;
+
+declare type TooltipContentProps = Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+
+/**
+ * Hook to access sidebar context including state, mobile state, and toggle functions.
+ * Must be used within SidebarProvider.
+ */
+export declare function useSidebar(): SidebarContextProps;
+
+export { }

package/dist/skeleton.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+
+/**
+ * Skeleton loading placeholder with pulse animation.
+ * Use to indicate content is loading while maintaining layout structure.
+ */
+export declare function Skeleton({ className, ...props }: SkeletonProps): JSX.Element;
+
+export declare type SkeletonProps = React.ComponentProps<"div">;
+
+export { }

package/dist/{components/ui/slider.d.ts → slider.d.ts}

@@ -1,21 +1,24 @@
-import { Slider as SliderPrimitive } from '@base-ui/react/slider';
-type SliderProps = SliderPrimitive.Root.Props;
-/**
- * Slider for selecting single values or ranges with one or more draggable thumbs.
- * Supports horizontal and vertical orientations with keyboard navigation.
- *
- * @example
- * // Single value slider
- * <Slider defaultValue={[50]} min={0} max={100} />
- *
- * @example
- * // Range slider (two thumbs)
- * <Slider defaultValue={[25, 75]} min={0} max={100} />
- *
- * @example
- * // Controlled slider with step
- * <Slider value={value} onValueChange={setValue} min={0} max={100} step={10} />
- */
-declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
-export { Slider, type SliderProps };
-//# sourceMappingURL=slider.d.ts.map
+import { JSX } from 'react/jsx-runtime';
+import { Slider as Slider_2 } from '@base-ui/react/slider';
+
+/**
+ * Slider for selecting single values or ranges with one or more draggable thumbs.
+ * Supports horizontal and vertical orientations with keyboard navigation.
+ *
+ * @example
+ * // Single value slider
+ * <Slider defaultValue={[50]} min={0} max={100} />
+ *
+ * @example
+ * // Range slider (two thumbs)
+ * <Slider defaultValue={[25, 75]} min={0} max={100} />
+ *
+ * @example
+ * // Controlled slider with step
+ * <Slider value={value} onValueChange={setValue} min={0} max={100} step={10} />
+ */
+export declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderProps): JSX.Element;
+
+export declare type SliderProps = Slider_2.Root.Props;
+
+export { }

package/dist/{components/ui/sonner.d.ts → sonner.d.ts}

@@ -1,21 +1,27 @@
-import { toast, ToasterProps } from 'sonner';
-type ToasterComponentProps = ToasterProps;
-/**
- * Toast notification container with themed icons and color system integration.
- *
- * Provides a pre-configured Sonner toaster with custom icons for each toast type
- * and automatic theme integration. Use the exported `toast` function to trigger notifications.
- *
- * @example
- * ```tsx
- * // Add to your app root
- * <Toaster position="bottom-right" />
- *
- * // Trigger toasts anywhere
- * toast.success("Saved successfully")
- * toast.error("Failed to save", { description: error.message })
- * ```
- */
-declare function Toaster({ theme, richColors, ...props }: ToasterComponentProps): import("react/jsx-runtime").JSX.Element;
-export { Toaster, toast, type ToasterComponentProps };
-//# sourceMappingURL=sonner.d.ts.map
+import { JSX } from 'react/jsx-runtime';
+import { toast } from 'sonner';
+import { ToasterProps } from 'sonner';
+
+export { toast }
+
+/**
+ * Toast notification container with themed icons and color system integration.
+ *
+ * Provides a pre-configured Sonner toaster with custom icons for each toast type
+ * and automatic theme integration. Use the exported `toast` function to trigger notifications.
+ *
+ * @example
+ * ```tsx
+ * // Add to your app root
+ * <Toaster position="bottom-right" />
+ *
+ * // Trigger toasts anywhere
+ * toast.success("Saved successfully")
+ * toast.error("Failed to save", { description: error.message })
+ * ```
+ */
+export declare function Toaster({ theme, richColors, ...props }: ToasterComponentProps): JSX.Element;
+
+export declare type ToasterComponentProps = ToasterProps;
+
+export { }

package/dist/spinner.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+
+/**
+ * Animated loading spinner for indicating processing states.
+ * Uses Lucide's Loader2 icon with continuous rotation animation.
+ */
+export declare function Spinner({ className, ...props }: SpinnerProps): JSX.Element;
+
+export declare type SpinnerProps = React.ComponentProps<"svg">;
+
+export { }

package/dist/switch.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react/jsx-runtime';
+import { Switch as Switch_2 } from '@base-ui/react/switch';
+
+/**
+ * Toggle switch for binary on/off settings.
+ * Renders a styled switch with automatic focus management and form integration.
+ */
+export declare function Switch({ className, size, ...props }: SwitchProps): JSX.Element;
+
+export declare type SwitchProps = Switch_2.Root.Props & {
+    /** Switch size variant. @default "default" */
+    size?: "sm" | "default";
+};
+
+export { }

package/dist/table.d.ts

@@ -0,0 +1,68 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+/**
+ * Root table component with automatic horizontal scrolling container.
+ * Wraps standard HTML table element with responsive overflow behavior.
+ */
+export declare function Table({ className, ...props }: TableProps): JSX.Element;
+
+/**
+ * Table body section for data rows.
+ * Use with TableRow and TableCell for row content.
+ */
+export declare function TableBody({ className, ...props }: TableBodyProps): JSX.Element;
+
+export declare type TableBodyProps = React_2.ComponentProps<"tbody">;
+
+/**
+ * Table caption for accessibility and description.
+ * Rendered below the table by default.
+ */
+export declare function TableCaption({ className, ...props }: TableCaptionProps): JSX.Element;
+
+export declare type TableCaptionProps = React_2.ComponentProps<"caption">;
+
+/**
+ * Table data cell for row content.
+ * Use within TableBody > TableRow.
+ */
+export declare function TableCell({ className, ...props }: TableCellProps): JSX.Element;
+
+export declare type TableCellProps = React_2.ComponentProps<"td">;
+
+/**
+ * Table footer section for summary rows.
+ * Typically used for totals or aggregated data.
+ */
+export declare function TableFooter({ className, ...props }: TableFooterProps): JSX.Element;
+
+export declare type TableFooterProps = React_2.ComponentProps<"tfoot">;
+
+/**
+ * Table header cell for column titles.
+ * Use within TableHeader > TableRow.
+ */
+export declare function TableHead({ className, ...props }: TableHeadProps): JSX.Element;
+
+/**
+ * Table header section for column headings.
+ * Use with TableHead for individual header cells.
+ */
+export declare function TableHeader({ className, ...props }: TableHeaderProps): JSX.Element;
+
+export declare type TableHeaderProps = React_2.ComponentProps<"thead">;
+
+export declare type TableHeadProps = React_2.ComponentProps<"th">;
+
+export declare type TableProps = React_2.ComponentProps<"table">;
+
+/**
+ * Table row with hover and selection states.
+ * Add `data-state="selected"` attribute to highlight row.
+ */
+export declare function TableRow({ className, ...props }: TableRowProps): JSX.Element;
+
+export declare type TableRowProps = React_2.ComponentProps<"tr">;
+
+export { }

package/dist/tabs.d.ts

@@ -0,0 +1,42 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import { Tabs as Tabs_2 } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Root container for tabs component that manages tab state and orientation.
+ * Supports both controlled and uncontrolled usage with horizontal or vertical layout.
+ */
+export declare function Tabs({ className, orientation, ...props }: TabsProps): JSX.Element;
+
+/**
+ * Content panel that displays when its corresponding tab is active.
+ * Automatically hidden/shown based on active tab value.
+ */
+export declare function TabsContent({ className, ...props }: TabsContentProps): JSX.Element;
+
+export declare type TabsContentProps = Tabs_2.Panel.Props;
+
+/**
+ * Container for tab triggers with two visual variants.
+ * @param variant - Visual style: "default" (background highlight) or "line" (underline indicator). @default "default"
+ */
+export declare function TabsList({ className, variant, ...props }: TabsListProps): JSX.Element;
+
+export declare type TabsListProps = Tabs_2.List.Props & VariantProps<typeof tabsListVariants>;
+
+export declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type TabsProps = Tabs_2.Root.Props;
+
+/**
+ * Individual tab button that activates the corresponding panel.
+ * Supports icons, badges, and disabled state. Active tab has visual highlight or underline based on variant.
+ */
+export declare function TabsTrigger({ className, ...props }: TabsTriggerProps): JSX.Element;
+
+export declare type TabsTriggerProps = Tabs_2.Tab.Props;
+
+export { }

package/dist/{components/ui/textarea.d.ts → textarea.d.ts}

@@ -1,18 +1,21 @@
-import * as React from "react";
-type TextareaProps = React.ComponentProps<"textarea">;
-/**
- * Multi-line text input with auto-grow behavior and validation states.
- *
- * Features:
- * - Auto-grows vertically with content (field-sizing-content)
- * - Error state via aria-invalid
- * - Supports all native textarea props (rows, disabled, etc.)
- *
- * @example
- * ```tsx
- * <Textarea placeholder="Enter description..." rows={4} />
- * ```
- */
-declare function Textarea({ className, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
-export { Textarea, type TextareaProps };
-//# sourceMappingURL=textarea.d.ts.map
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+/**
+ * Multi-line text input with auto-grow behavior and validation states.
+ *
+ * Features:
+ * - Auto-grows vertically with content (field-sizing-content)
+ * - Error state via aria-invalid
+ * - Supports all native textarea props (rows, disabled, etc.)
+ *
+ * @example
+ * ```tsx
+ * <Textarea placeholder="Enter description..." rows={4} />
+ * ```
+ */
+export declare function Textarea({ className, ...props }: TextareaProps): JSX.Element;
+
+export declare type TextareaProps = React_2.ComponentProps<"textarea">;
+
+export { }

package/dist/toast.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare function Toast({ title, description, variant, className, onClose, children, ...props }: ToastProps): JSX.Element;
+
+export declare interface ToastProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    onClose?: () => void;
+}
+
+export declare type ToastVariant = "default" | "success" | "destructive" | "info" | "loading";
+
+export { }

package/dist/toggle-group.d.ts

@@ -0,0 +1,36 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import { Toggle } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroup_2 } from '@base-ui/react/toggle-group';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Container for a group of toggle buttons that share state. Supports both single and multiple selection modes.
+ *
+ * By default, the toggle group allows multiple selection. Use `multiple={false}` for single selection.
+ * All items inherit variant and size from the group unless explicitly overridden.
+ */
+export declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupProps): JSX.Element;
+
+/**
+ * Individual toggle button within a ToggleGroup. Inherits variant and size from parent group context.
+ *
+ * When spacing={0}, items are joined together with shared borders. Use `aria-label` for icon-only buttons.
+ */
+export declare function ToggleGroupItem({ className, children, variant, size, ...props }: ToggleGroupItemProps): JSX.Element;
+
+export declare type ToggleGroupItemProps = Toggle.Props & VariantProps<typeof toggleVariants>;
+
+export declare type ToggleGroupProps = ToggleGroup_2.Props & VariantProps<typeof toggleVariants> & {
+    /** Gap between items in spacing units. Set to 0 for joined buttons. @default 0 */
+    spacing?: number;
+    /** Layout direction of the toggle group. @default "horizontal" */
+    orientation?: "horizontal" | "vertical";
+};
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }

package/dist/toggle.d.ts

@@ -0,0 +1,19 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Two-state button that can be pressed (on) or unpressed (off).
+ * Supports icons, text, or both. Commonly used for formatting toolbars, view mode toggles, and preference switches.
+ */
+export declare function Toggle({ className, variant, size, ...props }: ToggleProps): JSX.Element;
+
+export declare type ToggleProps = Toggle_2.Props & VariantProps<typeof toggleVariants>;
+
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }