@inkeep/cxkit-styled 0.5.113 → 0.5.115

package/dist/components/embedded-chat.js

@@ -1,32 +1,33 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { EmbeddedChatPrimitive as a, composeRefs as w, useResizeObserver as M } from "@inkeep/cxkit-primitives";
-import { aiChatPageWrapper as y } from "../ui/recipes/ai-chat-page-wrapper.js";
-import { attachment as l } from "../ui/recipes/attachment.js";
+import { jsx as s, Fragment as M, jsxs as N } from "react/jsx-runtime";
+import { EmbeddedChatPrimitive as a, composeRefs as y, useResizeObserver as I, useComboboxItems as B } from "@inkeep/cxkit-primitives";
+import { aiChatPageWrapper as v } from "../ui/recipes/ai-chat-page-wrapper.js";
+import { attachment as c } from "../ui/recipes/attachment.js";
 import { button as d } from "../ui/recipes/button.js";
 import { checkbox as p } from "../ui/recipes/checkbox.js";
 import { citation as m } from "../ui/recipes/citation.js";
-import { icon as N } from "../ui/recipes/icon.js";
-import { input as c } from "../ui/recipes/input.js";
-import { link as I } from "../ui/recipes/link.js";
-import { modal as o } from "../ui/recipes/modal.js";
-import { popover as b } from "../ui/recipes/popover.js";
+import { combobox as l } from "../ui/recipes/combobox.js";
+import { icon as S } from "../ui/recipes/icon.js";
+import { input as i } from "../ui/recipes/input.js";
+import { link as T } from "../ui/recipes/link.js";
+import { modal as r } from "../ui/recipes/modal.js";
+import { popover as x } from "../ui/recipes/popover.js";
 import { scrollable as g } from "../ui/recipes/scrollable.js";
-import { select as i } from "../ui/recipes/select.js";
-import { cva as B } from "class-variance-authority";
-import { merge as v } from "merge-anything";
-import { forwardRef as u, useRef as S } from "react";
-import { cn as r } from "../utils.js";
-import { markdownStyles as T } from "../ui/markdown-styles.js";
-import { LoadingIndicator as H } from "./loading-indicator.js";
-import { ConversationLoading as L } from "./embedded-chat/conversation-loading.js";
-const ae = a.Provider, se = u(
-  ({ className: e, size: t, variant: n, ...x }, h) => /* @__PURE__ */ s(
+import { select as h } from "../ui/recipes/select.js";
+import { cva as H } from "class-variance-authority";
+import { merge as L } from "merge-anything";
+import { forwardRef as u, useRef as D } from "react";
+import { cn as o } from "../utils.js";
+import { markdownStyles as W } from "../ui/markdown-styles.js";
+import { LoadingIndicator as P } from "./loading-indicator.js";
+import { ConversationLoading as z } from "./embedded-chat/conversation-loading.js";
+const ce = a.Provider, ie = u(
+  ({ className: e, size: t, variant: n, ...C }, b) => /* @__PURE__ */ s(
     a.Wrapper,
     {
-      ref: h,
-      className: r(
-        y({ size: t, variant: n }),
+      ref: b,
+      className: o(
+        v({ size: t, variant: n }),
         "data-[hidden]:hidden rounded-md flex",
         "bg-white dark:bg-gray-dark-950",
         "data-[composite]:w-full",
@@ -36,35 +37,35 @@ const ae = a.Provider, se = u(
         "[[data-sidebar]_&]:max-h-[unset]",
         e
       ),
-      ...x
+      ...C
     }
   )
-), re = ({
+), he = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ConversationLoading,
   {
-    className: r("flex flex-col items-center justify-center h-full gap-12 flex-1 p-8", e),
-    children: /* @__PURE__ */ s(L, {}),
+    className: o("flex flex-col items-center justify-center h-full gap-12 flex-1 p-8", e),
+    children: /* @__PURE__ */ s(z, {}),
     ...t
   }
-), oe = ({
+), be = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Root,
   {
-    className: r(g({ section: "wrapper" }), "rounded-[inherit] font-body", e),
+    className: o(g({ section: "wrapper" }), "rounded-[inherit] font-body", e),
     ...t
   }
-), de = ({
+), pe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Header,
   {
-    className: r(
+    className: o(
       g({ section: "header" }),
       "flex items-center",
       "bg-white dark:bg-gray-dark-950",
@@ -81,69 +82,69 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), ne = ({
+), xe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.HeaderToolbar,
   {
-    className: r(
+    className: o(
       "flex items-center gap-3 w-full",
       "px-5 py-2 pt-4 justify-between *:m-0",
       e
     ),
     ...t
   }
-), me = ({
+), ge = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.HeaderToolbarWrapper,
   {
-    className: r("flex items-center gap-1.5", e),
+    className: o("flex items-center gap-1.5", e),
     ...t
   }
-), le = ({
+), ue = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ToolbarHeader,
   {
-    className: r("text-gray-600 dark:text-gray-dark-100 text-sm", e),
+    className: o("text-gray-600 dark:text-gray-dark-100 text-sm", e),
     ...t
   }
-), ce = ({
+), Ce = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Content,
   {
-    className: r(g({ section: "content" }), "justify-end", e),
+    className: o(g({ section: "content" }), "justify-end", e),
     ...t
   }
-), ie = ({
+), Fe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ContentScrollArea,
   {
-    className: r("overflow-hidden", e),
+    className: o("overflow-hidden", e),
     ...t
   }
-), he = u(({ className: e, ...t }, n) => /* @__PURE__ */ s(
+), fe = u(({ className: e, ...t }, n) => /* @__PURE__ */ s(
   a.ContentScrollAreaViewport,
   {
     ref: n,
-    className: r("h-full w-full rounded-[inherit]", e),
+    className: o("h-full w-full rounded-[inherit]", e),
     ...t
   }
-)), pe = ({
+)), Ae = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ContentScrollAreaScrollbar,
   {
-    className: r(
+    className: o(
       "flex select-none touch-none p-0.5",
       "transition-colors duration-[160ms] ease-in-out",
       "w-2.5 border-l border-l-transparent",
@@ -151,114 +152,114 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), be = ({
+), ke = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ContentScrollAreaThumb,
   {
-    className: r("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
+    className: o("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
     ...t
   }
-), ge = a.ContentScrollAreaCorner, ue = ({
+), Ee = a.ContentScrollAreaCorner, we = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Disclaimer,
   {
-    className: r("ml-auto text-sm flex items-center gap-1", e),
+    className: o("ml-auto text-sm flex items-center gap-1", e),
     ...t
   }
-), xe = ({
+), Me = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.DisclaimerLabel,
   {
-    className: r("text-gray-700 dark:text-gray-dark-100", e),
+    className: o("text-gray-700 dark:text-gray-dark-100", e),
     ...t
   }
-), fe = ({
+), Ne = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.DisclaimerTrigger,
   {
-    className: r(
+    className: o(
       "cursor-pointer text-gray-700 dark:text-gray-dark-100",
       "focus-visible:ring-gray-500 dark:focus-visible:ring-white-alpha-900 focus-visible:ring-2 focus:outline-none",
       e
     ),
     ...t
   }
-), Ce = ({
+), ye = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.DisclaimerContent,
   {
-    className: r(
-      b({ slot: "content" }),
+    className: o(
+      x({ slot: "content" }),
       "px-4 py-2 font-normal",
       "w-[250px] sm:w-[420px]",
       e
     ),
     ...t
   }
-), Fe = a.DisclaimerText, Ae = ({
+), Ie = a.DisclaimerText, Be = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.DisclaimerArrow,
   {
-    className: r(b({ slot: "arrow" }), e),
+    className: o(x({ slot: "arrow" }), e),
     ...t
   }
-), ke = ({
+), ve = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ExampleQuestions,
   {
-    className: r("mt-4 flex flex-col gap-2", e),
+    className: o("mt-4 flex flex-col gap-2", e),
     ...t
   }
-), Ee = ({
+), Se = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ExampleQuestionsLabel,
   {
-    className: r(
+    className: o(
       "text-2xs uppercase font-semibold tracking-widest",
       "text-gray-600 dark:text-white-alpha-500",
       e
     ),
     ...t
   }
-), we = ({
+), Te = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ExampleQuestionsList,
   {
-    className: r("flex flex-col", "ikp-md:flex-row", "flex-wrap gap-2", e),
+    className: o("flex flex-col", "ikp-md:flex-row", "flex-wrap gap-2", e),
     ...t
   }
-), Me = u(({ className: e, style: t, ...n }, x) => {
-  const h = S(null), F = w(x, h), { width: A = 0, height: k = 0 } = M({
-    ref: h,
+), He = u(({ className: e, style: t, ...n }, C) => {
+  const b = D(null), A = y(C, b), { width: k = 0, height: E = 0 } = I({
+    ref: b,
     box: "border-box"
-  }), E = Math.max(k, A);
+  }), w = Math.max(E, k);
   return /* @__PURE__ */ s(
     a.ExampleQuestion,
     {
-      ref: F,
+      ref: A,
       style: {
-        "--before-size": `${E + 100}px`,
+        "--before-size": `${w + 100}px`,
         ...t
       },
-      className: r(
+      className: o(
         "flex items-center justify-center relative z-base",
         "min-h-9 rounded-md overflow-hidden",
         "before:absolute before:z-hide",
@@ -277,13 +278,13 @@ const ae = a.Provider, se = u(
       ...n
     }
   );
-}), ye = ({
+}), Le = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ExampleQuestionButton,
   {
-    className: r(
+    className: o(
       d({ size: "sm" }),
       "text-sm font-normal h-auto w-full py-2 z-start",
       "whitespace-normal text-center leading-[unset]",
@@ -296,44 +297,44 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Ne = ({
+), De = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Workflows,
   {
-    className: r("mt-4 flex flex-col gap-2", e),
+    className: o("mt-4 flex flex-col gap-2", e),
     ...t
   }
-), Ie = ({
+), We = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.WorkflowsLabel,
   {
-    className: r(
+    className: o(
       "text-2xs uppercase font-semibold tracking-widest",
       "text-gray-600 dark:text-white-alpha-500",
       e
     ),
     ...t
   }
-), Be = ({
+), Pe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.WorkflowsList,
   {
-    className: r("flex flex-wrap gap-2", e),
+    className: o("flex flex-wrap gap-2", e),
     ...t
   }
-), ve = ({
+), ze = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Workflow,
   {
-    className: r(
+    className: o(
       d({ size: "sm" }),
       "min-h-9 px-3 py-2 h-auto font-medium",
       "text-sm gap-2 whitespace-normal border ",
@@ -346,16 +347,16 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Se = ({
+), _e = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Messages,
   {
-    className: r("flex flex-col w-full min-w-0 min-h-0 text-2sm relative", e),
+    className: o("flex flex-col w-full min-w-0 min-h-0 text-2sm relative", e),
     ...t
   }
-), C = B([
+), f = H([
   "flex relative w-full overflow-hidden py-8",
   "px-5",
   "flex-col ikp-md:flex-row",
@@ -366,25 +367,25 @@ const ae = a.Provider, se = u(
   "[&:not(:last-child)]:after:bottom-0",
   "[&:not(:last-child)]:after:inset-x-6",
   "ikp-md:[&:not(:last-child)]:after:inset-x-8"
-]), Te = ({
+]), je = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.MessageWrapper, { className: r(C(), e), ...t }), He = ({
+}) => /* @__PURE__ */ s(a.MessageWrapper, { className: o(f(), e), ...t }), Qe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.IntroMessageWrapper,
   {
-    className: r(C(), e),
+    className: o(f(), e),
     ...t
   }
-), Le = ({
+), Oe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageHeader,
   {
-    className: r(
+    className: o(
       "flex justify-start overflow-hidden shrink-0 select-none",
       "flex-row ikp-md:flex-col",
       "items-center ikp-md:items-start",
@@ -395,32 +396,32 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), De = ({
+), Ve = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageLoading,
   {
-    className: r("flex items-center gap-3 h-12 w-full", e),
-    children: /* @__PURE__ */ s(H, {}),
+    className: o("flex items-center gap-3 h-12 w-full", e),
+    children: /* @__PURE__ */ s(P, {}),
     ...t
   }
-), We = ({
+), Re = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAvatar,
   {
-    className: r("flex items-center justify-center rounded-full", "h-auto ikp-md:h-12", e),
+    className: o("flex items-center justify-center rounded-full", "h-auto ikp-md:h-12", e),
     ...t
   }
-), ze = ({
+), qe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAvatarContent,
   {
-    className: r(
+    className: o(
       "relative flex h-8 w-8 shrink-0 overflow-hidden",
       "data-[username]:bg-inkeep-primary-lighter",
       "dark:data-[username]:bg-inkeep-expanded-primary-300",
@@ -431,22 +432,22 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Pe = ({
+), Ge = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAvatarFallback,
   {
-    className: r("hidden data-[role=user]:block", e),
+    className: o("hidden data-[role=user]:block", e),
     ...t
   }
-), _e = ({
+), $e = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAvatarImage,
   {
-    className: r(
+    className: o(
       "data-[type=icon]:data-[role=user]:text-inkeep-primary-medium",
       "dark:data-[type=icon]:data-[role=user]:text-inkeep-expanded-primary-300",
       "data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.300)]",
@@ -457,13 +458,13 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), je = ({
+), Je = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageName,
   {
-    className: r(
+    className: o(
       "px-3 py-1 ml-4 data-[role=user]:ml-0",
       "text-sm rounded-full",
       "bg-inkeep-primary-lighter data-[role=user]:bg-gray-50",
@@ -475,13 +476,13 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Qe = ({
+), Ke = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageContentWrapper,
   {
-    className: r(
+    className: o(
       "overflow-hidden flex flex-col",
       "justify-start grow-2 w-full",
       "data-[role=user]:justify-end",
@@ -492,160 +493,160 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Oe = ({
+), Ue = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageContent,
   {
-    className: r("text-2sm flex-wrap break-words min-w-0 shrink-1 max-w-full", e),
+    className: o("text-2sm flex-wrap break-words min-w-0 shrink-1 max-w-full", e),
     ...t
   }
-), Ve = a.MessageAttachments, Re = ({
+), Xe = a.MessageAttachments, Ye = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsList,
   {
-    className: r("flex flex-wrap gap-2", e),
+    className: o("flex flex-wrap gap-2", e),
     ...t
   }
-), qe = ({
+), Ze = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsItem,
   {
-    className: r(
+    className: o(
       d({ variant: "ghost" }),
-      l({ slot: "root" }),
+      c({ slot: "root" }),
       "font-normal px-2",
       e
     ),
     ...t
   }
-), Ge = ({
+), et = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsItemIcon,
   {
-    className: r(l({ slot: "icon" }), e),
+    className: o(c({ slot: "icon" }), e),
     ...t
   }
-), $e = ({
+), tt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsItemTitle,
   {
-    className: r(l({ slot: "title" }), e),
+    className: o(c({ slot: "title" }), e),
     ...t
   }
-), Je = a.MessageAttachmentsPreview, Ke = ({
+), at = a.MessageAttachmentsPreview, st = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsPreviewOverlay,
   {
-    className: r(o({ slot: "overlay" }), e),
+    className: o(r({ slot: "overlay" }), e),
     ...t
   }
-), Ue = ({
+), ot = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsPreviewContent,
   {
-    className: r(
-      o({ slot: "content" }),
+    className: o(
+      r({ slot: "content" }),
       "my-6 md:my-12 top-0 left-[unset] transform-none relative",
       "p-8 md:p-10 max-w-2xl",
       e
     ),
     ...t
   }
-), Xe = ({
+), rt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsPreviewHeader,
   {
-    className: r(
-      o({ slot: "header" }),
+    className: o(
+      r({ slot: "header" }),
       "px-0 pt-0 pb-8 flex flex-col gap-6",
       "font-semibold",
       e
     ),
     ...t
   }
-), Ye = ({
+), dt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsPreviewClose,
   {
-    className: r(o({ slot: "close" }), e),
+    className: o(r({ slot: "close" }), e),
     ...t
   }
-), Ze = ({
+), nt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAttachmentsPreviewBody,
   {
-    className: r(o({ slot: "body" }), "p-0", e),
+    className: o(r({ slot: "body" }), "p-0", e),
     ...t
   }
-), et = ({
+), mt = ({
   className: e,
   componentStyles: t,
   ...n
 }) => /* @__PURE__ */ s(
   a.Message,
   {
-    className: r("data-[role=user]:whitespace-pre-wrap mb-3 max-w-full", e),
-    componentStyles: v(T, t ?? {}),
+    className: o("data-[role=user]:whitespace-pre-wrap mb-3 max-w-full", e),
+    componentStyles: L(W, t ?? {}),
     ...n
   }
-), tt = ({
+), lt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageToolbar,
   {
-    className: r("flex items-center mt-2 mb-3", e),
+    className: o("flex items-center mt-2 mb-3", e),
     ...t
   }
-), at = ({
+), ct = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageToolActions,
   {
-    className: r("mr-auto flex items-center gap-2", e),
+    className: o("mr-auto flex items-center gap-2", e),
     ...t
   }
-), st = ({
+), it = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageToolAction,
   {
-    className: r(
+    className: o(
       d({ size: "xs", variant: "outline" }),
       "text-xs h-[30px] text-gray-700 dark:text-gray-200 gap-1",
       e
     ),
     ...t
   }
-), rt = ({
+), ht = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageAction,
   {
-    className: r(
+    className: o(
       d({ variant: "iconButton", size: "sm" }),
       "data-[upvoted]:text-inkeep-primary-medium",
       "data-[downvoted]:text-inkeep-primary-medium",
@@ -656,115 +657,115 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), ot = a.MessageSources, dt = ({
+), bt = a.MessageSources, pt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourcesHeader,
   {
-    className: r(
+    className: o(
       "block text-xs font-medium my-2 text-gray-700 dark:text-gray-dark-300",
       e
     ),
     ...t
   }
-), nt = ({
+), xt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourcesList,
   {
-    className: r("w-full relative flex flex-col gap-3 py-px", e),
+    className: o("w-full relative flex flex-col gap-3 py-px", e),
     ...t
   }
-), mt = ({
+), gt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItem,
   {
-    className: r(m({ slot: "root" }), e),
+    className: o(m({ slot: "root" }), e),
     ...t
   }
-), lt = ({
+), ut = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemBreadcrumbs,
   {
-    className: r(m({ slot: "breadcrumbs" }), e),
+    className: o(m({ slot: "breadcrumbs" }), e),
     ...t
   }
-), ct = ({
+), Ct = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemBreadcrumbIcon,
   {
-    className: r(m({ slot: "breadcrumbsIcon" }), e),
+    className: o(m({ slot: "breadcrumbsIcon" }), e),
     ...t
   }
-), it = ({
+), Ft = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemIcon,
   {
-    className: r(m({ slot: "icon" }), e),
+    className: o(m({ slot: "icon" }), e),
     ...t
   }
-), ht = ({
+), ft = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemTitle,
   {
-    className: r(m({ slot: "title" }), e),
+    className: o(m({ slot: "title" }), e),
     ...t
   }
-), pt = ({
+), At = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemTag,
   {
-    className: r(m({ slot: "tag" }), e),
+    className: o(m({ slot: "tag" }), e),
     ...t
   }
-), bt = ({
+), kt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemDescription,
   {
-    className: r(m({ slot: "description" }), e),
+    className: o(m({ slot: "description" }), e),
     ...t
   }
-), gt = ({
+), Et = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemDescriptionPart,
   {
-    className: r(m({ slot: "descriptionPart" }), e),
+    className: o(m({ slot: "descriptionPart" }), e),
     ...t
   }
-), ut = ({
+), wt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.MessageSourceItemIndicator,
   {
-    className: r(m({ slot: "indicator" }), e),
+    className: o(m({ slot: "indicator" }), e),
     ...t
   }
-), xt = ({
+), Mt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Footer,
   {
-    className: r(
+    className: o(
       "bg-white dark:bg-gray-dark-950 pt-6 pb-4",
       "px-5 relative",
       "before:absolute before:block before:top-0 before:left-0",
@@ -775,13 +776,13 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), ft = ({
+), Nt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.InputFieldset,
   {
-    className: r(
+    className: o(
       "relative flex flex-col w-full p-2",
       "rounded-lg items-stretch shadow-md dark:shadow-none",
       "bg-gray-50 dark:bg-white-alpha-50",
@@ -789,14 +790,14 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Ct = ({
+), yt = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.InputGroup, { className: r("flex", e), ...t }), Ft = u(({ className: e, ...t }, n) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(a.InputGroup, { className: o("flex", e), ...t }), It = u(({ className: e, ...t }, n) => /* @__PURE__ */ s(
   a.Input,
   {
     ref: n,
-    className: r(
+    className: o(
       "min-h-[unset] overflow-hidden w-full resize-none",
       "placeholder:text-gray-500 dark:placeholder:text-gray-dark-200",
       "border-none outline-none shadow-none bg-transparent",
@@ -805,13 +806,13 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-)), At = ({
+)), Bt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.SendButton,
   {
-    className: r(
+    className: o(
       d({}),
       "bg-transparent relative size-10 rounded-lg transition-all ease-linear",
       "text-inkeep-primary-medium dark:text-inkeep-expanded-primary-500",
@@ -824,98 +825,98 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), kt = ({
+), vt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.SendButtonIcon,
   {
-    className: r(N(), "text-inherit rotate-[-30deg]", e),
+    className: o(S(), "text-inherit rotate-[-30deg]", e),
     ...t
   }
-), Et = ({
+), St = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBar,
   {
-    className: r(
+    className: o(
       "flex items-center justify-between",
       "flex-wrap gap-2 px-1 pt-2 pb-1",
       e
     ),
     ...t
   }
-), wt = ({
+), Tt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarList,
   {
-    className: r("flex items-center gap-2 flex-wrap px-3 min-w-0", e),
+    className: o("flex items-center gap-2 flex-wrap px-3 min-w-0", e),
     ...t
   }
-), Mt = ({
+), Ht = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarAttachment,
   {
-    className: r(l({ slot: "root" }), e),
+    className: o(c({ slot: "root" }), e),
     ...t
   }
-), yt = ({
+), Lt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarAttachmentIcon,
   {
-    className: r(l({ slot: "icon" }), e),
+    className: o(c({ slot: "icon" }), e),
     ...t
   }
-), Nt = ({
+), Dt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarAttachmentTitle,
   {
-    className: r(l({ slot: "title" }), e),
+    className: o(c({ slot: "title" }), e),
     ...t
   }
-), It = ({
+), Wt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarAttachmentDelete,
   {
-    className: r(l({ slot: "delete" }), e),
+    className: o(c({ slot: "delete" }), e),
     ...t
   }
-), Bt = ({
+), Pt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarActions,
   {
-    className: r("flex items-center justify-between", "gap-2 flex-wrap px-3", e),
+    className: o("flex items-center justify-between", "gap-2 flex-wrap px-3", e),
     ...t
   }
-), vt = a.AttachmentsBarInfoTip, St = ({
+), zt = a.AttachmentsBarInfoTip, _t = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarInfoTipIcon,
   {
-    className: r("cursor-pointer text-sm text-gray-600", "dark:text-white-alpha-600", e),
+    className: o("cursor-pointer text-sm text-gray-600", "dark:text-white-alpha-600", e),
     ...t
   }
-), Tt = ({
+), jt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarInfoTipText,
   {
-    className: r(
+    className: o(
       "bg-white text-gray-800 fill-white",
       "dark:bg-gray-dark-800 dark:text-white-alpha-950 dark:fill-gray-dark-800",
       "shadow-[0_8px_30px_rgba(0,0,0,0.12)] z-dropdown",
@@ -924,128 +925,128 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Ht = a.AttachmentsBarInfoTipArrow, Lt = ({
+), Qt = a.AttachmentsBarInfoTipArrow, Ot = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.AttachmentsBarInputs, { className: r("contents", e), ...t }), Dt = ({
+}) => /* @__PURE__ */ s(a.AttachmentsBarInputs, { className: o("contents", e), ...t }), Vt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarInput,
   {
-    className: r(
+    className: o(
       d({ variant: "outline", size: "xs" }),
       "light:text-gray-700 gap-1",
       e
     ),
     ...t
   }
-), Wt = a.AttachmentsBarModal, zt = ({
+), Rt = a.AttachmentsBarModal, qt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarModalOverlay,
   {
-    className: r(o({ slot: "overlay" }), e),
+    className: o(r({ slot: "overlay" }), e),
     ...t
   }
-), Pt = ({
+), Gt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarModalContent,
   {
-    className: r(
-      o({ slot: "content" }),
+    className: o(
+      r({ slot: "content" }),
       "my-6 md:my-12 top-0 left-[unset] transform-none relative",
       "p-8 md:p-10 max-w-2xl",
       e
     ),
     ...t
   }
-), _t = ({
+), $t = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarModalHeader,
   {
-    className: r(o({ slot: "header" }), "px-0 pt-0 pb-8 gap-y-2", "font-semibold", e),
+    className: o(r({ slot: "header" }), "px-0 pt-0 pb-8 gap-y-2", "font-semibold", e),
     ...t
   }
-), jt = ({
+), Jt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarModalHeading,
   {
-    className: r("w-full semibold", e),
+    className: o("w-full semibold", e),
     ...t
   }
-), Qt = ({
+), Kt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarModalDescription,
   {
-    className: r(
+    className: o(
       "text-gray-700 dark:text-white-alpha-700",
       "text-sm font-normal w-full",
       e
     ),
     ...t
   }
-), Ot = a.AttachmentsBarModalHelp, Vt = ({
+), Ut = a.AttachmentsBarModalHelp, Xt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarModalClose,
   {
-    className: r(o({ slot: "close" }), e),
+    className: o(r({ slot: "close" }), e),
     ...t
   }
-), Rt = ({
+), Yt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarModalBody,
   {
-    className: r(o({ slot: "body" }), "p-0", e),
+    className: o(r({ slot: "body" }), "p-0", e),
     ...t
   }
-), qt = ({
+), Zt = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarForm,
   {
-    className: r("flex flex-col gap-8", e),
+    className: o("flex flex-col gap-8", e),
     ...t
   }
-), Gt = ({
+), ea = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormTitle,
   {
-    className: r("flex flex-col gap-2", e),
+    className: o("flex flex-col gap-2", e),
     ...t
   }
-), $t = ({
+), ta = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormTitleLabel,
   {
-    className: r("text-sm font-medium text-gray-700 dark:text-white-alpha-700", e),
+    className: o("text-sm font-medium text-gray-700 dark:text-white-alpha-700", e),
     ...t
   }
-), Jt = ({
+), aa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormTitleInput,
   {
-    className: r(
+    className: o(
       "h-10 px-4 rounded-md border",
       "focus:outline-none focus:[--shadow-color:theme(colors.blue.500)]",
       "data-[invalid]:[--shadow-color:theme(colors.red.500)]",
@@ -1054,135 +1055,135 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Kt = ({
+), sa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormTitleError,
   {
-    className: r("text-sm text-red-500", e),
+    className: o("text-sm text-red-500", e),
     ...t
   }
-), Ut = ({
+), oa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormContent,
   {
-    className: r("flex flex-col gap-2", e),
+    className: o("flex flex-col gap-2", e),
     ...t
   }
-), Xt = ({
+), ra = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormContentLabel,
   {
-    className: r("text-sm font-medium text-gray-700 dark:text-white-alpha-700", e),
+    className: o("text-sm font-medium text-gray-700 dark:text-white-alpha-700", e),
     ...t
   }
-), Yt = ({
+), da = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormContentInput,
   {
-    className: r(c({ size: "md", variant: "outline" }), "min-h-20 px-4 py-2", e),
+    className: o(i({ size: "md", variant: "outline" }), "min-h-20 px-4 py-2", e),
     ...t
   }
-), Zt = ({
+), na = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormContentError,
   {
-    className: r("text-sm text-red-500", e),
+    className: o("text-sm text-red-500", e),
     ...t
   }
-), ea = ({
+), ma = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AttachmentsBarFormSubmitButton,
   {
-    className: r(d({ preset: "primaryFilled" }), "ml-auto", e),
+    className: o(d({ preset: "primaryFilled" }), "ml-auto", e),
     ...t
   }
-), ta = ({
+), la = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ActionBar,
   {
-    className: r("mt-4 flex items-start justify-between flex-wrap-reverse gap-2.5", e),
+    className: o("mt-4 flex items-start justify-between flex-wrap-reverse gap-2.5", e),
     ...t
   }
-), aa = ({
+), ca = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Actions,
   {
-    className: r("flex items-center gap-2.5 flex-wrap", e),
+    className: o("flex items-center gap-2.5 flex-wrap", e),
     ...t
   }
-), sa = ({
+), ia = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.TaglineContainer,
   {
-    className: r("flex items-center whitespace-nowrap", e),
+    className: o("flex items-center whitespace-nowrap", e),
     ...t
   }
-), ra = ({
+), ha = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.TaglineText,
   {
-    className: r("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600", e),
+    className: o("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600", e),
     ...t
   }
-), oa = ({
+), ba = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.TaglineLogo,
   {
-    className: r("text-gray-500 dark:text-white-alpha-600", "w-5 ml-1.5 mr-0.5", e),
+    className: o("text-gray-500 dark:text-white-alpha-600", "w-5 ml-1.5 mr-0.5", e),
     ...t
   }
-), da = ({
+), pa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.TaglineBrandName,
   {
-    className: r(
-      I(),
+    className: o(
+      T(),
       "inline-flex text-xs md:text-sm text-gray-500",
       "dark:text-white-alpha-600 font-medium",
       e
     ),
     ...t
   }
-), f = r(
+), F = o(
   d({ size: "xs", variant: "outline" }),
   "text-gray-700 dark:text-white-alpha-700"
-), na = ({
+), xa = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ChatAction, { className: r(f, e), ...t }), ma = ({
+}) => /* @__PURE__ */ s(a.ChatAction, { className: o(F, e), ...t }), ga = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ChatActionLabel, { className: r("cursor-pointer", e), ...t }), la = ({
+}) => /* @__PURE__ */ s(a.ChatActionLabel, { className: o("cursor-pointer", e), ...t }), ua = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ChatActionFeedback,
   {
-    className: r(
+    className: o(
       "bg-white text-gray-800 fill-white",
       "dark:bg-gray-dark-800 dark:text-white-alpha-900 dark:fill-gray-dark-800",
       "shadow-[0_8px_30px_rgba(0,0,0,0.12)]",
@@ -1191,186 +1192,186 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), ca = a.HelpActions, ia = ({
+), Ca = a.HelpActions, Fa = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ChatHelpAction, { className: r(f, e), ...t }), ha = ({
+}) => /* @__PURE__ */ s(a.ChatHelpAction, { className: o(F, e), ...t }), fa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.HelpActionsTrigger,
   {
-    className: r(f, e),
+    className: o(F, e),
     ...t
   }
-), pa = ({
+), Aa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.HelpActionsMenu,
   {
-    className: r(
-      b({ slot: "content" }),
+    className: o(
+      x({ slot: "content" }),
       "gap-3 px-3 py-4 ",
       "w-[254px] text-sm font-normal",
       e
     ),
     ...t
   }
-), ba = ({
+), ka = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.HelpActionsMenuArrow,
   {
-    className: r(b({ slot: "arrow" }), e),
+    className: o(x({ slot: "arrow" }), e),
     ...t
   }
-), ga = ({
+), Ea = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.HelpActionsMenuItem,
   {
-    className: r("flex items-center cursor-pointer hover:underline", e),
+    className: o("flex items-center cursor-pointer hover:underline", e),
     ...t
   }
-), ua = ({
+), wa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.HelpActionsMenuItemIcon,
   {
-    className: r("mr-2 text-inkeep-primary-medium", e),
+    className: o("mr-2 text-inkeep-primary-medium", e),
     ...t
   }
-), xa = a.FeedbackModal, fa = ({
+), Ma = a.FeedbackModal, Na = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackModalOverlay,
   {
-    className: r(o({ slot: "overlay" }), e),
+    className: o(r({ slot: "overlay" }), e),
     ...t
   }
-), Ca = ({
+), ya = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackModalContent,
   {
-    className: r(
-      o({ slot: "content" }),
+    className: o(
+      r({ slot: "content" }),
       "my-6 md:my-12 top-0 left-[unset] transform-none relative",
       "p-8 md:p-10 max-w-[480px]",
       e
     ),
     ...t
   }
-), Fa = ({
+), Ia = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackModalHeader,
   {
-    className: r(o({ slot: "header" }), "px-0 pt-0 pb-8", "font-semibold", e),
+    className: o(r({ slot: "header" }), "px-0 pt-0 pb-8", "font-semibold", e),
     ...t
   }
-), Aa = ({
+), Ba = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackModalClose,
   {
-    className: r(o({ slot: "close" }), e),
+    className: o(r({ slot: "close" }), e),
     ...t
   }
-), ka = ({
+), va = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackModalBody,
   {
-    className: r(o({ slot: "body" }), "p-0", e),
+    className: o(r({ slot: "body" }), "p-0", e),
     ...t
   }
-), Ea = ({
+), Sa = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.FeedbackForm, { className: r("flex flex-col gap-8", e), ...t }), wa = ({
+}) => /* @__PURE__ */ s(a.FeedbackForm, { className: o("flex flex-col gap-8", e), ...t }), Ta = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackItem,
   {
-    className: r("flex flex-wrap items-center", "gap-y-4 gap-x-2", e),
+    className: o("flex flex-wrap items-center", "gap-y-4 gap-x-2", e),
     ...t
   }
-), Ma = ({
+), Ha = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackItemCheckbox,
   {
-    className: r(p({ slot: "root" }), e),
+    className: o(p({ slot: "root" }), e),
     ...t
   }
-), ya = ({
+), La = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackItemCheckboxIndicator,
   {
-    className: r(p({ slot: "indicator" }), e),
+    className: o(p({ slot: "indicator" }), e),
     ...t
   }
-), Na = ({
+), Da = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackItemLabel,
   {
-    className: r(
+    className: o(
       "select-none cursor-pointer font-medium text-sm",
       "text-gray-700 dark:text-white-alpha-700",
       e
     ),
     ...t
   }
-), Ia = ({
+), Wa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackItemDescription,
   {
-    className: r("flex-[0_0_100%]", "min-h-20 py-2 border rounded-md", "px-4", e),
+    className: o("flex-[0_0_100%]", "min-h-20 py-2 border rounded-md", "px-4", e),
     ...t
   }
-), Ba = ({
+), Pa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FeedbackSubmitButton,
   {
-    className: r(d({ preset: "primaryFilled" }), "ml-auto", e),
+    className: o(d({ preset: "primaryFilled" }), "ml-auto", e),
     ...t
   }
-), va = ({
+), za = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormWrapper,
   {
-    className: r("w-full overflow-y-auto", e),
+    className: o("w-full overflow-y-auto", e),
     ...t
   }
-), Sa = ({
+), _a = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.Form,
   {
-    className: r(
+    className: o(
       g({ section: "content" }),
       "relative pt-4 pb-8 gap-8",
       "items-start justify-center w-full",
@@ -1379,13 +1380,13 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Ta = ({
+), ja = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormClose,
   {
-    className: r(
+    className: o(
       d({ variant: "ghost" }),
       "absolute right-1 top-1",
       "text-xl text-gray-500 dark:text-white-alpha-500 w-10 h-10 z-modal",
@@ -1393,56 +1394,56 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Ha = ({
+), Qa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormHeader,
   {
-    className: r("mt-12 flex flex-col gap-6", e),
+    className: o("mt-12 flex flex-col gap-6", e),
     ...t
   }
-), La = ({
+), Oa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormHeading,
   {
-    className: r("font-semibold text-xl leading-5", e),
+    className: o("font-semibold text-xl leading-5", e),
     ...t
   }
-), Da = ({
+), Va = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormDescription,
   {
-    className: r("text-gray-700 dark:text-white-alpha-700 text-sm", e),
+    className: o("text-gray-700 dark:text-white-alpha-700 text-sm", e),
     ...t
   }
-), Wa = ({
+), Ra = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.FormContent, { className: r("w-full", e), ...t }), za = ({
+}) => /* @__PURE__ */ s(a.FormContent, { className: o("w-full", e), ...t }), qa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormField,
   {
-    className: r(
+    className: o(
       "mb-8 flex flex-col gap-2 data-[hidden]:hidden",
       "data-[input-type=checkbox]:flex-row data-[input-type=checkbox]:items-center",
       e
     ),
     ...t
   }
-), Pa = ({
+), Ga = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldLabel,
   {
-    className: r(
+    className: o(
       "font-medium text-sm text-gray-700",
       "dark:text-white-alpha-700 ",
       "font-medium relative",
@@ -1457,32 +1458,32 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), _a = ({
+), $a = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldText,
   {
-    className: r(c({ size: "md", variant: "outline" }), e),
+    className: o(i({ size: "md", variant: "outline" }), e),
     ...t
   }
-), ja = ({
+), Ja = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldEmail,
   {
-    className: r(c({ size: "md", variant: "outline" }), e),
+    className: o(i({ size: "md", variant: "outline" }), e),
     ...t
   }
-), Qa = ({
+), Ka = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldFile,
   {
-    className: r(
-      c({ size: "md", variant: "outline" }),
+    className: o(
+      i({ size: "md", variant: "outline" }),
       "text-sm pl-2 file:h-full file:cursor-pointer py-0",
       "file:bg-transparent file:border-none file:font-medium",
       "file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",
@@ -1490,336 +1491,422 @@ const ae = a.Provider, se = u(
     ),
     ...t
   }
-), Oa = ({
+), Ua = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldTextArea,
   {
-    className: r(c({ size: "md", variant: "outline" }), "min-h-20 px-4 py-2", e),
+    className: o(i({ size: "md", variant: "outline" }), "min-h-20 px-4 py-2", e),
     ...t
   }
-), Va = ({
+), Xa = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldCheckbox,
   {
-    className: r(p({ slot: "root" }), e),
+    className: o(p({ slot: "root" }), e),
     ...t
   }
-), Ra = ({
+), Ya = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldCheckboxIndicator,
   {
-    className: r(p({ slot: "indicator" }), e),
+    className: o(p({ slot: "indicator" }), e),
     ...t
   }
-), qa = a.FormFieldSelect, Ga = ({
+), Za = a.FormFieldSelect, es = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldSelectTrigger,
   {
-    className: r(i({ slot: "trigger" }), e),
+    className: o(h({ slot: "trigger" }), e),
     ...t
   }
-), $a = a.FormFieldSelectValue, Ja = ({
+), ts = a.FormFieldSelectValue, as = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldSelectIcon,
   {
-    className: r("h-4 w-4 opacity-45", e),
+    className: o("h-4 w-4 opacity-45", e),
     ...t
   }
-), Ka = ({
+), ss = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldSelectContent,
   {
-    className: r(i({ slot: "content" }), e),
+    className: o(h({ slot: "content" }), e),
     ...t
   }
-), Ua = ({
+), os = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldSelectViewport,
   {
-    className: r(i({ slot: "viewport" }), e),
+    className: o(h({ slot: "viewport" }), e),
     ...t
   }
-), Xa = ({
+), rs = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldSelectItem,
   {
-    className: r(i({ slot: "item" }), e),
+    className: o(h({ slot: "item" }), e),
     ...t
   }
-), Ya = a.FormFieldSelectItemText, Za = ({
+), ds = a.FormFieldSelectItemText, ns = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldSelectItemIndicator,
   {
-    className: r(i({ slot: "itemIndicator" }), e),
+    className: o(h({ slot: "itemIndicator" }), e),
+    ...t
+  }
+), ms = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(a.FormFieldCombobox, { className: o("w-full", e), ...t }), ls = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(
+  a.FormFieldComboboxControl,
+  {
+    className: o(l({ slot: "control" }), e),
     ...t
   }
-), es = ({
+), cs = (e) => /* @__PURE__ */ s(
+  a.FormFieldComboboxInput,
+  {
+    className: o(l({ slot: "input" }), e.className),
+    ...e
+  }
+), is = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(
+  a.FormFieldComboboxTrigger,
+  {
+    className: o(l({ slot: "trigger" }), e),
+    ...t
+  }
+), hs = (e) => /* @__PURE__ */ s(a.FormFieldComboboxPositioner, { ...e }), bs = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(
+  a.FormFieldComboboxContent,
+  {
+    className: o(l({ slot: "content" }), e),
+    ...t
+  }
+), _ = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(
+  a.FormFieldComboboxItem,
+  {
+    className: o(l({ slot: "item" }), e),
+    ...t
+  }
+), j = (e) => /* @__PURE__ */ s(
+  a.FormFieldComboboxItemText,
+  {
+    className: o(l({ slot: "itemText" }), e.className),
+    ...e
+  }
+), ps = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(
+  a.FormFieldComboboxSelectedTags,
+  {
+    className: o(l({ slot: "selectedTags" }), e),
+    ...t
+  }
+), Q = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(
+  a.FormFieldComboboxItemIndicator,
+  {
+    className: o(l({ slot: "itemIndicator" }), e),
+    ...t
+  }
+), xs = () => {
+  const e = B();
+  return e.length === 0 ? /* @__PURE__ */ s("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-dark-400", children: "No results found" }) : /* @__PURE__ */ s(M, { children: e.map((t) => /* @__PURE__ */ N(_, { item: t, children: [
+    /* @__PURE__ */ s(j, { children: t.label }),
+    /* @__PURE__ */ s(Q, { item: t })
+  ] }, t.value)) });
+}, gs = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFieldError,
   {
-    className: r("text-sm flex items-center text-red-500 dark:text-red-300", e),
+    className: o("text-sm flex items-center text-red-500 dark:text-red-300", e),
     ...t
   }
-), ts = ({
+), us = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormError,
   {
-    className: r("text-red-500 dark:text-red-300", e),
+    className: o("text-red-500 dark:text-red-300", e),
     ...t
   }
-), as = ({
+), Cs = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormFooter,
   {
-    className: r("flex items-center justify-end gap-4 w-full", e),
+    className: o("flex items-center justify-end gap-4 w-full", e),
     ...t
   }
-), ss = ({
+), Fs = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormCancel,
   {
-    className: r(d({ variant: "outline" }), e),
+    className: o(d({ variant: "outline" }), e),
     ...t
   }
-), rs = ({
+), fs = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormSubmit,
   {
-    className: r(d({ preset: "primaryFilled" }), e),
+    className: o(d({ preset: "primaryFilled" }), e),
     ...t
   }
-), os = ({
+), As = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormSuccess,
   {
-    className: r(
+    className: o(
       "flex flex-col items-center justify-center h-auto",
       "m-auto px-6 py-8 ikp-md:py-14 ikp-md:px-10",
       e
     ),
     ...t
   }
-), ds = ({
+), ks = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormSuccessHeading,
   {
-    className: r(
+    className: o(
       "mb-6 font-bold tracking-tight",
       "text-3xl md:text-4xl leading-6 md:leading-5",
       e
     ),
     ...t
   }
-), ns = a.FormSuccessMessage, ms = ({
+), Es = a.FormSuccessMessage, ws = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.FormSuccessButton,
   {
-    className: r(d({ preset: "primaryFilled" }), "w-full mt-12 gap-2 shrink-0", e),
+    className: o(d({ preset: "primaryFilled" }), "w-full mt-12 gap-2 shrink-0", e),
     ...t
   }
 );
 export {
-  ta as ActionBar,
-  aa as Actions,
-  Et as AttachmentsBar,
-  Bt as AttachmentsBarActions,
-  Mt as AttachmentsBarAttachment,
-  It as AttachmentsBarAttachmentDelete,
-  yt as AttachmentsBarAttachmentIcon,
-  Nt as AttachmentsBarAttachmentTitle,
-  qt as AttachmentsBarForm,
-  Ut as AttachmentsBarFormContent,
-  Zt as AttachmentsBarFormContentError,
-  Yt as AttachmentsBarFormContentInput,
-  Xt as AttachmentsBarFormContentLabel,
-  ea as AttachmentsBarFormSubmitButton,
-  Gt as AttachmentsBarFormTitle,
-  Kt as AttachmentsBarFormTitleError,
-  Jt as AttachmentsBarFormTitleInput,
-  $t as AttachmentsBarFormTitleLabel,
-  vt as AttachmentsBarInfoTip,
-  Ht as AttachmentsBarInfoTipArrow,
-  St as AttachmentsBarInfoTipIcon,
-  Tt as AttachmentsBarInfoTipText,
-  Dt as AttachmentsBarInput,
-  Lt as AttachmentsBarInputs,
-  wt as AttachmentsBarList,
-  Wt as AttachmentsBarModal,
-  Rt as AttachmentsBarModalBody,
-  Vt as AttachmentsBarModalClose,
-  Pt as AttachmentsBarModalContent,
-  Qt as AttachmentsBarModalDescription,
-  _t as AttachmentsBarModalHeader,
-  jt as AttachmentsBarModalHeading,
-  Ot as AttachmentsBarModalHelp,
-  zt as AttachmentsBarModalOverlay,
-  na as ChatAction,
-  la as ChatActionFeedback,
-  ma as ChatActionLabel,
-  ce as Content,
-  ie as ContentScrollArea,
-  ge as ContentScrollAreaCorner,
-  pe as ContentScrollAreaScrollbar,
-  be as ContentScrollAreaThumb,
-  he as ContentScrollAreaViewport,
-  re as ConversationLoading,
-  ue as Disclaimer,
-  Ae as DisclaimerArrow,
-  Ce as DisclaimerContent,
-  xe as DisclaimerLabel,
-  Fe as DisclaimerText,
-  fe as DisclaimerTrigger,
-  Me as ExampleQuestion,
-  ye as ExampleQuestionButton,
-  ke as ExampleQuestions,
-  Ee as ExampleQuestionsLabel,
-  we as ExampleQuestionsList,
-  Ea as FeedbackForm,
-  wa as FeedbackItem,
-  Ma as FeedbackItemCheckbox,
-  ya as FeedbackItemCheckboxIndicator,
-  Ia as FeedbackItemDescription,
-  Na as FeedbackItemLabel,
-  xa as FeedbackModal,
-  ka as FeedbackModalBody,
-  Aa as FeedbackModalClose,
-  Ca as FeedbackModalContent,
-  Fa as FeedbackModalHeader,
-  fa as FeedbackModalOverlay,
-  Ba as FeedbackSubmitButton,
-  xt as Footer,
-  Sa as Form,
-  ss as FormCancel,
-  Ta as FormClose,
-  Wa as FormContent,
-  Da as FormDescription,
-  ts as FormError,
-  za as FormField,
-  Va as FormFieldCheckbox,
-  Ra as FormFieldCheckboxIndicator,
-  ja as FormFieldEmail,
-  es as FormFieldError,
-  Qa as FormFieldFile,
-  Pa as FormFieldLabel,
-  qa as FormFieldSelect,
-  Ka as FormFieldSelectContent,
-  Ja as FormFieldSelectIcon,
-  Xa as FormFieldSelectItem,
-  Za as FormFieldSelectItemIndicator,
-  Ya as FormFieldSelectItemText,
-  Ga as FormFieldSelectTrigger,
-  $a as FormFieldSelectValue,
-  Ua as FormFieldSelectViewport,
-  _a as FormFieldText,
-  Oa as FormFieldTextArea,
-  as as FormFooter,
-  Ha as FormHeader,
-  La as FormHeading,
-  rs as FormSubmit,
-  os as FormSuccess,
-  ms as FormSuccessButton,
-  ds as FormSuccessHeading,
-  ns as FormSuccessMessage,
-  va as FormWrapper,
-  de as Header,
-  ne as HeaderToolbar,
-  me as HeaderToolbarWrapper,
-  ia as HelpAction,
-  ca as HelpActions,
-  pa as HelpActionsMenu,
-  ba as HelpActionsMenuArrow,
-  ga as HelpActionsMenuItem,
-  ua as HelpActionsMenuItemIcon,
-  ha as HelpActionsTrigger,
-  Ft as Input,
-  ft as InputFieldset,
-  Ct as InputGroup,
-  He as IntroMessageWrapper,
-  et as Message,
-  rt as MessageAction,
-  Ve as MessageAttachments,
-  qe as MessageAttachmentsItem,
-  Ge as MessageAttachmentsItemIcon,
-  $e as MessageAttachmentsItemTitle,
-  Re as MessageAttachmentsList,
-  Je as MessageAttachmentsPreview,
-  Ze as MessageAttachmentsPreviewBody,
-  Ye as MessageAttachmentsPreviewClose,
-  Ue as MessageAttachmentsPreviewContent,
-  Xe as MessageAttachmentsPreviewHeader,
-  Ke as MessageAttachmentsPreviewOverlay,
-  We as MessageAvatar,
-  ze as MessageAvatarContent,
-  Pe as MessageAvatarFallback,
-  _e as MessageAvatarImage,
-  Oe as MessageContent,
-  Qe as MessageContentWrapper,
-  Le as MessageHeader,
-  De as MessageLoading,
-  je as MessageName,
-  mt as MessageSourceItem,
-  ct as MessageSourceItemBreadcrumbIcon,
-  lt as MessageSourceItemBreadcrumbs,
-  bt as MessageSourceItemDescription,
-  gt as MessageSourceItemDescriptionPart,
-  it as MessageSourceItemIcon,
-  ut as MessageSourceItemIndicator,
-  pt as MessageSourceItemTag,
-  ht as MessageSourceItemTitle,
-  ot as MessageSources,
-  dt as MessageSourcesHeader,
-  nt as MessageSourcesList,
-  st as MessageToolAction,
-  at as MessageToolActions,
-  tt as MessageToolbar,
-  Te as MessageWrapper,
-  Se as Messages,
-  ae as Provider,
-  oe as Root,
-  At as SendButton,
-  kt as SendButtonIcon,
-  da as TaglineBrandName,
-  sa as TaglineContainer,
-  oa as TaglineLogo,
-  ra as TaglineText,
-  le as ToolbarHeader,
-  ve as Workflow,
-  Ne as Workflows,
-  Ie as WorkflowsLabel,
-  Be as WorkflowsList,
-  se as Wrapper
+  la as ActionBar,
+  ca as Actions,
+  St as AttachmentsBar,
+  Pt as AttachmentsBarActions,
+  Ht as AttachmentsBarAttachment,
+  Wt as AttachmentsBarAttachmentDelete,
+  Lt as AttachmentsBarAttachmentIcon,
+  Dt as AttachmentsBarAttachmentTitle,
+  Zt as AttachmentsBarForm,
+  oa as AttachmentsBarFormContent,
+  na as AttachmentsBarFormContentError,
+  da as AttachmentsBarFormContentInput,
+  ra as AttachmentsBarFormContentLabel,
+  ma as AttachmentsBarFormSubmitButton,
+  ea as AttachmentsBarFormTitle,
+  sa as AttachmentsBarFormTitleError,
+  aa as AttachmentsBarFormTitleInput,
+  ta as AttachmentsBarFormTitleLabel,
+  zt as AttachmentsBarInfoTip,
+  Qt as AttachmentsBarInfoTipArrow,
+  _t as AttachmentsBarInfoTipIcon,
+  jt as AttachmentsBarInfoTipText,
+  Vt as AttachmentsBarInput,
+  Ot as AttachmentsBarInputs,
+  Tt as AttachmentsBarList,
+  Rt as AttachmentsBarModal,
+  Yt as AttachmentsBarModalBody,
+  Xt as AttachmentsBarModalClose,
+  Gt as AttachmentsBarModalContent,
+  Kt as AttachmentsBarModalDescription,
+  $t as AttachmentsBarModalHeader,
+  Jt as AttachmentsBarModalHeading,
+  Ut as AttachmentsBarModalHelp,
+  qt as AttachmentsBarModalOverlay,
+  xa as ChatAction,
+  ua as ChatActionFeedback,
+  ga as ChatActionLabel,
+  Ce as Content,
+  Fe as ContentScrollArea,
+  Ee as ContentScrollAreaCorner,
+  Ae as ContentScrollAreaScrollbar,
+  ke as ContentScrollAreaThumb,
+  fe as ContentScrollAreaViewport,
+  he as ConversationLoading,
+  we as Disclaimer,
+  Be as DisclaimerArrow,
+  ye as DisclaimerContent,
+  Me as DisclaimerLabel,
+  Ie as DisclaimerText,
+  Ne as DisclaimerTrigger,
+  He as ExampleQuestion,
+  Le as ExampleQuestionButton,
+  ve as ExampleQuestions,
+  Se as ExampleQuestionsLabel,
+  Te as ExampleQuestionsList,
+  Sa as FeedbackForm,
+  Ta as FeedbackItem,
+  Ha as FeedbackItemCheckbox,
+  La as FeedbackItemCheckboxIndicator,
+  Wa as FeedbackItemDescription,
+  Da as FeedbackItemLabel,
+  Ma as FeedbackModal,
+  va as FeedbackModalBody,
+  Ba as FeedbackModalClose,
+  ya as FeedbackModalContent,
+  Ia as FeedbackModalHeader,
+  Na as FeedbackModalOverlay,
+  Pa as FeedbackSubmitButton,
+  Mt as Footer,
+  _a as Form,
+  Fs as FormCancel,
+  ja as FormClose,
+  Ra as FormContent,
+  Va as FormDescription,
+  us as FormError,
+  qa as FormField,
+  Xa as FormFieldCheckbox,
+  Ya as FormFieldCheckboxIndicator,
+  ms as FormFieldCombobox,
+  bs as FormFieldComboboxContent,
+  ls as FormFieldComboboxControl,
+  cs as FormFieldComboboxInput,
+  _ as FormFieldComboboxItem,
+  Q as FormFieldComboboxItemIndicator,
+  xs as FormFieldComboboxItemList,
+  j as FormFieldComboboxItemText,
+  hs as FormFieldComboboxPositioner,
+  ps as FormFieldComboboxSelectedTags,
+  is as FormFieldComboboxTrigger,
+  Ja as FormFieldEmail,
+  gs as FormFieldError,
+  Ka as FormFieldFile,
+  Ga as FormFieldLabel,
+  Za as FormFieldSelect,
+  ss as FormFieldSelectContent,
+  as as FormFieldSelectIcon,
+  rs as FormFieldSelectItem,
+  ns as FormFieldSelectItemIndicator,
+  ds as FormFieldSelectItemText,
+  es as FormFieldSelectTrigger,
+  ts as FormFieldSelectValue,
+  os as FormFieldSelectViewport,
+  $a as FormFieldText,
+  Ua as FormFieldTextArea,
+  Cs as FormFooter,
+  Qa as FormHeader,
+  Oa as FormHeading,
+  fs as FormSubmit,
+  As as FormSuccess,
+  ws as FormSuccessButton,
+  ks as FormSuccessHeading,
+  Es as FormSuccessMessage,
+  za as FormWrapper,
+  pe as Header,
+  xe as HeaderToolbar,
+  ge as HeaderToolbarWrapper,
+  Fa as HelpAction,
+  Ca as HelpActions,
+  Aa as HelpActionsMenu,
+  ka as HelpActionsMenuArrow,
+  Ea as HelpActionsMenuItem,
+  wa as HelpActionsMenuItemIcon,
+  fa as HelpActionsTrigger,
+  It as Input,
+  Nt as InputFieldset,
+  yt as InputGroup,
+  Qe as IntroMessageWrapper,
+  mt as Message,
+  ht as MessageAction,
+  Xe as MessageAttachments,
+  Ze as MessageAttachmentsItem,
+  et as MessageAttachmentsItemIcon,
+  tt as MessageAttachmentsItemTitle,
+  Ye as MessageAttachmentsList,
+  at as MessageAttachmentsPreview,
+  nt as MessageAttachmentsPreviewBody,
+  dt as MessageAttachmentsPreviewClose,
+  ot as MessageAttachmentsPreviewContent,
+  rt as MessageAttachmentsPreviewHeader,
+  st as MessageAttachmentsPreviewOverlay,
+  Re as MessageAvatar,
+  qe as MessageAvatarContent,
+  Ge as MessageAvatarFallback,
+  $e as MessageAvatarImage,
+  Ue as MessageContent,
+  Ke as MessageContentWrapper,
+  Oe as MessageHeader,
+  Ve as MessageLoading,
+  Je as MessageName,
+  gt as MessageSourceItem,
+  Ct as MessageSourceItemBreadcrumbIcon,
+  ut as MessageSourceItemBreadcrumbs,
+  kt as MessageSourceItemDescription,
+  Et as MessageSourceItemDescriptionPart,
+  Ft as MessageSourceItemIcon,
+  wt as MessageSourceItemIndicator,
+  At as MessageSourceItemTag,
+  ft as MessageSourceItemTitle,
+  bt as MessageSources,
+  pt as MessageSourcesHeader,
+  xt as MessageSourcesList,
+  it as MessageToolAction,
+  ct as MessageToolActions,
+  lt as MessageToolbar,
+  je as MessageWrapper,
+  _e as Messages,
+  ce as Provider,
+  be as Root,
+  Bt as SendButton,
+  vt as SendButtonIcon,
+  pa as TaglineBrandName,
+  ia as TaglineContainer,
+  ba as TaglineLogo,
+  ha as TaglineText,
+  ue as ToolbarHeader,
+  ze as Workflow,
+  De as Workflows,
+  We as WorkflowsLabel,
+  Pe as WorkflowsList,
+  ie as Wrapper
 };