@sero-ai/ui 0.4.1 → 0.4.2

package/dist/components/ai-elements/package-info.js

@@ -55,7 +55,7 @@ const PackageInfoName = ({
   const { name } = use(PackageInfoContext);
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), ...props, children: [
     /* @__PURE__ */ jsx(PackageIcon, { className: "size-4 text-muted-foreground" }),
-    /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-sm", children: children ?? name })
+    /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-base", children: children ?? name })
   ] });
 };
 const changeTypeStyles = {
@@ -111,7 +111,7 @@ const PackageInfoVersion = ({
     "div",
     {
       className: cn(
-        "mt-2 flex items-center gap-2 font-mono text-muted-foreground text-sm",
+        "mt-2 flex items-center gap-2 font-mono text-muted-foreground text-base",
         className
       ),
       ...props,
@@ -127,7 +127,7 @@ const PackageInfoDescription = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx("p", { className: cn("mt-2 text-muted-foreground text-sm", className), ...props, children });
+}) => /* @__PURE__ */ jsx("p", { className: cn("mt-2 text-muted-foreground text-base", className), ...props, children });
 const PackageInfoContent = ({
   className,
   children,
@@ -150,7 +150,7 @@ const PackageInfoDependency = ({
 }) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: cn("flex items-center justify-between text-sm", className),
+    className: cn("flex items-center justify-between text-base", className),
     ...props,
     children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { className: "font-mono text-muted-foreground", children: name }),

package/dist/components/ai-elements/prompt-input-context.cjs

@@ -142,9 +142,8 @@ const PromptInputActionAddAttachments = ({
     },
     [attachments]
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dropdownmenu.DropdownMenuItem, { ...props, onSelect: handleSelect, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ImageIcon, { className: "mr-2 size-4" }),
-    " ",
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dropdownmenu.DropdownMenuItem, { ...props, onSelect: handleSelect, className: "text-sm", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ImageIcon, { className: "size-4" }),
     label
   ] });
 };

package/dist/components/ai-elements/prompt-input-context.js

@@ -142,9 +142,8 @@ const PromptInputActionAddAttachments = ({
     },
     [attachments]
   );
-  return /* @__PURE__ */ jsxs(DropdownMenuItem, { ...props, onSelect: handleSelect, children: [
-    /* @__PURE__ */ jsx(ImageIcon, { className: "mr-2 size-4" }),
-    " ",
+  return /* @__PURE__ */ jsxs(DropdownMenuItem, { ...props, onSelect: handleSelect, className: "text-sm", children: [
+    /* @__PURE__ */ jsx(ImageIcon, { className: "size-4" }),
     label
   ] });
 };

package/dist/components/ai-elements/queue.cjs

@@ -13,7 +13,7 @@ const QueueItem = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.c
   "li",
   {
     className: _utils.cn.call(void 0, 
-      "group flex flex-col gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-muted",
+      "group flex flex-col gap-1 rounded-md px-3 py-1 text-base transition-colors hover:bg-muted",
       className
     ),
     ...props
@@ -137,7 +137,7 @@ const QueueSectionTrigger = ({
   "button",
   {
     className: _utils.cn.call(void 0, 
-      "group flex w-full items-center justify-between rounded-md bg-muted/40 px-3 py-2 text-left font-medium text-muted-foreground text-sm transition-colors hover:bg-muted",
+      "group flex w-full items-center justify-between rounded-md bg-muted/40 px-3 py-2 text-left font-medium text-muted-foreground text-base transition-colors hover:bg-muted",
       className
     ),
     type: "button",

package/dist/components/ai-elements/queue.js

@@ -13,7 +13,7 @@ const QueueItem = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "li",
   {
     className: cn(
-      "group flex flex-col gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-muted",
+      "group flex flex-col gap-1 rounded-md px-3 py-1 text-base transition-colors hover:bg-muted",
       className
     ),
     ...props
@@ -137,7 +137,7 @@ const QueueSectionTrigger = ({
   "button",
   {
     className: cn(
-      "group flex w-full items-center justify-between rounded-md bg-muted/40 px-3 py-2 text-left font-medium text-muted-foreground text-sm transition-colors hover:bg-muted",
+      "group flex w-full items-center justify-between rounded-md bg-muted/40 px-3 py-2 text-left font-medium text-muted-foreground text-base transition-colors hover:bg-muted",
       className
     ),
     type: "button",

package/dist/components/ai-elements/reasoning.cjs

@@ -131,7 +131,7 @@ const ReasoningTrigger = _react.memo.call(void 0,
       _collapsible.CollapsibleTrigger,
       {
         className: _utils.cn.call(void 0, 
-          "flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
+          "flex w-full items-center gap-2 text-muted-foreground text-base transition-colors hover:text-foreground",
           className
         ),
         ...props,
@@ -158,7 +158,7 @@ const ReasoningContent = _react.memo.call(void 0,
     _collapsible.CollapsibleContent,
     {
       className: _utils.cn.call(void 0, 
-        "mt-4 text-sm",
+        "mt-4 text-base",
         "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
         className
       ),

package/dist/components/ai-elements/reasoning.js

@@ -131,7 +131,7 @@ const ReasoningTrigger = memo(
       CollapsibleTrigger,
       {
         className: cn(
-          "flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
+          "flex w-full items-center gap-2 text-muted-foreground text-base transition-colors hover:text-foreground",
           className
         ),
         ...props,
@@ -158,7 +158,7 @@ const ReasoningContent = memo(
     CollapsibleContent,
     {
       className: cn(
-        "mt-4 text-sm",
+        "mt-4 text-base",
         "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
         className
       ),

package/dist/components/ai-elements/sandbox.cjs

@@ -41,7 +41,7 @@ const SandboxHeader = ({
     children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Code, { className: "size-4 text-muted-foreground" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-base", children: title }),
         _tool.getStatusBadge.call(void 0, state)
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
@@ -92,7 +92,7 @@ const SandboxTabsTrigger = ({
   _tabs.TabsTrigger,
   {
     className: _utils.cn.call(void 0, 
-      "rounded-none border-0 border-transparent border-b-2 px-4 py-2 font-medium text-muted-foreground text-sm transition-colors data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
+      "rounded-none border-0 border-transparent border-b-2 px-4 py-2 font-medium text-muted-foreground text-base transition-colors data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
       className
     ),
     ...props
@@ -101,7 +101,7 @@ const SandboxTabsTrigger = ({
 const SandboxTabContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _tabs.TabsContent, { className: _utils.cn.call(void 0, "mt-0 text-sm", className), ...props });
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _tabs.TabsContent, { className: _utils.cn.call(void 0, "mt-0 text-base", className), ...props });
 
 
 

package/dist/components/ai-elements/sandbox.js

@@ -41,7 +41,7 @@ const SandboxHeader = ({
     children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(Code, { className: "size-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: title }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-base", children: title }),
         getStatusBadge(state)
       ] }),
       /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
@@ -92,7 +92,7 @@ const SandboxTabsTrigger = ({
   TabsTrigger,
   {
     className: cn(
-      "rounded-none border-0 border-transparent border-b-2 px-4 py-2 font-medium text-muted-foreground text-sm transition-colors data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
+      "rounded-none border-0 border-transparent border-b-2 px-4 py-2 font-medium text-muted-foreground text-base transition-colors data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
       className
     ),
     ...props
@@ -101,7 +101,7 @@ const SandboxTabsTrigger = ({
 const SandboxTabContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx(TabsContent, { className: cn("mt-0 text-sm", className), ...props });
+}) => /* @__PURE__ */ jsx(TabsContent, { className: cn("mt-0 text-base", className), ...props });
 export {
   Sandbox,
   SandboxContent,

package/dist/components/ai-elements/schema-display.cjs

@@ -106,7 +106,7 @@ const SchemaDisplayPath = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "span",
     {
-      className: _utils.cn.call(void 0, "font-mono text-sm", className),
+      className: _utils.cn.call(void 0, "font-mono text-base", className),
       dangerouslySetInnerHTML: { __html: _nullishCoalesce(children, () => ( highlightedPath)) },
       ...props
     }
@@ -122,7 +122,7 @@ const SchemaDisplayDescription = ({
     "p",
     {
       className: _utils.cn.call(void 0, 
-        "border-b px-4 py-3 text-muted-foreground text-sm",
+        "border-b px-4 py-3 text-muted-foreground text-base",
         className
       ),
       ...props,
@@ -144,7 +144,7 @@ const SchemaDisplayParameters = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _collapsible.Collapsible, { className: _utils.cn.call(void 0, className), defaultOpen: true, ...props, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _collapsible.CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: "Parameters" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-base", children: "Parameters" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { className: "ml-auto text-xs", variant: "secondary", children: _optionalChain([parameters, 'optionalAccess', _ => _.length]) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.CollapsibleContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "divide-y border-t", children: _nullishCoalesce(children, () => ( _optionalChain([parameters, 'optionalAccess', _2 => _2.map, 'call', _3 => _3((param) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SchemaDisplayParameter, { ...param }, param.name))]))) }) })
@@ -160,7 +160,7 @@ const SchemaDisplayParameter = ({
   ...props
 }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "px-4 py-3 pl-10", className), ...props, children: [
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-sm", children: name }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-base", children: name }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { className: "text-xs", variant: "outline", children: type }),
     location && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { className: "text-xs", variant: "secondary", children: location }),
     required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -172,7 +172,7 @@ const SchemaDisplayParameter = ({
       }
     )
   ] }),
-  description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-1 text-muted-foreground text-sm", children: description })
+  description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-1 text-muted-foreground text-base", children: description })
 ] });
 const SchemaDisplayRequest = ({
   className,
@@ -183,7 +183,7 @@ const SchemaDisplayRequest = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _collapsible.Collapsible, { className: _utils.cn.call(void 0, className), defaultOpen: true, ...props, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _collapsible.CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: "Request Body" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-base", children: "Request Body" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.CollapsibleContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t", children: _nullishCoalesce(children, () => ( _optionalChain([requestBody, 'optionalAccess', _4 => _4.map, 'call', _5 => _5((prop) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SchemaDisplayProperty, { ...prop, depth: 0 }, prop.name))]))) }) })
   ] });
@@ -197,7 +197,7 @@ const SchemaDisplayResponse = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _collapsible.Collapsible, { className: _utils.cn.call(void 0, className), defaultOpen: true, ...props, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _collapsible.CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: "Response" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-base", children: "Response" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.CollapsibleContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t", children: _nullishCoalesce(children, () => ( _optionalChain([responseBody, 'optionalAccess', _6 => _6.map, 'call', _7 => _7((prop) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SchemaDisplayProperty, { ...prop, depth: 0 }, prop.name))]))) }) })
   ] });
@@ -232,7 +232,7 @@ const SchemaDisplayProperty = ({
           style: { paddingLeft },
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-sm", children: name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-base", children: name }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { className: "text-xs", variant: "outline", children: type }),
             required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _badge.Badge,
@@ -248,7 +248,7 @@ const SchemaDisplayProperty = ({
       description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "p",
         {
-          className: "pb-2 text-muted-foreground text-sm",
+          className: "pb-2 text-muted-foreground text-base",
           style: { paddingLeft: paddingLeft + 24 },
           children: description
         }
@@ -282,7 +282,7 @@ const SchemaDisplayProperty = ({
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "size-4" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-sm", children: name }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-base", children: name }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { className: "text-xs", variant: "outline", children: type }),
           required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _badge.Badge,
@@ -293,7 +293,7 @@ const SchemaDisplayProperty = ({
             }
           )
         ] }),
-        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-1 pl-6 text-muted-foreground text-sm", children: description })
+        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-1 pl-6 text-muted-foreground text-base", children: description })
       ]
     }
   );
@@ -306,7 +306,7 @@ const SchemaDisplayExample = ({
   "pre",
   {
     className: _utils.cn.call(void 0, 
-      "mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-sm",
+      "mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-base",
       className
     ),
     ...props,

package/dist/components/ai-elements/schema-display.js

@@ -106,7 +106,7 @@ const SchemaDisplayPath = ({
   return /* @__PURE__ */ jsx(
     "span",
     {
-      className: cn("font-mono text-sm", className),
+      className: cn("font-mono text-base", className),
       dangerouslySetInnerHTML: { __html: children ?? highlightedPath },
       ...props
     }
@@ -122,7 +122,7 @@ const SchemaDisplayDescription = ({
     "p",
     {
       className: cn(
-        "border-b px-4 py-3 text-muted-foreground text-sm",
+        "border-b px-4 py-3 text-muted-foreground text-base",
         className
       ),
       ...props,
@@ -144,7 +144,7 @@ const SchemaDisplayParameters = ({
   return /* @__PURE__ */ jsxs(Collapsible, { className: cn(className), defaultOpen: true, ...props, children: [
     /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50", children: [
       /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: "Parameters" }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-base", children: "Parameters" }),
       /* @__PURE__ */ jsx(Badge, { className: "ml-auto text-xs", variant: "secondary", children: parameters?.length })
     ] }),
     /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "divide-y border-t", children: children ?? parameters?.map((param) => /* @__PURE__ */ jsx(SchemaDisplayParameter, { ...param }, param.name)) }) })
@@ -160,7 +160,7 @@ const SchemaDisplayParameter = ({
   ...props
 }) => /* @__PURE__ */ jsxs("div", { className: cn("px-4 py-3 pl-10", className), ...props, children: [
   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: name }),
+    /* @__PURE__ */ jsx("span", { className: "font-mono text-base", children: name }),
     /* @__PURE__ */ jsx(Badge, { className: "text-xs", variant: "outline", children: type }),
     location && /* @__PURE__ */ jsx(Badge, { className: "text-xs", variant: "secondary", children: location }),
     required && /* @__PURE__ */ jsx(
@@ -172,7 +172,7 @@ const SchemaDisplayParameter = ({
       }
     )
   ] }),
-  description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground text-sm", children: description })
+  description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground text-base", children: description })
 ] });
 const SchemaDisplayRequest = ({
   className,
@@ -183,7 +183,7 @@ const SchemaDisplayRequest = ({
   return /* @__PURE__ */ jsxs(Collapsible, { className: cn(className), defaultOpen: true, ...props, children: [
     /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50", children: [
       /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: "Request Body" })
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-base", children: "Request Body" })
     ] }),
     /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "border-t", children: children ?? requestBody?.map((prop) => /* @__PURE__ */ jsx(SchemaDisplayProperty, { ...prop, depth: 0 }, prop.name)) }) })
   ] });
@@ -197,7 +197,7 @@ const SchemaDisplayResponse = ({
   return /* @__PURE__ */ jsxs(Collapsible, { className: cn(className), defaultOpen: true, ...props, children: [
     /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50", children: [
       /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: "Response" })
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-base", children: "Response" })
     ] }),
     /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "border-t", children: children ?? responseBody?.map((prop) => /* @__PURE__ */ jsx(SchemaDisplayProperty, { ...prop, depth: 0 }, prop.name)) }) })
   ] });
@@ -232,7 +232,7 @@ const SchemaDisplayProperty = ({
           style: { paddingLeft },
           children: [
             /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
-            /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: name }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-base", children: name }),
             /* @__PURE__ */ jsx(Badge, { className: "text-xs", variant: "outline", children: type }),
             required && /* @__PURE__ */ jsx(
               Badge,
@@ -248,7 +248,7 @@ const SchemaDisplayProperty = ({
       description && /* @__PURE__ */ jsx(
         "p",
         {
-          className: "pb-2 text-muted-foreground text-sm",
+          className: "pb-2 text-muted-foreground text-base",
           style: { paddingLeft: paddingLeft + 24 },
           children: description
         }
@@ -282,7 +282,7 @@ const SchemaDisplayProperty = ({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx("span", { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", children: name }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-base", children: name }),
           /* @__PURE__ */ jsx(Badge, { className: "text-xs", variant: "outline", children: type }),
           required && /* @__PURE__ */ jsx(
             Badge,
@@ -293,7 +293,7 @@ const SchemaDisplayProperty = ({
             }
           )
         ] }),
-        description && /* @__PURE__ */ jsx("p", { className: "mt-1 pl-6 text-muted-foreground text-sm", children: description })
+        description && /* @__PURE__ */ jsx("p", { className: "mt-1 pl-6 text-muted-foreground text-base", children: description })
       ]
     }
   );
@@ -306,7 +306,7 @@ const SchemaDisplayExample = ({
   "pre",
   {
     className: cn(
-      "mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-sm",
+      "mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-base",
       className
     ),
     ...props,

package/dist/components/ai-elements/speech-input.cjs

@@ -30,6 +30,7 @@ const SpeechInput = ({
   const [isRecognitionReady, setIsRecognitionReady] = _react.useState.call(void 0, false);
   const recognitionRef = _react.useRef.call(void 0, null);
   const mediaRecorderRef = _react.useRef.call(void 0, null);
+  const mediaRecorderCleanupRef = _react.useRef.call(void 0, null);
   const streamRef = _react.useRef.call(void 0, null);
   const audioChunksRef = _react.useRef.call(void 0, []);
   const onTranscriptionChangeRef = _react.useRef.call(void 0, onTranscriptionChange);
@@ -88,6 +89,7 @@ const SpeechInput = ({
       if (_optionalChain([mediaRecorderRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.state]) === "recording") {
         mediaRecorderRef.current.stop();
       }
+      _optionalChain([mediaRecorderCleanupRef, 'access', _7 => _7.current, 'optionalCall', _8 => _8()]);
       if (streamRef.current) {
         for (const track of streamRef.current.getTracks()) {
           track.stop();
@@ -115,6 +117,7 @@ const SpeechInput = ({
           track.stop();
         }
         streamRef.current = null;
+        cleanupMediaRecorder();
         const audioBlob = new Blob(audioChunksRef.current, {
           type: "audio/webm"
         });
@@ -123,7 +126,7 @@ const SpeechInput = ({
           try {
             const transcript = await onAudioRecordedRef.current(audioBlob);
             if (transcript) {
-              _optionalChain([onTranscriptionChangeRef, 'access', _7 => _7.current, 'optionalCall', _8 => _8(transcript)]);
+              _optionalChain([onTranscriptionChangeRef, 'access', _9 => _9.current, 'optionalCall', _10 => _10(transcript)]);
             }
           } catch (e) {
           } finally {
@@ -137,11 +140,24 @@ const SpeechInput = ({
           track.stop();
         }
         streamRef.current = null;
+        cleanupMediaRecorder();
+      };
+      const cleanupMediaRecorder = () => {
+        mediaRecorder.removeEventListener("dataavailable", handleDataAvailable);
+        mediaRecorder.removeEventListener("stop", handleStop);
+        mediaRecorder.removeEventListener("error", handleError);
+        if (mediaRecorderRef.current === mediaRecorder) {
+          mediaRecorderRef.current = null;
+        }
+        if (mediaRecorderCleanupRef.current === cleanupMediaRecorder) {
+          mediaRecorderCleanupRef.current = null;
+        }
       };
       mediaRecorder.addEventListener("dataavailable", handleDataAvailable);
       mediaRecorder.addEventListener("stop", handleStop);
       mediaRecorder.addEventListener("error", handleError);
       mediaRecorderRef.current = mediaRecorder;
+      mediaRecorderCleanupRef.current = cleanupMediaRecorder;
       mediaRecorder.start();
       setIsListening(true);
     } catch (e2) {
@@ -149,7 +165,7 @@ const SpeechInput = ({
     }
   }, []);
   const stopMediaRecorder = _react.useCallback.call(void 0, () => {
-    if (_optionalChain([mediaRecorderRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.state]) === "recording") {
+    if (_optionalChain([mediaRecorderRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.state]) === "recording") {
       mediaRecorderRef.current.stop();
     }
     setIsListening(false);

package/dist/components/ai-elements/speech-input.js

@@ -30,6 +30,7 @@ const SpeechInput = ({
   const [isRecognitionReady, setIsRecognitionReady] = useState(false);
   const recognitionRef = useRef(null);
   const mediaRecorderRef = useRef(null);
+  const mediaRecorderCleanupRef = useRef(null);
   const streamRef = useRef(null);
   const audioChunksRef = useRef([]);
   const onTranscriptionChangeRef = useRef(onTranscriptionChange);
@@ -88,6 +89,7 @@ const SpeechInput = ({
       if (mediaRecorderRef.current?.state === "recording") {
         mediaRecorderRef.current.stop();
       }
+      mediaRecorderCleanupRef.current?.();
       if (streamRef.current) {
         for (const track of streamRef.current.getTracks()) {
           track.stop();
@@ -115,6 +117,7 @@ const SpeechInput = ({
           track.stop();
         }
         streamRef.current = null;
+        cleanupMediaRecorder();
         const audioBlob = new Blob(audioChunksRef.current, {
           type: "audio/webm"
         });
@@ -137,11 +140,24 @@ const SpeechInput = ({
           track.stop();
         }
         streamRef.current = null;
+        cleanupMediaRecorder();
+      };
+      const cleanupMediaRecorder = () => {
+        mediaRecorder.removeEventListener("dataavailable", handleDataAvailable);
+        mediaRecorder.removeEventListener("stop", handleStop);
+        mediaRecorder.removeEventListener("error", handleError);
+        if (mediaRecorderRef.current === mediaRecorder) {
+          mediaRecorderRef.current = null;
+        }
+        if (mediaRecorderCleanupRef.current === cleanupMediaRecorder) {
+          mediaRecorderCleanupRef.current = null;
+        }
       };
       mediaRecorder.addEventListener("dataavailable", handleDataAvailable);
       mediaRecorder.addEventListener("stop", handleStop);
       mediaRecorder.addEventListener("error", handleError);
       mediaRecorderRef.current = mediaRecorder;
+      mediaRecorderCleanupRef.current = cleanupMediaRecorder;
       mediaRecorder.start();
       setIsListening(true);
     } catch {

package/dist/components/ai-elements/stack-trace.cjs

@@ -131,7 +131,7 @@ const StackTrace = _react.memo.call(void 0,
       "div",
       {
         className: _utils.cn.call(void 0, 
-          "not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-sm",
+          "not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-base",
           className
         ),
         ...props,

package/dist/components/ai-elements/stack-trace.js

@@ -131,7 +131,7 @@ const StackTrace = memo(
       "div",
       {
         className: cn(
-          "not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-sm",
+          "not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-base",
           className
         ),
         ...props,

package/dist/components/ai-elements/task.cjs

@@ -22,7 +22,7 @@ const TaskItemFile = ({
     children
   }
 );
-const TaskItem = ({ children, className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "text-muted-foreground text-sm", className), ...props, children });
+const TaskItem = ({ children, className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "text-muted-foreground text-base", className), ...props, children });
 const Task = ({
   defaultOpen = true,
   className,
@@ -33,9 +33,9 @@ const TaskTrigger = ({
   className,
   title,
   ...props
-}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.CollapsibleTrigger, { asChild: true, className: _utils.cn.call(void 0, "group", className), ...props, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", children: [
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.CollapsibleTrigger, { asChild: true, className: _utils.cn.call(void 0, "group", className), ...props, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-base transition-colors hover:text-foreground", children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SearchIcon, { className: "size-4" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", children: title }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-base", children: title }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon, { className: "size-4 transition-transform group-data-[state=open]:rotate-180" })
 ] }))) });
 const TaskContent = ({

package/dist/components/ai-elements/task.js

@@ -22,7 +22,7 @@ const TaskItemFile = ({
     children
   }
 );
-const TaskItem = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground text-sm", className), ...props, children });
+const TaskItem = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground text-base", className), ...props, children });
 const Task = ({
   defaultOpen = true,
   className,
@@ -33,9 +33,9 @@ const TaskTrigger = ({
   className,
   title,
   ...props
-}) => /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, className: cn("group", className), ...props, children: children ?? /* @__PURE__ */ jsxs("div", { className: "flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", children: [
+}) => /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, className: cn("group", className), ...props, children: children ?? /* @__PURE__ */ jsxs("div", { className: "flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-base transition-colors hover:text-foreground", children: [
   /* @__PURE__ */ jsx(SearchIcon, { className: "size-4" }),
-  /* @__PURE__ */ jsx("p", { className: "text-sm", children: title }),
+  /* @__PURE__ */ jsx("p", { className: "text-base", children: title }),
   /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 transition-transform group-data-[state=open]:rotate-180" })
 ] }) });
 const TaskContent = ({

package/dist/components/ai-elements/terminal.cjs

@@ -78,7 +78,7 @@ const TerminalTitle = ({
 }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   "div",
   {
-    className: _utils.cn.call(void 0, "flex items-center gap-2 text-sm text-zinc-400", className),
+    className: _utils.cn.call(void 0, "flex items-center gap-2 text-base text-zinc-400", className),
     ...props,
     children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.TerminalIcon, { className: "size-4" }),
@@ -196,7 +196,7 @@ const TerminalContent = ({
     "div",
     {
       className: _utils.cn.call(void 0, 
-        "max-h-96 overflow-auto p-4 font-mono text-sm leading-relaxed",
+        "max-h-96 overflow-auto p-4 font-mono text-base leading-relaxed",
         className
       ),
       ref: containerRef,

package/dist/components/ai-elements/terminal.js

@@ -78,7 +78,7 @@ const TerminalTitle = ({
 }) => /* @__PURE__ */ jsxs(
   "div",
   {
-    className: cn("flex items-center gap-2 text-sm text-zinc-400", className),
+    className: cn("flex items-center gap-2 text-base text-zinc-400", className),
     ...props,
     children: [
       /* @__PURE__ */ jsx(TerminalIcon, { className: "size-4" }),
@@ -196,7 +196,7 @@ const TerminalContent = ({
     "div",
     {
       className: cn(
-        "max-h-96 overflow-auto p-4 font-mono text-sm leading-relaxed",
+        "max-h-96 overflow-auto p-4 font-mono text-base leading-relaxed",
         className
       ),
       ref: containerRef,