@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/ui/markdown-stream/internal-handlers/AgentCallChildTrace.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import { selectAgentCallTrace } from "../../../agents/redux/execution-system/active-requests/active-requests.selectors.js";
 import {
@@ -57,67 +58,69 @@ function AgentCallChildTrace({
   const showDoor = !!childId && !isCollaborationAgentCall(entry);
   const hasItems = live ? live.items.length > 0 : persisted.length > 0;
   if (!hasItems && !showDoor && !failed) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "ml-3 mt-1 flex flex-col gap-1 border-l border-border pl-3",
-      "data-agent-call-trace": entry.callId
-    },
-    live ? live.items.map(
-      (item) => item.kind === "thinking" ? /* @__PURE__ */ React.createElement(
-        InlineThinkingSlot,
-        {
-          key: `thinking-${item.chunkStartIndex}`,
-          requestId: requestId ?? "",
-          chunkStartIndex: item.chunkStartIndex,
-          chunkEndIndex: item.chunkEndIndex,
-          renderReasoning: (content, isStreaming) => /* @__PURE__ */ React.createElement(
+      "data-agent-call-trace": entry.callId,
+      children: [
+        live ? live.items.map(
+          (item) => item.kind === "thinking" ? /* @__PURE__ */ jsx(
+            InlineThinkingSlot,
+            {
+              requestId: requestId ?? "",
+              chunkStartIndex: item.chunkStartIndex,
+              chunkEndIndex: item.chunkEndIndex,
+              renderReasoning: (content, isStreaming) => /* @__PURE__ */ jsx(
+                ReasoningVisualization,
+                {
+                  reasoningText: content,
+                  isStreaming
+                }
+              )
+            },
+            `thinking-${item.chunkStartIndex}`
+          ) : /* @__PURE__ */ jsx(
+            ToolCardComponent,
+            {
+              callId: item.callId,
+              requestId,
+              conversationId
+            },
+            `tool-${item.callId}`
+          )
+        ) : persisted.map(
+          (item, i) => item.kind === "thinking" ? /* @__PURE__ */ jsx(
             ReasoningVisualization,
             {
-              reasoningText: content,
-              isStreaming
-            }
+              reasoningText: item.content
+            },
+            `thinking-${i}`
+          ) : /* @__PURE__ */ jsx(
+            ToolCardComponent,
+            {
+              callId: item.segment.callId,
+              segment: item.segment,
+              conversationId
+            },
+            `tool-${item.segment.callId}`
           )
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        ToolCardComponent,
-        {
-          key: `tool-${item.callId}`,
-          callId: item.callId,
-          requestId,
-          conversationId
-        }
-      )
-    ) : persisted.map(
-      (item, i) => item.kind === "thinking" ? /* @__PURE__ */ React.createElement(
-        ReasoningVisualization,
-        {
-          key: `thinking-${i}`,
-          reasoningText: item.content
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        ToolCardComponent,
-        {
-          key: `tool-${item.segment.callId}`,
-          callId: item.segment.callId,
-          segment: item.segment,
-          conversationId
-        }
-      )
-    ),
-    failed && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, "Sub-agent steps unavailable"),
-    showDoor && /* @__PURE__ */ React.createElement(
-      EntityRef,
-      {
-        token: "conversation",
-        id: childId,
-        name: title ?? "Sub-agent conversation",
-        openInNewTab: true,
-        showIcon: false,
-        labelClassName: "text-xs",
-        className: "self-start"
-      }
-    )
+        ),
+        failed && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Sub-agent steps unavailable" }),
+        showDoor && /* @__PURE__ */ jsx(
+          EntityRef,
+          {
+            token: "conversation",
+            id: childId,
+            name: title ?? "Sub-agent conversation",
+            openInNewTab: true,
+            showIcon: false,
+            labelClassName: "text-xs",
+            className: "self-start"
+          }
+        )
+      ]
+    }
   );
 }
 export {

package/dist/ui/markdown-stream/internal-handlers/InlineAssistantError.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectRequestError } from "../../../agents/redux/execution-system/active-requests/active-requests.selectors.js";
 import { AssistantError } from "../../../agents/components/run/AssistantError.js";
@@ -9,7 +10,7 @@ function InlineAssistantError({ requestId }) {
   const technical = streamError.message;
   const detail = technical && technical !== friendly ? technical : void 0;
   const code = streamError.code ?? (streamError.details && typeof streamError.details === "object" && "status_code" in streamError.details ? streamError.details.status_code : void 0);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AssistantError,
     {
       message: friendly,

package/dist/ui/markdown-stream/internal-handlers/InlineThinkingSlot.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectReasoningRunText } from "../../../agents/redux/execution-system/active-requests/active-requests.selectors.js";
 import { InlineStatusIndicator } from "@ai-matrx/rich-content/display/chat-markdown/internal-handlers/InlineStatusIndicator";
@@ -14,9 +14,9 @@ const InlineThinkingSlot = ({
   );
   const isOpen = chunkEndIndex === void 0;
   if (!text.trim()) {
-    return isOpen ? /* @__PURE__ */ React.createElement(InlineStatusIndicator, { label: "Reasoning\u2026" }) : null;
+    return isOpen ? /* @__PURE__ */ jsx(InlineStatusIndicator, { label: "Reasoning\u2026" }) : null;
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, renderReasoning(text, isOpen));
+  return /* @__PURE__ */ jsx(Fragment, { children: renderReasoning(text, isOpen) });
 };
 export {
   InlineThinkingSlot

package/dist/ui/markdown-stream/internal-handlers/ToolHandlers.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectHideToolResults } from "../../../agents/redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import {
@@ -24,7 +24,7 @@ const ToolCard = ({
   const entry = segment ? persistedToolEntry(segment) : lifecycle;
   if (hidden) return null;
   if (!entry) return null;
-  const card = /* @__PURE__ */ React.createElement(
+  const card = /* @__PURE__ */ jsx(
     ToolCallVisualization,
     {
       entries: [entry],
@@ -35,15 +35,18 @@ const ToolCard = ({
     }
   );
   if (entry.toolName !== "agent_call") return card;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, card, /* @__PURE__ */ React.createElement(
-    AgentCallChildTrace,
-    {
-      entry,
-      conversationId,
-      requestId: segment ? void 0 : requestId,
-      ToolCardComponent: ToolCard
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    card,
+    /* @__PURE__ */ jsx(
+      AgentCallChildTrace,
+      {
+        entry,
+        conversationId,
+        requestId: segment ? void 0 : requestId,
+        ToolCardComponent: ToolCard
+      }
+    )
+  ] });
 };
 const _selectNoLifecycleMap = () => void 0;
 const ToolBatch = ({
@@ -71,7 +74,7 @@ const ToolBatch = ({
   }
   if (hidden) return null;
   if (entries.length === 0) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToolCallBatch,
     {
       entries,
@@ -79,25 +82,25 @@ const ToolBatch = ({
       isPersisted: !!segments,
       browserRunOrder,
       browserBreakBefore,
-      browserBreakAfter
-    },
-    segments ? segments.map((segment) => /* @__PURE__ */ React.createElement(
-      ToolCard,
-      {
-        key: segment.callId,
-        callId: segment.callId,
-        segment,
-        conversationId
-      }
-    )) : ids.map((callId) => /* @__PURE__ */ React.createElement(
-      ToolCard,
-      {
-        key: callId,
-        callId,
-        requestId,
-        conversationId
-      }
-    ))
+      browserBreakAfter,
+      children: segments ? segments.map((segment) => /* @__PURE__ */ jsx(
+        ToolCard,
+        {
+          callId: segment.callId,
+          segment,
+          conversationId
+        },
+        segment.callId
+      )) : ids.map((callId) => /* @__PURE__ */ jsx(
+        ToolCard,
+        {
+          callId,
+          requestId,
+          conversationId
+        },
+        callId
+      ))
+    }
   );
 };
 export {

package/dist/ui/scroll-fade.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "@ai-matrx/design-system";
 const EDGE_EPSILON = 1;
@@ -63,7 +64,7 @@ const ScrollFade = React.forwardRef(
       if (typeof forwardedRef === "function") forwardedRef(node);
       else if (forwardedRef) forwardedRef.current = node;
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref: setRefs,
@@ -73,9 +74,9 @@ const ScrollFade = React.forwardRef(
           className
         ),
         style: { ...maskStyle, ...style },
-        ...props
-      },
-      children
+        ...props,
+        children
+      }
     );
   }
 );

package/dist/ui/tabs.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Tabs, TabsContent } from "@ai-matrx/design-system";
 import {
@@ -14,7 +15,7 @@ function focusOnClick(onClick) {
     if (document.activeElement !== trigger) trigger.focus();
   };
 }
-const TabsTrigger = React.forwardRef(({ onClick, ...props }, ref) => /* @__PURE__ */ React.createElement(TabsTriggerPrimitive, { ...props, ref, onClick: focusOnClick(onClick) }));
+const TabsTrigger = React.forwardRef(({ onClick, ...props }, ref) => /* @__PURE__ */ jsx(TabsTriggerPrimitive, { ...props, ref, onClick: focusOnClick(onClick) }));
 TabsTrigger.displayName = "TabsTrigger";
 export {
   Tabs,

package/dist/ui/usages/DriftSeverityBadge.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
 import { DRIFT_SEVERITY_META } from "./severity.js";
 function DriftSeverityBadge({
@@ -10,7 +11,7 @@ function DriftSeverityBadge({
 }) {
   const meta = DRIFT_SEVERITY_META[severity];
   const Icon = meta.icon;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "span",
     {
       title: meta.description,
@@ -19,11 +20,13 @@ function DriftSeverityBadge({
         meta.badgeClass,
         size === "sm" ? "px-1.5 py-0.5 text-[11px]" : "px-2 py-0.5 text-xs",
         className
-      )
-    },
-    /* @__PURE__ */ React.createElement(Icon, { className: size === "sm" ? "h-3 w-3" : "h-3.5 w-3.5", "aria-hidden": true }),
-    !iconOnly && /* @__PURE__ */ React.createElement("span", null, meta.label),
-    count != null && /* @__PURE__ */ React.createElement("span", { className: "tabular-nums opacity-90" }, count)
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: size === "sm" ? "h-3 w-3" : "h-3.5 w-3.5", "aria-hidden": true }),
+        !iconOnly && /* @__PURE__ */ jsx("span", { children: meta.label }),
+        count != null && /* @__PURE__ */ jsx("span", { className: "tabular-nums opacity-90", children: count })
+      ]
+    }
   );
 }
 export {

package/dist/utils/connectors/marks.js

@@ -1,18 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Github } from "@ai-matrx/icons/brand";
 import { cn } from "@ai-matrx/design-system";
 function MarkSvg({
   className,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       viewBox: "0 0 24 24",
       "aria-hidden": true,
       focusable: "false",
-      className: cn("shrink-0", className)
-    },
-    children
+      className: cn("shrink-0", className),
+      children
+    }
   );
 }
 function BrandSvg({
@@ -20,128 +21,190 @@ function BrandSvg({
   viewBox = "0 0 48 48",
   children
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       viewBox,
       "aria-hidden": true,
       focusable: "false",
-      className: cn("shrink-0", className)
-    },
-    children
+      className: cn("shrink-0", className),
+      children
+    }
   );
 }
 function GoogleMark({ colored = false, className }) {
   if (!colored) {
-    return /* @__PURE__ */ React.createElement(MarkSvg, { className }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(MarkSvg, { className, children: /* @__PURE__ */ jsx(
       "path",
       {
         fill: "currentColor",
         d: "M12 11.09v2.94h4.1a3.51 3.51 0 0 1-1.53 2.3l2.47 1.92A7.44 7.44 0 0 0 19.4 12c0-.54-.05-1.06-.14-1.56H12Zm-6.2 1.9a4.4 4.4 0 0 1 0-1.98V9.05H3.32a7.5 7.5 0 0 0 0 6.72l2.48-1.93ZM12 6.6a4.1 4.1 0 0 1 2.9 1.13l2.16-2.16A7.24 7.24 0 0 0 12 3.5a7.5 7.5 0 0 0-6.7 4.1L7.8 9.5A4.47 4.47 0 0 1 12 6.6Zm0 13.9a7.15 7.15 0 0 0 4.96-1.81l-2.47-1.92c-.67.45-1.53.72-2.49.72a4.47 4.47 0 0 1-4.2-3.06L5.3 16.4A7.49 7.49 0 0 0 12 20.5Z"
       }
-    ));
+    ) });
   }
-  return /* @__PURE__ */ React.createElement(MarkSvg, { className }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#4285F4",
-      d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.56c2.08-1.92 3.28-4.74 3.28-8.1Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#34A853",
-      d: "M12 23c2.97 0 5.46-.98 7.28-2.65l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#FBBC05",
-      d: "M5.84 14.11a6.6 6.6 0 0 1 0-4.22V7.05H2.18a11 11 0 0 0 0 9.9l3.66-2.84Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#EA4335",
-      d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1a11 11 0 0 0-9.82 6.05l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38Z"
-    }
-  ));
+  return /* @__PURE__ */ jsxs(MarkSvg, { className, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#4285F4",
+        d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.56c2.08-1.92 3.28-4.74 3.28-8.1Z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#34A853",
+        d: "M12 23c2.97 0 5.46-.98 7.28-2.65l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23Z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#FBBC05",
+        d: "M5.84 14.11a6.6 6.6 0 0 1 0-4.22V7.05H2.18a11 11 0 0 0 0 9.9l3.66-2.84Z"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#EA4335",
+        d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1a11 11 0 0 0-9.82 6.05l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38Z"
+      }
+    )
+  ] });
 }
 function GmailMark({ colored = false, className }) {
   if (!colored) {
-    return /* @__PURE__ */ React.createElement(MarkSvg, { className }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(MarkSvg, { className, children: /* @__PURE__ */ jsx(
       "path",
       {
         fill: "currentColor",
         d: "M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457Z"
       }
-    ));
+    ) });
   }
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: "#4caf50", d: "M45 16.2l-5 2.75-5 4.75V40h7a3 3 0 0 0 3-3V16.2z" }), /* @__PURE__ */ React.createElement("path", { fill: "#1e88e5", d: "M3 16.2l3.614 1.71L13 23.7V40H6a3 3 0 0 1-3-3V16.2z" }), /* @__PURE__ */ React.createElement("path", { fill: "#e53935", d: "M35 11.2l-11 8.25-11-8.25-1 5.8 1 6.7 11 8.25 11-8.25 1-6.7z" }), /* @__PURE__ */ React.createElement("path", { fill: "#c62828", d: "M3 12.298V16.2l10 7.5V11.2L9.876 8.859A4.298 4.298 0 0 0 7.298 8 4.298 4.298 0 0 0 3 12.298z" }), /* @__PURE__ */ React.createElement("path", { fill: "#fbc02d", d: "M45 12.298V16.2l-10 7.5V11.2l3.124-2.341A4.298 4.298 0 0 1 40.702 8 4.298 4.298 0 0 1 45 12.298z" }));
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#4caf50", d: "M45 16.2l-5 2.75-5 4.75V40h7a3 3 0 0 0 3-3V16.2z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#1e88e5", d: "M3 16.2l3.614 1.71L13 23.7V40H6a3 3 0 0 1-3-3V16.2z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#e53935", d: "M35 11.2l-11 8.25-11-8.25-1 5.8 1 6.7 11 8.25 11-8.25 1-6.7z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#c62828", d: "M3 12.298V16.2l10 7.5V11.2L9.876 8.859A4.298 4.298 0 0 0 7.298 8 4.298 4.298 0 0 0 3 12.298z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fbc02d", d: "M45 12.298V16.2l-10 7.5V11.2l3.124-2.341A4.298 4.298 0 0 1 40.702 8 4.298 4.298 0 0 1 45 12.298z" })
+  ] });
 }
 function NotionMark({ className }) {
-  return /* @__PURE__ */ React.createElement(MarkSvg, { className }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(MarkSvg, { className, children: /* @__PURE__ */ jsx(
     "path",
     {
       fill: "currentColor",
       d: "M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.681 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747L1.278 19.5c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.451-1.632z"
     }
-  ));
+  ) });
 }
 function lucideMark(Icon) {
   function LucideConnectorMark({ className }) {
-    return /* @__PURE__ */ React.createElement(Icon, { className: cn("shrink-0", className), "aria-hidden": true });
+    return /* @__PURE__ */ jsx(Icon, { className: cn("shrink-0", className), "aria-hidden": true });
   }
   LucideConnectorMark.displayName = `LucideConnectorMark(${Icon.displayName ?? "icon"})`;
   return LucideConnectorMark;
 }
 function GoogleDriveMark({ colored = false, className }) {
   const ink = colored ? void 0 : "currentColor";
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className, viewBox: "0 0 87.3 78" }, /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#0066da", d: "m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#00ac47", d: "m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#ea4335", d: "m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#00832d", d: "m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#2684fc", d: "m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#ffba00", d: "m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z" }));
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, viewBox: "0 0 87.3 78", children: [
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#0066da", d: "m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#00ac47", d: "m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#ea4335", d: "m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#00832d", d: "m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#2684fc", d: "m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#ffba00", d: "m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z" })
+  ] });
 }
 function GoogleCalendarMark({ colored = false, className }) {
   const ink = colored ? void 0 : "currentColor";
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: colored ? "#fff" : "none", d: "M13 13h22v22H13z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#1e88e5", d: "M25.68 20.92l1.008 1.44 1.584-1.152v8.352H30V18.616h-1.44zM22.943 23.745c.625-.574 1.013-1.37 1.013-2.249 0-1.747-1.533-3.168-3.417-3.168-1.602 0-2.972 1.009-3.33 2.453l1.657.421c.165-.664.868-1.146 1.673-1.146.942 0 1.709.646 1.709 1.44 0 .794-.767 1.44-1.709 1.44h-.997v1.728h.997c1.081 0 1.993.751 1.993 1.64 0 .904-.866 1.64-1.931 1.64-.962 0-1.784-.61-1.914-1.418L17 26.802c.262 1.636 1.81 2.87 3.6 2.87 2.007 0 3.64-1.511 3.64-3.368 0-1.023-.504-1.941-1.297-2.559z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#fbc02d", d: "M34 42H14l-1-4 1-4h20l1 4z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#4caf50", d: "M38 35l4-1V14l-4-1-4 1v20z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#1e88e5", d: "M34 14l1-4-1-4H9a3 3 0 0 0-3 3v25l4 1 4-1V14h20z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#e53935", d: "M34 34v8l8-8z" }), /* @__PURE__ */ React.createElement("path", { fill: ink ?? "#1565c0", d: "M39 6h-5v8h8V9a3 3 0 0 0-3-3zM9 42h5v-8H6v5a3 3 0 0 0 3 3z" }));
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: colored ? "#fff" : "none", d: "M13 13h22v22H13z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#1e88e5", d: "M25.68 20.92l1.008 1.44 1.584-1.152v8.352H30V18.616h-1.44zM22.943 23.745c.625-.574 1.013-1.37 1.013-2.249 0-1.747-1.533-3.168-3.417-3.168-1.602 0-2.972 1.009-3.33 2.453l1.657.421c.165-.664.868-1.146 1.673-1.146.942 0 1.709.646 1.709 1.44 0 .794-.767 1.44-1.709 1.44h-.997v1.728h.997c1.081 0 1.993.751 1.993 1.64 0 .904-.866 1.64-1.931 1.64-.962 0-1.784-.61-1.914-1.418L17 26.802c.262 1.636 1.81 2.87 3.6 2.87 2.007 0 3.64-1.511 3.64-3.368 0-1.023-.504-1.941-1.297-2.559z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#fbc02d", d: "M34 42H14l-1-4 1-4h20l1 4z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#4caf50", d: "M38 35l4-1V14l-4-1-4 1v20z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#1e88e5", d: "M34 14l1-4-1-4H9a3 3 0 0 0-3 3v25l4 1 4-1V14h20z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#e53935", d: "M34 34v8l8-8z" }),
+    /* @__PURE__ */ jsx("path", { fill: ink ?? "#1565c0", d: "M39 6h-5v8h8V9a3 3 0 0 0-3-3zM9 42h5v-8H6v5a3 3 0 0 0 3 3z" })
+  ] });
 }
 function GoogleContactsMark({ colored = false, className }) {
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("circle", { cx: "24", cy: "16", r: "8", fill: colored ? "#1a73e8" : "currentColor" }), /* @__PURE__ */ React.createElement("path", { fill: colored ? "#1a73e8" : "currentColor", d: "M8 38c0-7.2 7.2-12 16-12s16 4.8 16 12v2a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z" }), colored ? /* @__PURE__ */ React.createElement("path", { fill: "#8ab4f8", d: "M8 36h32v4a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z" }) : null);
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "24", cy: "16", r: "8", fill: colored ? "#1a73e8" : "currentColor" }),
+    /* @__PURE__ */ jsx("path", { fill: colored ? "#1a73e8" : "currentColor", d: "M8 38c0-7.2 7.2-12 16-12s16 4.8 16 12v2a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z" }),
+    colored ? /* @__PURE__ */ jsx("path", { fill: "#8ab4f8", d: "M8 36h32v4a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2z" }) : null
+  ] });
 }
 function GoogleTasksMark({ colored = false, className }) {
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("circle", { cx: "24", cy: "24", r: "20", fill: colored ? "#1a73e8" : "currentColor" }), /* @__PURE__ */ React.createElement("path", { fill: "none", stroke: colored ? "#fff" : "var(--background, #fff)", strokeWidth: "4.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M15 24.5l6 6 12-13" }), colored ? /* @__PURE__ */ React.createElement("circle", { cx: "37", cy: "37", r: "6", fill: "#fbbc04" }) : null);
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "20", fill: colored ? "#1a73e8" : "currentColor" }),
+    /* @__PURE__ */ jsx("path", { fill: "none", stroke: colored ? "#fff" : "var(--background, #fff)", strokeWidth: "4.5", strokeLinecap: "round", strokeLinejoin: "round", d: "M15 24.5l6 6 12-13" }),
+    colored ? /* @__PURE__ */ jsx("circle", { cx: "37", cy: "37", r: "6", fill: "#fbbc04" }) : null
+  ] });
 }
 function SearchConsoleMark({ colored = false, className }) {
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: "none", stroke: colored ? "#4285f4" : "currentColor", strokeWidth: "5", d: "M20 8a12 12 0 1 1 0 24 12 12 0 0 1 0-24z" }), /* @__PURE__ */ React.createElement("path", { fill: "none", stroke: colored ? "#34a853" : "currentColor", strokeWidth: "6", strokeLinecap: "round", d: "M29.5 29.5 40 40" }), colored ? /* @__PURE__ */ React.createElement("path", { fill: "#fbbc04", d: "M15 23h3v4h-3zM19 19h3v8h-3zM23 16h3v11h-3z" }) : null);
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: "none", stroke: colored ? "#4285f4" : "currentColor", strokeWidth: "5", d: "M20 8a12 12 0 1 1 0 24 12 12 0 0 1 0-24z" }),
+    /* @__PURE__ */ jsx("path", { fill: "none", stroke: colored ? "#34a853" : "currentColor", strokeWidth: "6", strokeLinecap: "round", d: "M29.5 29.5 40 40" }),
+    colored ? /* @__PURE__ */ jsx("path", { fill: "#fbbc04", d: "M15 23h3v4h-3zM19 19h3v8h-3zM23 16h3v11h-3z" }) : null
+  ] });
 }
 function GoogleAnalyticsMark({ colored = false, className }) {
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("rect", { x: "30", y: "5", width: "11", height: "38", rx: "5.5", fill: colored ? "#f9ab00" : "currentColor" }), /* @__PURE__ */ React.createElement("rect", { x: "18.5", y: "18", width: "11", height: "25", rx: "5.5", fill: colored ? "#e37400" : "currentColor" }), /* @__PURE__ */ React.createElement("circle", { cx: "12.5", cy: "37.5", r: "5.5", fill: colored ? "#e37400" : "currentColor" }));
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("rect", { x: "30", y: "5", width: "11", height: "38", rx: "5.5", fill: colored ? "#f9ab00" : "currentColor" }),
+    /* @__PURE__ */ jsx("rect", { x: "18.5", y: "18", width: "11", height: "25", rx: "5.5", fill: colored ? "#e37400" : "currentColor" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12.5", cy: "37.5", r: "5.5", fill: colored ? "#e37400" : "currentColor" })
+  ] });
 }
 function TagManagerMark({ colored = false, className }) {
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: colored ? "#8ab4f8" : "currentColor", d: "M21.2 4.8a4 4 0 0 1 5.6 0l16.4 16.4a4 4 0 0 1 0 5.6L26.8 43.2a4 4 0 0 1-5.6 0L4.8 26.8a4 4 0 0 1 0-5.6z" }), colored ? /* @__PURE__ */ React.createElement("path", { fill: "#4285f4", d: "M24 9.5 38.5 24 24 38.5 9.5 24z" }) : null, /* @__PURE__ */ React.createElement("circle", { cx: "24", cy: "31", r: "4.5", fill: colored ? "#246fdb" : "var(--background, #fff)" }));
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: colored ? "#8ab4f8" : "currentColor", d: "M21.2 4.8a4 4 0 0 1 5.6 0l16.4 16.4a4 4 0 0 1 0 5.6L26.8 43.2a4 4 0 0 1-5.6 0L4.8 26.8a4 4 0 0 1 0-5.6z" }),
+    colored ? /* @__PURE__ */ jsx("path", { fill: "#4285f4", d: "M24 9.5 38.5 24 24 38.5 9.5 24z" }) : null,
+    /* @__PURE__ */ jsx("circle", { cx: "24", cy: "31", r: "4.5", fill: colored ? "#246fdb" : "var(--background, #fff)" })
+  ] });
 }
 function YouTubeMark({ colored = false, className }) {
-  return /* @__PURE__ */ React.createElement(BrandSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: colored ? "#ff0000" : "currentColor", d: "M44.1 14.1a5.5 5.5 0 0 0-3.9-3.9C36.8 9.3 24 9.3 24 9.3s-12.8 0-16.2.9a5.5 5.5 0 0 0-3.9 3.9C3 17.5 3 24 3 24s0 6.5.9 9.9a5.5 5.5 0 0 0 3.9 3.9c3.4.9 16.2.9 16.2.9s12.8 0 16.2-.9a5.5 5.5 0 0 0 3.9-3.9c.9-3.4.9-9.9.9-9.9s0-6.5-.9-9.9z" }), /* @__PURE__ */ React.createElement("path", { fill: colored ? "#fff" : "var(--background, #fff)", d: "M20 30.5 30.8 24 20 17.5z" }));
+  return /* @__PURE__ */ jsxs(BrandSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: colored ? "#ff0000" : "currentColor", d: "M44.1 14.1a5.5 5.5 0 0 0-3.9-3.9C36.8 9.3 24 9.3 24 9.3s-12.8 0-16.2.9a5.5 5.5 0 0 0-3.9 3.9C3 17.5 3 24 3 24s0 6.5.9 9.9a5.5 5.5 0 0 0 3.9 3.9c3.4.9 16.2.9 16.2.9s12.8 0 16.2-.9a5.5 5.5 0 0 0 3.9-3.9c.9-3.4.9-9.9.9-9.9s0-6.5-.9-9.9z" }),
+    /* @__PURE__ */ jsx("path", { fill: colored ? "#fff" : "var(--background, #fff)", d: "M20 30.5 30.8 24 20 17.5z" })
+  ] });
 }
 function GoogleDocsMark({ colored = false, className }) {
   const page = colored ? "#4285F4" : "currentColor";
   const ink = colored ? "#ffffff" : "var(--background, #fff)";
-  return /* @__PURE__ */ React.createElement(MarkSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: page, d: "M14.5 1H6a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6.5L14.5 1Z" }), colored ? /* @__PURE__ */ React.createElement("path", { fill: "#A1C2FA", d: "M14.5 1v4a1.5 1.5 0 0 0 1.5 1.5h4L14.5 1Z" }) : null, /* @__PURE__ */ React.createElement("path", { fill: ink, d: "M8 11h8v1.4H8zM8 14h8v1.4H8zM8 17h5.5v1.4H8z" }));
+  return /* @__PURE__ */ jsxs(MarkSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: page, d: "M14.5 1H6a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6.5L14.5 1Z" }),
+    colored ? /* @__PURE__ */ jsx("path", { fill: "#A1C2FA", d: "M14.5 1v4a1.5 1.5 0 0 0 1.5 1.5h4L14.5 1Z" }) : null,
+    /* @__PURE__ */ jsx("path", { fill: ink, d: "M8 11h8v1.4H8zM8 14h8v1.4H8zM8 17h5.5v1.4H8z" })
+  ] });
 }
 function GoogleSheetsMark({ colored = false, className }) {
   const page = colored ? "#0F9D58" : "currentColor";
   const ink = colored ? "#ffffff" : "var(--background, #fff)";
-  return /* @__PURE__ */ React.createElement(MarkSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: page, d: "M14.5 1H6a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6.5L14.5 1Z" }), colored ? /* @__PURE__ */ React.createElement("path", { fill: "#87CEAC", d: "M14.5 1v4a1.5 1.5 0 0 0 1.5 1.5h4L14.5 1Z" }) : null, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: ink,
-      d: "M7.5 10.5h9v8h-9v-8Zm1.3 1.3v2h2.6v-2H8.8Zm3.9 0v2h2.5v-2h-2.5Zm-3.9 3.3v2.1h2.6v-2.1H8.8Zm3.9 0v2.1h2.5v-2.1h-2.5Z",
-      fillRule: "evenodd"
-    }
-  ));
+  return /* @__PURE__ */ jsxs(MarkSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: page, d: "M14.5 1H6a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6.5L14.5 1Z" }),
+    colored ? /* @__PURE__ */ jsx("path", { fill: "#87CEAC", d: "M14.5 1v4a1.5 1.5 0 0 0 1.5 1.5h4L14.5 1Z" }) : null,
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: ink,
+        d: "M7.5 10.5h9v8h-9v-8Zm1.3 1.3v2h2.6v-2H8.8Zm3.9 0v2h2.5v-2h-2.5Zm-3.9 3.3v2.1h2.6v-2.1H8.8Zm3.9 0v2.1h2.5v-2.1h-2.5Z",
+        fillRule: "evenodd"
+      }
+    )
+  ] });
 }
 const GitHubMark = lucideMark(Github);
 function MicrosoftMark({ colored = false, className }) {
   const c = (hex) => colored ? hex : "currentColor";
-  return /* @__PURE__ */ React.createElement(MarkSvg, { className }, /* @__PURE__ */ React.createElement("path", { fill: c("#F25022"), d: "M2 2h9.5v9.5H2z" }), /* @__PURE__ */ React.createElement("path", { fill: c("#7FBA00"), d: "M12.5 2H22v9.5h-9.5z" }), /* @__PURE__ */ React.createElement("path", { fill: c("#00A4EF"), d: "M2 12.5h9.5V22H2z" }), /* @__PURE__ */ React.createElement("path", { fill: c("#FFB900"), d: "M12.5 12.5H22V22h-9.5z" }));
+  return /* @__PURE__ */ jsxs(MarkSvg, { className, children: [
+    /* @__PURE__ */ jsx("path", { fill: c("#F25022"), d: "M2 2h9.5v9.5H2z" }),
+    /* @__PURE__ */ jsx("path", { fill: c("#7FBA00"), d: "M12.5 2H22v9.5h-9.5z" }),
+    /* @__PURE__ */ jsx("path", { fill: c("#00A4EF"), d: "M2 12.5h9.5V22H2z" }),
+    /* @__PURE__ */ jsx("path", { fill: c("#FFB900"), d: "M12.5 12.5H22V22h-9.5z" })
+  ] });
 }
 export {
   GitHubMark,