@konopskidev/ui 0.1.1 → 0.2.0

package/dist/components/ui/tooltip.cjs

@@ -0,0 +1,43 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
+let cn = require("cn");
+let radix_ui = require("radix-ui");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/ui/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.Tooltip.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: (0, cn.cn)("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-sm bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-sm bg-foreground fill-foreground" })]
+	}) });
+}
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+
+//# sourceMappingURL=tooltip.cjs.map

package/dist/components/ui/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.cjs","names":["TooltipPrimitive"],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-sm bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-sm bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;;;;;AAMA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;CACzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,QAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,QAAQ,EAAE,GAAG,SAA6D;CACjF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;CAC3F,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,QAAiB,QAAlB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,SAAAA,QAAiB,SAAlB;EACE,aAAU;EACE;EACZ,YAAA,GAAW,GAAA,GAAA,CACT,8rBACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,QAAiB,OAAlB,EAAwB,WAAU,kGAAmG,CAAA,CAC7G;CACH,CAAA,EAAA,CAAA;AAE7B"}

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

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/ui/tooltip.js

@@ -1,38 +1,37 @@
 "use client";
-"use client";
 import { cn } from "cn";
-import { Tooltip } from "radix-ui";
+import { Tooltip as Tooltip$1 } from "radix-ui";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/components/ui/tooltip.tsx
 function TooltipProvider({ delayDuration = 0, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
 		"data-slot": "tooltip-provider",
 		delayDuration,
 		...props
 	});
 }
-function Tooltip$1({ ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Root, {
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
 		"data-slot": "tooltip",
 		...props
 	});
 }
 function TooltipTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...props
 	});
 }
 function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset,
 		className: cn("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-sm bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-sm bg-foreground fill-foreground" })]
+		children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-sm bg-foreground fill-foreground" })]
 	}) });
 }
-export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 
 //# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["TooltipPrimitive","Tooltip"],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-sm bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-sm bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;;;AAUE,SACE,gBAAA,EAAA,gBAAkB,GAAlB,GAAA,SAAA;CACE,OAAU,oBAAA,QAAA,UAAA;EACK,aAAA;EACf;EACD,GAAA;CAEL,CAAA;AAEA;AACE,SAAO,UAAA,EAAA,GAAA,SAACA;CAAsB,OAAU,oBAAA,QAAA,MAAA;EAAU,aAAI;EAAQ,GAAA;CAChE,CAAA;AAEA;AACE,SAAO,eAAA,EAAA,GAACA,SAAiB;CAAQ,OAAU,oBAAA,QAAA,SAAA;EAAkB,aAAI;EAAQ,GAAA;CAC3E,CAAA;AAEA;AAME,SACE,eAAA,EAAA,WAAkB,aAAlB,GAAA,UACE,GAAA,SAAA;CACE,OAAU,oBAAA,QAAA,QAAA,EAAA,UAAA,qBAAA,QAAA,SAAA;EACE,aAAA;EACZ;EAIA,WAAI,GAAA,8rBAAA,SAAA;EAPN,GAAA;EAYuB,UAAA,CAAA,UAAA,oBAAA,QAAA,OAAA,EAAA,WAAA,kGAAA,CAAA,CAAA;CAE7B,CAAA,EAAA,CAAA"}
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive"],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-sm bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-sm bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;;AAMA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;CACzD,OACE,oBAACA,UAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,QAAQ,EAAE,GAAG,SAA6D;CACjF,OAAO,oBAACA,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;CAC3F,OAAO,oBAACA,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;CACxD,OACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,qBAACA,UAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,8rBACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,oBAACA,UAAiB,OAAlB,EAAwB,WAAU,kGAAmG,CAAA,CAC7G;CACH,CAAA,EAAA,CAAA;AAE7B"}

package/dist/components/ui/trace.cjs

@@ -0,0 +1,86 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
+const require_components_ui_collapsible = require("./collapsible.cjs");
+let cn = require("cn");
+let lucide_react = require("lucide-react");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/ui/trace.tsx
+function Trace({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "trace",
+		className: (0, cn.cn)("*:has-[>[data-slot=trace-line]]: *:has-[>[data-slot=trace-line]]: 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-sm *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none", 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_components_ui_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_components_ui_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-sm text-left text-muted-foreground focus-ring transition-colors outline-none hover:text-foreground 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_components_ui_collapsible.CollapsibleContent, {
+		"data-slot": "trace-collapsible-content",
+		className: "min-w-0 overflow-hidden duration-200 [--radix-accordion-content-height:var(--radix-collapsible-content-height)] data-open:animate-accordion-down data-closed:animate-accordion-up",
+		...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
+		})
+	});
+}
+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/components/ui/trace.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace.cjs","names":["Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"sources":["../../../src/components/ui/trace.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport { ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';\n\nfunction Trace({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"trace\"\n      className={cn(\n        '*:has-[>[data-slot=trace-line]]: *:has-[>[data-slot=trace-line]]: 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-sm *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none',\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({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"trace-description\"\n      className={cn('shrink-0 text-muted-foreground/70 tabular-nums', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TraceCollapsible({\n  className,\n  ...props\n}: Omit<React.ComponentProps<typeof Collapsible>, 'asChild' | 'open'> &\n  (\n    | { open?: undefined }\n    | {\n        open: boolean;\n        onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>['onOpenChange']>;\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}: Omit<React.ComponentProps<typeof CollapsibleTrigger>, 'asChild'>) {\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-sm text-left text-muted-foreground focus-ring transition-colors outline-none hover:text-foreground 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      </TraceIcon>\n    </CollapsibleTrigger>\n  );\n}\n\nfunction TraceCollapsibleContent({\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof CollapsibleContent>, 'asChild'>) {\n  return (\n    <CollapsibleContent\n      data-slot=\"trace-collapsible-content\"\n      className=\"min-w-0 overflow-hidden duration-200 [--radix-accordion-content-height:var(--radix-collapsible-content-height)] data-open:animate-accordion-down data-closed:animate-accordion-up\"\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":";;;;;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAsC;CACnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,wYACA,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,EAAE,WAAW,GAAG,SAAuC;CAC/E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,kDAAkD,SAAS;EACzE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAQA;CACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,kCAAAA,aAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,gCAAgC,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SACgE;CACnE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kCAAAA,oBAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,yPACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;GAAW,WAAU;GACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,kBAAD,CAAmB,CAAA;EACV,CAAA,CACO;;AAExB;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SACgE;CACnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,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/components/ui/trace.d.cts

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

package/dist/hooks/use-highlighted-code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-highlighted-code.d.ts","sourceRoot":"","sources":["../../src/hooks/use-highlighted-code.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kXAmEjE"}
+{"version":3,"file":"use-highlighted-code.d.ts","sourceRoot":"","sources":["../../src/hooks/use-highlighted-code.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kXAmEjE"}

package/dist/hooks/use-highlighted-code.js

@@ -0,0 +1,56 @@
+"use client";
+import * as React from "react";
+import { loadHighlighter } from "@/lib/highlighter";
+// src/hooks/use-highlighted-code.ts
+function useHighlightedCode(value, language) {
+	const code = value.endsWith("\n") ? value.slice(0, -1) : value;
+	const [loaded, setLoaded] = React.useState(null);
+	const highlighter = loaded?.language === language ? loaded.highlighter : null;
+	React.useEffect(() => {
+		let cancelled = false;
+		loadHighlighter(language).then((next) => {
+			if (!cancelled) setLoaded({
+				language,
+				highlighter: next
+			});
+		}).catch(() => {});
+		return () => {
+			cancelled = true;
+		};
+	}, [language]);
+	const [done, setDone] = React.useState({
+		highlighter: null,
+		text: "",
+		lines: []
+	});
+	let next = done;
+	if (next.highlighter !== highlighter || !code.startsWith(next.text)) next = {
+		highlighter,
+		text: "",
+		lines: []
+	};
+	const end = code.lastIndexOf("\n") + 1;
+	if (highlighter && end > next.text.length) {
+		const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);
+		next = {
+			highlighter,
+			text: code.slice(0, end),
+			lines: [...next.lines, ...result.lines],
+			state: result.state
+		};
+	}
+	if (next !== done) setDone(next);
+	const tail = code.slice(end);
+	return React.useMemo(() => {
+		if (!highlighter) return code.split("\n");
+		return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];
+	}, [
+		code,
+		highlighter,
+		next,
+		tail
+	]);
+}
+export { useHighlightedCode };
+
+//# sourceMappingURL=use-highlighted-code.js.map

package/dist/hooks/use-highlighted-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.js","names":[],"sources":["../../src/hooks/use-highlighted-code.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { loadHighlighter } from '@/lib/highlighter';\n\nexport function useHighlightedCode(value: string, language: string) {\n  // A trailing newline would render as an extra empty line.\n  const code = value.endsWith('\\n') ? value.slice(0, -1) : value;\n  const [loaded, setLoaded] = React.useState<{\n    language: string;\n    highlighter: Awaited<ReturnType<typeof loadHighlighter>>;\n  } | null>(null);\n  const highlighter = loaded?.language === language ? loaded.highlighter : null;\n\n  React.useEffect(() => {\n    let cancelled = false;\n\n    loadHighlighter(language)\n      .then((next) => {\n        if (!cancelled) {\n          setLoaded({ language, highlighter: next });\n        }\n      })\n      .catch(() => {});\n\n    return () => {\n      cancelled = true;\n    };\n  }, [language]);\n\n  // The complete lines, highlighted. While the code streams, only the new\n  // lines are tokenized, starting from the grammar state of the last one.\n  const [done, setDone] = React.useState<{\n    highlighter: typeof highlighter;\n    text: string;\n    lines: React.ReactNode[];\n    state?: Parameters<NonNullable<typeof highlighter>['highlight']>[1];\n  }>({ highlighter: null, text: '', lines: [] });\n\n  let next = done;\n\n  if (next.highlighter !== highlighter || !code.startsWith(next.text)) {\n    next = { highlighter, text: '', lines: [] };\n  }\n\n  const end = code.lastIndexOf('\\n') + 1;\n\n  if (highlighter && end > next.text.length) {\n    const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);\n\n    next = {\n      highlighter,\n      text: code.slice(0, end),\n      lines: [...next.lines, ...result.lines],\n      state: result.state,\n    };\n  }\n\n  if (next !== done) {\n    setDone(next);\n  }\n\n  // The last line is still being written, so it is tokenized on every render.\n  const tail = code.slice(end);\n\n  return React.useMemo(() => {\n    if (!highlighter) {\n      return code.split('\\n');\n    }\n\n    return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];\n  }, [code, highlighter, next, tail]);\n}\n"],"mappings":";;;;AAMA,SAAgB,mBAAmB,OAAe,UAAkB;CAElE,MAAM,OAAO,MAAM,SAAS,IAAI,IAAI,MAAM,MAAM,GAAG,EAAE,IAAI;CACzD,MAAM,CAAC,QAAQ,aAAa,MAAM,SAGxB,IAAI;CACd,MAAM,cAAc,QAAQ,aAAa,WAAW,OAAO,cAAc;CAEzE,MAAM,gBAAgB;EACpB,IAAI,YAAY;EAEhB,gBAAgB,QAAQ,CAAC,CACtB,MAAM,SAAS;GACd,IAAI,CAAC,WACH,UAAU;IAAE;IAAU,aAAa;GAAK,CAAC;EAE7C,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;EAEjB,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,QAAQ,CAAC;CAIb,MAAM,CAAC,MAAM,WAAW,MAAM,SAK3B;EAAE,aAAa;EAAM,MAAM;EAAI,OAAO,CAAC;CAAE,CAAC;CAE7C,IAAI,OAAO;CAEX,IAAI,KAAK,gBAAgB,eAAe,CAAC,KAAK,WAAW,KAAK,IAAI,GAChE,OAAO;EAAE;EAAa,MAAM;EAAI,OAAO,CAAC;CAAE;CAG5C,MAAM,MAAM,KAAK,YAAY,IAAI,IAAI;CAErC,IAAI,eAAe,MAAM,KAAK,KAAK,QAAQ;EACzC,MAAM,SAAS,YAAY,UAAU,KAAK,MAAM,KAAK,KAAK,QAAQ,MAAM,CAAC,GAAG,KAAK,KAAK;EAEtF,OAAO;GACL;GACA,MAAM,KAAK,MAAM,GAAG,GAAG;GACvB,OAAO,CAAC,GAAG,KAAK,OAAO,GAAG,OAAO,KAAK;GACtC,OAAO,OAAO;EAChB;CACF;CAEA,IAAI,SAAS,MACX,QAAQ,IAAI;CAId,MAAM,OAAO,KAAK,MAAM,GAAG;CAE3B,OAAO,MAAM,cAAc;EACzB,IAAI,CAAC,aACH,OAAO,KAAK,MAAM,IAAI;EAGxB,OAAO,CAAC,GAAG,KAAK,OAAO,YAAY,UAAU,MAAM,KAAK,KAAK,CAAC,CAAC,MAAM,EAAE;CACzE,GAAG;EAAC;EAAM;EAAa;EAAM;CAAI,CAAC;AACpC"}

package/dist/hooks/use-mobile.cjs

@@ -0,0 +1,26 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../chunks/rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+// src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+var QUERY = `(max-width: 767px)`;
+function subscribe(onChange) {
+	const mql = window.matchMedia(QUERY);
+	mql.addEventListener("change", onChange);
+	return () => mql.removeEventListener("change", onChange);
+}
+function getSnapshot() {
+	return window.innerWidth < MOBILE_BREAKPOINT;
+}
+/** `false` on the server and during hydration, then the real viewport. */
+function getServerSnapshot() {
+	return false;
+}
+function useIsMobile() {
+	return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+exports.useIsMobile = useIsMobile;
+
+//# sourceMappingURL=use-mobile.cjs.map

package/dist/hooks/use-mobile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.cjs","names":["React"],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\nconst QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;\n\nfunction subscribe(onChange: () => void) {\n  const mql = window.matchMedia(QUERY);\n  mql.addEventListener('change', onChange);\n\n  return () => mql.removeEventListener('change', onChange);\n}\n\nfunction getSnapshot() {\n  return window.innerWidth < MOBILE_BREAKPOINT;\n}\n\n/** `false` on the server and during hydration, then the real viewport. */\nfunction getServerSnapshot() {\n  return false;\n}\n\nexport function useIsMobile() {\n  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":";;;;;;AAIA,IAAM,oBAAoB;AAC1B,IAAM,QAAQ;AAEd,SAAS,UAAU,UAAsB;CACvC,MAAM,MAAM,OAAO,WAAW,KAAK;CACnC,IAAI,iBAAiB,UAAU,QAAQ;CAEvC,aAAa,IAAI,oBAAoB,UAAU,QAAQ;AACzD;AAEA,SAAS,cAAc;CACrB,OAAO,OAAO,aAAa;AAC7B;;AAGA,SAAS,oBAAoB;CAC3B,OAAO;AACT;AAEA,SAAgB,cAAc;CAC5B,OAAOA,MAAM,qBAAqB,WAAW,aAAa,iBAAiB;AAC7E"}

package/dist/hooks/use-mobile.d.cts

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

package/dist/hooks/use-mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAqBA,wBAAgB,WAAW,YAE1B"}
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAuBA,wBAAgB,WAAW,YAE1B"}

package/dist/hooks/use-mobile.js

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 768;

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

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\nconst QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;\n\nfunction subscribe(onChange: () => void) {\n  const mql = window.matchMedia(QUERY);\n  mql.addEventListener('change', onChange);\n\n  return () => mql.removeEventListener('change', onChange);\n}\n\nfunction getSnapshot() {\n  return window.innerWidth < MOBILE_BREAKPOINT;\n}\n\n/** `false` on the server and during hydration, then the real viewport. */\nfunction getServerSnapshot() {\n  return false;\n}\n\nexport function useIsMobile() {\n  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":";;AAEA,IAAM,oBAAoB;AAC1B,IAAM,QAAQ;AAEd,SAAS,UAAU,UAAsB;CACvC,MAAM,MAAM,OAAO,WAAW,KAAK;CACnC,IAAI,iBAAiB,UAAU,QAAQ;CAEvC,aAAa,IAAI,oBAAoB,UAAU,QAAQ;AACzD;AAEA,SAAS,cAAc;CACrB,OAAO,OAAO,aAAa;AAC7B;;AAGA,SAAS,oBAAoB;CAC3B,OAAO;AACT;AAEA,SAAgB,cAAc;CAC5B,OAAO,MAAM,qBAAqB,WAAW,aAAa,iBAAiB;AAC7E"}
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\nconst QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;\n\nfunction subscribe(onChange: () => void) {\n  const mql = window.matchMedia(QUERY);\n  mql.addEventListener('change', onChange);\n\n  return () => mql.removeEventListener('change', onChange);\n}\n\nfunction getSnapshot() {\n  return window.innerWidth < MOBILE_BREAKPOINT;\n}\n\n/** `false` on the server and during hydration, then the real viewport. */\nfunction getServerSnapshot() {\n  return false;\n}\n\nexport function useIsMobile() {\n  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":";;;AAIA,IAAM,oBAAoB;AAC1B,IAAM,QAAQ;AAEd,SAAS,UAAU,UAAsB;CACvC,MAAM,MAAM,OAAO,WAAW,KAAK;CACnC,IAAI,iBAAiB,UAAU,QAAQ;CAEvC,aAAa,IAAI,oBAAoB,UAAU,QAAQ;AACzD;AAEA,SAAS,cAAc;CACrB,OAAO,OAAO,aAAa;AAC7B;;AAGA,SAAS,oBAAoB;CAC3B,OAAO;AACT;AAEA,SAAgB,cAAc;CAC5B,OAAO,MAAM,qBAAqB,WAAW,aAAa,iBAAiB;AAC7E"}