@sero-ai/ui 0.4.1 → 0.5.0

package/.turbo/turbo-test.log

@@ -0,0 +1,18 @@
+
+> @sero-ai/ui@0.4.2 test /Users/danielcarter/Documents/Dev/projects/sero/sero/packages/ui
+> vitest run
+
+
+ RUN  v4.1.7 /Users/danielcarter/Documents/Dev/projects/sero/sero/packages/ui
+
+ ✓ src/plugin-style-scope.test.tsx (1 test) 54ms
+ ✓ src/components/dashboard/__tests__/catalog.test.ts (5 tests) 5ms
+ ✓ src/components/dashboard/__tests__/glass.test.tsx (4 tests) 47ms
+ ✓ src/components/dashboard/__tests__/state.test.tsx (14 tests) 58ms
+ ✓ src/components/dashboard/__tests__/variants.test.tsx (13 tests) 161ms
+
+ Test Files  5 passed (5)
+      Tests  37 passed (37)
+   Start at  20:23:20
+   Duration  3.62s (transform 702ms, setup 0ms, import 4.83s, tests 325ms, environment 8.29s)
+

package/.turbo/turbo-typecheck.log

@@ -1,4 +1,4 @@
 
-> @sero-ai/ui@0.4.0 typecheck /Users/danielcarter/Documents/Dev/projects/sero/sero/packages/ui
+> @sero-ai/ui@0.5.0 typecheck /Users/danielcarter/Documents/Dev/projects/sero/sero/packages/ui
 > tsc --noEmit
 

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @sero-ai/ui changelog
 
+## 0.5.0
+
+### Breaking
+
+- AI elements and model controls are no longer exported from the package root.
+  Migrate them to `@sero-ai/ui/ai-elements/*` and
+  `@sero-ai/ui/model-selection/*`. Plugins using those component families must
+  also import the matching specialized stylesheet after `styles/plugin.css`.
+
+### Fixed
+
+- Root imports now expose primitives, dashboard components, hooks and theme
+  utilities without traversing specialized dependency graphs, so a plugin
+  importing `Button` and `cn` no longer emits Mermaid, Shiki or graph-rendering
+  assets or loads their transitive types. Specialized plugin styles opt in through
+  `styles/ai-elements.css`, `styles/model-selection.css`, and
+  `styles/context-editor.css`.
+
 ## 0.4.1
 
 ### Fixed

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

@@ -29,7 +29,7 @@ const AgentHeader = _react.memo.call(void 0,
       ...props,
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.BotIcon, { className: "size-4 text-muted-foreground" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: name }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-base", children: name }),
         model && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badge.Badge, { className: "font-mono text-xs", variant: "secondary", children: model })
       ] })
     }
@@ -40,12 +40,12 @@ const AgentContent = _react.memo.call(void 0,
 );
 const AgentInstructions = _react.memo.call(void 0, 
   ({ className, children, ...props }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-2", className), ...props, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-muted-foreground text-sm", children: "Instructions" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-sm", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children }) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-muted-foreground text-base", children: "Instructions" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-base", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children }) })
   ] })
 );
 const AgentTools = _react.memo.call(void 0, ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-2", className), children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-muted-foreground text-sm", children: "Tools" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-muted-foreground text-base", children: "Tools" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _accordion.Accordion, { className: "rounded-md border", ...props })
 ] }));
 const AgentTool = _react.memo.call(void 0, 
@@ -58,7 +58,7 @@ const AgentTool = _react.memo.call(void 0,
         value,
         ...props,
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _accordion.AccordionTrigger, { className: "px-3 py-2 text-sm hover:no-underline", children: _nullishCoalesce(tool.description, () => ( "No description")) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _accordion.AccordionTrigger, { className: "px-3 py-2 text-base hover:no-underline", children: _nullishCoalesce(tool.description, () => ( "No description")) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _accordion.AccordionContent, { className: "px-3 pb-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { code: JSON.stringify(schema, null, 2), language: "json" }) }) })
         ]
       }
@@ -67,7 +67,7 @@ const AgentTool = _react.memo.call(void 0,
 );
 const AgentOutput = _react.memo.call(void 0, 
   ({ className, schema, ...props }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-2", className), ...props, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-muted-foreground text-sm", children: "Output Schema" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-muted-foreground text-base", children: "Output Schema" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { code: schema, language: "typescript" }) })
   ] })
 );

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

@@ -29,7 +29,7 @@ const AgentHeader = memo(
       ...props,
       children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(BotIcon, { className: "size-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: name }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-base", children: name }),
         model && /* @__PURE__ */ jsx(Badge, { className: "font-mono text-xs", variant: "secondary", children: model })
       ] })
     }
@@ -40,12 +40,12 @@ const AgentContent = memo(
 );
 const AgentInstructions = memo(
   ({ className, children, ...props }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Instructions" }),
-    /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-sm", children: /* @__PURE__ */ jsx("p", { children }) })
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-base", children: "Instructions" }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-base", children: /* @__PURE__ */ jsx("p", { children }) })
   ] })
 );
 const AgentTools = memo(({ className, ...props }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
-  /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Tools" }),
+  /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-base", children: "Tools" }),
   /* @__PURE__ */ jsx(Accordion, { className: "rounded-md border", ...props })
 ] }));
 const AgentTool = memo(
@@ -58,7 +58,7 @@ const AgentTool = memo(
         value,
         ...props,
         children: [
-          /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-3 py-2 text-sm hover:no-underline", children: tool.description ?? "No description" }),
+          /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-3 py-2 text-base hover:no-underline", children: tool.description ?? "No description" }),
           /* @__PURE__ */ jsx(AccordionContent, { className: "px-3 pb-3", children: /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(schema, null, 2), language: "json" }) }) })
         ]
       }
@@ -67,7 +67,7 @@ const AgentTool = memo(
 );
 const AgentOutput = memo(
   ({ className, schema, ...props }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Output Schema" }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-base", children: "Output Schema" }),
     /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx(CodeBlock, { code: schema, language: "typescript" }) })
   ] })
 );

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

@@ -58,14 +58,14 @@ const ArtifactClose = ({
 const ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "p",
   {
-    className: _utils.cn.call(void 0, "font-medium text-foreground text-sm", className),
+    className: _utils.cn.call(void 0, "font-medium text-foreground text-base", className),
     ...props
   }
 );
 const ArtifactDescription = ({
   className,
   ...props
-}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _utils.cn.call(void 0, "text-muted-foreground text-sm", className), ...props });
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _utils.cn.call(void 0, "text-muted-foreground text-base", className), ...props });
 const ArtifactActions = ({
   className,
   ...props

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

@@ -58,14 +58,14 @@ const ArtifactClose = ({
 const ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "p",
   {
-    className: cn("font-medium text-foreground text-sm", className),
+    className: cn("font-medium text-foreground text-base", className),
     ...props
   }
 );
 const ArtifactDescription = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-sm", className), ...props });
+}) => /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-base", className), ...props });
 const ArtifactActions = ({
   className,
   ...props

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

@@ -123,7 +123,7 @@ const Attachment = ({
         variant === "inline" && [
           "flex h-8 cursor-pointer select-none items-center gap-1.5",
           "rounded-md border border-border px-1.5",
-          "font-medium text-sm transition-all",
+          "font-medium text-base transition-all",
           "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
         ],
         variant === "list" && [
@@ -259,7 +259,7 @@ const AttachmentEmpty = ({
   "div",
   {
     className: _utils.cn.call(void 0, 
-      "flex items-center justify-center p-4 text-muted-foreground text-sm",
+      "flex items-center justify-center p-4 text-muted-foreground text-base",
       className
     ),
     ...props,

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

@@ -123,7 +123,7 @@ const Attachment = ({
         variant === "inline" && [
           "flex h-8 cursor-pointer select-none items-center gap-1.5",
           "rounded-md border border-border px-1.5",
-          "font-medium text-sm transition-all",
+          "font-medium text-base transition-all",
           "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
         ],
         variant === "list" && [
@@ -259,7 +259,7 @@ const AttachmentEmpty = ({
   "div",
   {
     className: cn(
-      "flex items-center justify-center p-4 text-muted-foreground text-sm",
+      "flex items-center justify-center p-4 text-muted-foreground text-base",
       className
     ),
     ...props,

package/dist/components/ai-elements/chain-of-thought.cjs

@@ -50,7 +50,7 @@ const ChainOfThoughtHeader = _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,
@@ -89,7 +89,7 @@ const ChainOfThoughtStep = _react.memo.call(void 0,
     "div",
     {
       className: _utils.cn.call(void 0, 
-        "flex gap-2 text-sm",
+        "flex gap-2 text-base",
         stepStatusStyles[status],
         "fade-in-0 slide-in-from-top-2 animate-in",
         className

package/dist/components/ai-elements/chain-of-thought.js

@@ -50,7 +50,7 @@ const ChainOfThoughtHeader = 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,
@@ -89,7 +89,7 @@ const ChainOfThoughtStep = memo(
     "div",
     {
       className: cn(
-        "flex gap-2 text-sm",
+        "flex gap-2 text-base",
         stepStatusStyles[status],
         "fade-in-0 slide-in-from-top-2 animate-in",
         className

package/dist/components/ai-elements/code-block.cjs

@@ -163,7 +163,7 @@ const CodeBlockBody = _react.memo.call(void 0,
       "pre",
       {
         className: _utils.cn.call(void 0, 
-          "dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-sm",
+          "dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-base",
           className
         ),
         style: preStyle,
@@ -171,7 +171,7 @@ const CodeBlockBody = _react.memo.call(void 0,
           "code",
           {
             className: _utils.cn.call(void 0, 
-              "font-mono text-sm",
+              "font-mono",
               showLineNumbers && "[counter-increment:line_0] [counter-reset:line]"
             ),
             children: keyedLines.map((keyedLine) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -251,7 +251,8 @@ const CodeBlockActions = ({
 const CodeBlockContent = ({
   code,
   language,
-  showLineNumbers = false
+  showLineNumbers = false,
+  className
 }) => {
   const rawTokens = _react.useMemo.call(void 0, () => createRawTokens(code), [code]);
   const [tokenized, setTokenized] = _react.useState.call(void 0, 
@@ -269,7 +270,7 @@ const CodeBlockContent = ({
       cancelled = true;
     };
   }, [code, language, rawTokens]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CodeBlockBody, { showLineNumbers, tokenized }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CodeBlockBody, { showLineNumbers, tokenized, className }) });
 };
 const CodeBlock = ({
   code,
@@ -287,7 +288,8 @@ const CodeBlock = ({
       {
         code,
         language,
-        showLineNumbers
+        showLineNumbers,
+        className
       }
     )
   ] }) });

package/dist/components/ai-elements/code-block.d.cts

@@ -25,10 +25,11 @@ declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttribute
 declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
 declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
+declare const CodeBlockContent: ({ code, language, showLineNumbers, className }: {
     code: string;
     language: BundledLanguage;
     showLineNumbers?: boolean;
+    className?: string;
 }) => react_jsx_runtime.JSX.Element;
 declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => react_jsx_runtime.JSX.Element;
 type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {

package/dist/components/ai-elements/code-block.d.ts

@@ -25,10 +25,11 @@ declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttribute
 declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
 declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
+declare const CodeBlockContent: ({ code, language, showLineNumbers, className }: {
     code: string;
     language: BundledLanguage;
     showLineNumbers?: boolean;
+    className?: string;
 }) => react_jsx_runtime.JSX.Element;
 declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => react_jsx_runtime.JSX.Element;
 type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {

package/dist/components/ai-elements/code-block.js

@@ -163,7 +163,7 @@ const CodeBlockBody = memo(
       "pre",
       {
         className: cn(
-          "dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-sm",
+          "dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-base",
           className
         ),
         style: preStyle,
@@ -171,7 +171,7 @@ const CodeBlockBody = memo(
           "code",
           {
             className: cn(
-              "font-mono text-sm",
+              "font-mono",
               showLineNumbers && "[counter-increment:line_0] [counter-reset:line]"
             ),
             children: keyedLines.map((keyedLine) => /* @__PURE__ */ jsx(
@@ -251,7 +251,8 @@ const CodeBlockActions = ({
 const CodeBlockContent = ({
   code,
   language,
-  showLineNumbers = false
+  showLineNumbers = false,
+  className
 }) => {
   const rawTokens = useMemo(() => createRawTokens(code), [code]);
   const [tokenized, setTokenized] = useState(
@@ -269,7 +270,7 @@ const CodeBlockContent = ({
       cancelled = true;
     };
   }, [code, language, rawTokens]);
-  return /* @__PURE__ */ jsx("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx(CodeBlockBody, { showLineNumbers, tokenized }) });
+  return /* @__PURE__ */ jsx("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx(CodeBlockBody, { showLineNumbers, tokenized, className }) });
 };
 const CodeBlock = ({
   code,
@@ -287,7 +288,8 @@ const CodeBlock = ({
       {
         code,
         language,
-        showLineNumbers
+        showLineNumbers,
+        className
       }
     )
   ] }) });

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

@@ -51,7 +51,7 @@ const CommitMessage = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "font-medium text-sm", className), ...props, children });
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "font-medium text-base", className), ...props, children });
 const CommitMetadata = ({
   className,
   children,
@@ -198,7 +198,7 @@ const CommitFile = ({
   "div",
   {
     className: _utils.cn.call(void 0, 
-      "flex items-center justify-between gap-2 rounded px-2 py-1 text-sm hover:bg-muted/50",
+      "flex items-center justify-between gap-2 rounded px-2 py-1 text-base hover:bg-muted/50",
       className
     ),
     ...props,

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

@@ -51,7 +51,7 @@ const CommitMessage = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx("span", { className: cn("font-medium text-sm", className), ...props, children });
+}) => /* @__PURE__ */ jsx("span", { className: cn("font-medium text-base", className), ...props, children });
 const CommitMetadata = ({
   className,
   children,
@@ -198,7 +198,7 @@ const CommitFile = ({
   "div",
   {
     className: cn(
-      "flex items-center justify-between gap-2 rounded px-2 py-1 text-sm hover:bg-muted/50",
+      "flex items-center justify-between gap-2 rounded px-2 py-1 text-base hover:bg-muted/50",
       className
     ),
     ...props,

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

@@ -70,7 +70,7 @@ const ConfirmationActions = ({
     }
   );
 };
-const ConfirmationAction = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _button.Button, { className: "h-8 px-3 text-sm", type: "button", ...props });
+const ConfirmationAction = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _button.Button, { className: "h-8 px-3 text-base", type: "button", ...props });
 
 
 

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

@@ -70,7 +70,7 @@ const ConfirmationActions = ({
     }
   );
 };
-const ConfirmationAction = (props) => /* @__PURE__ */ jsx(Button, { className: "h-8 px-3 text-sm", type: "button", ...props });
+const ConfirmationAction = (props) => /* @__PURE__ */ jsx(Button, { className: "h-8 px-3 text-base", type: "button", ...props });
 export {
   Confirmation,
   ConfirmationAccepted,

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