@inkeep/agents-ui 0.16.0 → 0.16.1

package/dist/styled/components/message.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as e, jsxs as o, Fragment as ie } from "react/jsx-runtime";
-import { useBaseEvents as le } from "../../primitives/providers/base-events-provider.js";
-import { useInkeepConfig as de } from "../../primitives/providers/config-provider.js";
-import { useMessage as pe } from "../../primitives/providers/message-provider.js";
-import { EmbeddedChatPrimitiveMarkdown as ce, PrimitiveMessagePart as D } from "../../primitives/components/embedded-chat.js";
-import { useChat as me } from "../../primitives/components/embedded-chat/chat-provider.js";
-import { isCitationArtifact as ue } from "../../primitives/utils/misc.js";
-import { merge as he } from "merge-anything";
+import { jsxs as o, jsx as e, Fragment as le } from "react/jsx-runtime";
+import { useBaseEvents as de } from "../../primitives/providers/base-events-provider.js";
+import { useInkeepConfig as pe } from "../../primitives/providers/config-provider.js";
+import { useMessage as ce } from "../../primitives/providers/message-provider.js";
+import { EmbeddedChatPrimitiveMarkdown as me, PrimitiveMessagePart as S } from "../../primitives/components/embedded-chat.js";
+import { useChat as ue } from "../../primitives/components/embedded-chat/chat-provider.js";
+import { isCitationArtifact as he } from "../../primitives/utils/misc.js";
+import { merge as xe } from "merge-anything";
 import { cn as y } from "../utils.js";
-import { markdownStyles as xe } from "./ui/markdown-styles.js";
-import { useStreamProcessor as fe } from "../../primitives/components/embedded-chat/use-stream-processor.js";
-import { DataSummaryGroup as ge } from "./data-summary-group.js";
-import { useState as L, useRef as A, useEffect as $, useMemo as E, useCallback as P } from "react";
-import { DynamicComponent as M, MessageLoading as ye } from "./embedded-chat.js";
-import { Hammer as be, ChevronDown as X, Check as F, X as we, Library as ke, ComponentIcon as Ne, XCircle as ve, TriangleAlert as Ce, CheckCircle as K, Clock as Se, Loader2 as De, Circle as Te } from "lucide-react";
-import { button as W } from "./ui/recipes/button.js";
-const Ae = {
+import { markdownStyles as fe } from "./ui/markdown-styles.js";
+import { useStreamProcessor as ge } from "../../primitives/components/embedded-chat/use-stream-processor.js";
+import { DataSummaryGroup as ye } from "./data-summary-group.js";
+import { useState as L, useEffect as M, useRef as A, useMemo as E, useCallback as P } from "react";
+import { DynamicComponent as R, MessageLoading as be } from "./embedded-chat.js";
+import { Hammer as we, ChevronDown as G, Check as K, X as ke, XCircle as Ne, TriangleAlert as ve, CheckCircle as W, Clock as Ce, Loader2 as De, Circle as Se, Library as Te, ComponentIcon as Ae } from "lucide-react";
+import { button as X } from "./ui/recipes/button.js";
+const Ee = {
   "input-streaming": "Pending",
   "input-available": "Running",
   "approval-requested": "Awaiting Approval",
@@ -24,16 +24,16 @@ const Ae = {
   "output-error": "Error",
   "output-denied": "Denied"
 };
-function Ee(t) {
+function Pe(t) {
   if (!t || typeof t != "object") return !1;
   const a = t;
   return typeof a.type == "string" && a.type.startsWith("tool-");
 }
-const Pe = (t) => {
+const Le = (t) => {
   if (!t || typeof t != "object" || !("status" in t)) return;
   const a = t.status;
   return typeof a == "string" ? a : void 0;
-}, Le = () => /* @__PURE__ */ e("div", { className: "flex space-x-1", children: [0, 1, 2].map((t) => /* @__PURE__ */ e(
+}, je = () => /* @__PURE__ */ e("div", { className: "flex space-x-1", children: [0, 1, 2].map((t) => /* @__PURE__ */ e(
   "span",
   {
     className: "animate-bounce-dot opacity-30",
@@ -43,7 +43,7 @@ const Pe = (t) => {
     children: "."
   },
   t
-)) }), G = ({ name: t, Icon: a, props: i, componentType: s }) => /* @__PURE__ */ o("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
+)) }), H = ({ name: t, Icon: a, props: i, componentType: s }) => /* @__PURE__ */ o("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
   /* @__PURE__ */ o("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
     /* @__PURE__ */ o("div", { className: "font-medium flex items-center gap-2", children: [
       /* @__PURE__ */ e(a, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
@@ -51,8 +51,8 @@ const Pe = (t) => {
     ] }),
     /* @__PURE__ */ e("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: s })
   ] }),
-  /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2", children: JSON.stringify(i, null, 2) })
-] }), je = ({ name: t, props: a }) => /* @__PURE__ */ e(G, { name: t, Icon: Ne, props: a, componentType: "component" }), Ie = ({ name: t, props: a }) => /* @__PURE__ */ e(G, { name: t, Icon: ke, props: a, componentType: "artifact" }), _e = ({
+  /* @__PURE__ */ e("div", { className: "px-4 py-2", children: /* @__PURE__ */ e(Y, { value: i }) })
+] }), Ie = ({ name: t, props: a }) => /* @__PURE__ */ e(H, { name: t, Icon: Ae, props: a, componentType: "component" }), _e = ({ name: t, props: a }) => /* @__PURE__ */ e(H, { name: t, Icon: Te, props: a, componentType: "artifact" }), $e = ({
   tool: t,
   componentDef: a,
   renderText: i,
@@ -75,9 +75,9 @@ const Pe = (t) => {
     },
     [s, u, f]
   ), v = E(() => ({ tool: t, approve: h, renderMarkdown: i }), [t]);
-  return /* @__PURE__ */ e(a ? M : Me, { name: t.type, props: v, componentDef: a });
+  return /* @__PURE__ */ e(a ? R : Me, { name: t.type, props: v, componentDef: a });
 };
-function H(t) {
+function J(t) {
   return t === null ? /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-white-alpha-500 font-mono font-medium text-1xs", children: "null" }) : t === void 0 ? /* @__PURE__ */ e("span", { className: "text-gray-400 dark:text-white-alpha-400 italic text-xs font-medium", children: "undefined" }) : typeof t == "boolean" ? /* @__PURE__ */ e(
     "span",
     {
@@ -89,7 +89,7 @@ function H(t) {
     }
   ) : typeof t == "number" ? /* @__PURE__ */ e("span", { className: "tabular-nums font-medium text-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200", children: t.toLocaleString() }) : typeof t == "string" ? /* @__PURE__ */ e("span", { className: "text-gray-800 dark:text-white-alpha-800 break-words", children: t }) : /* @__PURE__ */ e("span", { children: String(t) });
 }
-const J = ({
+const Q = ({
   name: t,
   value: a,
   isArrayIndex: i,
@@ -108,7 +108,7 @@ const J = ({
           children: i ? "—" : t
         }
       ),
-      /* @__PURE__ */ e("span", { className: "min-w-0", children: H(a) })
+      /* @__PURE__ */ e("span", { className: "min-w-0", children: J(a) })
     ] });
   const l = d ? a.map((p, h) => [String(h), p]) : Object.entries(a);
   return l.length === 0 ? /* @__PURE__ */ o("div", { className: "flex items-baseline gap-2 py-1 text-xs", children: [
@@ -125,7 +125,7 @@ const J = ({
         className: "flex items-center gap-1.5 py-1 text-xs hover:bg-gray-50 dark:hover:bg-white-alpha-50 -mx-1.5 px-1.5 rounded transition-colors w-full text-left",
         children: [
           /* @__PURE__ */ e(
-            X,
+            G,
             {
               className: y(
                 "h-3.5 w-3.5 text-gray-400 dark:text-white-alpha-400 shrink-0 transition-transform",
@@ -138,16 +138,16 @@ const J = ({
         ]
       }
     ),
-    u && /* @__PURE__ */ e("div", { className: "border-l-2 border-gray-200 dark:border-white-alpha-200 ml-1.5 pl-3", children: l.map(([p, h]) => /* @__PURE__ */ e(J, { name: p, value: h, isArrayIndex: d, depth: s + 1 }, p)) })
+    u && /* @__PURE__ */ e("div", { className: "border-l-2 border-gray-200 dark:border-white-alpha-200 ml-1.5 pl-3", children: l.map(([p, h]) => /* @__PURE__ */ e(Q, { name: p, value: h, isArrayIndex: d, depth: s + 1 }, p)) })
   ] });
-}, $e = ({ value: t }) => {
+}, Y = ({ value: t }) => {
   if (t == null || typeof t != "object")
-    return /* @__PURE__ */ e("span", { className: "text-xs", children: H(t) });
+    return /* @__PURE__ */ e("span", { className: "text-xs", children: J(t) });
   const a = Array.isArray(t) ? t.map((i, s) => [String(s), i]) : Object.entries(t);
-  return a.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400 dark:text-white-alpha-400 italic", children: "No arguments" }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: a.map(([i, s]) => /* @__PURE__ */ e(J, { name: i, value: s, isArrayIndex: Array.isArray(t) }, i)) });
+  return a.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400 dark:text-white-alpha-400 italic", children: "No arguments" }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: a.map(([i, s]) => /* @__PURE__ */ e(Q, { name: i, value: s, isArrayIndex: Array.isArray(t) }, i)) });
 }, Me = ({ props: t }) => {
-  const { tool: a, approve: i } = t, s = a.type, u = s.startsWith("tool-") ? s.slice(5) : s, n = a.state, c = a.approval?.id, d = !!c, f = n === "approval-requested", l = Pe(a.output), [m, p] = L(d), h = n ? Ae[n] ?? n : "tool";
-  return $(() => {
+  const { tool: a, approve: i } = t, s = a.type, u = s.startsWith("tool-") ? s.slice(5) : s, n = a.state, c = a.approval?.id, d = !!c, f = n === "approval-requested", l = Le(a.output), [m, p] = L(d), h = n ? Ee[n] ?? n : "tool";
+  return M(() => {
     f && p(!0);
   }, [f]), /* @__PURE__ */ o("div", { className: "border rounded-lg mb-3 overflow-hidden", children: [
     /* @__PURE__ */ o(
@@ -160,7 +160,7 @@ const J = ({
         "data-expanded": m,
         children: [
           /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ o("div", { className: "font-medium flex items-center gap-2", children: [
-            /* @__PURE__ */ e(be, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+            /* @__PURE__ */ e(we, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
             /* @__PURE__ */ e("span", { children: u })
           ] }) }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
@@ -168,26 +168,26 @@ const J = ({
               (() => {
                 switch (n) {
                   case "input-streaming":
-                    return /* @__PURE__ */ e(Te, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(Se, { className: "w-3 h-3" });
                   case "input-available":
                     return /* @__PURE__ */ e(De, { className: "w-3 h-3 animate-spin" });
                   case "approval-requested":
-                    return /* @__PURE__ */ e(Se, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(Ce, { className: "w-3 h-3" });
                   case "approval-responded":
-                    return /* @__PURE__ */ e(K, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(W, { className: "w-3 h-3" });
                   case "output-available":
-                    return /* @__PURE__ */ e(K, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ e(W, { className: "w-3 h-3" });
                   case "output-error":
-                    return /* @__PURE__ */ e(Ce, { className: "w-3 h-3" });
-                  case "output-denied":
                     return /* @__PURE__ */ e(ve, { className: "w-3 h-3" });
+                  case "output-denied":
+                    return /* @__PURE__ */ e(Ne, { className: "w-3 h-3" });
                   default:
                     return null;
                 }
               })(),
               h
             ] }),
-            /* @__PURE__ */ e(X, { className: "w-3.5 h-3.5 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180" })
+            /* @__PURE__ */ e(G, { className: "w-3.5 h-3.5 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180" })
           ] })
         ]
       }
@@ -220,7 +220,7 @@ const J = ({
                     "[scrollbar-width:thin] px-4",
                     "data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"
                   ),
-                  children: a.input != null && /* @__PURE__ */ e("div", { className: "text-xs py-2", children: /* @__PURE__ */ e($e, { value: a.input }) })
+                  children: a.input != null && /* @__PURE__ */ e("div", { className: "text-xs py-2", children: /* @__PURE__ */ e(Y, { value: a.input }) })
                 }
               )
             }
@@ -231,7 +231,7 @@ const J = ({
               {
                 type: "button",
                 className: y(
-                  W({ size: "xs", variant: "outline" }),
+                  X({ size: "xs", variant: "outline" }),
                   "px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"
                 ),
                 onClick: () => i(!1),
@@ -243,23 +243,23 @@ const J = ({
               {
                 type: "button",
                 className: y(
-                  W({ size: "xs", variant: "primaryFilled" }),
+                  X({ size: "xs", variant: "primaryFilled" }),
                   "px-2 py-1 rounded-md text-xs gap-1"
                 ),
                 onClick: () => i(!0),
                 children: [
-                  /* @__PURE__ */ e(F, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ e(K, { className: "w-3 h-3" }),
                   "Approve"
                 ]
               }
             )
           ] }),
           n === "output-available" && l && a.output != null && /* @__PURE__ */ o("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize pb-3 px-4", children: [
-            l === "approved" && /* @__PURE__ */ e(F, { className: "w-3 h-3" }),
+            l === "approved" && /* @__PURE__ */ e(K, { className: "w-3 h-3" }),
             l
           ] }),
           n === "output-denied" && /* @__PURE__ */ o("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize pb-3 px-4", children: [
-            /* @__PURE__ */ e(we, { className: "w-3 h-3" }),
+            /* @__PURE__ */ e(ke, { className: "w-3 h-3" }),
             h
           ] })
         ]
@@ -273,26 +273,26 @@ const J = ({
   isLast: s,
   ...u
 }) => {
-  const { message: n } = pe(), { logEvent: c } = le(), { conversationId: d, isStreaming: f, isLoading: l, setError: m, addToolApprovalResponse: p, sendMessage: h } = me(), {
-    aiChatSettings: { components: v, artifacts: R, headers: j }
-  } = de(), Q = j?.["x-emit-operations"] === "true", O = n.role === "user", Y = (f || l) && s && n.role === "assistant", { processedParts: Z, summaryTimings: ee, shouldShowInitialLoading: te, shouldShowStreamDelayLoading: ae } = fe(n.parts, Y, m), [C, z] = L(null), [re, I] = L(!1), g = A(null);
-  $(() => {
+  const { message: n } = ce(), { logEvent: c } = de(), { conversationId: d, isStreaming: f, isLoading: l, setError: m, addToolApprovalResponse: p, sendMessage: h } = ue(), {
+    aiChatSettings: { components: v, artifacts: O, headers: j }
+  } = pe(), Z = j?.["x-emit-operations"] === "true", z = n.role === "user", I = (f || l) && s && n.role === "assistant", { processedParts: ee, summaryTimings: te, shouldShowInitialLoading: ae, shouldShowStreamDelayLoading: re } = ge(n.parts, I, m), [C, q] = L(null), [ne, _] = L(!1), g = A(null);
+  M(() => {
     if (!C) {
-      I(!1), g.current && (clearTimeout(g.current), g.current = null);
+      _(!1), g.current && (clearTimeout(g.current), g.current = null);
       return;
     }
-    return I(!1), g.current && clearTimeout(g.current), g.current = window.setTimeout(() => {
-      I(!0);
+    return _(!1), g.current && clearTimeout(g.current), g.current = window.setTimeout(() => {
+      _(!0);
     }, 1e3), () => {
       g.current && (clearTimeout(g.current), g.current = null);
     };
-  }, [C]), $(() => {
-    C && (!s || n.parts.length > C.partCount) && z(null);
-  }, [C, s, n.parts.length]);
-  const q = E(() => n.parts.filter(ue), [n.parts]), U = E(
-    () => he(xe, a ?? {}),
+  }, [C]), M(() => {
+    C && (!s || n.parts.length > C.partCount || !I) && q(null);
+  }, [C, s, n.parts.length, I]);
+  const U = E(() => n.parts.filter(he), [n.parts]), V = E(
+    () => xe(fe, a ?? {}),
     [a]
-  ), V = P(
+  ), B = P(
     (r, x) => {
       c({
         eventName: "assistant_message_inline_link_opened",
@@ -303,7 +303,7 @@ const J = ({
       });
     },
     [c]
-  ), B = P(
+  ), F = P(
     (r, x) => {
       c({
         eventName: "assistant_code_block_copied",
@@ -315,62 +315,62 @@ const J = ({
       });
     },
     [c, d]
-  ), _ = P(
+  ), $ = P(
     (r) => /* @__PURE__ */ e(
-      ce,
+      me,
       {
         text: r,
-        componentStyles: U,
-        onLinkClick: V,
-        onCodeCopy: B,
-        artifacts: q
+        componentStyles: V,
+        onLinkClick: B,
+        onCodeCopy: F,
+        artifacts: U
       }
     ),
-    [U, V, B, q]
-  ), ne = E(
+    [V, B, F, U]
+  ), se = E(
     () => y(
       "data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",
       t
     ),
     [t]
-  ), se = !O || n.parts.some(
+  ), oe = !z || n.parts.some(
     (r) => r.type === "text" && r.text?.trim()
   );
-  return /* @__PURE__ */ o(ie, { children: [
-    !se && /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-white-alpha-500", children: "No message content" }),
-    Z.map((r, x) => {
+  return /* @__PURE__ */ o(le, { children: [
+    !oe && /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-white-alpha-500", children: "No message content" }),
+    ee.map((r, x) => {
       const k = {
         "data-role": n.role,
         "data-type": r?.type === "data-component" ? r.data.type : r?.type,
         ...u,
-        className: ne
+        className: se
       };
       switch (r?.type) {
         case "text":
-          return /* @__PURE__ */ e(D, { ...k, children: O ? r.text : _(r.text || "") }, x);
+          return /* @__PURE__ */ e(S, { ...k, children: z ? r.text : $(r.text || "") }, x);
         case "data-component": {
           const { type: w } = r.data;
           switch (w) {
             case "text":
-              return /* @__PURE__ */ e("div", { ...k, children: _(r.data.text || "") }, x);
+              return /* @__PURE__ */ e("div", { ...k, children: $(r.data.text || "") }, x);
             default: {
-              const N = r.data, { name: b, props: T } = N, S = v?.[b];
-              return /* @__PURE__ */ e(D, { ...k, children: /* @__PURE__ */ e(S ? M : je, { name: b, props: T, componentDef: S }) }, `${b}-${x}`);
+              const N = r.data, { name: b, props: T } = N, D = v?.[b];
+              return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(D ? R : Ie, { name: b, props: T, componentDef: D }) }, `${b}-${x}`);
             }
           }
         }
         case "data-artifact": {
           const w = r.data, { name: N, type: b, artifactSummary: T } = w;
           if (b === "citation" && !T?.url) return null;
-          const S = R?.[b];
-          return /* @__PURE__ */ e(D, { ...k, children: /* @__PURE__ */ e(S ? M : Ie, { name: b, props: T, componentDef: S }) }, `${N}-${x}`);
+          const D = O?.[b];
+          return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(D ? R : _e, { name: b, props: T, componentDef: D }) }, `${N}-${x}`);
         }
         case "summary-group": {
-          const w = ee.get(r.groupKey) || {
+          const w = te.get(r.groupKey) || {
             isCompleted: !1
           };
-          return /* @__PURE__ */ e(D, { ...k, children: /* @__PURE__ */ e(
-            ge,
+          return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(
+            ye,
             {
               summaries: r.summaries || [],
               isCompleted: w.isCompleted
@@ -378,18 +378,18 @@ const J = ({
           ) }, `${r.groupKey}-${x}`);
         }
         default: {
-          if (!Ee(r))
+          if (!Pe(r))
             return null;
           const w = r, N = r.approval?.id;
-          return Q || N ? /* @__PURE__ */ e(D, { ...k, children: /* @__PURE__ */ e(
-            _e,
+          return Z || N ? /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(
+            $e,
             {
               tool: w,
               componentDef: v?.IkpTool,
-              renderText: _,
+              renderText: $,
               approvalId: N,
               messagePartsLength: n.parts.length,
-              setApprovalDelayPending: z,
+              setApprovalDelayPending: q,
               addToolApprovalResponse: p,
               sendMessage: h,
               conversationId: d
@@ -398,8 +398,8 @@ const J = ({
         }
       }
     }),
-    te && /* @__PURE__ */ e(ye, {}),
-    (ae || re) && /* @__PURE__ */ e(Le, {})
+    ae && /* @__PURE__ */ e(be, {}),
+    (re || ne) && /* @__PURE__ */ e(je, {})
   ] });
 };
 export {

package/dist/styled/components/modal.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { Modal as l, Overlay as i, Content as n, Close as r } from "../../primitives/components/modal.js";
+import { Modal as l, Close as i, Content as n, Overlay as r } from "../../primitives/components/modal.js";
 import { cn as e } from "../utils.js";
 import { button as m } from "./ui/recipes/button.js";
 import { modal as s } from "./ui/recipes/modal.js";
 const M = l, C = ({
   className: t,
   ...a
-}) => /* @__PURE__ */ o(i, { className: e(s({ slot: "overlay" }), t), ...a }), h = ({
+}) => /* @__PURE__ */ o(r, { className: e(s({ slot: "overlay" }), t), ...a }), h = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ o(
@@ -26,7 +26,7 @@ const M = l, C = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ o(
-  r,
+  i,
   {
     className: e(
       s({ slot: "close" }),

package/dist/styled/components/searchbar.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { cn as t } from "../utils.js";
-import { SearchBarContainer as c, SearchBarButton as i, SearchBarContentWrapper as o, SearchBarText as n, SearchBarIcon as h, SearchBarKbdWrapper as s, SearchBarKbdModifier as m, SearchBarKbdShortcutKey as l } from "../../primitives/components/searchbar.js";
+import { SearchBarButton as c, SearchBarContainer as i, SearchBarContentWrapper as o, SearchBarIcon as n, SearchBarKbdModifier as h, SearchBarKbdShortcutKey as s, SearchBarKbdWrapper as m, SearchBarText as l } from "../../primitives/components/searchbar.js";
 const p = ({
   className: r,
   ...a
 }) => /* @__PURE__ */ e(
-  c,
+  i,
   {
     className: t("md:min-w-[min(320px,100%)] w-full h-full min-h-9", r),
     ...a
@@ -15,7 +15,7 @@ const p = ({
   className: r,
   ...a
 }) => /* @__PURE__ */ e(
-  i,
+  c,
   {
     className: t(
       "rounded-md border px-3 min-w-0 min-h-9 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",
@@ -36,7 +36,7 @@ const p = ({
   className: r,
   ...a
 }) => /* @__PURE__ */ e(
-  n,
+  l,
   {
     className: t("text-md text-gray-500 dark:text-white-alpha-600", r),
     ...a
@@ -45,7 +45,7 @@ const p = ({
   className: r,
   ...a
 }) => /* @__PURE__ */ e(
-  h,
+  n,
   {
     className: t("text-gray-500 dark:text-white-alpha-600 text-xl", r),
     ...a
@@ -54,7 +54,7 @@ const p = ({
   className: r,
   ...a
 }) => /* @__PURE__ */ e(
-  s,
+  m,
   {
     className: t(
       "text-sm text-gray-400 dark:text-white-alpha-500 font-bold flex items-center gap-0.5",
@@ -65,10 +65,10 @@ const p = ({
 ), w = ({
   className: r,
   ...a
-}) => /* @__PURE__ */ e(m, { className: t("", r), ...a }), v = ({
+}) => /* @__PURE__ */ e(h, { className: t("", r), ...a }), v = ({
   className: r,
   ...a
-}) => /* @__PURE__ */ e(l, { className: t("", r), ...a });
+}) => /* @__PURE__ */ e(s, { className: t("", r), ...a });
 export {
   x as SearchBarButton,
   p as SearchBarContainer,

package/dist/styled/components/sidebar-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../primitives/components/sidebar-chat/index.cjs"),i=require("../utils.cjs"),o=require("./ui/recipes/button.cjs"),s=require("./ui/recipes/scrollable.cjs"),n=({className:t,...e})=>a.jsx(r.SidebarChatPrimitiveRoot,{...e,className:i.cn("w-[--width] h-full relative bg-white dark:bg-gray-dark-950","data-[position=left]:pr-1 data-[position=left]:border-r data-[position=left]:mr-1","data-[position=right]:pl-1 data-[position=right]:border-l data-[position=right]:ml-1","data-[state=open]:data-[position=left]:animate-sidebar-in-left","data-[state=open]:data-[position=right]:animate-sidebar-in-right","data-[state=closed]:data-[position=left]:animate-sidebar-out-left","data-[state=closed]:data-[position=right]:animate-sidebar-out-right",t)}),l=({className:t,...e})=>a.jsx(r.SidebarChatPrimitiveResizer,{className:i.cn("px-1 bg-transparent opacity-0 hover:opacity-100","cursor-ew-resize","absolute top-0 bottom-0 z-[1]",'[[data-position="left"]>&]:-right-1','[[data-position="right"]>&]:-left-1','after:content-[""] after:absolute after:top-0 after:bottom-0 after:w-0.5 after:bg-inkeep-primary-medium dark:after:bg-inkeep-primary-light [[data-position="right"]>&]:after:right-1 [[data-position="left"]>&]:after:left-1',"data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none","data-[state=open]:pointer-events-auto","transition-opacity duration-200",t),...e}),d=({className:t,...e})=>a.jsx(r.Header,{className:i.cn(s.scrollable({section:"header"}),"w-full flex flex-row items-center px-3 py-3","bg-white dark:bg-gray-dark-950","after:absolute","after:left-0","after:top-full","after:h-3","after:w-full","after:text-white","after:dark:text-gray-dark-950","after:bg-[linear-gradient(currentColor,_transparent)]","after:z-start",t),...e}),p=({className:t,...e})=>a.jsx(r.CloseButton,{className:i.cn(o.button({variant:"ghost",size:"xs"}),"relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",t),...e});exports.CloseButton=p;exports.Header=d;exports.Resizer=l;exports.Root=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../primitives/components/sidebar-chat/index.cjs"),i=require("../utils.cjs"),o=require("./ui/recipes/button.cjs"),s=require("./ui/recipes/scrollable.cjs"),n=({className:t,...e})=>a.jsx(r.Root,{...e,className:i.cn("w-[--width] h-full relative bg-white dark:bg-gray-dark-950","data-[position=left]:pr-1 data-[position=left]:border-r data-[position=left]:mr-1","data-[position=right]:pl-1 data-[position=right]:border-l data-[position=right]:ml-1","data-[state=open]:data-[position=left]:animate-sidebar-in-left","data-[state=open]:data-[position=right]:animate-sidebar-in-right","data-[state=closed]:data-[position=left]:animate-sidebar-out-left","data-[state=closed]:data-[position=right]:animate-sidebar-out-right",t)}),l=({className:t,...e})=>a.jsx(r.Resizer,{className:i.cn("px-1 bg-transparent opacity-0 hover:opacity-100","cursor-ew-resize","absolute top-0 bottom-0 z-[1]",'[[data-position="left"]>&]:-right-1','[[data-position="right"]>&]:-left-1','after:content-[""] after:absolute after:top-0 after:bottom-0 after:w-0.5 after:bg-inkeep-primary-medium dark:after:bg-inkeep-primary-light [[data-position="right"]>&]:after:right-1 [[data-position="left"]>&]:after:left-1',"data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none","data-[state=open]:pointer-events-auto","transition-opacity duration-200",t),...e}),d=({className:t,...e})=>a.jsx(r.Header,{className:i.cn(s.scrollable({section:"header"}),"w-full flex flex-row items-center px-3 py-3","bg-white dark:bg-gray-dark-950","after:absolute","after:left-0","after:top-full","after:h-3","after:w-full","after:text-white","after:dark:text-gray-dark-950","after:bg-[linear-gradient(currentColor,_transparent)]","after:z-start",t),...e}),p=({className:t,...e})=>a.jsx(r.CloseButton,{className:i.cn(o.button({variant:"ghost",size:"xs"}),"relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",t),...e});exports.CloseButton=p;exports.Header=d;exports.Resizer=l;exports.Root=n;

package/dist/styled/components/sidebar-chat.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { SidebarChatPrimitiveRoot as i, SidebarChatPrimitiveResizer as o, CloseButton as s, Header as n } from "../../primitives/components/sidebar-chat/index.js";
+import { CloseButton as i, Header as o, Resizer as s, Root as n } from "../../primitives/components/sidebar-chat/index.js";
 import { cn as r } from "../utils.js";
 import { button as d } from "./ui/recipes/button.js";
 import { scrollable as l } from "./ui/recipes/scrollable.js";
@@ -8,7 +8,7 @@ const g = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
-  i,
+  n,
   {
     ...a,
     className: r(
@@ -28,7 +28,7 @@ const g = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
-  o,
+  s,
   {
     className: r(
       "px-1 bg-transparent opacity-0 hover:opacity-100",
@@ -49,7 +49,7 @@ const g = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
-  n,
+  o,
   {
     className: r(
       l({ section: "header" }),
@@ -72,7 +72,7 @@ const g = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
-  s,
+  i,
   {
     className: r(
       d({ variant: "ghost", size: "xs" }),

package/dist/styled/inkeep.css.cjs

@@ -853,6 +853,10 @@ video {
   width: 0.625rem;
   height: 0.625rem;
 }
+.size-3\\.5 {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 .size-4 {
   width: 1rem;
   height: 1rem;
@@ -1908,6 +1912,10 @@ video {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-amber-500 {
+  --tw-text-opacity: 1;
+  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
+}
 .text-current {
   color: currentColor;
 }
@@ -2050,13 +2058,10 @@ video {
 }
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -3816,6 +3821,11 @@ slot {
   fill: var(--ikp-color-gray-dark-800);
 }
 
+.dark\\:text-amber-400:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
+}
+
 .dark\\:text-gray-200:is([data-theme="dark"] *) {
   color: var(--ikp-color-gray-200);
 }

package/dist/styled/inkeep.css.js

@@ -854,6 +854,10 @@ video {
   width: 0.625rem;
   height: 0.625rem;
 }
+.size-3\\.5 {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 .size-4 {
   width: 1rem;
   height: 1rem;
@@ -1909,6 +1913,10 @@ video {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-amber-500 {
+  --tw-text-opacity: 1;
+  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
+}
 .text-current {
   color: currentColor;
 }
@@ -2051,13 +2059,10 @@ video {
 }
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -3817,6 +3822,11 @@ slot {
   fill: var(--ikp-color-gray-dark-800);
 }
 
+.dark\\:text-amber-400:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
+}
+
 .dark\\:text-gray-200:is([data-theme="dark"] *) {
   color: var(--ikp-color-gray-200);
 }