@inkeep/agents-ui 0.15.30 → 0.16.1

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

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { ChatHistoryPrimitiveRoot as n, ChatHistoryPrimitiveHeader as h, ChatHistoryPrimitiveBackButtonIcon as l, ChatHistoryPrimitiveBackButton as c, ChatHistoryPrimitiveTitle as y, ChatHistoryPrimitiveList as m, ChatHistoryPrimitiveItem as f, ChatHistoryPrimitiveItemTitle as u, ChatHistoryPrimitiveItemDate as p, ChatHistoryPrimitiveEmptyState as g, ChatHistoryPrimitiveLoadingState as b, ChatHistoryPrimitiveFooter as x, ChatHistoryPrimitiveNewConversationButton as k } from "../../primitives/components/chat-history/index.js";
+import { BackButton as d, BackButtonIcon as h, ChatHistoryPrimitiveEmptyState as l, ChatHistoryPrimitiveFooter as c, ChatHistoryPrimitiveHeader as y, ChatHistoryPrimitiveItem as m, ChatHistoryPrimitiveItemDate as f, ChatHistoryPrimitiveItemTitle as u, ChatHistoryPrimitiveList as p, ChatHistoryPrimitiveLoadingState as g, ChatHistoryPrimitiveNewConversationButton as b, ChatHistoryPrimitiveRoot as x, ChatHistoryPrimitiveTitle as k } from "../../primitives/components/chat-history/index.js";
 import { cn as o } from "../utils.js";
 import { button as s } from "./ui/recipes/button.js";
 function N(t) {
-  const e = Date.now() - t.getTime(), r = Math.floor(e / (1e3 * 60)), i = Math.floor(e / (1e3 * 60 * 60)), d = Math.floor(e / (1e3 * 60 * 60 * 24));
-  return r < 1 ? "Just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : d < 7 ? t.toLocaleDateString("en-US", { weekday: "short" }) : t.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+  const e = Date.now() - t.getTime(), r = Math.floor(e / (1e3 * 60)), i = Math.floor(e / (1e3 * 60 * 60)), n = Math.floor(e / (1e3 * 60 * 60 * 24));
+  return r < 1 ? "Just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : n < 7 ? t.toLocaleDateString("en-US", { weekday: "short" }) : t.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
 const E = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  n,
+  x,
   {
     className: o(
       "flex flex-col flex-1 min-h-0 w-full rounded-[inherit] font-body",
@@ -28,11 +28,11 @@ const E = ({
     ),
     ...e
   }
-), P = ({
+), B = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  h,
+  y,
   {
     className: o(
       "flex items-center justify-between shrink-0",
@@ -42,14 +42,14 @@ const E = ({
     ),
     ...e
   }
-), B = ({
+), P = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ a(l, { className: o("text-sm", t), ...e }), S = ({
+}) => /* @__PURE__ */ a(h, { className: o("text-sm", t), ...e }), I = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  c,
+  d,
   {
     className: o(
       s({ size: "xs", variant: "ghost" }),
@@ -59,12 +59,12 @@ const E = ({
     ),
     ...e
   }
-), I = ({
+), S = ({
   className: t,
   children: e,
   ...r
 }) => /* @__PURE__ */ a(
-  y,
+  k,
   {
     className: o(
       "pl-2 text-sm font-normal text-gray-600 dark:text-white-alpha-600",
@@ -78,7 +78,7 @@ const E = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  m,
+  p,
   {
     className: o(
       "flex-1 min-h-0 overflow-y-auto [scrollbar-width:thin] px-2 py-3 space-y-0.5",
@@ -90,7 +90,7 @@ const E = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  f,
+  m,
   {
     className: o(
       "flex flex-col gap-0.5 w-full text-left px-3 py-2 rounded-lg",
@@ -120,7 +120,7 @@ const E = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  p,
+  f,
   {
     className: o("text-xs text-gray-500 dark:text-white-alpha-500", t),
     ...e
@@ -130,7 +130,7 @@ const E = ({
   children: e,
   ...r
 }) => /* @__PURE__ */ a(
-  g,
+  l,
   {
     className: o(
       "flex flex-col items-center justify-center flex-1 py-2 h-full",
@@ -144,7 +144,7 @@ const E = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  b,
+  g,
   {
     className: o("flex flex-col px-3 py-2 gap-3", t),
     ...e,
@@ -160,7 +160,7 @@ const E = ({
   className: t,
   ...e
 }) => /* @__PURE__ */ a(
-  x,
+  c,
   {
     className: o(
       "shrink-0 px-5 py-4 relative",
@@ -174,7 +174,7 @@ const E = ({
   children: e,
   ...r
 }) => /* @__PURE__ */ a(
-  k,
+  b,
   {
     className: o(s({ variant: "primaryFilled" }), "w-full shrink-0", t),
     ...r,
@@ -182,11 +182,11 @@ const E = ({
   }
 );
 export {
-  S as EmbeddedChatHistoryBackButton,
-  B as EmbeddedChatHistoryBackButtonIcon,
+  I as EmbeddedChatHistoryBackButton,
+  P as EmbeddedChatHistoryBackButtonIcon,
   j as EmbeddedChatHistoryEmptyState,
   _ as EmbeddedChatHistoryFooter,
-  P as EmbeddedChatHistoryHeader,
+  B as EmbeddedChatHistoryHeader,
   L as EmbeddedChatHistoryItem,
   T as EmbeddedChatHistoryItemDate,
   M as EmbeddedChatHistoryItemTitle,
@@ -194,6 +194,6 @@ export {
   F as EmbeddedChatHistoryLoadingState,
   z as EmbeddedChatHistoryNewConversationButton,
   E as EmbeddedChatHistoryRoot,
-  I as EmbeddedChatHistoryTitle,
+  S as EmbeddedChatHistoryTitle,
   N as formatSessionDate
 };

package/dist/styled/components/embedded-chat/file-upload-input.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("../../../primitives/hooks/use-scrolling-fades.cjs"),o=require("../ui/recipes/button.cjs"),d=require("../ui/recipes/icon.cjs"),a=require("../../utils.cjs"),r=require("../../../primitives/components/embedded-chat/file-upload-input.cjs"),l=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveDropZone,{className:a.cn("absolute inset-0 z-10 rounded-lg","flex items-center justify-center","border-2 border-dashed border-inkeep-expanded-primary-500 dark:border-inkeep-expanded-primary-400","bg-gray-50 dark:bg-gray-dark-900","pointer-events-none","text-sm text-gray-500 dark:text-gray-dark-300","opacity-0 transition-opacity","group-data-[drag-over]/fieldset:opacity-100",e),...t}),c=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileUploadButton,{className:a.cn(o.button({}),"group","bg-transparent relative size-8 min-w-[unset] rounded-lg transition-all ease-linear","text-gray-500 dark:text-gray-dark-200","hover:bg-gray-200 hover:text-gray-700 dark:hover:bg-white-alpha-100 dark:hover:text-gray-dark-50","active:bg-gray-200 dark:active:bg-white-alpha-100","disabled:cursor-not-allowed hover:disabled:[background:none]",e),...t,children:i.jsx(r.EmbeddedChatPrimitiveFileUploadButtonIcon,{className:a.cn(d.icon(),"text-inherit")})}),b=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileInput,{className:a.cn("hidden",e),...t}),m=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotification,{className:a.cn("flex items-start justify-between gap-3","rounded-lg px-4 py-3 mx-5","bg-white dark:bg-gray-dark-800","border border-gray-200 dark:border-gray-dark-700","absolute bottom-full left-0 right-0 mx-5 mb-1.5","shadow-md dark:shadow-none","animate-notification-in",e),...t}),g=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationContent,{className:a.cn("flex flex-col gap-0.5 w-full",e),...t}),h=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationHeader,{className:a.cn("flex items-center gap-2 justify-between w-full",e),...t}),p=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationTitle,{className:a.cn("text-sm font-medium text-gray-900 dark:text-white-alpha-950",e),...t}),u=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationMessage,{className:a.cn("text-sm text-gray-600 dark:text-white-alpha-600",e),...t}),f=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationClose,{className:a.cn(o.button({variant:"ghost",size:"xs"}),"px-1",e),...t,children:i.jsx(r.EmbeddedChatPrimitiveFileRemoveIcon,{className:a.cn(d.icon())})}),x=({className:e,...t})=>{const n=s.useScrollingFadesHorizontal();return i.jsx("div",{ref:n,className:a.cn("relative","[--scroll-fade-color:var(--ikp-color-gray-50)] dark:[--scroll-fade-color:var(--ikp-color-gray-dark-900)]",'befter:content-[""] befter:absolute befter:inset-y-0 befter:w-10 befter:pointer-events-none befter:z-10',"befter:transition-opacity befter:duration-300 befter:ease-in-out","before:left-0 before:bg-[linear-gradient(to_right,var(--scroll-fade-color),transparent)]","after:right-0 after:bg-[linear-gradient(to_left,var(--scroll-fade-color),transparent)]","has-[[data-scroll-left]]:before:opacity-0","has-[[data-scroll-right]]:after:opacity-0"),children:i.jsx(r.EmbeddedChatPrimitiveFileList,{className:a.cn("flex max-w-full overflow-x-auto gap-2 pt-0.5 pb-1.5 [scrollbar-width:none]",e),...t})})},v=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileItem,{className:a.cn("group/chip","relative flex items-center gap-1.5","max-w-[200px] rounded-lg","border border-gray-300 dark:border-gray-dark-600","[--chip-bg:theme(colors.gray.200)] dark:[--chip-bg:theme(colors.gray-dark.700)]","bg-[--chip-bg]","px-1 h-7",e),...t}),C=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFilePreviewTrigger,{className:a.cn("flex items-center gap-1.5 min-w-0 flex-1","bg-transparent border-0 p-0 text-left cursor-pointer","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:rounded dark:focus-visible:ring-white-alpha-900",e),...t}),y=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileContent,{className:a.cn("flex items-center gap-1.5 min-w-0 flex-1",e),...t}),E=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileThumbnail,{className:a.cn("size-5 shrink-0 rounded object-cover border border-gray-300 dark:border-gray-dark-600","group-data-[loading]/chip:animate-pulse group-data-[loading]/chip:bg-gray-200 dark:group-data-[loading]/chip:bg-gray-dark-600",e),...t}),k=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileTypeIcon,{className:a.cn("size-5 shrink-0 text-gray-600 dark:text-gray-dark-100",e),...t}),N=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileName,{className:a.cn("min-w-0 flex-1 truncate text-xs","text-gray-900 dark:text-gray-dark-50",e),...t}),F=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileRemove,{className:a.cn("absolute top-0 right-0 rounded-r-lg","flex h-full px-1 items-center justify-center","bg-[--chip-bg]","text-gray-800 dark:text-gray-dark-100","opacity-0 transition-opacity","group-hover/chip:opacity-100","[@media(hover:none)]:opacity-100","focus:outline-none","focus-visible:ring","focus-visible:ring-2","focus-visible:opacity-100","focus-visible:ring-gray-500","dark:focus-visible:ring-white-alpha-900","focus-visible:rounded","before:bg-gradient-to-l before:absolute before:-left-1 before:from-[--chip-bg] before:h-full before:w-1 before:pointer-events-none",e),...t,children:i.jsx(r.EmbeddedChatPrimitiveFileRemoveIcon,{className:a.cn(d.icon(),"size-2.5 text-inherit")})}),w=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveMessageFiles,{className:a.cn("flex flex-wrap gap-2 mt-2 justify-end",e),...t}),j=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveMessageFile,{className:a.cn("relative flex items-center gap-1.5","max-w-[200px] rounded-lg","border","bg-gray-100 dark:bg-white-alpha-100","px-1 h-7","focus-visible:ring-gray-500 dark:focus-visible:ring-white-alpha-900 focus-visible:ring-2 focus:outline-none",e),...t});exports.EmbeddedChatDropZone=l;exports.EmbeddedChatFileContent=y;exports.EmbeddedChatFileInput=b;exports.EmbeddedChatFileItem=v;exports.EmbeddedChatFileList=x;exports.EmbeddedChatFileName=N;exports.EmbeddedChatFilePreviewTrigger=C;exports.EmbeddedChatFileRemove=F;exports.EmbeddedChatFileThumbnail=E;exports.EmbeddedChatFileTypeIcon=k;exports.EmbeddedChatFileUploadButton=c;exports.EmbeddedChatInputNotification=m;exports.EmbeddedChatInputNotificationClose=f;exports.EmbeddedChatInputNotificationContent=g;exports.EmbeddedChatInputNotificationHeader=h;exports.EmbeddedChatInputNotificationMessage=u;exports.EmbeddedChatInputNotificationTitle=p;exports.EmbeddedChatMessageFile=j;exports.EmbeddedChatMessageFiles=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("lucide-react"),l=require("../../../primitives/hooks/use-scrolling-fades.cjs"),o=require("../ui/recipes/button.cjs"),d=require("../ui/recipes/icon.cjs"),a=require("../../utils.cjs"),r=require("../../../primitives/components/embedded-chat/file-upload-input.cjs"),c=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveDropZone,{className:a.cn("absolute inset-0 z-10 rounded-lg","flex items-center justify-center","border-2 border-dashed border-inkeep-expanded-primary-500 dark:border-inkeep-expanded-primary-400","bg-gray-50 dark:bg-gray-dark-900","pointer-events-none","text-sm text-gray-500 dark:text-gray-dark-300","opacity-0 transition-opacity","group-data-[drag-over]/fieldset:opacity-100",e),...t}),m=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileUploadButton,{className:a.cn(o.button({}),"group","bg-transparent relative size-8 min-w-[unset] rounded-lg transition-all ease-linear","text-gray-500 dark:text-gray-dark-200","hover:bg-gray-200 hover:text-gray-700 dark:hover:bg-white-alpha-100 dark:hover:text-gray-dark-50","active:bg-gray-200 dark:active:bg-white-alpha-100","disabled:cursor-not-allowed hover:disabled:[background:none]",e),...t,children:i.jsx(r.EmbeddedChatPrimitiveFileUploadButtonIcon,{className:a.cn(d.icon(),"text-inherit")})}),b=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileInput,{className:a.cn("hidden",e),...t}),g=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotification,{className:a.cn("flex items-start justify-between gap-3","rounded-lg px-4 py-3 mx-5","bg-white dark:bg-gray-dark-800","border border-gray-200 dark:border-gray-dark-700","absolute bottom-full left-0 right-0 mx-5 mb-1.5","shadow-md dark:shadow-none","animate-notification-in",e),...t}),h=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationContent,{className:a.cn("flex flex-col gap-0.5 w-full",e),...t}),p=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationHeader,{className:a.cn("flex items-center gap-2 justify-between w-full",e),...t}),u=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationTitle,{className:a.cn("text-sm font-medium text-gray-900 dark:text-white-alpha-950 flex items-center gap-1.5",e),...t,children:i.jsx(s.TriangleAlert,{className:"size-3.5 shrink-0 text-amber-500 dark:text-amber-400"})}),f=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationMessage,{className:a.cn("text-sm text-gray-600 dark:text-white-alpha-600",e),...t}),x=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveInputNotificationClose,{className:a.cn(o.button({variant:"ghost",size:"xs"}),"px-1",e),...t,children:i.jsx(r.EmbeddedChatPrimitiveFileRemoveIcon,{className:a.cn(d.icon())})}),v=({className:e,...t})=>{const n=l.useScrollingFadesHorizontal();return i.jsx("div",{ref:n,className:a.cn("relative","[--scroll-fade-color:var(--ikp-color-gray-50)] dark:[--scroll-fade-color:var(--ikp-color-gray-dark-900)]",'befter:content-[""] befter:absolute befter:inset-y-0 befter:w-10 befter:pointer-events-none befter:z-10',"befter:transition-opacity befter:duration-300 befter:ease-in-out","before:left-0 before:bg-[linear-gradient(to_right,var(--scroll-fade-color),transparent)]","after:right-0 after:bg-[linear-gradient(to_left,var(--scroll-fade-color),transparent)]","has-[[data-scroll-left]]:before:opacity-0","has-[[data-scroll-right]]:after:opacity-0"),children:i.jsx(r.EmbeddedChatPrimitiveFileList,{className:a.cn("flex max-w-full overflow-x-auto gap-2 pt-0.5 pb-1.5 [scrollbar-width:none]",e),...t})})},C=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileItem,{className:a.cn("group/chip","relative flex items-center gap-1.5","max-w-[200px] rounded-lg","border border-gray-300 dark:border-gray-dark-600","[--chip-bg:theme(colors.gray.200)] dark:[--chip-bg:theme(colors.gray-dark.700)]","bg-[--chip-bg]","px-1 h-7",e),...t}),y=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFilePreviewTrigger,{className:a.cn("flex items-center gap-1.5 min-w-0 flex-1","bg-transparent border-0 p-0 text-left cursor-pointer","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:rounded dark:focus-visible:ring-white-alpha-900",e),...t}),E=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileContent,{className:a.cn("flex items-center gap-1.5 min-w-0 flex-1",e),...t}),k=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileThumbnail,{className:a.cn("size-5 shrink-0 rounded object-cover border border-gray-300 dark:border-gray-dark-600","group-data-[loading]/chip:animate-pulse group-data-[loading]/chip:bg-gray-200 dark:group-data-[loading]/chip:bg-gray-dark-600",e),...t}),N=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileTypeIcon,{className:a.cn("size-5 shrink-0 text-gray-600 dark:text-gray-dark-100",e),...t}),F=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileName,{className:a.cn("min-w-0 flex-1 truncate text-xs","text-gray-900 dark:text-gray-dark-50",e),...t}),j=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveFileRemove,{className:a.cn("absolute top-0 right-0 rounded-r-lg","flex h-full px-1 items-center justify-center","bg-[--chip-bg]","text-gray-800 dark:text-gray-dark-100","opacity-0 transition-opacity","group-hover/chip:opacity-100","[@media(hover:none)]:opacity-100","focus:outline-none","focus-visible:ring","focus-visible:ring-2","focus-visible:opacity-100","focus-visible:ring-gray-500","dark:focus-visible:ring-white-alpha-900","focus-visible:rounded","before:bg-gradient-to-l before:absolute before:-left-1 before:from-[--chip-bg] before:h-full before:w-1 before:pointer-events-none",e),...t,children:i.jsx(r.EmbeddedChatPrimitiveFileRemoveIcon,{className:a.cn(d.icon(),"size-2.5 text-inherit")})}),w=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveMessageFiles,{className:a.cn("flex flex-wrap gap-2 mt-2 justify-end",e),...t}),I=({className:e,...t})=>i.jsx(r.EmbeddedChatPrimitiveMessageFile,{className:a.cn("relative flex items-center gap-1.5","max-w-[200px] rounded-lg","border","bg-gray-100 dark:bg-white-alpha-100","px-1 h-7","focus-visible:ring-gray-500 dark:focus-visible:ring-white-alpha-900 focus-visible:ring-2 focus:outline-none",e),...t});exports.EmbeddedChatDropZone=c;exports.EmbeddedChatFileContent=E;exports.EmbeddedChatFileInput=b;exports.EmbeddedChatFileItem=C;exports.EmbeddedChatFileList=v;exports.EmbeddedChatFileName=F;exports.EmbeddedChatFilePreviewTrigger=y;exports.EmbeddedChatFileRemove=j;exports.EmbeddedChatFileThumbnail=k;exports.EmbeddedChatFileTypeIcon=N;exports.EmbeddedChatFileUploadButton=m;exports.EmbeddedChatInputNotification=g;exports.EmbeddedChatInputNotificationClose=x;exports.EmbeddedChatInputNotificationContent=h;exports.EmbeddedChatInputNotificationHeader=p;exports.EmbeddedChatInputNotificationMessage=f;exports.EmbeddedChatInputNotificationTitle=u;exports.EmbeddedChatMessageFile=I;exports.EmbeddedChatMessageFiles=w;

package/dist/styled/components/embedded-chat/file-upload-input.js

@@ -1,15 +1,16 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { useScrollingFadesHorizontal as s } from "../../../primitives/hooks/use-scrolling-fades.js";
+import { TriangleAlert as s } from "lucide-react";
+import { useScrollingFadesHorizontal as l } from "../../../primitives/hooks/use-scrolling-fades.js";
 import { button as d } from "../ui/recipes/button.js";
 import { icon as r } from "../ui/recipes/icon.js";
 import { cn as i } from "../../utils.js";
-import { EmbeddedChatPrimitiveDropZone as l, EmbeddedChatPrimitiveFileUploadButton as c, EmbeddedChatPrimitiveFileUploadButtonIcon as m, EmbeddedChatPrimitiveFileInput as b, EmbeddedChatPrimitiveInputNotification as g, EmbeddedChatPrimitiveInputNotificationContent as p, EmbeddedChatPrimitiveInputNotificationHeader as h, EmbeddedChatPrimitiveInputNotificationTitle as f, EmbeddedChatPrimitiveInputNotificationMessage as u, EmbeddedChatPrimitiveInputNotificationClose as v, EmbeddedChatPrimitiveFileRemoveIcon as o, EmbeddedChatPrimitiveFileList as x, EmbeddedChatPrimitiveFileItem as y, EmbeddedChatPrimitiveFilePreviewTrigger as C, EmbeddedChatPrimitiveFileContent as k, EmbeddedChatPrimitiveFileThumbnail as E, EmbeddedChatPrimitiveFileTypeIcon as N, EmbeddedChatPrimitiveFileName as w, EmbeddedChatPrimitiveFileRemove as F, EmbeddedChatPrimitiveMessageFiles as P, EmbeddedChatPrimitiveMessageFile as I } from "../../../primitives/components/embedded-chat/file-upload-input.js";
-const H = ({
+import { EmbeddedChatPrimitiveDropZone as m, EmbeddedChatPrimitiveFileContent as c, EmbeddedChatPrimitiveFileInput as b, EmbeddedChatPrimitiveFileItem as g, EmbeddedChatPrimitiveFileList as p, EmbeddedChatPrimitiveFileName as h, EmbeddedChatPrimitiveFilePreviewTrigger as f, EmbeddedChatPrimitiveFileRemove as u, EmbeddedChatPrimitiveFileRemoveIcon as o, EmbeddedChatPrimitiveFileThumbnail as v, EmbeddedChatPrimitiveFileTypeIcon as x, EmbeddedChatPrimitiveFileUploadButton as y, EmbeddedChatPrimitiveFileUploadButtonIcon as k, EmbeddedChatPrimitiveInputNotification as C, EmbeddedChatPrimitiveInputNotificationClose as E, EmbeddedChatPrimitiveInputNotificationContent as N, EmbeddedChatPrimitiveInputNotificationHeader as w, EmbeddedChatPrimitiveInputNotificationMessage as F, EmbeddedChatPrimitiveInputNotificationTitle as P, EmbeddedChatPrimitiveMessageFile as I, EmbeddedChatPrimitiveMessageFiles as z } from "../../../primitives/components/embedded-chat/file-upload-input.js";
+const D = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  l,
+  m,
   {
     className: i(
       "absolute inset-0 z-10 rounded-lg",
@@ -24,11 +25,11 @@ const H = ({
     ),
     ...t
   }
-), U = ({
+), L = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  c,
+  y,
   {
     className: i(
       d({}),
@@ -41,21 +42,16 @@ const H = ({
       e
     ),
     ...t,
-    children: /* @__PURE__ */ a(
-      m,
-      {
-        className: i(r(), "text-inherit")
-      }
-    )
+    children: /* @__PURE__ */ a(k, { className: i(r(), "text-inherit") })
   }
-), D = ({
+), Z = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ a(b, { className: i("hidden", e), ...t }), L = ({
+}) => /* @__PURE__ */ a(b, { className: i("hidden", e), ...t }), _ = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  g,
+  C,
   {
     className: i(
       "flex items-start justify-between gap-3",
@@ -69,61 +65,61 @@ const H = ({
     ),
     ...t
   }
-), Z = ({
+), A = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  p,
+  N,
   {
     className: i("flex flex-col gap-0.5 w-full", e),
     ...t
   }
-), _ = ({
+), S = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  h,
+  w,
   {
     className: i("flex items-center gap-2 justify-between w-full", e),
     ...t
   }
-), S = ({
+), q = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  f,
+  P,
   {
-    className: i("text-sm font-medium text-gray-900 dark:text-white-alpha-950", e),
-    ...t
+    className: i(
+      "text-sm font-medium text-gray-900 dark:text-white-alpha-950 flex items-center gap-1.5",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(s, { className: "size-3.5 shrink-0 text-amber-500 dark:text-amber-400" })
   }
-), q = ({
+), G = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  u,
+  F,
   {
     className: i("text-sm text-gray-600 dark:text-white-alpha-600", e),
     ...t
   }
-), A = ({
+), J = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  v,
+  E,
   {
-    className: i(
-      d({ variant: "ghost", size: "xs" }),
-      "px-1",
-      e
-    ),
+    className: i(d({ variant: "ghost", size: "xs" }), "px-1", e),
     ...t,
     children: /* @__PURE__ */ a(o, { className: i(r()) })
   }
-), G = ({
+), K = ({
   className: e,
   ...t
 }) => {
-  const n = s();
+  const n = l();
   return /* @__PURE__ */ a(
     "div",
     {
@@ -139,19 +135,22 @@ const H = ({
         "has-[[data-scroll-right]]:after:opacity-0"
       ),
       children: /* @__PURE__ */ a(
-        x,
+        p,
         {
-          className: i("flex max-w-full overflow-x-auto gap-2 pt-0.5 pb-1.5 [scrollbar-width:none]", e),
+          className: i(
+            "flex max-w-full overflow-x-auto gap-2 pt-0.5 pb-1.5 [scrollbar-width:none]",
+            e
+          ),
           ...t
         }
       )
     }
   );
-}, J = ({
+}, O = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  y,
+  g,
   {
     className: i(
       "group/chip",
@@ -165,11 +164,11 @@ const H = ({
     ),
     ...t
   }
-), K = ({
+), Q = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  C,
+  f,
   {
     className: i(
       "flex items-center gap-1.5 min-w-0 flex-1",
@@ -179,20 +178,20 @@ const H = ({
     ),
     ...t
   }
-), O = ({
+), V = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  k,
+  c,
   {
     className: i("flex items-center gap-1.5 min-w-0 flex-1", e),
     ...t
   }
-), Q = ({
+), W = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  E,
+  v,
   {
     className: i(
       "size-5 shrink-0 rounded object-cover border border-gray-300 dark:border-gray-dark-600",
@@ -201,20 +200,20 @@ const H = ({
     ),
     ...t
   }
-), V = ({
+), X = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  N,
+  x,
   {
     className: i("size-5 shrink-0 text-gray-600 dark:text-gray-dark-100", e),
     ...t
   }
-), W = ({
+), Y = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  w,
+  h,
   {
     className: i(
       "min-w-0 flex-1 truncate text-xs",
@@ -223,11 +222,11 @@ const H = ({
     ),
     ...t
   }
-), X = ({
+), $ = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  F,
+  u,
   {
     className: i(
       "absolute top-0 right-0 rounded-r-lg",
@@ -250,16 +249,16 @@ const H = ({
     ...t,
     children: /* @__PURE__ */ a(o, { className: i(r(), "size-2.5 text-inherit") })
   }
-), Y = ({
+), ee = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
-  P,
+  z,
   {
     className: i("flex flex-wrap gap-2 mt-2 justify-end", e),
     ...t
   }
-), $ = ({
+), te = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ a(
@@ -278,23 +277,23 @@ const H = ({
   }
 );
 export {
-  H as EmbeddedChatDropZone,
-  O as EmbeddedChatFileContent,
-  D as EmbeddedChatFileInput,
-  J as EmbeddedChatFileItem,
-  G as EmbeddedChatFileList,
-  W as EmbeddedChatFileName,
-  K as EmbeddedChatFilePreviewTrigger,
-  X as EmbeddedChatFileRemove,
-  Q as EmbeddedChatFileThumbnail,
-  V as EmbeddedChatFileTypeIcon,
-  U as EmbeddedChatFileUploadButton,
-  L as EmbeddedChatInputNotification,
-  A as EmbeddedChatInputNotificationClose,
-  Z as EmbeddedChatInputNotificationContent,
-  _ as EmbeddedChatInputNotificationHeader,
-  q as EmbeddedChatInputNotificationMessage,
-  S as EmbeddedChatInputNotificationTitle,
-  $ as EmbeddedChatMessageFile,
-  Y as EmbeddedChatMessageFiles
+  D as EmbeddedChatDropZone,
+  V as EmbeddedChatFileContent,
+  Z as EmbeddedChatFileInput,
+  O as EmbeddedChatFileItem,
+  K as EmbeddedChatFileList,
+  Y as EmbeddedChatFileName,
+  Q as EmbeddedChatFilePreviewTrigger,
+  $ as EmbeddedChatFileRemove,
+  W as EmbeddedChatFileThumbnail,
+  X as EmbeddedChatFileTypeIcon,
+  L as EmbeddedChatFileUploadButton,
+  _ as EmbeddedChatInputNotification,
+  J as EmbeddedChatInputNotificationClose,
+  A as EmbeddedChatInputNotificationContent,
+  S as EmbeddedChatInputNotificationHeader,
+  G as EmbeddedChatInputNotificationMessage,
+  q as EmbeddedChatInputNotificationTitle,
+  te as EmbeddedChatMessageFile,
+  ee as EmbeddedChatMessageFiles
 };

package/dist/styled/components/embedded-chat/image-preview-modal.js

@@ -2,12 +2,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import { modal as d } from "../ui/recipes/modal.js";
 import { cn as m } from "../../utils.js";
-import { EmbeddedChatPrimitiveImagePreviewModal as i, EmbeddedChatPrimitiveImagePreviewModalOverlay as r, EmbeddedChatPrimitiveImagePreviewModalContent as o, EmbeddedChatPrimitiveImagePreviewModalImage as l, EmbeddedChatPrimitiveImagePreviewModalFooter as s, EmbeddedChatPrimitiveImagePreviewModalFileName as n, EmbeddedChatPrimitiveImagePreviewModalClose as c } from "../../../primitives/components/embedded-chat/image-preview-modal.js";
+import { EmbeddedChatPrimitiveImagePreviewModal as i, EmbeddedChatPrimitiveImagePreviewModalClose as r, EmbeddedChatPrimitiveImagePreviewModalContent as o, EmbeddedChatPrimitiveImagePreviewModalFileName as l, EmbeddedChatPrimitiveImagePreviewModalFooter as s, EmbeddedChatPrimitiveImagePreviewModalImage as n, EmbeddedChatPrimitiveImagePreviewModalOverlay as c } from "../../../primitives/components/embedded-chat/image-preview-modal.js";
 const P = i, b = ({
   className: e,
   ...a
 }) => /* @__PURE__ */ t(
-  r,
+  c,
   {
     className: m(d({ slot: "overlay" }), e),
     ...a
@@ -32,7 +32,7 @@ const P = i, b = ({
   className: e,
   ...a
 }) => /* @__PURE__ */ t(
-  l,
+  n,
   {
     className: m("max-w-[calc(100vw_-_theme(spacing.20))] max-h-[calc(100vh_-_theme(spacing.20))] object-contain rounded-lg", e),
     ...a
@@ -50,7 +50,7 @@ const P = i, b = ({
   className: e,
   ...a
 }) => /* @__PURE__ */ t(
-  n,
+  l,
   {
     className: m("text-sm text-center text-gray-800 dark:text-white truncate min-w-0", e),
     ...a
@@ -59,7 +59,7 @@ const P = i, b = ({
   className: e,
   ...a
 }) => /* @__PURE__ */ t(
-  c,
+  r,
   {
     "aria-label": "Close preview",
     className: m(d({ slot: "close" }), "fixed top-2 right-2 text-gray-700 dark:text-gray-50 hover:bg-white-alpha-100", e),