@sero-ai/ui 0.4.0 → 0.4.2

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

@@ -43,8 +43,8 @@ const ConversationEmptyState = ({
     children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground", children: icon }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-medium text-sm", children: title }),
-        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-sm", children: description })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-medium text-base", children: title }),
+        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-base", children: description })
       ] })
     ] })))
   }

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

@@ -43,8 +43,8 @@ const ConversationEmptyState = ({
     children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: icon }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: description })
+        /* @__PURE__ */ jsx("h3", { className: "font-medium text-base", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base", children: description })
       ] })
     ] })
   }

package/dist/components/ai-elements/environment-variables.cjs

@@ -69,7 +69,7 @@ const EnvironmentVariablesTitle = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _utils.cn.call(void 0, "font-medium text-sm", className), ...props, children: _nullishCoalesce(children, () => ( "Environment Variables")) });
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _utils.cn.call(void 0, "font-medium text-base", className), ...props, children: _nullishCoalesce(children, () => ( "Environment Variables")) });
 const EnvironmentVariablesToggle = ({
   className,
   ...props
@@ -131,7 +131,7 @@ const EnvironmentVariableName = ({
   ...props
 }) => {
   const { name } = _react.use.call(void 0, EnvironmentVariableContext);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "font-mono text-sm", className), ...props, children: _nullishCoalesce(children, () => ( name)) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "font-mono text-base", className), ...props, children: _nullishCoalesce(children, () => ( name)) });
 };
 const EnvironmentVariableValue = ({
   className,
@@ -145,7 +145,7 @@ const EnvironmentVariableValue = ({
     "span",
     {
       className: _utils.cn.call(void 0, 
-        "font-mono text-muted-foreground text-sm",
+        "font-mono text-muted-foreground text-base",
         !showValues && "select-none",
         className
       ),

package/dist/components/ai-elements/environment-variables.js

@@ -69,7 +69,7 @@ const EnvironmentVariablesTitle = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx("h3", { className: cn("font-medium text-sm", className), ...props, children: children ?? "Environment Variables" });
+}) => /* @__PURE__ */ jsx("h3", { className: cn("font-medium text-base", className), ...props, children: children ?? "Environment Variables" });
 const EnvironmentVariablesToggle = ({
   className,
   ...props
@@ -131,7 +131,7 @@ const EnvironmentVariableName = ({
   ...props
 }) => {
   const { name } = use(EnvironmentVariableContext);
-  return /* @__PURE__ */ jsx("span", { className: cn("font-mono text-sm", className), ...props, children: children ?? name });
+  return /* @__PURE__ */ jsx("span", { className: cn("font-mono text-base", className), ...props, children: children ?? name });
 };
 const EnvironmentVariableValue = ({
   className,
@@ -145,7 +145,7 @@ const EnvironmentVariableValue = ({
     "span",
     {
       className: cn(
-        "font-mono text-muted-foreground text-sm",
+        "font-mono text-muted-foreground text-base",
         !showValues && "select-none",
         className
       ),

package/dist/components/ai-elements/file-tree.cjs

@@ -59,7 +59,7 @@ const FileTree = ({
     "div",
     {
       className: _utils.cn.call(void 0, 
-        "rounded-lg border bg-background font-mono text-sm",
+        "rounded-lg border bg-background font-mono text-base",
         className
       ),
       role: "tree",

package/dist/components/ai-elements/file-tree.js

@@ -59,7 +59,7 @@ const FileTree = ({
     "div",
     {
       className: cn(
-        "rounded-lg border bg-background font-mono text-sm",
+        "rounded-lg border bg-background font-mono text-base",
         className
       ),
       role: "tree",

package/dist/components/ai-elements/inline-citation.cjs

@@ -185,9 +185,9 @@ const InlineCitationSource = ({
   children,
   ...props
 }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-1", className), ...props, children: [
-  title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "truncate font-medium text-sm leading-tight", children: title }),
+  title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "truncate font-medium text-base leading-tight", children: title }),
   url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate break-all text-muted-foreground text-xs", children: url }),
-  description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: description }),
+  description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 text-muted-foreground text-base leading-relaxed", children: description }),
   children
 ] });
 const InlineCitationQuote = ({
@@ -198,7 +198,7 @@ const InlineCitationQuote = ({
   "blockquote",
   {
     className: _utils.cn.call(void 0, 
-      "border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",
+      "border-muted border-l-2 pl-3 text-muted-foreground text-base italic",
       className
     ),
     ...props,

package/dist/components/ai-elements/inline-citation.js

@@ -185,9 +185,9 @@ const InlineCitationSource = ({
   children,
   ...props
 }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), ...props, children: [
-  title && /* @__PURE__ */ jsx("h4", { className: "truncate font-medium text-sm leading-tight", children: title }),
+  title && /* @__PURE__ */ jsx("h4", { className: "truncate font-medium text-base leading-tight", children: title }),
   url && /* @__PURE__ */ jsx("p", { className: "truncate break-all text-muted-foreground text-xs", children: url }),
-  description && /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: description }),
+  description && /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-muted-foreground text-base leading-relaxed", children: description }),
   children
 ] });
 const InlineCitationQuote = ({
@@ -198,7 +198,7 @@ const InlineCitationQuote = ({
   "blockquote",
   {
     className: cn(
-      "border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",
+      "border-muted border-l-2 pl-3 text-muted-foreground text-base italic",
       className
     ),
     ...props,

package/dist/components/ai-elements/jsx-preview.cjs

@@ -155,7 +155,7 @@ const JSXPreviewError = _react.memo.call(void 0,
       "div",
       {
         className: _utils.cn.call(void 0, 
-          "flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm",
+          "flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-base",
           className
         ),
         ...props,

package/dist/components/ai-elements/jsx-preview.js

@@ -155,7 +155,7 @@ const JSXPreviewError = memo(
       "div",
       {
         className: cn(
-          "flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm",
+          "flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-base",
           className
         ),
         ...props,

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

@@ -46,7 +46,7 @@ const MessageContent = ({
   "div",
   {
     className: _utils.cn.call(void 0, 
-      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-base",
       "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
       "group-[.is-assistant]:text-foreground",
       className

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

@@ -46,7 +46,7 @@ const MessageContent = ({
   "div",
   {
     className: cn(
-      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-base",
       "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
       "group-[.is-assistant]:text-foreground",
       className

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

@@ -55,7 +55,7 @@ const PackageInfoName = ({
   const { name } = _react.use.call(void 0, PackageInfoContext);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "flex items-center gap-2", className), ...props, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.PackageIcon, { className: "size-4 text-muted-foreground" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium font-mono text-sm", children: _nullishCoalesce(children, () => ( name)) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium font-mono text-base", children: _nullishCoalesce(children, () => ( name)) })
   ] });
 };
 const changeTypeStyles = {
@@ -111,7 +111,7 @@ const PackageInfoVersion = ({
     "div",
     {
       className: _utils.cn.call(void 0, 
-        "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__ */ _jsxruntime.jsx.call(void 0, "p", { className: _utils.cn.call(void 0, "mt-2 text-muted-foreground text-sm", className), ...props, children });
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _utils.cn.call(void 0, "mt-2 text-muted-foreground text-base", className), ...props, children });
 const PackageInfoContent = ({
   className,
   children,
@@ -150,7 +150,7 @@ const PackageInfoDependency = ({
 }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "div",
   {
-    className: _utils.cn.call(void 0, "flex items-center justify-between text-sm", className),
+    className: _utils.cn.call(void 0, "flex items-center justify-between text-base", className),
     ...props,
     children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-muted-foreground", children: name }),

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,