@bergetai/ui 0.20.1 → 0.21.0

package/dist/components/dropdown-menu/DropdownMenu.d.cts

@@ -14,8 +14,8 @@ type DropdownMenuSubTriggerProps = Omit<React.ComponentProps<typeof DropdownMenu
   asChild?: boolean;
 };
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DropdownMenuItemProps = Omit<React.ComponentProps<typeof DropdownMenuItem$1>, 'className' | 'render' | 'label'> & {
   className?: string;
   inset?: boolean;

package/dist/components/dropdown-menu/DropdownMenu.d.mts

@@ -14,8 +14,8 @@ type DropdownMenuSubTriggerProps = Omit<React.ComponentProps<typeof DropdownMenu
   asChild?: boolean;
 };
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DropdownMenuItemProps = Omit<React.ComponentProps<typeof DropdownMenuItem$1>, 'className' | 'render' | 'label'> & {
   className?: string;
   inset?: boolean;

package/dist/components/tooltip/Tooltip.d.cts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.cts.map

package/dist/components/tooltip/Tooltip.d.mts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/components/trace/index.cjs

@@ -0,0 +1,46 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_trace = require("../../primitives/trace.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/trace/index.tsx
+function TraceLine({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceLine, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceDescription, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceCollapsibleTrigger, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleContent({ children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceCollapsibleContent, {
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "block text-berget-trace-fg",
+			children
+		})
+	});
+}
+//#endregion
+exports.Trace = require_trace.Trace;
+exports.TraceCollapsible = require_trace.TraceCollapsible;
+exports.TraceCollapsibleContent = TraceCollapsibleContent;
+exports.TraceCollapsibleTrigger = TraceCollapsibleTrigger;
+exports.TraceDescription = TraceDescription;
+exports.TraceIcon = require_trace.TraceIcon;
+exports.TraceLine = TraceLine;
+exports.TraceTitle = require_trace.TraceTitle;
+
+//# sourceMappingURL=index.cjs.map

package/dist/components/trace/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["TraceLinePrimitive","cn","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,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,WAAD;EAAoB,WAAWC,cAAAA,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC3F;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;CACxE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD;EAA2B,WAAWD,cAAAA,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG;AAEA,SAAS,wBAAwB,EAAE,WAAW,GAAG,SAAuC;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,yBAAD;EACE,WAAWF,cAAAA,GAAG,wBAAwB,SAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,wBAAwB,EAAE,UAAU,GAAG,SAAuC;CACrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,cAAAA,yBAAD;EAAkC,GAAI;EACpC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAA8B;EAAe,CAAA;CAC7B,CAAA;AAEtC"}

package/dist/components/trace/index.d.cts

@@ -0,0 +1,14 @@
+import { Trace, TraceCollapsible, TraceCollapsibleContent as TraceCollapsibleContent$1, TraceCollapsibleTrigger as TraceCollapsibleTrigger$1, TraceDescription as TraceDescription$1, TraceIcon, TraceLine as TraceLine$1, TraceTitle } from "../../primitives/trace.cjs";
+import * as React from "react";
+//#region src/components/trace/index.d.ts
+type TraceLineProps = React.ComponentProps<typeof TraceLine$1>;
+type TraceDescriptionProps = React.ComponentProps<typeof TraceDescription$1>;
+type TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTrigger$1>;
+type TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContent$1>;
+declare function TraceLine({ className, ...props }: TraceLineProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceDescription({ className, ...props }: TraceDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+//# sourceMappingURL=index.d.cts.map

package/dist/components/trace/index.d.cts.map

@@ -0,0 +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"}

package/dist/components/trace/index.d.mts

@@ -0,0 +1,14 @@
+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";
+import * as React from "react";
+//#region src/components/trace/index.d.ts
+type TraceLineProps = React.ComponentProps<typeof TraceLine$1>;
+type TraceDescriptionProps = React.ComponentProps<typeof TraceDescription$1>;
+type TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTrigger$1>;
+type TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContent$1>;
+declare function TraceLine({ className, ...props }: TraceLineProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceDescription({ className, ...props }: TraceDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/trace/index.d.mts.map

@@ -0,0 +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"}

package/dist/components/trace/index.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+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";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/trace/index.tsx
+function TraceLine({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TraceLine$1, {
+		className: cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TraceDescription$1, {
+		className: cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TraceCollapsibleTrigger$1, {
+		className: cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleContent({ children, ...props }) {
+	return /* @__PURE__ */ jsx(TraceCollapsibleContent$1, {
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "block text-berget-trace-fg",
+			children
+		})
+	});
+}
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/trace/index.mjs.map

@@ -0,0 +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

@@ -12,6 +12,8 @@ const require_Tabs = require("./components/tabs/Tabs.cjs");
 const require_bubble = require("./primitives/bubble.cjs");
 const require_message = require("./primitives/message.cjs");
 const require_message_scroller = require("./primitives/message-scroller.cjs");
+const require_trace = require("./primitives/trace.cjs");
+const require_index = require("./components/trace/index.cjs");
 const require_Typography = require("./components/typography/Typography.cjs");
 const require_card = require("./primitives/card.cjs");
 const require_Card = require("./components/card/Card.cjs");
@@ -288,6 +290,14 @@ exports.Tooltip = require_tooltip.Tooltip;
 exports.TooltipContent = require_Tooltip.TooltipContent;
 exports.TooltipProvider = require_tooltip.TooltipProvider;
 exports.TooltipTrigger = require_Tooltip.TooltipTrigger;
+exports.Trace = require_trace.Trace;
+exports.TraceCollapsible = require_trace.TraceCollapsible;
+exports.TraceCollapsibleContent = require_index.TraceCollapsibleContent;
+exports.TraceCollapsibleTrigger = require_index.TraceCollapsibleTrigger;
+exports.TraceDescription = require_index.TraceDescription;
+exports.TraceIcon = require_trace.TraceIcon;
+exports.TraceLine = require_index.TraceLine;
+exports.TraceTitle = require_trace.TraceTitle;
 exports.Typography = require_Typography.Typography;
 exports.WindowFrame = require_WindowFrame.WindowFrame;
 exports.alertVariants = require_Alert.alertVariants;

package/dist/index.d.cts

@@ -19,6 +19,8 @@ import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, Me
 import "./components/message/index.cjs";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.cjs";
 import "./components/message-scroller/index.cjs";
+import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.cjs";
+import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.cjs";
 import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.cjs";
 import "./components/typography/index.cjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.cjs";
@@ -113,4 +115,4 @@ import { cn } from "./lib/utils.cjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.cjs";
 import "./components/window-frame/index.cjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.cjs";
-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 };
+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, 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

@@ -19,6 +19,8 @@ import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, Me
 import "./components/message/index.mjs";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
 import "./components/message-scroller/index.mjs";
+import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.mjs";
+import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.mjs";
 import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.mjs";
 import "./components/typography/index.mjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
@@ -113,4 +115,4 @@ import { cn } from "./lib/utils.mjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.mjs";
 import "./components/window-frame/index.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.mjs";
-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 };
+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, 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

@@ -11,6 +11,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTrigger
 import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./primitives/bubble.mjs";
 import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./primitives/message.mjs";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
+import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.mjs";
+import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.mjs";
 import { Typography, typographyVariants } from "./components/typography/Typography.mjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
 import { Card, cardVariants } from "./components/card/Card.mjs";
@@ -64,4 +66,4 @@ import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./components/code-bl
 import { useHighlightedCode } from "./hooks/use-highlighted-code.mjs";
 import { WindowFrame } from "./components/window-frame/WindowFrame.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration } from "./components/fog-illustration/FogIllustration.mjs";
-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 };
+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, 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 };

package/dist/primitives/collapsible.cjs

@@ -0,0 +1,27 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_collapsible = require("@base-ui/react/collapsible");
+//#region src/primitives/collapsible.tsx
+function Collapsible({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Trigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Panel, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+//#endregion
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+
+//# sourceMappingURL=collapsible.cjs.map

package/dist/primitives/collapsible.cjs.map

@@ -0,0 +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"}

package/dist/primitives/collapsible.d.cts

@@ -0,0 +1,8 @@
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/primitives/collapsible.d.ts
+declare function Collapsible$1({ ...props }: Collapsible.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: Collapsible.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: Collapsible.Panel.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.d.cts.map

package/dist/primitives/collapsible.d.cts.map

@@ -0,0 +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"}

package/dist/primitives/collapsible.d.mts

@@ -0,0 +1,8 @@
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/primitives/collapsible.d.ts
+declare function Collapsible$1({ ...props }: Collapsible.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: Collapsible.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: Collapsible.Panel.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.d.mts.map

package/dist/primitives/collapsible.d.mts.map

@@ -0,0 +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"}

package/dist/primitives/collapsible.mjs

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/primitives/collapsible.tsx
+function Collapsible$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+
+//# sourceMappingURL=collapsible.mjs.map

package/dist/primitives/collapsible.mjs.map

@@ -0,0 +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"}

package/dist/primitives/field.d.cts

@@ -7,7 +7,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
 }): import("react/jsx-runtime").JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/field.d.mts

@@ -7,7 +7,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
 }): import("react/jsx-runtime").JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/trace.cjs

@@ -0,0 +1,86 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_collapsible = require("./collapsible.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let cn = require("cn");
+let lucide_react = require("lucide-react");
+//#region src/primitives/trace.tsx
+function Trace({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "trace",
+		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),
+		...props
+	});
+}
+function TraceLine({ className, status, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "trace-line",
+		"data-status": status,
+		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),
+		...props
+	});
+}
+function TraceIcon({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "trace-icon",
+		"aria-hidden": "true",
+		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),
+		...props
+	});
+}
+function TraceTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "trace-title",
+		className: (0, cn.cn)("min-w-0 truncate motion-reduce:shimmer-none", className),
+		...props
+	});
+}
+function TraceDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "trace-description",
+		className: (0, cn.cn)("shrink-0 text-muted-foreground/70 tabular-nums", className),
+		...props
+	});
+}
+function TraceCollapsible({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.Collapsible, {
+		"data-slot": "trace-collapsible",
+		className: (0, cn.cn)("flex w-full min-w-0 flex-col", className),
+		...props
+	});
+}
+function TraceCollapsibleTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_collapsible.CollapsibleTrigger, {
+		"data-slot": "trace-collapsible-trigger",
+		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),
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TraceIcon, {
+			className: "transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, {})
+		})]
+	});
+}
+function TraceCollapsibleContent({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.CollapsibleContent, {
+		"data-slot": "trace-collapsible-content",
+		className: "h-(--collapsible-panel-height) min-w-0 overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-slot": "trace-collapsible-content-inner",
+			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),
+			children
+		})
+	});
+}
+//#endregion
+exports.Trace = Trace;
+exports.TraceCollapsible = TraceCollapsible;
+exports.TraceCollapsibleContent = TraceCollapsibleContent;
+exports.TraceCollapsibleTrigger = TraceCollapsibleTrigger;
+exports.TraceDescription = TraceDescription;
+exports.TraceIcon = TraceIcon;
+exports.TraceLine = TraceLine;
+exports.TraceTitle = TraceTitle;
+
+//# sourceMappingURL=trace.cjs.map

package/dist/primitives/trace.cjs.map

@@ -0,0 +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"}

package/dist/primitives/trace.d.cts

@@ -0,0 +1,21 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.cjs";
+import * as React from "react";
+//#region src/primitives/trace.d.ts
+declare function Trace({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
+  status?: "running" | "error" | "pending";
+}): import("react/jsx-runtime").JSX.Element;
+declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "open"> & ({
+  open?: undefined;
+} | {
+  open: boolean;
+  onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
+})): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleTrigger({ className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+//# sourceMappingURL=trace.d.cts.map

package/dist/primitives/trace.d.cts.map

@@ -0,0 +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"}

package/dist/primitives/trace.d.mts

@@ -0,0 +1,21 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.mjs";
+import * as React from "react";
+//#region src/primitives/trace.d.ts
+declare function Trace({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function TraceLine({ className, status, ...props }: React.ComponentProps<"span"> & {
+  status?: "running" | "error" | "pending";
+}): import("react/jsx-runtime").JSX.Element;
+declare function TraceIcon({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function TraceTitle({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function TraceDescription({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsible({ className, ...props }: Omit<React.ComponentProps<typeof Collapsible>, "open"> & ({
+  open?: undefined;
+} | {
+  open: boolean;
+  onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>["onOpenChange"]>;
+})): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleTrigger({ className, children, ...props }: React.ComponentProps<typeof CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+//# sourceMappingURL=trace.d.mts.map

package/dist/primitives/trace.d.mts.map

@@ -0,0 +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"}

package/dist/primitives/trace.mjs

@@ -0,0 +1,77 @@
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "cn";
+import { ChevronRightIcon } from "lucide-react";
+//#region src/primitives/trace.tsx
+function Trace({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "trace",
+		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),
+		...props
+	});
+}
+function TraceLine({ className, status, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "trace-line",
+		"data-status": status,
+		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),
+		...props
+	});
+}
+function TraceIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "trace-icon",
+		"aria-hidden": "true",
+		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),
+		...props
+	});
+}
+function TraceTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "trace-title",
+		className: cn("min-w-0 truncate motion-reduce:shimmer-none", className),
+		...props
+	});
+}
+function TraceDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "trace-description",
+		className: cn("shrink-0 text-muted-foreground/70 tabular-nums", className),
+		...props
+	});
+}
+function TraceCollapsible({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible, {
+		"data-slot": "trace-collapsible",
+		className: cn("flex w-full min-w-0 flex-col", className),
+		...props
+	});
+}
+function TraceCollapsibleTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		"data-slot": "trace-collapsible-trigger",
+		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),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TraceIcon, {
+			className: "transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90",
+			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+		})]
+	});
+}
+function TraceCollapsibleContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(CollapsibleContent, {
+		"data-slot": "trace-collapsible-content",
+		className: "h-(--collapsible-panel-height) min-w-0 overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "trace-collapsible-content-inner",
+			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),
+			children
+		})
+	});
+}
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+
+//# sourceMappingURL=trace.mjs.map

package/dist/primitives/trace.mjs.map

@@ -0,0 +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"}

package/dist/styles/index.css

@@ -526,6 +526,12 @@
   --berget-empty-title-fg: var(--berget-foreground);
   --berget-empty-description-fg: var(--berget-muted-foreground);
 
+  /* ── Trace component-scoped tokens ─────────────────────────────── */
+  /* Reasoning/trace lines read as secondary information — the shadcn
+     bridge maps muted-foreground to full Peak, so trace carries its own
+     dimmer token (matches the AI-elements example in the shadcn docs). */
+  --berget-trace-fg: color-mix(in oklch, var(--berget-foreground) 62%, transparent);
+
   /* ── Tabs component-scoped tokens ─────────────────────────────────── */
   /* Pill/segmented list track (default variant) */
   --berget-tabs-list-bg: var(--berget-surface-02);
@@ -1393,6 +1399,9 @@
   --color-berget-empty-title-fg: var(--berget-empty-title-fg);
   --color-berget-empty-description-fg: var(--berget-empty-description-fg);
 
+  /* Trace component-scoped aliases */
+  --color-berget-trace-fg: var(--berget-trace-fg);
+
   /* Tabs component-scoped aliases */
   --color-berget-tabs-list-bg: var(--berget-tabs-list-bg);
   --color-berget-tabs-trigger-active-bg: var(--berget-tabs-trigger-active-bg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bergetai/ui",
-  "version": "0.20.1",
+  "version": "0.21.0",
   "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
   "type": "module",
   "license": "MIT",