@badnpm/ui 0.0.0-stage → 0.0.1

package/dist/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/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/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/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/types/lib/utils.d.ts

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

package/dist/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/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/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 };