@badnpm/ui 0.0.0 → 0.0.1

package/dist/esm/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+const MOBILE_BREAKPOINT = 768;
+function subscribe(onChange) {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+}
+const getSnapshot = () => window.innerWidth < MOBILE_BREAKPOINT;
+const getServerSnapshot = () => false;
+function useIsMobile() {
+    return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+export { useIsMobile };

package/dist/esm/index.js

@@ -1,8 +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, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from './components/carousel.js';
+export { 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 } 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, COLOR_THEMES, DEFAULT_PREFERENCE, RADIUS_OPTIONS } from './lib/preference.js';
 export { cn } from 'cn';
+export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';

package/dist/esm/lib/highlighter.js

@@ -0,0 +1,93 @@
+import { jsx } from 'react/jsx-runtime';
+import { createHighlighterCore } from 'shiki/core';
+import { createJavaScriptRegexEngine } from 'shiki/engine/javascript';
+
+// Add the languages you need. Each one loads the first time it is used.
+const languages = {
+    bash: () => import('shiki/langs/shellscript.mjs'),
+    css: () => import('shiki/langs/css.mjs'),
+    diff: () => import('shiki/langs/diff.mjs'),
+    html: () => import('shiki/langs/html.mjs'),
+    javascript: () => import('shiki/langs/javascript.mjs'),
+    json: () => import('shiki/langs/json.mjs'),
+    jsx: () => import('shiki/langs/jsx.mjs'),
+    markdown: () => import('shiki/langs/markdown.mjs'),
+    python: () => import('shiki/langs/python.mjs'),
+    sql: () => import('shiki/langs/sql.mjs'),
+    tsx: () => import('shiki/langs/tsx.mjs'),
+    typescript: () => import('shiki/langs/typescript.mjs'),
+    yaml: () => import('shiki/langs/yaml.mjs'),
+};
+const aliases = {
+    js: "javascript",
+    md: "markdown",
+    py: "python",
+    sh: "bash",
+    shell: "bash",
+    shellscript: "bash",
+    ts: "typescript",
+    yml: "yaml",
+    zsh: "bash",
+};
+let highlighter;
+function getHighlighter() {
+    highlighter ??= createHighlighterCore({
+        themes: [
+            import('shiki/themes/github-light.mjs'),
+            import('shiki/themes/github-dark.mjs'),
+        ],
+        langs: [],
+        engine: createJavaScriptRegexEngine({ forgiving: true }),
+    });
+    return highlighter;
+}
+function getLanguage(language) {
+    const name = language.toLowerCase();
+    if (name === "ansi") {
+        return name;
+    }
+    if (name in languages) {
+        return name;
+    }
+    return aliases[name] ?? null;
+}
+// Loads a language and returns a highlighter for it, or null for a language
+// that is not listed.
+async function loadHighlighter(language) {
+    const lang = getLanguage(language);
+    if (!lang) {
+        return null;
+    }
+    const shiki = await getHighlighter();
+    if (lang !== "ansi" && !shiki.getLoadedLanguages().includes(lang)) {
+        await shiki.loadLanguage(languages[lang]);
+    }
+    return {
+        // Returns one React node per line, and the grammar state after the last
+        // line. Pass that state back to continue where the code left off.
+        highlight(code, state) {
+            const tokenize = (text) => shiki.codeToTokens(text, {
+                lang,
+                themes: { light: "github-light", dark: "github-dark" },
+                defaultColor: false,
+                grammarState: state,
+            }).tokens;
+            // ANSI has no grammar state, so each line is tokenized on its own and
+            // gets the same colors whether it arrives in one piece or streams.
+            const tokens = lang === "ansi"
+                ? code.split("\n").flatMap((line) => tokenize(line))
+                : tokenize(code);
+            return {
+                lines: tokens.map((line) => line.map((token, index) => (jsx("span", { style: token.htmlStyle, className: "text-(--shiki-light) dark:text-(--shiki-dark)", children: token.content }, index)))),
+                state: shiki.getLastGrammarState(tokens),
+            };
+        },
+    };
+}
+// Returns one React node per line, or null for a language that is not listed.
+async function highlightCode(code, language) {
+    const highlighter = await loadHighlighter(language);
+    return highlighter ? highlighter.highlight(code).lines : null;
+}
+
+export { highlightCode, loadHighlighter };

package/dist/styles/custom.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
+@layer base{::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--muted-foreground);background-clip:content-box;border:1px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-foreground)}::-webkit-scrollbar-corner{background-color:#0000}.hidden-scrollbar::-webkit-scrollbar{width:16px;height:16px}.hidden-scrollbar::-webkit-scrollbar-track{background:var(--primary)}body{background-color:var(--background);color:var(--foreground)}}