@humain/ui 2.2.6 → 2.2.9

package/dist/wc-react/AISource.js

@@ -1,9 +1,9 @@
 import { f as c } from "./_shared.js";
-import { t as x } from "./createLucideIcon.js";
+import { t as g } from "./createLucideIcon.js";
 import { t as N } from "./dist.js";
 import { n as b, r as S, t as M } from "./tooltip2.js";
 import * as d from "react";
-import { Fragment as k, jsx as t, jsxs as s } from "react/jsx-runtime";
+import { Fragment as k, jsx as r, jsxs as s } from "react/jsx-runtime";
 var I = [
   ["path", {
     d: "M15 3h6v6",
@@ -17,7 +17,7 @@ var I = [
     d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
     key: "a6xqqp"
   }]
-], g = x("external-link", I), $ = [
+], x = g("external-link", I), $ = [
   ["circle", {
     cx: "12",
     cy: "12",
@@ -32,7 +32,7 @@ var I = [
     d: "M2 12h20",
     key: "9i4pu4"
   }]
-], w = x("globe", $), A = N("inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", {
+], w = g("globe", $), A = N("inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", {
   variants: { variant: {
     default: "text-sm text-primary hover:text-primary underline underline-offset-2 rounded-sm",
     pill: "px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground delight-selection-press",
@@ -43,46 +43,46 @@ var I = [
 function L(e) {
   return Number.isFinite(e) && e >= 0 ? Math.floor(e) : _;
 }
-function p({ url: e, favicon: r, className: a }) {
+function f({ url: e, favicon: t, className: a }) {
   const [o, n] = d.useState(!1), i = d.useMemo(() => {
-    if (r) return r;
+    if (t) return t;
     try {
       return `https://www.google.com/s2/favicons?domain=${new URL(e).hostname}&sz=32`;
     } catch {
       return null;
     }
-  }, [e, r]);
-  return !i || o ? /* @__PURE__ */ t(w, { className: c("size-4 text-muted-foreground", a) }) : /* @__PURE__ */ t("img", {
+  }, [e, t]);
+  return !i || o ? /* @__PURE__ */ r(w, { className: c("size-4 text-muted-foreground", a) }) : /* @__PURE__ */ r("img", {
     src: i,
     alt: "",
     className: c("size-4 rounded delight-fade-in motion-reduce:!animate-none", a),
     onError: () => n(!0)
   });
 }
-p.displayName = "SourceFavicon";
-function m({ source: e, variant: r, showFavicon: a = !0, className: o, onClick: n }) {
-  const i = e.title || e.siteName || e.url, u = c(A({ variant: r }), o), l = /* @__PURE__ */ s(k, { children: [
-    a && /* @__PURE__ */ t(p, {
+f.displayName = "SourceFavicon";
+function m({ source: e, variant: t, showFavicon: a = !0, className: o, onClick: n }) {
+  const i = e.title || e.siteName || e.url, u = c(A({ variant: t }), o), l = /* @__PURE__ */ s(k, { children: [
+    a && /* @__PURE__ */ r(f, {
       url: e.url,
       favicon: e.favicon
     }),
-    /* @__PURE__ */ t("span", {
+    /* @__PURE__ */ r("span", {
       className: "truncate max-w-[200px]",
       children: i
     }),
-    r === "default" && /* @__PURE__ */ t(g, {
+    t === "default" && /* @__PURE__ */ r(x, {
       className: "size-3 shrink-0",
       "aria-hidden": "true"
     })
   ] });
-  return n ? /* @__PURE__ */ t("button", {
+  return n ? /* @__PURE__ */ r("button", {
     type: "button",
     "data-slot": "ai-source-trigger",
     onClick: n,
     className: u,
     "aria-label": `Source: ${i}`,
     children: l
-  }) : /* @__PURE__ */ t("a", {
+  }) : /* @__PURE__ */ r("a", {
     "data-slot": "ai-source-trigger",
     href: e.url,
     target: "_blank",
@@ -93,7 +93,7 @@ function m({ source: e, variant: r, showFavicon: a = !0, className: o, onClick:
   });
 }
 m.displayName = "AISourceTrigger";
-function v({ source: e, className: r }) {
+function v({ source: e, className: t }) {
   const a = d.useMemo(() => {
     try {
       return new URL(e.url).hostname;
@@ -102,26 +102,26 @@ function v({ source: e, className: r }) {
     }
   }, [e.url]);
   return /* @__PURE__ */ s("div", {
-    className: c("p-3 max-w-xs space-y-2", r),
+    className: c("p-3 max-w-xs space-y-2", t),
     children: [
       /* @__PURE__ */ s("div", {
         className: "flex items-start gap-2",
-        children: [/* @__PURE__ */ t(p, {
+        children: [/* @__PURE__ */ r(f, {
           url: e.url,
           favicon: e.favicon,
           className: "mt-0.5"
         }), /* @__PURE__ */ s("div", {
           className: "flex-1 min-w-0",
-          children: [/* @__PURE__ */ t("p", {
+          children: [/* @__PURE__ */ r("p", {
             className: "text-sm font-medium text-foreground truncate",
             children: e.title || a
-          }), /* @__PURE__ */ t("p", {
-            className: "text-xs text-text-quaternary truncate",
+          }), /* @__PURE__ */ r("p", {
+            className: "text-xs text-secondary-foreground truncate",
             children: a
           })]
         })]
       }),
-      e.description && /* @__PURE__ */ t("p", {
+      e.description && /* @__PURE__ */ r("p", {
         className: "text-xs text-muted-foreground line-clamp-2",
         children: e.description
       }),
@@ -130,55 +130,55 @@ function v({ source: e, className: r }) {
         target: "_blank",
         rel: "noopener noreferrer",
         className: "flex items-center gap-1 text-xs text-primary hover:text-primary",
-        children: ["Visit source", /* @__PURE__ */ t(g, { className: "size-3" })]
+        children: ["Visit source", /* @__PURE__ */ r(x, { className: "size-3" })]
       })
     ]
   });
 }
 v.displayName = "AISourceContent";
-function y({ source: e, variant: r, showFavicon: a = !0, showTooltip: o = !0, className: n }) {
-  return o ? /* @__PURE__ */ s(M, { children: [/* @__PURE__ */ t(S, { render: /* @__PURE__ */ t("span", {
+function y({ source: e, variant: t, showFavicon: a = !0, showTooltip: o = !0, className: n }) {
+  return o ? /* @__PURE__ */ s(M, { children: [/* @__PURE__ */ r(S, { render: /* @__PURE__ */ r("span", {
     "data-slot": "ai-source",
-    children: /* @__PURE__ */ t(m, {
+    children: /* @__PURE__ */ r(m, {
       source: e,
-      variant: r,
+      variant: t,
       showFavicon: a,
       className: n
     })
-  }) }), /* @__PURE__ */ t(b, {
+  }) }), /* @__PURE__ */ r(b, {
     side: "top",
     className: "p-0",
-    children: /* @__PURE__ */ t(v, { source: e })
-  })] }) : /* @__PURE__ */ t("span", {
+    children: /* @__PURE__ */ r(v, { source: e })
+  })] }) : /* @__PURE__ */ r("span", {
     "data-slot": "ai-source",
-    children: /* @__PURE__ */ t(m, {
+    children: /* @__PURE__ */ r(m, {
       source: e,
-      variant: r,
+      variant: t,
       showFavicon: a,
       className: n
     })
   });
 }
 y.displayName = "AISource";
-function T({ sources: e, maxVisible: r = 3, showAll: a = !1, onShowMore: o, className: n }) {
-  const i = L(r), u = a ? e : e.slice(0, i), l = Math.max(0, e.length - i);
+function T({ sources: e, maxVisible: t = 3, showAll: a = !1, onShowMore: o, className: n }) {
+  const i = L(t), u = a ? e : e.slice(0, i), l = Math.max(0, e.length - i);
   return /* @__PURE__ */ s("nav", {
     "data-slot": "ai-source-list",
     "aria-label": "Sources",
     className: c("flex flex-wrap items-center gap-2", n),
     children: [
-      /* @__PURE__ */ t("span", {
-        className: "text-xs text-text-quaternary",
+      /* @__PURE__ */ r("span", {
+        className: "text-xs text-secondary-foreground",
         children: "Sources:"
       }),
-      u.map((f, h) => /* @__PURE__ */ t("span", {
+      u.map((p, h) => /* @__PURE__ */ r("span", {
         className: "delight-stagger motion-reduce:!animate-none",
         style: { "--delight-delay": `${h * 50}ms` },
-        children: /* @__PURE__ */ t(y, {
-          source: f,
+        children: /* @__PURE__ */ r(y, {
+          source: p,
           variant: "pill"
         })
-      }, `${f.url}-${h}`)),
+      }, `${p.url}-${h}`)),
       !a && l > 0 && /* @__PURE__ */ s("button", {
         type: "button",
         onClick: o,

package/dist/wc-react/AISource.js.map

@@ -1 +1 @@
-{"version":3,"file":"AISource.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/external-link.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/globe.mjs","../../src/components/organisms/ai/AISource/AISource.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M15 3h6v6\", key: \"1q9fwt\" }],\n  [\"path\", { d: \"M10 14 21 3\", key: \"gplh6r\" }],\n  [\"path\", { d: \"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\", key: \"a6xqqp\" }]\n];\nconst ExternalLink = createLucideIcon(\"external-link\", __iconNode);\n\nexport { __iconNode, ExternalLink as default };\n//# sourceMappingURL=external-link.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\", key: \"13o1zl\" }],\n  [\"path\", { d: \"M2 12h20\", key: \"9i4pu4\" }]\n];\nconst Globe = createLucideIcon(\"globe\", __iconNode);\n\nexport { __iconNode, Globe as default };\n//# sourceMappingURL=globe.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink, Globe } from 'lucide-react';\nimport * as React from 'react';\nimport { Tooltip, TooltipPopup, TooltipTrigger } from '@/components/ui/tooltip';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst sourceVariants = cva(\n  'inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-sm text-primary hover:text-primary underline underline-offset-2 rounded-sm',\n        pill: 'px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground delight-selection-press',\n        minimal:\n          'text-xs text-secondary-foreground hover:text-foreground rounded-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst DEFAULT_MAX_VISIBLE_SOURCES = 3;\n\nfunction getMaxVisibleSources(maxVisible: number): number {\n  return Number.isFinite(maxVisible) && maxVisible >= 0\n    ? Math.floor(maxVisible)\n    : DEFAULT_MAX_VISIBLE_SOURCES;\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface SourceData {\n  /** Source URL */\n  url: string;\n  /** Display title */\n  title?: string;\n  /** Source description */\n  description?: string;\n  /** Favicon URL */\n  favicon?: string;\n  /** Site name */\n  siteName?: string;\n}\n\n// =============================================================================\n// Source Favicon\n// =============================================================================\n\ninterface SourceFaviconProps {\n  url: string;\n  favicon?: string;\n  className?: string;\n}\n\nfunction SourceFavicon({ url, favicon, className }: SourceFaviconProps) {\n  const [hasError, setHasError] = React.useState(false);\n\n  // Generate favicon URL from domain if not provided\n  const faviconUrl = React.useMemo(() => {\n    if (favicon) return favicon;\n    try {\n      const domain = new URL(url).hostname;\n      return `https://www.google.com/s2/favicons?domain=${domain}&sz=32`;\n    } catch {\n      return null;\n    }\n  }, [url, favicon]);\n\n  if (!faviconUrl || hasError) {\n    return <Globe className={cn('size-4 text-muted-foreground', className)} />;\n  }\n\n  return (\n    <img\n      src={faviconUrl}\n      alt=\"\"\n      className={cn(\n        'size-4 rounded delight-fade-in motion-reduce:!animate-none',\n        className,\n      )}\n      onError={() => setHasError(true)}\n    />\n  );\n}\n\nSourceFavicon.displayName = 'SourceFavicon';\n\n// =============================================================================\n// Source Trigger (Clickable element)\n// =============================================================================\n\nexport interface AISourceTriggerProps\n  extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nfunction AISourceTrigger({\n  source,\n  variant,\n  showFavicon = true,\n  className,\n  onClick,\n}: AISourceTriggerProps) {\n  const displayText = source.title || source.siteName || source.url;\n\n  const sharedClassName = cn(sourceVariants({ variant }), className);\n  const sharedChildren = (\n    <>\n      {showFavicon && (\n        <SourceFavicon url={source.url} favicon={source.favicon} />\n      )}\n      <span className=\"truncate max-w-[200px]\">{displayText}</span>\n      {variant === 'default' && (\n        <ExternalLink className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n      )}\n    </>\n  );\n\n  // Render as <a> when navigating to URL (proper semantics)\n  if (!onClick) {\n    return (\n      <a\n        data-slot=\"ai-source-trigger\"\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={sharedClassName}\n        aria-label={`Source: ${displayText}`}\n      >\n        {sharedChildren}\n      </a>\n    );\n  }\n\n  // Render as <button> when custom click handler is provided\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-source-trigger\"\n      onClick={onClick}\n      className={sharedClassName}\n      aria-label={`Source: ${displayText}`}\n    >\n      {sharedChildren}\n    </button>\n  );\n}\n\nAISourceTrigger.displayName = 'AISourceTrigger';\n\n// =============================================================================\n// Source Content (Tooltip/Popover content)\n// =============================================================================\n\nexport interface AISourceContentProps {\n  /** Source data */\n  source: SourceData;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceContent({ source, className }: AISourceContentProps) {\n  const domain = React.useMemo(() => {\n    try {\n      return new URL(source.url).hostname;\n    } catch {\n      return source.url;\n    }\n  }, [source.url]);\n\n  return (\n    <div className={cn('p-3 max-w-xs space-y-2', className)}>\n      <div className=\"flex items-start gap-2\">\n        <SourceFavicon\n          url={source.url}\n          favicon={source.favicon}\n          className=\"mt-0.5\"\n        />\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-foreground truncate\">\n            {source.title || domain}\n          </p>\n          <p className=\"text-xs text-text-quaternary truncate\">{domain}</p>\n        </div>\n      </div>\n      {source.description && (\n        <p className=\"text-xs text-muted-foreground line-clamp-2\">\n          {source.description}\n        </p>\n      )}\n      <a\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"flex items-center gap-1 text-xs text-primary hover:text-primary\"\n      >\n        Visit source\n        <ExternalLink className=\"size-3\" />\n      </a>\n    </div>\n  );\n}\n\nAISourceContent.displayName = 'AISourceContent';\n\n// =============================================================================\n// Main AISource Component (with built-in tooltip)\n// =============================================================================\n\nexport interface AISourceProps extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Whether to show tooltip on hover */\n  showTooltip?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISource({\n  source,\n  variant,\n  showFavicon = true,\n  showTooltip = true,\n  className,\n}: AISourceProps) {\n  if (!showTooltip) {\n    return (\n      <span data-slot=\"ai-source\">\n        <AISourceTrigger\n          source={source}\n          variant={variant}\n          showFavicon={showFavicon}\n          className={className}\n        />\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span data-slot=\"ai-source\">\n            <AISourceTrigger\n              source={source}\n              variant={variant}\n              showFavicon={showFavicon}\n              className={className}\n            />\n          </span>\n        }\n      />\n      <TooltipPopup side=\"top\" className=\"p-0\">\n        <AISourceContent source={source} />\n      </TooltipPopup>\n    </Tooltip>\n  );\n}\n\nAISource.displayName = 'AISource';\n\n// =============================================================================\n// Source List Component\n// =============================================================================\n\nexport interface AISourceListProps {\n  /** Array of sources */\n  sources: SourceData[];\n  /** Maximum sources to show before truncating */\n  maxVisible?: number;\n  /** Whether to show expanded list */\n  showAll?: boolean;\n  /** Callback when \"show more\" is clicked */\n  onShowMore?: () => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceList({\n  sources,\n  maxVisible = 3,\n  showAll = false,\n  onShowMore,\n  className,\n}: AISourceListProps) {\n  const safeMaxVisible = getMaxVisibleSources(maxVisible);\n  const visibleSources = showAll ? sources : sources.slice(0, safeMaxVisible);\n  const remainingCount = Math.max(0, sources.length - safeMaxVisible);\n\n  return (\n    <nav\n      data-slot=\"ai-source-list\"\n      aria-label=\"Sources\"\n      className={cn('flex flex-wrap items-center gap-2', className)}\n    >\n      <span className=\"text-xs text-text-quaternary\">Sources:</span>\n      {visibleSources.map((source, index) => (\n        <span\n          key={`${source.url}-${index}`}\n          className=\"delight-stagger motion-reduce:!animate-none\"\n          style={\n            { '--delight-delay': `${index * 50}ms` } as React.CSSProperties\n          }\n        >\n          <AISource source={source} variant=\"pill\" />\n        </span>\n      ))}\n      {!showAll && remainingCount > 0 && (\n        <button\n          type=\"button\"\n          onClick={onShowMore}\n          aria-label={`Show ${remainingCount} more sources`}\n          className=\"px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring delight-selection-press\"\n        >\n          +{remainingCount} more\n        </button>\n      )}\n    </nav>\n  );\n}\n\nAISourceList.displayName = 'AISourceList';\n\nexport {\n  AISource,\n  AISourceContent,\n  AISourceList,\n  AISourceTrigger,\n  SourceFavicon,\n  sourceVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":";;;;;;AASA,IAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAa,KAAK;AAAA,EAAS,CAAC;AAAA,EAC1C,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAe,KAAK;AAAA,EAAS,CAAC;AAAA,EAC5C,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAA4D,KAAK;AAAA,EAAS,CAAC;AAC3F,GACM,IAAe,EAAiB,iBAAiBA,CAAU,GCL3D,IAAa;AAAA,EACjB,CAAC,UAAU;AAAA,IAAE,IAAI;AAAA,IAAM,IAAI;AAAA,IAAM,GAAG;AAAA,IAAM,KAAK;AAAA,EAAS,CAAC;AAAA,EACzD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAmD,KAAK;AAAA,EAAS,CAAC;AAAA,EAChF,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAY,KAAK;AAAA,EAAS,CAAC;AAC3C,GACM,IAAQ,EAAiB,SAAS,CAAU,GCJ5C,IAAiB,EACrB,uJACA;AAAA,EACE,UAAU,EACR,SAAS;AAAA,IACP,SACE;AAAA,IACF,MAAM;AAAA,IACN,SACE;AAAA,EACJ,EACF;AAAA,EACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAEM,IAA8B;AAEpC,SAAS,EAAqB,GAA4B;AACxD,SAAO,OAAO,SAAS,CAAU,KAAK,KAAc,IAChD,KAAK,MAAM,CAAU,IACrB;AACN;AA6BA,SAAS,EAAc,EAAE,KAAA,GAAK,SAAA,GAAS,WAAA,EAAA,GAAiC;AACtE,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAG9C,IAAa,EAAM,QAAA,MAAc;AACrC,QAAI,EAAS,QAAO;AACpB,QAAI;AAEF,aAAO,6CADQ,IAAI,IAAI,CAAG,EAAE,QAAA;AAAA,IAE9B,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,GAAK,CAAO,CAAC;AAEjB,SAAI,CAAC,KAAc,IACV,gBAAA,EAAC,GAAD,EAAO,WAAW,EAAG,gCAAgC,CAAS,EAAI,CAAA,IAIzE,gBAAA,EAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,KAAI;AAAA,IACJ,WAAW,EACT,8DACA,CACF;AAAA,IACA,SAAA,MAAe,EAAY,EAAI;AAAA,EAChC,CAAA;AAEL;AAEA,EAAc,cAAc;AAkB5B,SAAS,EAAgB,EACvB,QAAA,GACA,SAAA,GACA,aAAA,IAAc,IACd,WAAA,GACA,SAAA,EAAA,GACuB;AACvB,QAAM,IAAc,EAAO,SAAS,EAAO,YAAY,EAAO,KAExD,IAAkB,EAAG,EAAe,EAAE,SAAA,EAAQ,CAAC,GAAG,CAAS,GAC3D,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACG,KACC,gBAAA,EAAC,GAAD;AAAA,MAAe,KAAK,EAAO;AAAA,MAAK,SAAS,EAAO;AAAA,IAAU,CAAA;AAAA,IAE5D,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAA0B;AAAA,IAAkB,CAAA;AAAA,IAC3D,MAAY,aACX,gBAAA,EAAC,GAAD;AAAA,MAAc,WAAU;AAAA,MAAkB,eAAY;AAAA,IAAQ,CAAA;AAAA,EAEhE,EAAA,CAAA;AAIJ,SAAK,IAiBH,gBAAA,EAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL,aAAU;AAAA,IACD,SAAA;AAAA,IACT,WAAW;AAAA,IACX,cAAY,WAAW,CAAA;AAAA,cAEtB;AAAA,EACK,CAAA,IAvBN,gBAAA,EAAC,KAAD;AAAA,IACE,aAAU;AAAA,IACV,MAAM,EAAO;AAAA,IACb,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,WAAW;AAAA,IACX,cAAY,WAAW,CAAA;AAAA,cAEtB;AAAA,EACA,CAAA;AAgBT;AAEA,EAAgB,cAAc;AAa9B,SAAS,EAAgB,EAAE,QAAA,GAAQ,WAAA,EAAA,GAAmC;AACpE,QAAM,IAAS,EAAM,QAAA,MAAc;AACjC,QAAI;AACF,aAAO,IAAI,IAAI,EAAO,GAAG,EAAE;AAAA,IAC7B,QAAQ;AACN,aAAO,EAAO;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,EAAO,GAAG,CAAC;AAEf,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,0BAA0B,CAAS;AAAA,cAAtD;AAAA,MACE,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK,EAAO;AAAA,UACZ,SAAS,EAAO;AAAA,UAChB,WAAU;AAAA,QACX,CAAA,GACD,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBAAf,CACE,gBAAA,EAAC,KAAD;AAAA,YAAG,WAAU;AAAA,sBACV,EAAO,SAAS;AAAA,UAChB,CAAA,GACH,gBAAA,EAAC,KAAD;AAAA,YAAG,WAAU;AAAA,sBAAyC;AAAA,UAAU,CAAA,CAC7D;AAAA,UACF;AAAA;MACJ,EAAO,eACN,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,kBACV,EAAO;AAAA,MACP,CAAA;AAAA,MAEL,gBAAA,EAAC,KAAD;AAAA,QACE,MAAM,EAAO;AAAA,QACb,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,kBAJZ,CAKC,gBAEC,gBAAA,EAAC,GAAD,EAAc,WAAU,SAAU,CAAA,CACjC;AAAA;IACA;AAAA;AAET;AAEA,EAAgB,cAAc;AAiB9B,SAAS,EAAS,EAChB,QAAA,GACA,SAAA,GACA,aAAA,IAAc,IACd,aAAA,IAAc,IACd,WAAA,EAAA,GACgB;AAChB,SAAK,IAcH,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EACE,QACE,gBAAA,EAAC,QAAD;AAAA,IAAM,aAAU;AAAA,cACd,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACC,SAAA;AAAA,MACI,aAAA;AAAA,MACF,WAAA;AAAA,IACZ,CAAA;AAAA,EACG,CAAA,EAET,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,IAAc,MAAK;AAAA,IAAM,WAAU;AAAA,cACjC,gBAAA,EAAC,GAAD,EAAyB,QAAA,EAAS,CAAA;AAAA,EACtB,CAAA,CACP,EAAA,CAAA,IA5BP,gBAAA,EAAC,QAAD;AAAA,IAAM,aAAU;AAAA,cACd,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACC,SAAA;AAAA,MACI,aAAA;AAAA,MACF,WAAA;AAAA,IACZ,CAAA;AAAA,EACG,CAAA;AAuBZ;AAEA,EAAS,cAAc;AAmBvB,SAAS,EAAa,EACpB,SAAA,GACA,YAAA,IAAa,GACb,SAAA,IAAU,IACV,YAAA,GACA,WAAA,EAAA,GACoB;AACpB,QAAM,IAAiB,EAAqB,CAAU,GAChD,IAAiB,IAAU,IAAU,EAAQ,MAAM,GAAG,CAAc,GACpE,IAAiB,KAAK,IAAI,GAAG,EAAQ,SAAS,CAAc;AAElE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,cAAW;AAAA,IACX,WAAW,EAAG,qCAAqC,CAAS;AAAA,cAH9D;AAAA,MAKE,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,kBAA+B;AAAA,MAAc,CAAA;AAAA,MAC5D,EAAe,IAAA,CAAK,GAAQ,MAC3B,gBAAA,EAAC,QAAD;AAAA,QAEE,WAAU;AAAA,QACV,OACE,EAAE,mBAAmB,GAAG,IAAQ,EAAA,KAAO;AAAA,kBAGzC,gBAAA,EAAC,GAAD;AAAA,UAAkB,QAAA;AAAA,UAAQ,SAAQ;AAAA,QAAQ,CAAA;AAAA,MACtC,GAPC,GAAG,EAAO,GAAA,IAAO,CAAA,EAOlB,CACP;AAAA,MACA,CAAC,KAAW,IAAiB,KAC5B,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,QAAQ,CAAA;AAAA,QACpB,WAAU;AAAA,kBAJZ;AAAA,UAKC;AAAA,UACG;AAAA,UAAe;AAAA,QACX;AAAA;IAEP;AAAA;AAET;AAEA,EAAa,cAAc"}
+{"version":3,"file":"AISource.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/external-link.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/globe.mjs","../../src/components/organisms/ai/AISource/AISource.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M15 3h6v6\", key: \"1q9fwt\" }],\n  [\"path\", { d: \"M10 14 21 3\", key: \"gplh6r\" }],\n  [\"path\", { d: \"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\", key: \"a6xqqp\" }]\n];\nconst ExternalLink = createLucideIcon(\"external-link\", __iconNode);\n\nexport { __iconNode, ExternalLink as default };\n//# sourceMappingURL=external-link.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\", key: \"13o1zl\" }],\n  [\"path\", { d: \"M2 12h20\", key: \"9i4pu4\" }]\n];\nconst Globe = createLucideIcon(\"globe\", __iconNode);\n\nexport { __iconNode, Globe as default };\n//# sourceMappingURL=globe.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink, Globe } from 'lucide-react';\nimport * as React from 'react';\nimport { Tooltip, TooltipPopup, TooltipTrigger } from '@/components/ui/tooltip';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst sourceVariants = cva(\n  'inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-sm text-primary hover:text-primary underline underline-offset-2 rounded-sm',\n        pill: 'px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground delight-selection-press',\n        minimal:\n          'text-xs text-secondary-foreground hover:text-foreground rounded-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst DEFAULT_MAX_VISIBLE_SOURCES = 3;\n\nfunction getMaxVisibleSources(maxVisible: number): number {\n  return Number.isFinite(maxVisible) && maxVisible >= 0\n    ? Math.floor(maxVisible)\n    : DEFAULT_MAX_VISIBLE_SOURCES;\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface SourceData {\n  /** Source URL */\n  url: string;\n  /** Display title */\n  title?: string;\n  /** Source description */\n  description?: string;\n  /** Favicon URL */\n  favicon?: string;\n  /** Site name */\n  siteName?: string;\n}\n\n// =============================================================================\n// Source Favicon\n// =============================================================================\n\ninterface SourceFaviconProps {\n  url: string;\n  favicon?: string;\n  className?: string;\n}\n\nfunction SourceFavicon({ url, favicon, className }: SourceFaviconProps) {\n  const [hasError, setHasError] = React.useState(false);\n\n  // Generate favicon URL from domain if not provided\n  const faviconUrl = React.useMemo(() => {\n    if (favicon) return favicon;\n    try {\n      const domain = new URL(url).hostname;\n      return `https://www.google.com/s2/favicons?domain=${domain}&sz=32`;\n    } catch {\n      return null;\n    }\n  }, [url, favicon]);\n\n  if (!faviconUrl || hasError) {\n    return <Globe className={cn('size-4 text-muted-foreground', className)} />;\n  }\n\n  return (\n    <img\n      src={faviconUrl}\n      alt=\"\"\n      className={cn(\n        'size-4 rounded delight-fade-in motion-reduce:!animate-none',\n        className,\n      )}\n      onError={() => setHasError(true)}\n    />\n  );\n}\n\nSourceFavicon.displayName = 'SourceFavicon';\n\n// =============================================================================\n// Source Trigger (Clickable element)\n// =============================================================================\n\nexport interface AISourceTriggerProps\n  extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nfunction AISourceTrigger({\n  source,\n  variant,\n  showFavicon = true,\n  className,\n  onClick,\n}: AISourceTriggerProps) {\n  const displayText = source.title || source.siteName || source.url;\n\n  const sharedClassName = cn(sourceVariants({ variant }), className);\n  const sharedChildren = (\n    <>\n      {showFavicon && (\n        <SourceFavicon url={source.url} favicon={source.favicon} />\n      )}\n      <span className=\"truncate max-w-[200px]\">{displayText}</span>\n      {variant === 'default' && (\n        <ExternalLink className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n      )}\n    </>\n  );\n\n  // Render as <a> when navigating to URL (proper semantics)\n  if (!onClick) {\n    return (\n      <a\n        data-slot=\"ai-source-trigger\"\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={sharedClassName}\n        aria-label={`Source: ${displayText}`}\n      >\n        {sharedChildren}\n      </a>\n    );\n  }\n\n  // Render as <button> when custom click handler is provided\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-source-trigger\"\n      onClick={onClick}\n      className={sharedClassName}\n      aria-label={`Source: ${displayText}`}\n    >\n      {sharedChildren}\n    </button>\n  );\n}\n\nAISourceTrigger.displayName = 'AISourceTrigger';\n\n// =============================================================================\n// Source Content (Tooltip/Popover content)\n// =============================================================================\n\nexport interface AISourceContentProps {\n  /** Source data */\n  source: SourceData;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceContent({ source, className }: AISourceContentProps) {\n  const domain = React.useMemo(() => {\n    try {\n      return new URL(source.url).hostname;\n    } catch {\n      return source.url;\n    }\n  }, [source.url]);\n\n  return (\n    <div className={cn('p-3 max-w-xs space-y-2', className)}>\n      <div className=\"flex items-start gap-2\">\n        <SourceFavicon\n          url={source.url}\n          favicon={source.favicon}\n          className=\"mt-0.5\"\n        />\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-foreground truncate\">\n            {source.title || domain}\n          </p>\n          <p className=\"text-xs text-secondary-foreground truncate\">{domain}</p>\n        </div>\n      </div>\n      {source.description && (\n        <p className=\"text-xs text-muted-foreground line-clamp-2\">\n          {source.description}\n        </p>\n      )}\n      <a\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"flex items-center gap-1 text-xs text-primary hover:text-primary\"\n      >\n        Visit source\n        <ExternalLink className=\"size-3\" />\n      </a>\n    </div>\n  );\n}\n\nAISourceContent.displayName = 'AISourceContent';\n\n// =============================================================================\n// Main AISource Component (with built-in tooltip)\n// =============================================================================\n\nexport interface AISourceProps extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Whether to show tooltip on hover */\n  showTooltip?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISource({\n  source,\n  variant,\n  showFavicon = true,\n  showTooltip = true,\n  className,\n}: AISourceProps) {\n  if (!showTooltip) {\n    return (\n      <span data-slot=\"ai-source\">\n        <AISourceTrigger\n          source={source}\n          variant={variant}\n          showFavicon={showFavicon}\n          className={className}\n        />\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span data-slot=\"ai-source\">\n            <AISourceTrigger\n              source={source}\n              variant={variant}\n              showFavicon={showFavicon}\n              className={className}\n            />\n          </span>\n        }\n      />\n      <TooltipPopup side=\"top\" className=\"p-0\">\n        <AISourceContent source={source} />\n      </TooltipPopup>\n    </Tooltip>\n  );\n}\n\nAISource.displayName = 'AISource';\n\n// =============================================================================\n// Source List Component\n// =============================================================================\n\nexport interface AISourceListProps {\n  /** Array of sources */\n  sources: SourceData[];\n  /** Maximum sources to show before truncating */\n  maxVisible?: number;\n  /** Whether to show expanded list */\n  showAll?: boolean;\n  /** Callback when \"show more\" is clicked */\n  onShowMore?: () => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceList({\n  sources,\n  maxVisible = 3,\n  showAll = false,\n  onShowMore,\n  className,\n}: AISourceListProps) {\n  const safeMaxVisible = getMaxVisibleSources(maxVisible);\n  const visibleSources = showAll ? sources : sources.slice(0, safeMaxVisible);\n  const remainingCount = Math.max(0, sources.length - safeMaxVisible);\n\n  return (\n    <nav\n      data-slot=\"ai-source-list\"\n      aria-label=\"Sources\"\n      className={cn('flex flex-wrap items-center gap-2', className)}\n    >\n      <span className=\"text-xs text-secondary-foreground\">Sources:</span>\n      {visibleSources.map((source, index) => (\n        <span\n          key={`${source.url}-${index}`}\n          className=\"delight-stagger motion-reduce:!animate-none\"\n          style={\n            { '--delight-delay': `${index * 50}ms` } as React.CSSProperties\n          }\n        >\n          <AISource source={source} variant=\"pill\" />\n        </span>\n      ))}\n      {!showAll && remainingCount > 0 && (\n        <button\n          type=\"button\"\n          onClick={onShowMore}\n          aria-label={`Show ${remainingCount} more sources`}\n          className=\"px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring delight-selection-press\"\n        >\n          +{remainingCount} more\n        </button>\n      )}\n    </nav>\n  );\n}\n\nAISourceList.displayName = 'AISourceList';\n\nexport {\n  AISource,\n  AISourceContent,\n  AISourceList,\n  AISourceTrigger,\n  SourceFavicon,\n  sourceVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/wc-react/AIToolCall.js

@@ -7,18 +7,18 @@ import { t as w } from "./circle-alert.js";
 import { t as L } from "./clock.js";
 import { t as T } from "./dist.js";
 import { t as _ } from "./use-controllable-state.js";
-import { t as q } from "./react.js";
-import { t as B } from "./AnimatePresence.js";
+import { t as B } from "./react.js";
+import { t as R } from "./AnimatePresence.js";
 import { n as N } from "./AICodeBlock.js";
 import * as y from "react";
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-var R = [["path", {
+var q = [["path", {
   d: "m16 18 6-6-6-6",
   key: "eg8j8"
 }], ["path", {
   d: "m8 6-6 6 6 6",
   key: "ppft3o"
-}]], C = I("code", R), D = [["path", {
+}]], C = I("code", q), D = [["path", {
   d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
   key: "1ngwbx"
 }]], E = I("wrench", D), M = T("overflow-hidden rounded-xl border transition-colors", {
@@ -92,7 +92,7 @@ function h({ title: e, icon: s, children: n, className: a }) {
   return /* @__PURE__ */ o("div", {
     className: i("space-y-2", a),
     children: [/* @__PURE__ */ o("div", {
-      className: "flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide",
+      className: "flex items-center gap-2 text-xs font-medium text-secondary-foreground uppercase tracking-wide",
       children: [s, e]
     }), n]
   });
@@ -117,7 +117,7 @@ function S({ toolPart: e, defaultOpen: s = !1, open: n, onOpenChange: a, classNa
       status: m,
       isOpen: u,
       onToggle: p
-    }), /* @__PURE__ */ t(B, { children: u && /* @__PURE__ */ t(q.div, {
+    }), /* @__PURE__ */ t(R, { children: u && /* @__PURE__ */ t(B.div, {
       initial: {
         height: 0,
         opacity: 0

package/dist/wc-react/AIToolCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIToolCall.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n  [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\n      key: \"1ngwbx\"\n    }\n  ]\n];\nconst Wrench = createLucideIcon(\"wrench\", __iconNode);\n\nexport { __iconNode, Wrench as default };\n//# sourceMappingURL=wrench.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Clock,\n  Code,\n  Wrench,\n} from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { AICodeBlock } from '@/components/organisms/ai/AICodeBlock';\nimport { useControllableState } from '@/hooks/use-controllable-state';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst toolCallVariants = cva(\n  'overflow-hidden rounded-xl border transition-colors',\n  {\n    variants: {\n      status: {\n        pending: 'border-border bg-muted',\n        running: 'border-primary bg-primary/10',\n        success: 'border-success/50 bg-success/10',\n        error: 'border-destructive/50 bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst statusIconVariants = cva('size-4', {\n  variants: {\n    status: {\n      pending: 'text-muted-foreground',\n      running: 'text-primary animate-spin motion-reduce:animate-none',\n      success: 'text-success',\n      error: 'text-destructive',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface ToolCallPart {\n  /** Unique tool call ID */\n  toolCallId: string;\n  /** Tool name */\n  toolName: string;\n  /** Tool input/arguments */\n  args?: Record<string, unknown>;\n  /** Tool output/result */\n  result?: unknown;\n  /** Tool status */\n  status?: ToolCallStatus;\n  /** Error message if status is error */\n  error?: string;\n}\n\n// =============================================================================\n// Status Icon Component\n// =============================================================================\n\ninterface StatusIconProps {\n  status: ToolCallStatus;\n  className?: string;\n}\n\nfunction StatusIcon({ status, className }: StatusIconProps) {\n  const iconClass = cn(statusIconVariants({ status }), className);\n\n  switch (status) {\n    case 'running':\n      return <Clock className={iconClass} />;\n    case 'success':\n      return (\n        <Check\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        />\n      );\n    case 'error':\n      return (\n        <AlertCircle\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        />\n      );\n    default:\n      return <Wrench className={iconClass} />;\n  }\n}\n\nStatusIcon.displayName = 'StatusIcon';\n\n// =============================================================================\n// Tool Call Header\n// =============================================================================\n\ninterface AIToolCallHeaderProps {\n  toolName: string;\n  status: ToolCallStatus;\n  isOpen: boolean;\n  onToggle: () => void;\n  className?: string;\n}\n\nfunction AIToolCallHeader({\n  toolName,\n  status,\n  isOpen,\n  onToggle,\n  className,\n}: AIToolCallHeaderProps) {\n  const statusLabel = {\n    pending: 'Pending',\n    running: 'Running...',\n    success: 'Completed',\n    error: 'Failed',\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={isOpen}\n      className={cn(\n        'flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <StatusIcon status={status} aria-hidden=\"true\" />\n        <div className=\"flex flex-col items-start\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {toolName}\n          </span>\n          <span className=\"text-xs text-secondary-foreground\">\n            {statusLabel[status]}\n          </span>\n        </div>\n      </div>\n      {isOpen ? (\n        <ChevronDown\n          className=\"size-4 text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      ) : (\n        <ChevronRight\n          className=\"size-4 text-muted-foreground rtl:rotate-180\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIToolCallHeader.displayName = 'AIToolCallHeader';\n\n// =============================================================================\n// Tool Call Section\n// =============================================================================\n\ninterface ToolCallSectionProps {\n  title: string;\n  icon: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction ToolCallSection({\n  title,\n  icon,\n  children,\n  className,\n}: ToolCallSectionProps) {\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide\">\n        {icon}\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nToolCallSection.displayName = 'ToolCallSection';\n\n// =============================================================================\n// Main AIToolCall Component\n// =============================================================================\n\nexport interface AIToolCallProps extends VariantProps<typeof toolCallVariants> {\n  /** Tool call data */\n  toolPart: ToolCallPart;\n  /** Whether to expand by default */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction formatValue(value: unknown): string {\n  if (typeof value === 'string') return value;\n  return JSON.stringify(value, null, 2);\n}\n\nfunction AIToolCall({\n  toolPart,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n}: AIToolCallProps) {\n  const [isOpen, setIsOpen] = useControllableState({\n    value: controlledOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const status = toolPart.status || 'pending';\n\n  const handleToggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <div\n      data-slot=\"ai-tool-call\"\n      className={cn(toolCallVariants({ status }), className)}\n    >\n      <AIToolCallHeader\n        toolName={toolPart.toolName}\n        status={status}\n        isOpen={isOpen}\n        onToggle={handleToggle}\n      />\n\n      <AnimatePresence>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className=\"px-4 pb-4 space-y-4\">\n              {/* Tool Call ID */}\n              <div className=\"text-xs text-muted-foreground font-mono\">\n                ID: {toolPart.toolCallId}\n              </div>\n\n              {/* Input Section */}\n              {toolPart.args && Object.keys(toolPart.args).length > 0 && (\n                <ToolCallSection\n                  title=\"Input\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.args)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Output Section */}\n              {toolPart.result !== undefined && (\n                <ToolCallSection\n                  title=\"Output\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.result)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Error Section */}\n              {toolPart.error && (\n                <div className=\"p-3 rounded-lg bg-destructive/20 border border-destructive/50\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"size-4 text-destructive mt-0.5 shrink-0\" />\n                    <p className=\"text-sm text-destructive\">{toolPart.error}</p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nAIToolCall.displayName = 'AIToolCall';\n\n// =============================================================================\n// Tool Call List Component\n// =============================================================================\n\nexport interface AIToolCallListProps {\n  /** Array of tool calls */\n  toolCalls: readonly ToolCallPart[];\n  /** Whether to expand all by default */\n  defaultAllOpen?: boolean;\n  /** Tool-call IDs to expand initially in uncontrolled mode */\n  defaultOpenToolCallIds?: readonly string[];\n  /** Controlled expanded tool-call IDs */\n  openToolCallIds?: readonly string[];\n  /** Called with expanded IDs in current tool-call order */\n  onOpenToolCallIdsChange?: (ids: readonly string[]) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction normalizeOpenToolCallIds(\n  ids: readonly string[],\n  toolCalls: readonly ToolCallPart[],\n): string[] {\n  const requested = new Set(ids);\n  return toolCalls.flatMap((toolCall) =>\n    requested.has(toolCall.toolCallId) ? [toolCall.toolCallId] : [],\n  );\n}\n\nfunction areToolCallIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction AIToolCallList({\n  toolCalls,\n  defaultAllOpen = false,\n  defaultOpenToolCallIds = [],\n  openToolCallIds: controlledOpenToolCallIds,\n  onOpenToolCallIdsChange,\n  className,\n}: AIToolCallListProps) {\n  const isControlled = controlledOpenToolCallIds !== undefined;\n  const [uncontrolledOpenToolCallIds, setUncontrolledOpenToolCallIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeOpenToolCallIds(\n        defaultAllOpen\n          ? toolCalls.map((toolCall) => toolCall.toolCallId)\n          : defaultOpenToolCallIds,\n        toolCalls,\n      ),\n    );\n  const rawOpenToolCallIds = isControlled\n    ? controlledOpenToolCallIds\n    : uncontrolledOpenToolCallIds;\n  const visibleOpenToolCallIds = normalizeOpenToolCallIds(\n    rawOpenToolCallIds,\n    toolCalls,\n  );\n  const openSet = new Set(visibleOpenToolCallIds);\n\n  React.useLayoutEffect(() => {\n    if (isControlled) return;\n    setUncontrolledOpenToolCallIds((current) => {\n      const normalized = normalizeOpenToolCallIds(current, toolCalls);\n      return areToolCallIdsEqual(current, normalized) ? current : normalized;\n    });\n  }, [isControlled, toolCalls]);\n\n  const setToolCallOpen = (toolCallId: string, open: boolean) => {\n    const next = new Set(visibleOpenToolCallIds);\n    if (open) next.add(toolCallId);\n    else next.delete(toolCallId);\n    const normalized = normalizeOpenToolCallIds([...next], toolCalls);\n    if (!isControlled) {\n      setUncontrolledOpenToolCallIds(normalized);\n    }\n    onOpenToolCallIdsChange?.([...normalized]);\n  };\n\n  return (\n    <div data-slot=\"ai-tool-call-list\" className={cn('space-y-2', className)}>\n      {toolCalls.map((toolCall) => (\n        <AIToolCall\n          key={toolCall.toolCallId}\n          toolPart={toolCall}\n          open={openSet.has(toolCall.toolCallId)}\n          onOpenChange={(open) => setToolCallOpen(toolCall.toolCallId, open)}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIToolCallList.displayName = 'AIToolCallList';\n\nexport {\n  AIToolCall,\n  AIToolCallHeader,\n  AIToolCallList,\n  StatusIcon,\n  statusIconVariants,\n  ToolCallSection,\n  toolCallVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"AIToolCall.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n  [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\n      key: \"1ngwbx\"\n    }\n  ]\n];\nconst Wrench = createLucideIcon(\"wrench\", __iconNode);\n\nexport { __iconNode, Wrench as default };\n//# sourceMappingURL=wrench.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Clock,\n  Code,\n  Wrench,\n} from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { AICodeBlock } from '@/components/organisms/ai/AICodeBlock';\nimport { useControllableState } from '@/hooks/use-controllable-state';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst toolCallVariants = cva(\n  'overflow-hidden rounded-xl border transition-colors',\n  {\n    variants: {\n      status: {\n        pending: 'border-border bg-muted',\n        running: 'border-primary bg-primary/10',\n        success: 'border-success/50 bg-success/10',\n        error: 'border-destructive/50 bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst statusIconVariants = cva('size-4', {\n  variants: {\n    status: {\n      pending: 'text-muted-foreground',\n      running: 'text-primary animate-spin motion-reduce:animate-none',\n      success: 'text-success',\n      error: 'text-destructive',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface ToolCallPart {\n  /** Unique tool call ID */\n  toolCallId: string;\n  /** Tool name */\n  toolName: string;\n  /** Tool input/arguments */\n  args?: Record<string, unknown>;\n  /** Tool output/result */\n  result?: unknown;\n  /** Tool status */\n  status?: ToolCallStatus;\n  /** Error message if status is error */\n  error?: string;\n}\n\n// =============================================================================\n// Status Icon Component\n// =============================================================================\n\ninterface StatusIconProps {\n  status: ToolCallStatus;\n  className?: string;\n}\n\nfunction StatusIcon({ status, className }: StatusIconProps) {\n  const iconClass = cn(statusIconVariants({ status }), className);\n\n  switch (status) {\n    case 'running':\n      return <Clock className={iconClass} />;\n    case 'success':\n      return (\n        <Check\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        />\n      );\n    case 'error':\n      return (\n        <AlertCircle\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        />\n      );\n    default:\n      return <Wrench className={iconClass} />;\n  }\n}\n\nStatusIcon.displayName = 'StatusIcon';\n\n// =============================================================================\n// Tool Call Header\n// =============================================================================\n\ninterface AIToolCallHeaderProps {\n  toolName: string;\n  status: ToolCallStatus;\n  isOpen: boolean;\n  onToggle: () => void;\n  className?: string;\n}\n\nfunction AIToolCallHeader({\n  toolName,\n  status,\n  isOpen,\n  onToggle,\n  className,\n}: AIToolCallHeaderProps) {\n  const statusLabel = {\n    pending: 'Pending',\n    running: 'Running...',\n    success: 'Completed',\n    error: 'Failed',\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={isOpen}\n      className={cn(\n        'flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <StatusIcon status={status} aria-hidden=\"true\" />\n        <div className=\"flex flex-col items-start\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {toolName}\n          </span>\n          <span className=\"text-xs text-secondary-foreground\">\n            {statusLabel[status]}\n          </span>\n        </div>\n      </div>\n      {isOpen ? (\n        <ChevronDown\n          className=\"size-4 text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      ) : (\n        <ChevronRight\n          className=\"size-4 text-muted-foreground rtl:rotate-180\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIToolCallHeader.displayName = 'AIToolCallHeader';\n\n// =============================================================================\n// Tool Call Section\n// =============================================================================\n\ninterface ToolCallSectionProps {\n  title: string;\n  icon: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction ToolCallSection({\n  title,\n  icon,\n  children,\n  className,\n}: ToolCallSectionProps) {\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex items-center gap-2 text-xs font-medium text-secondary-foreground uppercase tracking-wide\">\n        {icon}\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nToolCallSection.displayName = 'ToolCallSection';\n\n// =============================================================================\n// Main AIToolCall Component\n// =============================================================================\n\nexport interface AIToolCallProps extends VariantProps<typeof toolCallVariants> {\n  /** Tool call data */\n  toolPart: ToolCallPart;\n  /** Whether to expand by default */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction formatValue(value: unknown): string {\n  if (typeof value === 'string') return value;\n  return JSON.stringify(value, null, 2);\n}\n\nfunction AIToolCall({\n  toolPart,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n}: AIToolCallProps) {\n  const [isOpen, setIsOpen] = useControllableState({\n    value: controlledOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const status = toolPart.status || 'pending';\n\n  const handleToggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <div\n      data-slot=\"ai-tool-call\"\n      className={cn(toolCallVariants({ status }), className)}\n    >\n      <AIToolCallHeader\n        toolName={toolPart.toolName}\n        status={status}\n        isOpen={isOpen}\n        onToggle={handleToggle}\n      />\n\n      <AnimatePresence>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className=\"px-4 pb-4 space-y-4\">\n              {/* Tool Call ID */}\n              <div className=\"text-xs text-muted-foreground font-mono\">\n                ID: {toolPart.toolCallId}\n              </div>\n\n              {/* Input Section */}\n              {toolPart.args && Object.keys(toolPart.args).length > 0 && (\n                <ToolCallSection\n                  title=\"Input\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.args)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Output Section */}\n              {toolPart.result !== undefined && (\n                <ToolCallSection\n                  title=\"Output\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.result)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Error Section */}\n              {toolPart.error && (\n                <div className=\"p-3 rounded-lg bg-destructive/20 border border-destructive/50\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"size-4 text-destructive mt-0.5 shrink-0\" />\n                    <p className=\"text-sm text-destructive\">{toolPart.error}</p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nAIToolCall.displayName = 'AIToolCall';\n\n// =============================================================================\n// Tool Call List Component\n// =============================================================================\n\nexport interface AIToolCallListProps {\n  /** Array of tool calls */\n  toolCalls: readonly ToolCallPart[];\n  /** Whether to expand all by default */\n  defaultAllOpen?: boolean;\n  /** Tool-call IDs to expand initially in uncontrolled mode */\n  defaultOpenToolCallIds?: readonly string[];\n  /** Controlled expanded tool-call IDs */\n  openToolCallIds?: readonly string[];\n  /** Called with expanded IDs in current tool-call order */\n  onOpenToolCallIdsChange?: (ids: readonly string[]) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction normalizeOpenToolCallIds(\n  ids: readonly string[],\n  toolCalls: readonly ToolCallPart[],\n): string[] {\n  const requested = new Set(ids);\n  return toolCalls.flatMap((toolCall) =>\n    requested.has(toolCall.toolCallId) ? [toolCall.toolCallId] : [],\n  );\n}\n\nfunction areToolCallIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction AIToolCallList({\n  toolCalls,\n  defaultAllOpen = false,\n  defaultOpenToolCallIds = [],\n  openToolCallIds: controlledOpenToolCallIds,\n  onOpenToolCallIdsChange,\n  className,\n}: AIToolCallListProps) {\n  const isControlled = controlledOpenToolCallIds !== undefined;\n  const [uncontrolledOpenToolCallIds, setUncontrolledOpenToolCallIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeOpenToolCallIds(\n        defaultAllOpen\n          ? toolCalls.map((toolCall) => toolCall.toolCallId)\n          : defaultOpenToolCallIds,\n        toolCalls,\n      ),\n    );\n  const rawOpenToolCallIds = isControlled\n    ? controlledOpenToolCallIds\n    : uncontrolledOpenToolCallIds;\n  const visibleOpenToolCallIds = normalizeOpenToolCallIds(\n    rawOpenToolCallIds,\n    toolCalls,\n  );\n  const openSet = new Set(visibleOpenToolCallIds);\n\n  React.useLayoutEffect(() => {\n    if (isControlled) return;\n    setUncontrolledOpenToolCallIds((current) => {\n      const normalized = normalizeOpenToolCallIds(current, toolCalls);\n      return areToolCallIdsEqual(current, normalized) ? current : normalized;\n    });\n  }, [isControlled, toolCalls]);\n\n  const setToolCallOpen = (toolCallId: string, open: boolean) => {\n    const next = new Set(visibleOpenToolCallIds);\n    if (open) next.add(toolCallId);\n    else next.delete(toolCallId);\n    const normalized = normalizeOpenToolCallIds([...next], toolCalls);\n    if (!isControlled) {\n      setUncontrolledOpenToolCallIds(normalized);\n    }\n    onOpenToolCallIdsChange?.([...normalized]);\n  };\n\n  return (\n    <div data-slot=\"ai-tool-call-list\" className={cn('space-y-2', className)}>\n      {toolCalls.map((toolCall) => (\n        <AIToolCall\n          key={toolCall.toolCallId}\n          toolPart={toolCall}\n          open={openSet.has(toolCall.toolCallId)}\n          onOpenChange={(open) => setToolCallOpen(toolCall.toolCallId, open)}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIToolCallList.displayName = 'AIToolCallList';\n\nexport {\n  AIToolCall,\n  AIToolCallHeader,\n  AIToolCallList,\n  StatusIcon,\n  statusIconVariants,\n  ToolCallSection,\n  toolCallVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/wc-react/Breadcrumb.js

@@ -20,21 +20,21 @@ function b({ className: r, ...e }) {
     ...e
   });
 }
-function p({ className: r, ...e }) {
+function f({ className: r, ...e }) {
   return /* @__PURE__ */ a("ol", {
     "data-slot": "breadcrumb-list",
     className: o("text-muted-foreground gap-1.5 text-sm sm:gap-2.5 flex flex-wrap items-center break-words", r),
     ...e
   });
 }
-function f({ className: r, ...e }) {
+function p({ className: r, ...e }) {
   return /* @__PURE__ */ a("li", {
     "data-slot": "breadcrumb-item",
     className: o("gap-1.5 inline-flex items-center", r),
     ...e
   });
 }
-function l({ className: r, render: e, ...t }) {
+function d({ className: r, render: e, ...t }) {
   return H({
     defaultTagName: "a",
     props: E({ className: o("hover:text-foreground transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring rounded-sm", r) }, t),
@@ -76,13 +76,13 @@ function V({ className: r, ...e }) {
   });
 }
 b.displayName = "Breadcrumb";
-p.displayName = "BreadcrumbList";
-f.displayName = "BreadcrumbItem";
-l.displayName = "BreadcrumbLink";
+f.displayName = "BreadcrumbList";
+p.displayName = "BreadcrumbItem";
+d.displayName = "BreadcrumbLink";
 g.displayName = "BreadcrumbPage";
 x.displayName = "BreadcrumbSeparator";
 V.displayName = "BreadcrumbEllipsis";
-var N = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring rounded-sm", d = z('inline-flex items-center transition-[color,opacity,background-color,border-color,text-decoration-color] duration-200 ease-out whitespace-nowrap relative before:absolute before:inset-x-0 before:top-1/2 before:-translate-y-1/2 before:min-h-11 before:content-[""] sm:before:content-none motion-reduce:transition-none', {
+var N = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring rounded-sm", l = z('inline-flex items-center transition-[color,opacity,background-color,border-color,text-decoration-color] duration-200 ease-out whitespace-nowrap relative before:absolute before:inset-x-0 before:top-1/2 before:-translate-y-1/2 before:min-h-11 before:content-[""] sm:before:content-none motion-reduce:transition-none', {
   variants: {
     variant: {
       text: "text-sm font-normal text-muted-foreground hover:text-foreground underline decoration-transparent underline-offset-4 hover:decoration-current/30",
@@ -130,7 +130,7 @@ var N = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:ou
     variant: "text",
     isCurrent: !1
   }
-}), y = u.createContext({ separator: "chevron" }), q = () => u.useContext(y);
+}), y = u.createContext({ separator: "chevron" }), M = () => u.useContext(y);
 function i({ className: r, separator: e = "chevron", ring: t = !1, children: n, ...s }) {
   const I = u.useMemo(() => ({ separator: e }), [e]);
   return /* @__PURE__ */ a(y.Provider, {
@@ -143,20 +143,20 @@ function i({ className: r, separator: e = "chevron", ring: t = !1, children: n,
   });
 }
 function v({ className: r, ...e }) {
-  return /* @__PURE__ */ a(p, {
+  return /* @__PURE__ */ a(f, {
     className: o("flex-nowrap gap-1", r),
     ...e
   });
 }
 function B({ className: r, ...e }) {
-  return /* @__PURE__ */ a(f, {
+  return /* @__PURE__ */ a(p, {
     className: o("gap-1", r),
     ...e
   });
 }
 function h({ className: r, variant: e = "text", isCurrent: t = !1, ...n }) {
-  return /* @__PURE__ */ a(l, {
-    className: o(d({
+  return /* @__PURE__ */ a(d, {
+    className: o(l({
       variant: e,
       isCurrent: t
     }), r),
@@ -165,7 +165,7 @@ function h({ className: r, variant: e = "text", isCurrent: t = !1, ...n }) {
 }
 function C({ className: r, variant: e = "text", ...t }) {
   return /* @__PURE__ */ a(g, {
-    className: o(d({
+    className: o(l({
       variant: e,
       isCurrent: !0
     }), r),
@@ -173,9 +173,9 @@ function C({ className: r, variant: e = "text", ...t }) {
   });
 }
 function k({ className: r, type: e, ...t }) {
-  const { separator: n } = q(), s = e ?? n;
+  const { separator: n } = M(), s = e ?? n;
   return /* @__PURE__ */ a(x, {
-    className: o("[&>svg]:size-3.5 text-text-quaternary transition-opacity duration-200 ease-out motion-reduce:transition-none", r),
+    className: o("[&>svg]:size-3.5 text-muted-foreground transition-opacity duration-200 ease-out motion-reduce:transition-none", r),
     ...t,
     children: s === "slash" ? /* @__PURE__ */ a(j, {}) : /* @__PURE__ */ a(m, { className: "rtl:rotate-180" })
   });
@@ -185,7 +185,7 @@ function L({ className: r, variant: e = "text", ...t }) {
     type: "button",
     "data-slot": "breadcrumb-ellipsis",
     "aria-label": "Show more breadcrumb items",
-    className: o(d({
+    className: o(l({
       variant: e,
       isCurrent: !1
     }), `cursor-pointer hover:text-foreground ${N}`, r),
@@ -194,8 +194,8 @@ function L({ className: r, variant: e = "text", ...t }) {
   });
 }
 function $({ className: r, variant: e = "text", srLabel: t = "Home", ...n }) {
-  return /* @__PURE__ */ c(l, {
-    className: o(`group inline-flex items-center text-text-quaternary hover:text-secondary-foreground transition-colors duration-200 ease-out motion-reduce:transition-none ${N}`, e === "soft-badge" && "rounded-full px-1.5 py-0.5 bg-primary/10 text-primary", e === "outline-badge" && "rounded-full px-1.5 py-0.5 border border-muted-foreground/50", r),
+  return /* @__PURE__ */ c(d, {
+    className: o(`group inline-flex items-center text-muted-foreground hover:text-secondary-foreground transition-colors duration-200 ease-out motion-reduce:transition-none ${N}`, e === "soft-badge" && "rounded-full px-1.5 py-0.5 bg-primary/10 text-primary", e === "outline-badge" && "rounded-full px-1.5 py-0.5 border border-muted-foreground/50", r),
     ...n,
     children: [/* @__PURE__ */ a(w, { className: "size-3.5 transition-transform duration-200 ease-out group-hover:scale-110 motion-reduce:transition-none" }), /* @__PURE__ */ a("span", {
       className: "sr-only",