@bergetai/ui 0.20.1 → 0.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/dropdown-menu/DropdownMenu.d.cts +2 -2
- package/dist/components/dropdown-menu/DropdownMenu.d.mts +2 -2
- package/dist/components/markdown/Markdown.cjs +169 -0
- package/dist/components/markdown/Markdown.cjs.map +1 -0
- package/dist/components/markdown/Markdown.d.cts +10 -0
- package/dist/components/markdown/Markdown.d.cts.map +1 -0
- package/dist/components/markdown/Markdown.d.mts +10 -0
- package/dist/components/markdown/Markdown.d.mts.map +1 -0
- package/dist/components/markdown/Markdown.mjs +167 -0
- package/dist/components/markdown/Markdown.mjs.map +1 -0
- package/dist/components/markdown/MarkdownCodeBlock.cjs +25 -0
- package/dist/components/markdown/MarkdownCodeBlock.cjs.map +1 -0
- package/dist/components/markdown/MarkdownCodeBlock.d.cts +12 -0
- package/dist/components/markdown/MarkdownCodeBlock.d.cts.map +1 -0
- package/dist/components/markdown/MarkdownCodeBlock.d.mts +12 -0
- package/dist/components/markdown/MarkdownCodeBlock.d.mts.map +1 -0
- package/dist/components/markdown/MarkdownCodeBlock.mjs +25 -0
- package/dist/components/markdown/MarkdownCodeBlock.mjs.map +1 -0
- package/dist/components/markdown/index.d.cts +3 -0
- package/dist/components/markdown/index.d.mts +3 -0
- package/dist/components/tooltip/Tooltip.d.cts +1 -1
- package/dist/components/tooltip/Tooltip.d.mts +1 -1
- package/dist/components/trace/index.cjs +46 -0
- package/dist/components/trace/index.cjs.map +1 -0
- package/dist/components/trace/index.d.cts +14 -0
- package/dist/components/trace/index.d.cts.map +1 -0
- package/dist/components/trace/index.d.mts +14 -0
- package/dist/components/trace/index.d.mts.map +1 -0
- package/dist/components/trace/index.mjs +37 -0
- package/dist/components/trace/index.mjs.map +1 -0
- package/dist/index.cjs +14 -0
- package/dist/index.d.cts +6 -1
- package/dist/index.d.mts +6 -1
- package/dist/index.mjs +5 -1
- package/dist/primitives/collapsible.cjs +27 -0
- package/dist/primitives/collapsible.cjs.map +1 -0
- package/dist/primitives/collapsible.d.cts +8 -0
- package/dist/primitives/collapsible.d.cts.map +1 -0
- package/dist/primitives/collapsible.d.mts +8 -0
- package/dist/primitives/collapsible.d.mts.map +1 -0
- package/dist/primitives/collapsible.mjs +25 -0
- package/dist/primitives/collapsible.mjs.map +1 -0
- package/dist/primitives/field.d.cts +1 -1
- package/dist/primitives/field.d.mts +1 -1
- package/dist/primitives/trace.cjs +86 -0
- package/dist/primitives/trace.cjs.map +1 -0
- package/dist/primitives/trace.d.cts +21 -0
- package/dist/primitives/trace.d.cts.map +1 -0
- package/dist/primitives/trace.d.mts +21 -0
- package/dist/primitives/trace.d.mts.map +1 -0
- package/dist/primitives/trace.mjs +77 -0
- package/dist/primitives/trace.mjs.map +1 -0
- package/dist/styles/index.css +9 -0
- package/package.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":["TraceLinePrimitive","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"mappings":";;;KAeK,iBAAiB,MAAM,sBAAsBA;KAC7C,wBAAwB,MAAM,sBAAsBC;KACpD,+BAA+B,MAAM,sBAAsBC;KAC3D,+BAA+B,MAAM,sBAAsBC;iBAOvD,YAAY,cAAc,SAAS,6CAAc,IAAA;iBAIjD,mBAAmB,cAAc,SAAS,oDAAqB,IAAA;iBAI/D,0BAA0B,cAAc,SAAS,2DAA4B,IAAA;iBAW7E,0BAA0B,aAAa,SAAS,2DAA4B,IAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Trace, TraceCollapsible, TraceCollapsibleContent as TraceCollapsibleContent$1, TraceCollapsibleTrigger as TraceCollapsibleTrigger$1, TraceDescription as TraceDescription$1, TraceIcon, TraceLine as TraceLine$1, TraceTitle } from "../../primitives/trace.mjs";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
//#region src/components/trace/index.d.ts
|
|
4
|
+
type TraceLineProps = React.ComponentProps<typeof TraceLine$1>;
|
|
5
|
+
type TraceDescriptionProps = React.ComponentProps<typeof TraceDescription$1>;
|
|
6
|
+
type TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTrigger$1>;
|
|
7
|
+
type TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContent$1>;
|
|
8
|
+
declare function TraceLine({ className, ...props }: TraceLineProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TraceDescription({ className, ...props }: TraceDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
//#endregion
|
|
13
|
+
export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
|
|
14
|
+
//# sourceMappingURL=index.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":["TraceLinePrimitive","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"mappings":";;;KAeK,iBAAiB,MAAM,sBAAsBA;KAC7C,wBAAwB,MAAM,sBAAsBC;KACpD,+BAA+B,MAAM,sBAAsBC;KAC3D,+BAA+B,MAAM,sBAAsBC;iBAOvD,YAAY,cAAc,SAAS,6CAAc,IAAA;iBAIjD,mBAAmB,cAAc,SAAS,oDAAqB,IAAA;iBAI/D,0BAA0B,cAAc,SAAS,2DAA4B,IAAA;iBAW7E,0BAA0B,aAAa,SAAS,2DAA4B,IAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "../../lib/utils.mjs";
|
|
3
|
+
import { Trace, TraceCollapsible, TraceCollapsibleContent as TraceCollapsibleContent$1, TraceCollapsibleTrigger as TraceCollapsibleTrigger$1, TraceDescription as TraceDescription$1, TraceIcon, TraceLine as TraceLine$1, TraceTitle } from "../../primitives/trace.mjs";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
//#region src/components/trace/index.tsx
|
|
7
|
+
function TraceLine({ className, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx(TraceLine$1, {
|
|
9
|
+
className: cn("text-berget-trace-fg", className),
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function TraceDescription({ className, ...props }) {
|
|
14
|
+
return /* @__PURE__ */ jsx(TraceDescription$1, {
|
|
15
|
+
className: cn("text-berget-trace-fg", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function TraceCollapsibleTrigger({ className, ...props }) {
|
|
20
|
+
return /* @__PURE__ */ jsx(TraceCollapsibleTrigger$1, {
|
|
21
|
+
className: cn("text-berget-trace-fg", className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
function TraceCollapsibleContent({ children, ...props }) {
|
|
26
|
+
return /* @__PURE__ */ jsx(TraceCollapsibleContent$1, {
|
|
27
|
+
...props,
|
|
28
|
+
children: /* @__PURE__ */ jsx("span", {
|
|
29
|
+
className: "block text-berget-trace-fg",
|
|
30
|
+
children
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
//#endregion
|
|
35
|
+
export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
|
|
36
|
+
|
|
37
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["TraceLinePrimitive","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n Trace,\n TraceIcon,\n TraceTitle,\n TraceCollapsible,\n TraceCollapsibleTrigger as TraceCollapsibleTriggerPrimitive,\n TraceLine as TraceLinePrimitive,\n TraceDescription as TraceDescriptionPrimitive,\n TraceCollapsibleContent as TraceCollapsibleContentPrimitive,\n} from '../../primitives/trace';\n\ntype TraceLineProps = React.ComponentProps<typeof TraceLinePrimitive>;\ntype TraceDescriptionProps = React.ComponentProps<typeof TraceDescriptionPrimitive>;\ntype TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTriggerPrimitive>;\ntype TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContentPrimitive>;\n\n/*\n * Reasoning lines read as secondary information. The shadcn bridge maps\n * muted-foreground to full Peak, so trace parts carry an explicit dimmer\n * token (--berget-trace-fg) instead of the primitive's default color.\n */\nfunction TraceLine({ className, ...props }: TraceLineProps) {\n return <TraceLinePrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceDescription({ className, ...props }: TraceDescriptionProps) {\n return <TraceDescriptionPrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps) {\n return (\n <TraceCollapsibleTriggerPrimitive\n className={cn('text-berget-trace-fg', className)}\n {...props}\n />\n );\n}\n\n/* The primitive's content panel hardcodes the bridge color and doesn't\n forward className, so the color is set on a block inside the panel. */\nfunction TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps) {\n return (\n <TraceCollapsibleContentPrimitive {...props}>\n <span className=\"block text-berget-trace-fg\">{children}</span>\n </TraceCollapsibleContentPrimitive>\n );\n}\n\nexport {\n Trace,\n TraceLine,\n TraceIcon,\n TraceTitle,\n TraceDescription,\n TraceCollapsible,\n TraceCollapsibleTrigger,\n TraceCollapsibleContent,\n};\n"],"mappings":";;;;;;AAyBA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;CAC1D,OAAO,oBAACA,aAAD;EAAoB,WAAW,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC3F;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;CACxE,OAAO,oBAACC,oBAAD;EAA2B,WAAW,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG;AAEA,SAAS,wBAAwB,EAAE,WAAW,GAAG,SAAuC;CACtF,OACE,oBAACC,2BAAD;EACE,WAAW,GAAG,wBAAwB,SAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,wBAAwB,EAAE,UAAU,GAAG,SAAuC;CACrF,OACE,oBAACC,2BAAD;EAAkC,GAAI;EACpC,UAAA,oBAAC,QAAD;GAAM,WAAU;GAA8B;EAAe,CAAA;CAC7B,CAAA;AAEtC"}
|
package/dist/index.cjs
CHANGED
|
@@ -12,6 +12,8 @@ const require_Tabs = require("./components/tabs/Tabs.cjs");
|
|
|
12
12
|
const require_bubble = require("./primitives/bubble.cjs");
|
|
13
13
|
const require_message = require("./primitives/message.cjs");
|
|
14
14
|
const require_message_scroller = require("./primitives/message-scroller.cjs");
|
|
15
|
+
const require_trace = require("./primitives/trace.cjs");
|
|
16
|
+
const require_index = require("./components/trace/index.cjs");
|
|
15
17
|
const require_Typography = require("./components/typography/Typography.cjs");
|
|
16
18
|
const require_card = require("./primitives/card.cjs");
|
|
17
19
|
const require_Card = require("./components/card/Card.cjs");
|
|
@@ -64,6 +66,8 @@ const require_code_block = require("./primitives/code-block.cjs");
|
|
|
64
66
|
const require_CodeBlock = require("./components/code-block/CodeBlock.cjs");
|
|
65
67
|
const require_use_highlighted_code = require("./hooks/use-highlighted-code.cjs");
|
|
66
68
|
const require_WindowFrame = require("./components/window-frame/WindowFrame.cjs");
|
|
69
|
+
const require_MarkdownCodeBlock = require("./components/markdown/MarkdownCodeBlock.cjs");
|
|
70
|
+
const require_Markdown = require("./components/markdown/Markdown.cjs");
|
|
67
71
|
const require_FogIllustration = require("./components/fog-illustration/FogIllustration.cjs");
|
|
68
72
|
let _shadcn_react_message_scroller = require("@shadcn/react/message-scroller");
|
|
69
73
|
exports.Alert = require_Alert.Alert;
|
|
@@ -195,6 +199,8 @@ exports.Link = require_Link.Link;
|
|
|
195
199
|
exports.List = require_List.List;
|
|
196
200
|
exports.ListHeader = require_List.ListHeader;
|
|
197
201
|
exports.ListItem = require_List.ListItem;
|
|
202
|
+
exports.Markdown = require_Markdown.Markdown;
|
|
203
|
+
exports.MarkdownCodeBlock = require_MarkdownCodeBlock.MarkdownCodeBlock;
|
|
198
204
|
exports.Message = require_message.Message;
|
|
199
205
|
exports.MessageAvatar = require_message.MessageAvatar;
|
|
200
206
|
exports.MessageContent = require_message.MessageContent;
|
|
@@ -288,6 +294,14 @@ exports.Tooltip = require_tooltip.Tooltip;
|
|
|
288
294
|
exports.TooltipContent = require_Tooltip.TooltipContent;
|
|
289
295
|
exports.TooltipProvider = require_tooltip.TooltipProvider;
|
|
290
296
|
exports.TooltipTrigger = require_Tooltip.TooltipTrigger;
|
|
297
|
+
exports.Trace = require_trace.Trace;
|
|
298
|
+
exports.TraceCollapsible = require_trace.TraceCollapsible;
|
|
299
|
+
exports.TraceCollapsibleContent = require_index.TraceCollapsibleContent;
|
|
300
|
+
exports.TraceCollapsibleTrigger = require_index.TraceCollapsibleTrigger;
|
|
301
|
+
exports.TraceDescription = require_index.TraceDescription;
|
|
302
|
+
exports.TraceIcon = require_trace.TraceIcon;
|
|
303
|
+
exports.TraceLine = require_index.TraceLine;
|
|
304
|
+
exports.TraceTitle = require_trace.TraceTitle;
|
|
291
305
|
exports.Typography = require_Typography.Typography;
|
|
292
306
|
exports.WindowFrame = require_WindowFrame.WindowFrame;
|
|
293
307
|
exports.alertVariants = require_Alert.alertVariants;
|
package/dist/index.d.cts
CHANGED
|
@@ -19,6 +19,8 @@ import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, Me
|
|
|
19
19
|
import "./components/message/index.cjs";
|
|
20
20
|
import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.cjs";
|
|
21
21
|
import "./components/message-scroller/index.cjs";
|
|
22
|
+
import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.cjs";
|
|
23
|
+
import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.cjs";
|
|
22
24
|
import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.cjs";
|
|
23
25
|
import "./components/typography/index.cjs";
|
|
24
26
|
import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.cjs";
|
|
@@ -112,5 +114,8 @@ import { TerminalExample } from "./lib/terminal.cjs";
|
|
|
112
114
|
import { cn } from "./lib/utils.cjs";
|
|
113
115
|
import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.cjs";
|
|
114
116
|
import "./components/window-frame/index.cjs";
|
|
117
|
+
import { Markdown, MarkdownProps } from "./components/markdown/Markdown.cjs";
|
|
118
|
+
import { MarkdownCodeBlock } from "./components/markdown/MarkdownCodeBlock.cjs";
|
|
119
|
+
import "./components/markdown/index.cjs";
|
|
115
120
|
import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.cjs";
|
|
116
|
-
export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
|
|
121
|
+
export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Markdown, MarkdownCodeBlock, type MarkdownProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
|
package/dist/index.d.mts
CHANGED
|
@@ -19,6 +19,8 @@ import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, Me
|
|
|
19
19
|
import "./components/message/index.mjs";
|
|
20
20
|
import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
|
|
21
21
|
import "./components/message-scroller/index.mjs";
|
|
22
|
+
import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.mjs";
|
|
23
|
+
import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.mjs";
|
|
22
24
|
import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.mjs";
|
|
23
25
|
import "./components/typography/index.mjs";
|
|
24
26
|
import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
|
|
@@ -112,5 +114,8 @@ import { TerminalExample } from "./lib/terminal.mjs";
|
|
|
112
114
|
import { cn } from "./lib/utils.mjs";
|
|
113
115
|
import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.mjs";
|
|
114
116
|
import "./components/window-frame/index.mjs";
|
|
117
|
+
import { Markdown, MarkdownProps } from "./components/markdown/Markdown.mjs";
|
|
118
|
+
import { MarkdownCodeBlock } from "./components/markdown/MarkdownCodeBlock.mjs";
|
|
119
|
+
import "./components/markdown/index.mjs";
|
|
115
120
|
import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.mjs";
|
|
116
|
-
export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
|
|
121
|
+
export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Markdown, MarkdownCodeBlock, type MarkdownProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
|
package/dist/index.mjs
CHANGED
|
@@ -11,6 +11,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTrigger
|
|
|
11
11
|
import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./primitives/bubble.mjs";
|
|
12
12
|
import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./primitives/message.mjs";
|
|
13
13
|
import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
|
|
14
|
+
import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.mjs";
|
|
15
|
+
import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.mjs";
|
|
14
16
|
import { Typography, typographyVariants } from "./components/typography/Typography.mjs";
|
|
15
17
|
import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
|
|
16
18
|
import { Card, cardVariants } from "./components/card/Card.mjs";
|
|
@@ -63,5 +65,7 @@ import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFoote
|
|
|
63
65
|
import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./components/code-block/CodeBlock.mjs";
|
|
64
66
|
import { useHighlightedCode } from "./hooks/use-highlighted-code.mjs";
|
|
65
67
|
import { WindowFrame } from "./components/window-frame/WindowFrame.mjs";
|
|
68
|
+
import { MarkdownCodeBlock } from "./components/markdown/MarkdownCodeBlock.mjs";
|
|
69
|
+
import { Markdown } from "./components/markdown/Markdown.mjs";
|
|
66
70
|
import { FOG_BRAND_PALETTE, FogIllustration } from "./components/fog-illustration/FogIllustration.mjs";
|
|
67
|
-
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Anchor, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, ComposerSubmit, ComposerTextarea, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, WindowFrame, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
|
|
71
|
+
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Anchor, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, ComposerSubmit, ComposerTextarea, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Markdown, MarkdownCodeBlock, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, WindowFrame, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
2
|
+
let _base_ui_react_collapsible = require("@base-ui/react/collapsible");
|
|
3
|
+
//#region src/primitives/collapsible.tsx
|
|
4
|
+
function Collapsible({ ...props }) {
|
|
5
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Root, {
|
|
6
|
+
"data-slot": "collapsible",
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
function CollapsibleTrigger({ ...props }) {
|
|
11
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Trigger, {
|
|
12
|
+
"data-slot": "collapsible-trigger",
|
|
13
|
+
...props
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
function CollapsibleContent({ ...props }) {
|
|
17
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Panel, {
|
|
18
|
+
"data-slot": "collapsible-content",
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//#endregion
|
|
23
|
+
exports.Collapsible = Collapsible;
|
|
24
|
+
exports.CollapsibleContent = CollapsibleContent;
|
|
25
|
+
exports.CollapsibleTrigger = CollapsibleTrigger;
|
|
26
|
+
|
|
27
|
+
//# sourceMappingURL=collapsible.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.cjs","names":["CollapsiblePrimitive"],"sources":["../../src/primitives/collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {\n return (\n <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />\n )\n}\n\nfunction CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {\n return (\n <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" {...props} />\n )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"mappings":";;;AAEA,SAAS,YAAY,EAAE,GAAG,SAA0C;CAClE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAI;CAAQ,CAAA;AACxE;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAA6C;CAC5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAqB,SAAtB;EAA8B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE9E;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAA2C;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAqB,OAAtB;EAA4B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE5E"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Collapsible } from "@base-ui/react/collapsible";
|
|
2
|
+
//#region src/primitives/collapsible.d.ts
|
|
3
|
+
declare function Collapsible$1({ ...props }: Collapsible.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function CollapsibleTrigger({ ...props }: Collapsible.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function CollapsibleContent({ ...props }: Collapsible.Panel.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
8
|
+
//# sourceMappingURL=collapsible.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.d.cts","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../src/primitives/collapsible.tsx"],"mappings":";;iBAESA,mBAAiB,SAASC,YAAqB,KAAK,oCAAK,IAAA;iBAIzD,wBAAwB,SAASA,YAAqB,QAAQ,oCAAK,IAAA;iBAMnE,wBAAwB,SAASA,YAAqB,MAAM,oCAAK,IAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Collapsible } from "@base-ui/react/collapsible";
|
|
2
|
+
//#region src/primitives/collapsible.d.ts
|
|
3
|
+
declare function Collapsible$1({ ...props }: Collapsible.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function CollapsibleTrigger({ ...props }: Collapsible.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function CollapsibleContent({ ...props }: Collapsible.Panel.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
8
|
+
//# sourceMappingURL=collapsible.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.d.mts","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../src/primitives/collapsible.tsx"],"mappings":";;iBAESA,mBAAiB,SAASC,YAAqB,KAAK,oCAAK,IAAA;iBAIzD,wBAAwB,SAASA,YAAqB,QAAQ,oCAAK,IAAA;iBAMnE,wBAAwB,SAASA,YAAqB,MAAM,oCAAK,IAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Collapsible } from "@base-ui/react/collapsible";
|
|
3
|
+
//#region src/primitives/collapsible.tsx
|
|
4
|
+
function Collapsible$1({ ...props }) {
|
|
5
|
+
return /* @__PURE__ */ jsx(Collapsible.Root, {
|
|
6
|
+
"data-slot": "collapsible",
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
function CollapsibleTrigger({ ...props }) {
|
|
11
|
+
return /* @__PURE__ */ jsx(Collapsible.Trigger, {
|
|
12
|
+
"data-slot": "collapsible-trigger",
|
|
13
|
+
...props
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
function CollapsibleContent({ ...props }) {
|
|
17
|
+
return /* @__PURE__ */ jsx(Collapsible.Panel, {
|
|
18
|
+
"data-slot": "collapsible-content",
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//#endregion
|
|
23
|
+
export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=collapsible.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.mjs","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../src/primitives/collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {\n return (\n <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />\n )\n}\n\nfunction CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {\n return (\n <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" {...props} />\n )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"mappings":";;;AAEA,SAASA,cAAY,EAAE,GAAG,SAA0C;CAClE,OAAO,oBAACC,YAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAI;CAAQ,CAAA;AACxE;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAA6C;CAC5E,OACE,oBAACA,YAAqB,SAAtB;EAA8B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE9E;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAA2C;CAC1E,OACE,oBAACA,YAAqB,OAAtB;EAA4B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE5E"}
|
|
@@ -7,7 +7,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
|
|
|
7
7
|
}): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
declare const fieldVariants: (props?: ({
|
|
10
|
-
orientation?: "
|
|
10
|
+
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
12
|
declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,7 +7,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
|
|
|
7
7
|
}): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
declare const fieldVariants: (props?: ({
|
|
10
|
-
orientation?: "
|
|
10
|
+
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
12
|
declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
|
|
2
|
+
const require_collapsible = require("./collapsible.cjs");
|
|
3
|
+
let react = require("react");
|
|
4
|
+
react = require_runtime.__toESM(react, 1);
|
|
5
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
+
let cn = require("cn");
|
|
7
|
+
let lucide_react = require("lucide-react");
|
|
8
|
+
//#region src/primitives/trace.tsx
|
|
9
|
+
function Trace({ className, ...props }) {
|
|
10
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
11
|
+
"data-slot": "trace",
|
|
12
|
+
className: (0, cn.cn)("flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50", className),
|
|
13
|
+
...props
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
function TraceLine({ className, status, ...props }) {
|
|
17
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
18
|
+
"data-slot": "trace-line",
|
|
19
|
+
"data-status": status,
|
|
20
|
+
className: (0, cn.cn)("flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-destructive data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer", className),
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function TraceIcon({ className, ...props }) {
|
|
25
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
26
|
+
"data-slot": "trace-icon",
|
|
27
|
+
"aria-hidden": "true",
|
|
28
|
+
className: (0, cn.cn)("flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1", className),
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
function TraceTitle({ className, ...props }) {
|
|
33
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
34
|
+
"data-slot": "trace-title",
|
|
35
|
+
className: (0, cn.cn)("min-w-0 truncate motion-reduce:shimmer-none", className),
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
function TraceDescription({ className, ...props }) {
|
|
40
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
41
|
+
"data-slot": "trace-description",
|
|
42
|
+
className: (0, cn.cn)("shrink-0 text-muted-foreground/70 tabular-nums", className),
|
|
43
|
+
...props
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
function TraceCollapsible({ className, ...props }) {
|
|
47
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.Collapsible, {
|
|
48
|
+
"data-slot": "trace-collapsible",
|
|
49
|
+
className: (0, cn.cn)("flex w-full min-w-0 flex-col", className),
|
|
50
|
+
...props
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
function TraceCollapsibleTrigger({ className, children, ...props }) {
|
|
54
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_collapsible.CollapsibleTrigger, {
|
|
55
|
+
"data-slot": "trace-collapsible-trigger",
|
|
56
|
+
className: (0, cn.cn)("group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-md text-left text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 has-[[data-status=error]]:text-destructive", className),
|
|
57
|
+
...props,
|
|
58
|
+
children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TraceIcon, {
|
|
59
|
+
className: "transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90",
|
|
60
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, {})
|
|
61
|
+
})]
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
function TraceCollapsibleContent({ className, children, ...props }) {
|
|
65
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.CollapsibleContent, {
|
|
66
|
+
"data-slot": "trace-collapsible-content",
|
|
67
|
+
className: "h-(--collapsible-panel-height) min-w-0 overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0",
|
|
68
|
+
...props,
|
|
69
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
70
|
+
"data-slot": "trace-collapsible-content-inner",
|
|
71
|
+
className: (0, cn.cn)("mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l pr-1 pl-4 leading-relaxed wrap-break-word text-muted-foreground", className),
|
|
72
|
+
children
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
//#endregion
|
|
77
|
+
exports.Trace = Trace;
|
|
78
|
+
exports.TraceCollapsible = TraceCollapsible;
|
|
79
|
+
exports.TraceCollapsibleContent = TraceCollapsibleContent;
|
|
80
|
+
exports.TraceCollapsibleTrigger = TraceCollapsibleTrigger;
|
|
81
|
+
exports.TraceDescription = TraceDescription;
|
|
82
|
+
exports.TraceIcon = TraceIcon;
|
|
83
|
+
exports.TraceLine = TraceLine;
|
|
84
|
+
exports.TraceTitle = TraceTitle;
|
|
85
|
+
|
|
86
|
+
//# sourceMappingURL=trace.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"trace.cjs","names":["Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"sources":["../../src/primitives/trace.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"cn\"\n\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from \"@/primitives/collapsible\"\nimport { ChevronRightIcon } from \"lucide-react\"\n\nfunction Trace({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"trace\"\n className={cn(\n \"flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceLine({\n className,\n status,\n ...props\n}: React.ComponentProps<\"span\"> & {\n status?: \"running\" | \"error\" | \"pending\"\n}) {\n return (\n <span\n data-slot=\"trace-line\"\n data-status={status}\n className={cn(\n \"flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-destructive data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"trace-icon\"\n aria-hidden=\"true\"\n className={cn(\n \"flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceTitle({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"trace-title\"\n className={cn(\"min-w-0 truncate motion-reduce:shimmer-none\", className)}\n {...props}\n />\n )\n}\n\nfunction TraceDescription({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"trace-description\"\n className={cn(\n \"shrink-0 text-muted-foreground/70 tabular-nums\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceCollapsible({\n className,\n ...props\n}: Omit<React.ComponentProps<typeof Collapsible>, \"open\"> &\n (\n | { open?: undefined }\n | {\n open: boolean\n onOpenChange: NonNullable<\n React.ComponentProps<typeof Collapsible>[\"onOpenChange\"]\n >\n }\n )) {\n return (\n <Collapsible\n data-slot=\"trace-collapsible\"\n className={cn(\"flex w-full min-w-0 flex-col\", className)}\n {...props}\n />\n )\n}\n\nfunction TraceCollapsibleTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof CollapsibleTrigger>) {\n return (\n <CollapsibleTrigger\n data-slot=\"trace-collapsible-trigger\"\n className={cn(\n \"group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-md text-left text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 has-[[data-status=error]]:text-destructive\",\n className\n )}\n {...props}\n >\n {children}\n <TraceIcon className=\"transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90\">\n <ChevronRightIcon\n />\n </TraceIcon>\n </CollapsibleTrigger>\n )\n}\n\nfunction TraceCollapsibleContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof CollapsibleContent>) {\n return (\n <CollapsibleContent\n data-slot=\"trace-collapsible-content\"\n className=\"h-(--collapsible-panel-height) min-w-0 overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0\"\n {...props}\n >\n <div\n data-slot=\"trace-collapsible-content-inner\"\n className={cn(\n \"mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l pr-1 pl-4 leading-relaxed wrap-break-word text-muted-foreground\",\n className\n )}\n >\n {children}\n </div>\n </CollapsibleContent>\n )\n}\n\nexport {\n Trace,\n TraceLine,\n TraceIcon,\n TraceTitle,\n TraceDescription,\n TraceCollapsible,\n TraceCollapsibleTrigger,\n TraceCollapsibleContent,\n}\n"],"mappings":";;;;;;;;AAUA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAsC;CACnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,sbACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EACjB,WACA,QACA,GAAG,SAGF;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,aAAU;EACV,eAAa;EACb,YAAA,GAAW,GAAA,GAAA,CACT,wWACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAuC;CACxE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,YAAA,GAAW,GAAA,GAAA,CACT,uJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAuC;CACzE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,+CAA+C,SAAS;EACtE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAC4B;CAC/B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,kDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAUA;CACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,aAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,gCAAgC,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SAC+C;CAClD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,oBAAAA,oBAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,8RACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;GAAW,WAAU;GACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,kBAAD,CACC,CAAA;EACQ,CAAA,CACO;;AAExB;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SAC+C;CAClD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,oBAAD;EACE,aAAU;EACV,WAAU;EACV,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,aAAU;GACV,YAAA,GAAW,GAAA,GAAA,CACT,0HACA,SACF;GAEC;EACE,CAAA;CACa,CAAA;AAExB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.cjs";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
//#region src/primitives/trace.d.ts
|
|
4
|
+
declare function Trace({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
|
|
6
|
+
status?: "running" | "error" | "pending";
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "open"> & ({
|
|
12
|
+
open?: undefined;
|
|
13
|
+
} | {
|
|
14
|
+
open: boolean;
|
|
15
|
+
onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
|
|
16
|
+
})): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function TraceCollapsibleTrigger({ className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function TraceCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//#endregion
|
|
20
|
+
export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
|
|
21
|
+
//# sourceMappingURL=trace.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"trace.d.cts","names":[],"sources":["../../src/primitives/trace.tsx"],"mappings":";;;iBAUS,QAAQ,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAa1D,YACP,WACA,WACG,SACF,MAAM;EACP;gCACD,IAAA;iBAcQ,YAAY,cAAc,SAAS,MAAM,qDAAsB,IAAA;iBAc/D,aAAa,cAAc,SAAS,MAAM,qDAAsB,IAAA;iBAUhE,mBACP,cACG,SACF,MAAM,qDAAsB,IAAA;iBAatB,mBACP,cACG,SACF,KAAK,MAAM,sBAAsB;EAE5B;;EAEA;EACA,cAAc,YACZ,MAAM,sBAAsB;iCAGnC,IAAA;iBAUM,0BACP,WACA,aACG,SACF,MAAM,sBAAsB,kDAAmB,IAAA;iBAmBzC,0BACP,WACA,aACG,SACF,MAAM,sBAAsB,kDAAmB,IAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.mjs";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
//#region src/primitives/trace.d.ts
|
|
4
|
+
declare function Trace({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
|
|
6
|
+
status?: "running" | "error" | "pending";
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "open"> & ({
|
|
12
|
+
open?: undefined;
|
|
13
|
+
} | {
|
|
14
|
+
open: boolean;
|
|
15
|
+
onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
|
|
16
|
+
})): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function TraceCollapsibleTrigger({ className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function TraceCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//#endregion
|
|
20
|
+
export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
|
|
21
|
+
//# sourceMappingURL=trace.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"trace.d.mts","names":[],"sources":["../../src/primitives/trace.tsx"],"mappings":";;;iBAUS,QAAQ,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAa1D,YACP,WACA,WACG,SACF,MAAM;EACP;gCACD,IAAA;iBAcQ,YAAY,cAAc,SAAS,MAAM,qDAAsB,IAAA;iBAc/D,aAAa,cAAc,SAAS,MAAM,qDAAsB,IAAA;iBAUhE,mBACP,cACG,SACF,MAAM,qDAAsB,IAAA;iBAatB,mBACP,cACG,SACF,KAAK,MAAM,sBAAsB;EAE5B;;EAEA;EACA,cAAc,YACZ,MAAM,sBAAsB;iCAGnC,IAAA;iBAUM,0BACP,WACA,aACG,SACF,MAAM,sBAAsB,kDAAmB,IAAA;iBAmBzC,0BACP,WACA,aACG,SACF,MAAM,sBAAsB,kDAAmB,IAAA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.mjs";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { cn } from "cn";
|
|
5
|
+
import { ChevronRightIcon } from "lucide-react";
|
|
6
|
+
//#region src/primitives/trace.tsx
|
|
7
|
+
function Trace({ className, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx("div", {
|
|
9
|
+
"data-slot": "trace",
|
|
10
|
+
className: cn("flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50", className),
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
function TraceLine({ className, status, ...props }) {
|
|
15
|
+
return /* @__PURE__ */ jsx("span", {
|
|
16
|
+
"data-slot": "trace-line",
|
|
17
|
+
"data-status": status,
|
|
18
|
+
className: cn("flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-destructive data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
function TraceIcon({ className, ...props }) {
|
|
23
|
+
return /* @__PURE__ */ jsx("span", {
|
|
24
|
+
"data-slot": "trace-icon",
|
|
25
|
+
"aria-hidden": "true",
|
|
26
|
+
className: cn("flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1", className),
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
function TraceTitle({ className, ...props }) {
|
|
31
|
+
return /* @__PURE__ */ jsx("span", {
|
|
32
|
+
"data-slot": "trace-title",
|
|
33
|
+
className: cn("min-w-0 truncate motion-reduce:shimmer-none", className),
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
function TraceDescription({ className, ...props }) {
|
|
38
|
+
return /* @__PURE__ */ jsx("span", {
|
|
39
|
+
"data-slot": "trace-description",
|
|
40
|
+
className: cn("shrink-0 text-muted-foreground/70 tabular-nums", className),
|
|
41
|
+
...props
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
function TraceCollapsible({ className, ...props }) {
|
|
45
|
+
return /* @__PURE__ */ jsx(Collapsible, {
|
|
46
|
+
"data-slot": "trace-collapsible",
|
|
47
|
+
className: cn("flex w-full min-w-0 flex-col", className),
|
|
48
|
+
...props
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
function TraceCollapsibleTrigger({ className, children, ...props }) {
|
|
52
|
+
return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
|
|
53
|
+
"data-slot": "trace-collapsible-trigger",
|
|
54
|
+
className: cn("group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-md text-left text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 has-[[data-status=error]]:text-destructive", className),
|
|
55
|
+
...props,
|
|
56
|
+
children: [children, /* @__PURE__ */ jsx(TraceIcon, {
|
|
57
|
+
className: "transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90",
|
|
58
|
+
children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
|
|
59
|
+
})]
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
function TraceCollapsibleContent({ className, children, ...props }) {
|
|
63
|
+
return /* @__PURE__ */ jsx(CollapsibleContent, {
|
|
64
|
+
"data-slot": "trace-collapsible-content",
|
|
65
|
+
className: "h-(--collapsible-panel-height) min-w-0 overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0",
|
|
66
|
+
...props,
|
|
67
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
68
|
+
"data-slot": "trace-collapsible-content-inner",
|
|
69
|
+
className: cn("mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l pr-1 pl-4 leading-relaxed wrap-break-word text-muted-foreground", className),
|
|
70
|
+
children
|
|
71
|
+
})
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
//#endregion
|
|
75
|
+
export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
|
|
76
|
+
|
|
77
|
+
//# sourceMappingURL=trace.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"trace.mjs","names":[],"sources":["../../src/primitives/trace.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"cn\"\n\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from \"@/primitives/collapsible\"\nimport { ChevronRightIcon } from \"lucide-react\"\n\nfunction Trace({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"trace\"\n className={cn(\n \"flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-md *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none *:has-[>[data-slot=trace-line]]:focus-visible:ring-3 *:has-[>[data-slot=trace-line]]:focus-visible:ring-ring/50\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceLine({\n className,\n status,\n ...props\n}: React.ComponentProps<\"span\"> & {\n status?: \"running\" | \"error\" | \"pending\"\n}) {\n return (\n <span\n data-slot=\"trace-line\"\n data-status={status}\n className={cn(\n \"flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-destructive data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"trace-icon\"\n aria-hidden=\"true\"\n className={cn(\n \"flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceTitle({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"trace-title\"\n className={cn(\"min-w-0 truncate motion-reduce:shimmer-none\", className)}\n {...props}\n />\n )\n}\n\nfunction TraceDescription({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"trace-description\"\n className={cn(\n \"shrink-0 text-muted-foreground/70 tabular-nums\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TraceCollapsible({\n className,\n ...props\n}: Omit<React.ComponentProps<typeof Collapsible>, \"open\"> &\n (\n | { open?: undefined }\n | {\n open: boolean\n onOpenChange: NonNullable<\n React.ComponentProps<typeof Collapsible>[\"onOpenChange\"]\n >\n }\n )) {\n return (\n <Collapsible\n data-slot=\"trace-collapsible\"\n className={cn(\"flex w-full min-w-0 flex-col\", className)}\n {...props}\n />\n )\n}\n\nfunction TraceCollapsibleTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof CollapsibleTrigger>) {\n return (\n <CollapsibleTrigger\n data-slot=\"trace-collapsible-trigger\"\n className={cn(\n \"group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-md text-left text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 has-[[data-status=error]]:text-destructive\",\n className\n )}\n {...props}\n >\n {children}\n <TraceIcon className=\"transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90\">\n <ChevronRightIcon\n />\n </TraceIcon>\n </CollapsibleTrigger>\n )\n}\n\nfunction TraceCollapsibleContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof CollapsibleContent>) {\n return (\n <CollapsibleContent\n data-slot=\"trace-collapsible-content\"\n className=\"h-(--collapsible-panel-height) min-w-0 overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0\"\n {...props}\n >\n <div\n data-slot=\"trace-collapsible-content-inner\"\n className={cn(\n \"mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l pr-1 pl-4 leading-relaxed wrap-break-word text-muted-foreground\",\n className\n )}\n >\n {children}\n </div>\n </CollapsibleContent>\n )\n}\n\nexport {\n Trace,\n TraceLine,\n TraceIcon,\n TraceTitle,\n TraceDescription,\n TraceCollapsible,\n TraceCollapsibleTrigger,\n TraceCollapsibleContent,\n}\n"],"mappings":";;;;;;AAUA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAsC;CACnE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sbACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EACjB,WACA,QACA,GAAG,SAGF;CACD,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,GACT,wWACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAuC;CACxE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GACT,uJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAuC;CACzE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,+CAA+C,SAAS;EACtE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAC4B;CAC/B,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,kDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAUA;CACH,OACE,oBAAC,aAAD;EACE,aAAU;EACV,WAAW,GAAG,gCAAgC,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SAC+C;CAClD,OACE,qBAAC,oBAAD;EACE,aAAU;EACV,WAAW,GACT,8RACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACD,oBAAC,WAAD;GAAW,WAAU;GACnB,UAAA,oBAAC,kBAAD,CACC,CAAA;EACQ,CAAA,CACO;;AAExB;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SAC+C;CAClD,OACE,oBAAC,oBAAD;EACE,aAAU;EACV,WAAU;EACV,GAAI;EAEJ,UAAA,oBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,0HACA,SACF;GAEC;EACE,CAAA;CACa,CAAA;AAExB"}
|