@badnpm/ui 0.0.0-stage → 0.0.1

package/dist/cjs/types/components/separator.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+
+declare function Separator({ className, orientation, ...props }: Separator$1.Props): React.JSX.Element;
+
+export { Separator };

package/dist/cjs/types/components/sheet.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Dialog } from '@base-ui/react/dialog';
+
+declare function Sheet({ ...props }: Dialog.Root.Props): React.JSX.Element;
+declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): React.JSX.Element;
+declare function SheetClose({ ...props }: Dialog.Close.Props): React.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog.Popup.Props & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: Dialog.Title.Props): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: Dialog.Description.Props): React.JSX.Element;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/cjs/types/components/sidebar.d.ts

@@ -0,0 +1,66 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { Separator } from './separator.js';
+import { TooltipContent } from './tooltip.js';
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
+    showOnHover?: boolean;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/cjs/types/components/skeleton.d.ts

@@ -0,0 +1,5 @@
+import * as React$1 from 'react';
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+export { Skeleton };

package/dist/cjs/types/components/slider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+
+declare function Slider({ className, defaultValue, value, min, max, ...props }: Slider$1.Root.Props): React.JSX.Element;
+
+export { Slider };

package/dist/cjs/types/components/spinner.d.ts

@@ -0,0 +1,5 @@
+import * as React$1 from 'react';
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React$1.JSX.Element;
+
+export { Spinner };

package/dist/cjs/types/components/switch.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+
+declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+
+export { Switch };

package/dist/cjs/types/components/table.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+declare function Table({ className, ...props }: React.ComponentProps<"table">): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/cjs/types/components/tabs.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+
+declare function Tabs({ className, orientation, ...props }: Tabs$1.Root.Props): React.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: Tabs$1.Tab.Props): React.JSX.Element;
+declare function TabsContent({ className, ...props }: Tabs$1.Panel.Props): React.JSX.Element;
+
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };

package/dist/cjs/types/components/textarea.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+
+export { Textarea };

package/dist/cjs/types/components/theme-toggle.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+import { Button } from './button.js';
+
+type ThemeToggleProps = Omit<ComponentProps<typeof Button>, 'children'> & {
+    /** 切换到深色模式的无障碍文案，默认为“切换到深色主题”。 */
+    darkLabel?: string;
+    /** 切换到浅色模式的无障碍文案，默认为“切换到浅色主题”。 */
+    lightLabel?: string;
+};
+declare function ThemeToggle({ darkLabel, lightLabel, variant, size, title, onClick, ...props }: ThemeToggleProps): React.JSX.Element;
+
+export { ThemeToggle };
+export type { ThemeToggleProps };

package/dist/cjs/types/components/toast.d.ts

@@ -0,0 +1,19 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as React from 'react';
+import { Toast as Toast$1 } from '@base-ui/react/toast';
+
+declare const toast: _base_ui_react.ToastManager<any>;
+declare function ToastProvider({ ...props }: Toast$1.Provider.Props): React.JSX.Element;
+declare function ToastPortal({ ...props }: Toast$1.Portal.Props): React.JSX.Element;
+declare function ToastViewport({ className, ...props }: Toast$1.Viewport.Props): React.JSX.Element;
+declare function Toast({ className, ...props }: Toast$1.Root.Props): React.JSX.Element;
+declare function ToastContent({ className, ...props }: Toast$1.Content.Props): React.JSX.Element;
+declare function ToastTitle({ className, ...props }: Toast$1.Title.Props): React.JSX.Element;
+declare function ToastDescription({ className, ...props }: Toast$1.Description.Props): React.JSX.Element;
+declare function ToastAction({ className, render, ...props }: Toast$1.Action.Props): React.JSX.Element;
+declare function ToastClose({ className, children, render, ...props }: Toast$1.Close.Props): React.JSX.Element;
+declare function Toaster({ children, toastManager, ...props }: Toast$1.Provider.Props): React.JSX.Element;
+declare const createToastManager: typeof Toast$1.createToastManager;
+declare const useToastManager: typeof Toast$1.useToastManager;
+
+export { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, createToastManager, toast, useToastManager };

package/dist/cjs/types/components/toggle-group.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Toggle } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroup$1 } from '@base-ui/react/toggle-group';
+import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from './toggle.js';
+
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+}): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: Toggle.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
+
+export { ToggleGroup, ToggleGroupItem };

package/dist/cjs/types/components/toggle.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Toggle as Toggle$1 } from '@base-ui/react/toggle';
+import { VariantProps } from 'class-variance-authority';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: Toggle$1.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
+
+export { Toggle, toggleVariants };

package/dist/cjs/types/components/tooltip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+
+declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React.JSX.Element;
+declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React.JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/cjs/types/components/trace.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible.js';
+
+declare function Trace({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
+    status?: "running" | "error" | "pending";
+}): React.JSX.Element;
+declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "open"> & ({
+    open?: undefined;
+} | {
+    open: boolean;
+    onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
+})): React.JSX.Element;
+declare function TraceCollapsibleTrigger({ className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger>): React.JSX.Element;
+declare function TraceCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };

package/dist/cjs/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useHighlightedCode } from './use-highlighted-code.js';
+export { useHydrated } from './use-hydrated.js';
+export { useIsMobile } from './use-mobile.js';

package/dist/cjs/types/hooks/use-highlighted-code.d.ts

@@ -0,0 +1,3 @@
+declare function useHighlightedCode(value: string, language: string): any[];
+
+export { useHighlightedCode };

package/dist/cjs/types/hooks/use-hydrated.d.ts

@@ -0,0 +1,4 @@
+/** 服务端及客户端水合首帧返回 false，之后返回 true；纯客户端渲染直接返回 true。 */
+declare function useHydrated(): boolean;
+
+export { useHydrated };

package/dist/cjs/types/hooks/use-mobile.d.ts

@@ -0,0 +1,3 @@
+declare function useIsMobile(): boolean;
+
+export { useIsMobile };

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,73 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/accordion.js';
+export { Alert, AlertAction, AlertDescription, AlertTitle } from './components/alert.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/alert-dialog.js';
+export { AspectRatio } from './components/aspect-ratio.js';
+export { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger } from './components/attachment.js';
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './components/avatar.js';
+export { Badge, badgeVariants } from './components/badge.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/breadcrumb.js';
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from './components/bubble.js';
+export { Button, buttonVariants } from './components/button.js';
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from './components/button-group.js';
+export { Calendar, CalendarDayButton } from './components/calendar.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/card.js';
+export { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from './components/carousel.js';
+export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './components/chart.js';
+export { Checkbox } from './components/checkbox.js';
+export { CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle } from './components/code-block.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './components/collapsible.js';
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from './components/combobox.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './components/command.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './components/context-menu.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/dialog.js';
+export { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger } from './components/drawer.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/dropdown-menu.js';
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './components/empty.js';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from './components/field.js';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/hover-card.js';
+export { Input } from './components/input.js';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './components/input-group.js';
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './components/input-otp.js';
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from './components/item.js';
+export { Kbd, KbdGroup } from './components/kbd.js';
+export { Label } from './components/label.js';
+export { Marker, MarkerContent, MarkerIcon, markerVariants } from './components/marker.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './components/menubar.js';
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from './components/message.js';
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from './components/message-scroller.js';
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from './components/native-select.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle } from './components/navigation-menu.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/pagination.js';
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './components/popover.js';
+export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from './components/progress.js';
+export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle } from './components/questionnaire.js';
+export { RadioGroup, RadioGroupItem } from './components/radio-group.js';
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './components/resizable.js';
+export { ScrollArea, ScrollBar } from './components/scroll-area.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/select.js';
+export { Separator } from './components/separator.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './components/sheet.js';
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './components/sidebar.js';
+export { Skeleton } from './components/skeleton.js';
+export { Slider } from './components/slider.js';
+export { Spinner } from './components/spinner.js';
+export { Switch } from './components/switch.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/table.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './components/tabs.js';
+export { Textarea } from './components/textarea.js';
+export { ThemeToggle, ThemeToggleProps } from './components/theme-toggle.js';
+export { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, createToastManager, toast, useToastManager } from './components/toast.js';
+export { Toggle, toggleVariants } from './components/toggle.js';
+export { ToggleGroup, ToggleGroupItem } from './components/toggle-group.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/tooltip.js';
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle } from './components/trace.js';
+export { PreferenceProvider, usePreference } from './providers/preference-provider.js';
+export { ThemeProvider, useTheme } from './providers/theme-provider.js';
+export { useHighlightedCode } from './hooks/use-highlighted-code.js';
+export { useHydrated } from './hooks/use-hydrated.js';
+export { useIsMobile } from './hooks/use-mobile.js';
+export { highlightCode, loadHighlighter } from './lib/highlighter.js';
+export { BASE_COLORS, BaseColor, COLOR_THEMES, ColorTheme, DEFAULT_PREFERENCE, Preference, RADIUS_OPTIONS } from './lib/preference.js';
+export { cn } from 'cn';
+export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';

package/dist/cjs/types/lib/highlighter.d.ts

@@ -0,0 +1,11 @@
+import { GrammarState } from 'shiki/core';
+
+declare function loadHighlighter(language: string): Promise<{
+    highlight(code: string, state?: GrammarState): {
+        lines: any;
+        state: any;
+    };
+} | null>;
+declare function highlightCode(code: string, language: string): Promise<any>;
+
+export { highlightCode, loadHighlighter };

package/dist/cjs/types/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { highlightCode, loadHighlighter } from './highlighter.js';
+export { BASE_COLORS, BaseColor, COLOR_THEMES, ColorTheme, DEFAULT_PREFERENCE, Preference, RADIUS_OPTIONS } from './preference.js';
+export { cn } from 'cn';

package/dist/cjs/types/lib/preference.d.ts

@@ -0,0 +1,85 @@
+declare const BASE_COLORS: readonly [{
+    readonly value: "neutral";
+    readonly label: "Neutral";
+    readonly color: "oklch(0.556 0 0)";
+}, {
+    readonly value: "mist";
+    readonly label: "Mist";
+    readonly color: "oklch(0.56 0.021 213.5)";
+}, {
+    readonly value: "zinc";
+    readonly label: "Zinc";
+    readonly color: "oklch(0.552 0.016 285.938)";
+}];
+declare const COLOR_THEMES: readonly [{
+    readonly value: "neutral";
+    readonly label: "Neutral";
+    readonly color: "oklch(0.205 0 0)";
+}, {
+    readonly value: "blue";
+    readonly label: "Blue";
+    readonly color: "oklch(0.488 0.243 264.376)";
+}, {
+    readonly value: "green";
+    readonly label: "Green";
+    readonly color: "oklch(0.527 0.154 150.069)";
+}, {
+    readonly value: "orange";
+    readonly label: "Orange";
+    readonly color: "oklch(0.553 0.195 38.402)";
+}, {
+    readonly value: "pink";
+    readonly label: "Pink";
+    readonly color: "oklch(0.525 0.223 3.958)";
+}, {
+    readonly value: "purple";
+    readonly label: "Purple";
+    readonly color: "oklch(0.496 0.265 301.924)";
+}, {
+    readonly value: "red";
+    readonly label: "Red";
+    readonly color: "oklch(0.505 0.213 27.518)";
+}, {
+    readonly value: "rose";
+    readonly label: "Rose";
+    readonly color: "oklch(0.514 0.222 16.935)";
+}, {
+    readonly value: "sky";
+    readonly label: "Sky";
+    readonly color: "oklch(0.5 0.134 242.749)";
+}, {
+    readonly value: "yellow";
+    readonly label: "Yellow";
+    readonly color: "oklch(0.852 0.199 91.936)";
+}];
+declare const RADIUS_OPTIONS: readonly [{
+    readonly value: 0;
+    readonly label: "0";
+}, {
+    readonly value: 0.25;
+    readonly label: "0.25";
+}, {
+    readonly value: 0.5;
+    readonly label: "0.5";
+}, {
+    readonly value: 0.625;
+    readonly label: "Default";
+}, {
+    readonly value: 0.75;
+    readonly label: "0.75";
+}, {
+    readonly value: 1;
+    readonly label: "1";
+}];
+type BaseColor = (typeof BASE_COLORS)[number]['value'];
+type ColorTheme = (typeof COLOR_THEMES)[number]['value'];
+type Preference = {
+    baseColor: BaseColor;
+    theme: ColorTheme;
+    /** 根字号单位 rem；0 表示直角，默认 0.625。 */
+    radius: number;
+};
+declare const DEFAULT_PREFERENCE: Preference;
+
+export { BASE_COLORS, COLOR_THEMES, DEFAULT_PREFERENCE, RADIUS_OPTIONS };
+export type { BaseColor, ColorTheme, Preference };

package/dist/cjs/types/lib/utils.d.ts

@@ -0,0 +1 @@
+export { cn } from 'cn';

package/dist/cjs/types/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/cjs/types/providers/index.d.ts

@@ -0,0 +1,2 @@
+export { PreferenceProvider, usePreference } from './preference-provider.js';
+export { ThemeProvider, useTheme } from './theme-provider.js';

package/dist/cjs/types/providers/preference-provider.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { Preference, BaseColor, ColorTheme } from '../lib/preference.js';
+
+type PreferenceProviderProps = {
+    children: ReactNode;
+    /** 可只覆盖部分默认值；已有的有效存储值优先。 */
+    defaultPreference?: Partial<Preference>;
+    /** 三项偏好共用的 localStorage 键，默认为 'bad-ui:preference'。 */
+    storageKey?: string;
+};
+type PreferenceContextValue = Preference & {
+    setBaseColor: (baseColor: BaseColor) => void;
+    setTheme: (theme: ColorTheme) => void;
+    setRadius: (radius: number) => void;
+};
+declare function PreferenceProvider({ children, defaultPreference, storageKey, }: PreferenceProviderProps): React.JSX.Element;
+declare function usePreference(): PreferenceContextValue;
+
+export { PreferenceProvider, usePreference };

package/dist/cjs/types/providers/theme-provider.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+type Theme = 'dark' | 'light' | 'system';
+type ThemeProviderProps = {
+    children: ReactNode;
+    /** 没有有效的已保存主题时使用的模式，默认为 'system'（跟随系统配色）。 */
+    defaultTheme?: Theme;
+    /** 在 localStorage 中保存主题选择的键名，默认为 'bad-ui:theme'。 */
+    storageKey?: string;
+    /** 切换主题时是否短暂禁用全页 CSS transition，让新配色立即生效。默认为 true。 */
+    disableTransitionOnChange?: boolean;
+    /** 切换深浅主题的全局单键快捷键，使用 KeyboardEvent.key（如 'd' 或 'F8'），忽略大小写。省略时关闭。 */
+    keyboardShortcut?: string;
+};
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    /** 根据当前实际配色切换深浅模式，切换后停止跟随系统。 */
+    toggleTheme: () => void;
+};
+declare function ThemeProvider({ children, defaultTheme, storageKey, disableTransitionOnChange, keyboardShortcut, }: ThemeProviderProps): React.JSX.Element;
+declare const useTheme: () => ThemeProviderState;
+
+export { ThemeProvider, useTheme };

package/dist/esm/components/accordion.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { cn } from 'cn';
+import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+
+function Accordion({ className, ...props }) {
+    return (jsx(Accordion$1.Root, { "data-slot": "accordion", className: cn("flex w-full flex-col", className), ...props }));
+}
+function AccordionItem({ className, ...props }) {
+    return (jsx(Accordion$1.Item, { "data-slot": "accordion-item", className: cn("not-last:border-b", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (jsx(Accordion$1.Header, { className: "flex", children: jsxs(Accordion$1.Trigger, { "data-slot": "accordion-trigger", className: cn("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", className), ...props, children: [children, jsx(ChevronDownIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }), jsx(ChevronUpIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (jsx(Accordion$1.Panel, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up", ...props, children: jsx("div", { className: cn("h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className), children: children }) }));
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/esm/components/alert-dialog.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import { cn } from 'cn';
+import { Button } from './button.js';
+
+function AlertDialog({ ...props }) {
+    return jsx(AlertDialog$1.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+    return (jsx(AlertDialog$1.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
+}
+function AlertDialogPortal({ ...props }) {
+    return (jsx(AlertDialog$1.Portal, { "data-slot": "alert-dialog-portal", ...props }));
+}
+function AlertDialogOverlay({ className, ...props }) {
+    return (jsx(AlertDialog$1.Backdrop, { "data-slot": "alert-dialog-overlay", className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className), ...props }));
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+    return (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(AlertDialog$1.Popup, { "data-slot": "alert-dialog-content", "data-size": size, className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props })] }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (jsx("div", { "data-slot": "alert-dialog-header", className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className), ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (jsx("div", { "data-slot": "alert-dialog-footer", className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className), ...props }));
+}
+function AlertDialogMedia({ className, ...props }) {
+    return (jsx("div", { "data-slot": "alert-dialog-media", className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className), ...props }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (jsx(AlertDialog$1.Title, { "data-slot": "alert-dialog-title", className: cn("font-heading text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className), ...props }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (jsx(AlertDialog$1.Description, { "data-slot": "alert-dialog-description", className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props }));
+}
+function AlertDialogAction({ className, ...props }) {
+    return (jsx(Button, { "data-slot": "alert-dialog-action", className: cn(className), ...props }));
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+    return (jsx(AlertDialog$1.Close, { "data-slot": "alert-dialog-cancel", className: cn(className), render: jsx(Button, { variant: variant, size: size }), ...props }));
+}
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/esm/components/alert.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { cn } from 'cn';
+
+const alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground",
+            destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert({ className, variant, ...props }) {
+    return (jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (jsx("div", { "data-slot": "alert-title", className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (jsx("div", { "data-slot": "alert-description", className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className), ...props }));
+}
+function AlertAction({ className, ...props }) {
+    return (jsx("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props }));
+}
+
+export { Alert, AlertAction, AlertDescription, AlertTitle };