@orion-ds/react 4.2.13 → 4.3.1

package/dist/components/Chat/components/ChatLightbox.mjs

@@ -0,0 +1,57 @@
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { useRef as c, useCallback as b, useEffect as h } from "react";
+import { X as y } from "lucide-react";
+import l from "../Chat.module.css.mjs";
+const v = ({
+  src: u,
+  alt: s = "Image",
+  isOpen: o,
+  onClose: t,
+  className: m,
+  ...f
+}) => {
+  const n = c(null), r = c(null), a = b(
+    (e) => {
+      if (e.key === "Escape") {
+        t();
+        return;
+      }
+      e.key === "Tab" && (e.preventDefault(), n.current?.focus());
+    },
+    [t]
+  ), d = (e) => {
+    e.target === e.currentTarget && t();
+  };
+  return h(() => (o && (r.current = document.activeElement, document.addEventListener("keydown", a), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
+    n.current?.focus();
+  })), () => {
+    document.removeEventListener("keydown", a), document.body.style.overflow = "", r.current && typeof r.current.focus == "function" && r.current.focus();
+  }), [o, a]), o ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: [l.lightbox, m].filter(Boolean).join(" "),
+      onClick: d,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Image viewer",
+      ...f,
+      children: [
+        /* @__PURE__ */ i(
+          "button",
+          {
+            ref: n,
+            className: l.lightboxClose,
+            onClick: t,
+            "aria-label": "Close image viewer",
+            children: /* @__PURE__ */ i(y, { size: 24 })
+          }
+        ),
+        /* @__PURE__ */ i("img", { src: u, alt: s, className: l.lightboxImage })
+      ]
+    }
+  ) : null;
+};
+v.displayName = "ChatLightbox";
+export {
+  v as ChatLightbox
+};

package/dist/components/Chat/components/ChatMarkdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react-markdown"),u=require("remark-gfm"),m=require("./ChatCodeBlock.cjs"),g=require("../Chat.module.css.cjs"),o=({content:s,className:c,...i})=>r.jsx("div",{className:[g.default.markdown,c].filter(Boolean).join(" "),...i,children:r.jsx(d,{remarkPlugins:[u],components:{code({className:e,children:t,...a}){const n=/language-(\w+)/.exec(e||"");if(!n)return r.jsx("code",{className:e,...a,children:t});const l=String(t).replace(/\n$/,"");return r.jsx(m.ChatCodeBlock,{code:l,language:n[1]})},pre({children:e}){return r.jsx(r.Fragment,{children:e})},a({href:e,children:t,...a}){const n=e?.startsWith("http");return r.jsx("a",{href:e,target:n?"_blank":void 0,rel:n?"noopener noreferrer":void 0,...a,children:t})}},children:s})});o.displayName="ChatMarkdown";exports.ChatMarkdown=o;

package/dist/components/Chat/components/ChatMarkdown.mjs

@@ -0,0 +1,55 @@
+import { jsx as e, Fragment as c } from "react/jsx-runtime";
+import l from "react-markdown";
+import d from "remark-gfm";
+import { ChatCodeBlock as p } from "./ChatCodeBlock.mjs";
+import g from "../Chat.module.css.mjs";
+const f = ({
+  content: a,
+  className: i,
+  ...m
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: [g.markdown, i].filter(Boolean).join(" "),
+    ...m,
+    children: /* @__PURE__ */ e(
+      l,
+      {
+        remarkPlugins: [d],
+        components: {
+          // Custom code block rendering
+          code({ className: r, children: o, ...t }) {
+            const n = /language-(\w+)/.exec(r || "");
+            if (!n)
+              return /* @__PURE__ */ e("code", { className: r, ...t, children: o });
+            const s = String(o).replace(/\n$/, "");
+            return /* @__PURE__ */ e(p, { code: s, language: n[1] });
+          },
+          // Custom pre rendering (remove wrapper for code blocks)
+          pre({ children: r }) {
+            return /* @__PURE__ */ e(c, { children: r });
+          },
+          // Custom link rendering (open in new tab)
+          a({ href: r, children: o, ...t }) {
+            const n = r?.startsWith("http");
+            return /* @__PURE__ */ e(
+              "a",
+              {
+                href: r,
+                target: n ? "_blank" : void 0,
+                rel: n ? "noopener noreferrer" : void 0,
+                ...t,
+                children: o
+              }
+            );
+          }
+        },
+        children: a
+      }
+    )
+  }
+);
+f.displayName = "ChatMarkdown";
+export {
+  f as ChatMarkdown
+};

package/dist/components/Chat/components/ChatMessage.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("lucide-react"),p=require("./ChatMarkdown.cjs"),y=require("./ChatAttachment.cjs"),e=require("../Chat.module.css.cjs"),R=a=>a?new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}).format(a):"",S=a=>{switch(a){case"sending":return s.jsx(t.Clock,{size:12});case"sent":return s.jsx(t.Check,{size:12});case"error":return s.jsx(t.AlertCircle,{size:12});default:return null}},b=({role:a,content:u,timestamp:m,status:i,attachments:d,avatar:C,showAvatar:N,actions:c,isStreaming:k,onImageClick:f,onRetry:g,reaction:l,onReaction:o,children:j,className:h,...x})=>{const r=a==="user",A=a==="system",v=a==="assistant",B=N??!1;return A?s.jsx("div",{className:[e.default.message,h].filter(Boolean).join(" "),role:"listitem",...x,children:s.jsx("div",{className:e.default.messageContent,children:s.jsx("div",{className:e.default.messageBubbleSystem,children:j||u})})}):s.jsxs("div",{className:[e.default.message,r&&e.default.messageUser,v&&e.default.messageAssistant,h].filter(Boolean).join(" "),role:"listitem",...x,children:[B&&s.jsx("div",{className:[e.default.messageAvatar,r?e.default.messageAvatarUser:e.default.messageAvatarAssistant].filter(Boolean).join(" "),"aria-hidden":"true",children:C||(r?s.jsx(t.User,{size:18}):s.jsx(t.Bot,{size:18}))}),s.jsxs("div",{className:e.default.messageContent,children:[s.jsxs("div",{className:[e.default.messageBubble,r?e.default.messageBubbleUser:e.default.messageBubbleAssistant].filter(Boolean).join(" "),children:[j||s.jsx(p.ChatMarkdown,{content:u,className:r?e.default.markdownUser:void 0}),k&&s.jsx("span",{className:e.default.streamingCursor})]}),d&&d.length>0&&s.jsx("div",{className:e.default.messageAttachments,children:d.map(n=>s.jsx(y.ChatAttachment,{attachment:n,onClick:n.type==="image"&&f?()=>f(n):void 0},n.id))}),s.jsxs("div",{className:e.default.messageFooter,children:[m&&s.jsx("span",{className:e.default.messageTimestamp,children:R(m)}),i&&s.jsxs("span",{className:[e.default.messageStatus,i==="error"&&e.default.messageStatusError].filter(Boolean).join(" "),children:[S(i),i==="error"&&"Failed to send"]}),i==="error"&&g&&s.jsxs("button",{className:e.default.messageRetry,onClick:g,"aria-label":"Retry sending message",children:[s.jsx(t.RotateCcw,{size:12}),"Retry"]}),c&&s.jsx("div",{className:e.default.messageActions,children:c}),v&&o&&s.jsxs("div",{className:[e.default.messageReactions,l&&e.default.messageReactionsVisible].filter(Boolean).join(" "),children:[s.jsx("button",{className:[e.default.messageReactionButton,l==="like"&&e.default.messageReactionActive].filter(Boolean).join(" "),onClick:()=>o("like"),"aria-label":"Like this response","aria-pressed":l==="like",children:s.jsx(t.ThumbsUp,{size:14})}),s.jsx("button",{className:[e.default.messageReactionButton,l==="dislike"&&e.default.messageReactionActive].filter(Boolean).join(" "),onClick:()=>o("dislike"),"aria-label":"Dislike this response","aria-pressed":l==="dislike",children:s.jsx(t.ThumbsDown,{size:14})})]})]})]})]})};b.displayName="ChatMessage";exports.ChatMessage=b;

package/dist/components/Chat/components/ChatMessage.mjs

@@ -0,0 +1,173 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { User as j, Bot as y, RotateCcw as z, ThumbsUp as U, ThumbsDown as w, AlertCircle as R, Check as S, Clock as T } from "lucide-react";
+import { ChatMarkdown as x } from "./ChatMarkdown.mjs";
+import { ChatAttachment as D } from "./ChatAttachment.mjs";
+import e from "../Chat.module.css.mjs";
+const F = (a) => a ? new Intl.DateTimeFormat("en-US", {
+  hour: "numeric",
+  minute: "2-digit",
+  hour12: !0
+}).format(a) : "", M = (a) => {
+  switch (a) {
+    case "sending":
+      return /* @__PURE__ */ s(T, { size: 12 });
+    case "sent":
+      return /* @__PURE__ */ s(S, { size: 12 });
+    case "error":
+      return /* @__PURE__ */ s(R, { size: 12 });
+    default:
+      return null;
+  }
+}, E = ({
+  role: a,
+  content: c,
+  timestamp: d,
+  status: r,
+  attachments: o,
+  avatar: b,
+  showAvatar: k,
+  actions: g,
+  isStreaming: B,
+  onImageClick: u,
+  onRetry: h,
+  reaction: l,
+  onReaction: m,
+  children: f,
+  className: v,
+  ...p
+}) => {
+  const t = a === "user", A = a === "system", N = a === "assistant", C = k ?? !1;
+  return A ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: [e.message, v].filter(Boolean).join(" "),
+      role: "listitem",
+      ...p,
+      children: /* @__PURE__ */ s("div", { className: e.messageContent, children: /* @__PURE__ */ s("div", { className: e.messageBubbleSystem, children: f || c }) })
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      className: [
+        e.message,
+        t && e.messageUser,
+        N && e.messageAssistant,
+        v
+      ].filter(Boolean).join(" "),
+      role: "listitem",
+      ...p,
+      children: [
+        C && /* @__PURE__ */ s(
+          "div",
+          {
+            className: [
+              e.messageAvatar,
+              t ? e.messageAvatarUser : e.messageAvatarAssistant
+            ].filter(Boolean).join(" "),
+            "aria-hidden": "true",
+            children: b || (t ? /* @__PURE__ */ s(j, { size: 18 }) : /* @__PURE__ */ s(y, { size: 18 }))
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: e.messageContent, children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: [
+                e.messageBubble,
+                t ? e.messageBubbleUser : e.messageBubbleAssistant
+              ].filter(Boolean).join(" "),
+              children: [
+                f || /* @__PURE__ */ s(
+                  x,
+                  {
+                    content: c,
+                    className: t ? e.markdownUser : void 0
+                  }
+                ),
+                B && /* @__PURE__ */ s("span", { className: e.streamingCursor })
+              ]
+            }
+          ),
+          o && o.length > 0 && /* @__PURE__ */ s("div", { className: e.messageAttachments, children: o.map((n) => /* @__PURE__ */ s(
+            D,
+            {
+              attachment: n,
+              onClick: n.type === "image" && u ? () => u(n) : void 0
+            },
+            n.id
+          )) }),
+          /* @__PURE__ */ i("div", { className: e.messageFooter, children: [
+            d && /* @__PURE__ */ s("span", { className: e.messageTimestamp, children: F(d) }),
+            r && /* @__PURE__ */ i(
+              "span",
+              {
+                className: [
+                  e.messageStatus,
+                  r === "error" && e.messageStatusError
+                ].filter(Boolean).join(" "),
+                children: [
+                  M(r),
+                  r === "error" && "Failed to send"
+                ]
+              }
+            ),
+            r === "error" && h && /* @__PURE__ */ i(
+              "button",
+              {
+                className: e.messageRetry,
+                onClick: h,
+                "aria-label": "Retry sending message",
+                children: [
+                  /* @__PURE__ */ s(z, { size: 12 }),
+                  "Retry"
+                ]
+              }
+            ),
+            g && /* @__PURE__ */ s("div", { className: e.messageActions, children: g }),
+            N && m && /* @__PURE__ */ i(
+              "div",
+              {
+                className: [
+                  e.messageReactions,
+                  l && e.messageReactionsVisible
+                ].filter(Boolean).join(" "),
+                children: [
+                  /* @__PURE__ */ s(
+                    "button",
+                    {
+                      className: [
+                        e.messageReactionButton,
+                        l === "like" && e.messageReactionActive
+                      ].filter(Boolean).join(" "),
+                      onClick: () => m("like"),
+                      "aria-label": "Like this response",
+                      "aria-pressed": l === "like",
+                      children: /* @__PURE__ */ s(U, { size: 14 })
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    "button",
+                    {
+                      className: [
+                        e.messageReactionButton,
+                        l === "dislike" && e.messageReactionActive
+                      ].filter(Boolean).join(" "),
+                      onClick: () => m("dislike"),
+                      "aria-label": "Dislike this response",
+                      "aria-pressed": l === "dislike",
+                      children: /* @__PURE__ */ s(w, { size: 14 })
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+E.displayName = "ChatMessage";
+export {
+  E as ChatMessage
+};

package/dist/components/Chat/components/ChatMessages.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),f=require("lucide-react"),h=require("../hooks/useAutoScroll.cjs"),t=require("../Chat.module.css.cjs"),j=require("../../Button/Button.cjs"),a=g.forwardRef(({children:l,autoScroll:r=!0,className:i,...n},s)=>{const{scrollRef:c,isAtBottom:u,scrollToBottom:m}=h.useAutoScroll({enabled:r}),d=o=>{c.current=o,typeof s=="function"?s(o):s&&(s.current=o)};return e.jsxs("div",{ref:d,className:[t.default.messages,i].filter(Boolean).join(" "),role:"log","aria-live":"polite","aria-label":"Chat messages","aria-relevant":"additions",...n,children:[e.jsx("div",{className:t.default.messagesInner,children:l}),!u&&e.jsx("div",{className:t.default.scrollToBottomWrapper,children:e.jsx(j.Button,{variant:"secondary",size:"sm",iconOnly:!0,icon:e.jsx(f.ArrowDown,{size:18}),onClick:m,"aria-label":"Scroll to latest messages",className:t.default.scrollToBottomButton})})]})});a.displayName="ChatMessages";exports.ChatMessages=a;

package/dist/components/Chat/components/ChatMessages.mjs

@@ -0,0 +1,46 @@
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { ArrowDown as u } from "lucide-react";
+import { useAutoScroll as g } from "../hooks/useAutoScroll.mjs";
+import e from "../Chat.module.css.mjs";
+import { Button as h } from "../../Button/Button.mjs";
+const B = f(
+  ({ children: r, autoScroll: a = !0, className: l, ...i }, o) => {
+    const { scrollRef: m, isAtBottom: n, scrollToBottom: c } = g({
+      enabled: a
+    });
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        ref: (t) => {
+          m.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+        },
+        className: [e.messages, l].filter(Boolean).join(" "),
+        role: "log",
+        "aria-live": "polite",
+        "aria-label": "Chat messages",
+        "aria-relevant": "additions",
+        ...i,
+        children: [
+          /* @__PURE__ */ s("div", { className: e.messagesInner, children: r }),
+          !n && /* @__PURE__ */ s("div", { className: e.scrollToBottomWrapper, children: /* @__PURE__ */ s(
+            h,
+            {
+              variant: "secondary",
+              size: "sm",
+              iconOnly: !0,
+              icon: /* @__PURE__ */ s(u, { size: 18 }),
+              onClick: c,
+              "aria-label": "Scroll to latest messages",
+              className: e.scrollToBottomButton
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+B.displayName = "ChatMessages";
+export {
+  B as ChatMessages
+};

package/dist/components/Chat/components/ChatSidebar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("lucide-react"),t=require("../Chat.module.css.cjs"),O={today:"Today",yesterday:"Yesterday",previous7:"Previous 7 days",previous30:"Previous 30 days",older:"Older"},y=["today","yesterday","previous7","previous30","older"],C=a=>{const r=new Date,u=(new Date(r.getFullYear(),r.getMonth(),r.getDate()).getTime()-new Date(a.getFullYear(),a.getMonth(),a.getDate()).getTime())/(1e3*60*60*24);return u<1?"today":u<2?"yesterday":u<7?"previous7":u<30?"previous30":"older"},P=a=>{const r=C(a);return r==="today"?new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit"}).format(a):r==="yesterday"?"Yesterday":r==="previous7"?new Intl.DateTimeFormat("en-US",{weekday:"short"}).format(a):new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(a)},z=a=>{const r=new Map;return y.forEach(n=>r.set(n,[])),a.forEach(n=>{const b=C(n.updatedAt);r.get(b)?.push(n)}),r},S=({conversations:a=[],activeConversationId:r,onSelectConversation:n,onNewConversation:b,onDeleteConversation:u,onSearch:x,header:w,footer:N,collapsed:m=!1,onCollapsedChange:f,className:I,...D})=>{const[h,T]=d.useState(""),[p,j]=d.useState(null),o=d.useRef(void 0);d.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const g=d.useMemo(()=>{if(!h.trim())return a;const s=h.toLowerCase();return a.filter(l=>l.title.toLowerCase().includes(s)||l.preview?.toLowerCase().includes(s))},[a,h]),v=d.useMemo(()=>z(g),[g]),B=d.useCallback(s=>{const l=s.target.value;T(l),x?.(l)},[x]),k=d.useCallback(s=>{n?.(s),m&&f&&f(!0)},[n,m,f]),F=d.useCallback((s,l)=>{s.stopPropagation(),p===l?(u?.(l),j(null),o.current&&clearTimeout(o.current)):(j(l),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{j(null)},3e3))},[p,u]),M=y.some(s=>(v.get(s)?.length??0)>0);return e.jsxs(e.Fragment,{children:[!m&&e.jsx("div",{className:t.default.sidebarOverlay,onClick:()=>f?.(!0),"aria-hidden":"true"}),e.jsxs("aside",{className:[t.default.sidebar,m&&t.default.sidebarCollapsed,!m&&t.default.sidebarOpen,I].filter(Boolean).join(" "),...D,children:[e.jsx("div",{className:t.default.sidebarHeader,children:w||e.jsxs(e.Fragment,{children:[e.jsx("button",{className:[t.default.inputButton,t.default.inputButtonPrimary,t.default.sidebarNewButton].filter(Boolean).join(" "),onClick:b,"aria-label":"New conversation",children:e.jsxs("span",{className:t.default.sidebarNewButtonInner,children:[e.jsx(c.Plus,{size:18}),e.jsx("span",{children:"New Chat"})]})}),e.jsx("button",{className:[t.default.inputButton,t.default.sidebarCloseButton].join(" "),onClick:()=>f?.(!0),"aria-label":"Close sidebar",children:e.jsx(c.X,{size:20})})]})}),e.jsx("div",{className:t.default.sidebarSearch,children:e.jsxs("div",{className:t.default.sidebarSearchWrapper,children:[e.jsx(c.Search,{size:16,className:t.default.sidebarSearchIcon}),e.jsx("input",{type:"search",className:[t.default.sidebarSearchInput,t.default.sidebarSearchInputWithIcon].join(" "),placeholder:"Search conversations...",value:h,onChange:B,"aria-label":"Search conversations"})]})}),e.jsx("div",{className:t.default.sidebarList,role:"list","aria-label":"Conversations",children:M?y.map(s=>{const l=v.get(s)??[];return l.length===0?null:e.jsxs("div",{children:[e.jsx("div",{className:t.default.sidebarGroupHeader,children:O[s]}),l.map(i=>e.jsxs("button",{className:[t.default.sidebarItem,i.id===r&&t.default.sidebarItemActive].filter(Boolean).join(" "),onClick:()=>k(i.id),role:"listitem","aria-selected":i.id===r,"aria-label":`Conversation: ${i.title}`,children:[e.jsx(c.MessageSquare,{size:18,className:t.default.sidebarItemIcon}),e.jsxs("div",{className:t.default.sidebarItemContent,children:[e.jsx("span",{className:t.default.sidebarItemTitle,children:i.title}),i.preview&&e.jsx("span",{className:t.default.sidebarItemPreview,children:i.preview})]}),e.jsx("span",{className:t.default.sidebarItemDate,children:P(i.updatedAt)}),u&&e.jsx("button",{className:t.default.sidebarItemDelete,onClick:q=>F(q,i.id),"aria-label":p===i.id?`Confirm delete ${i.title}`:`Delete ${i.title}`,children:p===i.id?e.jsx("span",{className:t.default.sidebarItemDeleteConfirm,children:"Delete?"}):e.jsx(c.Trash2,{size:16})})]},i.id))]},s)}):e.jsxs("div",{className:t.default.sidebarEmpty,children:[e.jsx(c.MessageSquare,{size:32,className:t.default.sidebarEmptyIcon}),e.jsx("p",{children:h?"No conversations found":"No conversations yet"})]})}),N&&e.jsx("div",{className:t.default.sidebarFooter,children:N})]})]})};S.displayName="ChatSidebar";exports.ChatSidebar=S;

package/dist/components/Chat/components/ChatSidebar.mjs

@@ -0,0 +1,217 @@
+import { jsxs as l, Fragment as C, jsx as r } from "react/jsx-runtime";
+import { useState as D, useRef as Y, useEffect as x, useMemo as S, useCallback as y } from "react";
+import { Plus as A, X as U, Search as $, MessageSquare as T, Trash2 as q } from "lucide-react";
+import e from "../Chat.module.css.mjs";
+const G = {
+  today: "Today",
+  yesterday: "Yesterday",
+  previous7: "Previous 7 days",
+  previous30: "Previous 30 days",
+  older: "Older"
+}, N = [
+  "today",
+  "yesterday",
+  "previous7",
+  "previous30",
+  "older"
+], B = (t) => {
+  const a = /* @__PURE__ */ new Date(), d = (new Date(
+    a.getFullYear(),
+    a.getMonth(),
+    a.getDate()
+  ).getTime() - new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime()) / (1e3 * 60 * 60 * 24);
+  return d < 1 ? "today" : d < 2 ? "yesterday" : d < 7 ? "previous7" : d < 30 ? "previous30" : "older";
+}, H = (t) => {
+  const a = B(t);
+  return a === "today" ? new Intl.DateTimeFormat("en-US", {
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(t) : a === "yesterday" ? "Yesterday" : a === "previous7" ? new Intl.DateTimeFormat("en-US", {
+    weekday: "short"
+  }).format(t) : new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric"
+  }).format(t);
+}, Q = (t) => {
+  const a = /* @__PURE__ */ new Map();
+  return N.forEach((o) => a.set(o, [])), t.forEach((o) => {
+    const f = B(o.updatedAt);
+    a.get(f)?.push(o);
+  }), a;
+}, R = ({
+  conversations: t = [],
+  activeConversationId: a,
+  onSelectConversation: o,
+  onNewConversation: f,
+  onDeleteConversation: d,
+  onSearch: g,
+  header: j,
+  footer: v,
+  collapsed: u = !1,
+  onCollapsedChange: m,
+  className: k,
+  ...F
+}) => {
+  const [h, z] = D(""), [p, b] = D(null), c = Y(
+    void 0
+  );
+  x(() => () => {
+    c.current && clearTimeout(c.current);
+  }, []);
+  const w = S(() => {
+    if (!h.trim()) return t;
+    const s = h.toLowerCase();
+    return t.filter(
+      (n) => n.title.toLowerCase().includes(s) || n.preview?.toLowerCase().includes(s)
+    );
+  }, [t, h]), I = S(() => Q(w), [w]), O = y(
+    (s) => {
+      const n = s.target.value;
+      z(n), g?.(n);
+    },
+    [g]
+  ), P = y(
+    (s) => {
+      o?.(s), u && m && m(!0);
+    },
+    [o, u, m]
+  ), E = y(
+    (s, n) => {
+      s.stopPropagation(), p === n ? (d?.(n), b(null), c.current && clearTimeout(c.current)) : (b(n), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+        b(null);
+      }, 3e3));
+    },
+    [p, d]
+  ), L = N.some(
+    (s) => (I.get(s)?.length ?? 0) > 0
+  );
+  return /* @__PURE__ */ l(C, { children: [
+    !u && /* @__PURE__ */ r(
+      "div",
+      {
+        className: e.sidebarOverlay,
+        onClick: () => m?.(!0),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ l(
+      "aside",
+      {
+        className: [
+          e.sidebar,
+          u && e.sidebarCollapsed,
+          !u && e.sidebarOpen,
+          k
+        ].filter(Boolean).join(" "),
+        ...F,
+        children: [
+          /* @__PURE__ */ r("div", { className: e.sidebarHeader, children: j || /* @__PURE__ */ l(C, { children: [
+            /* @__PURE__ */ r(
+              "button",
+              {
+                className: [
+                  e.inputButton,
+                  e.inputButtonPrimary,
+                  e.sidebarNewButton
+                ].filter(Boolean).join(" "),
+                onClick: f,
+                "aria-label": "New conversation",
+                children: /* @__PURE__ */ l("span", { className: e.sidebarNewButtonInner, children: [
+                  /* @__PURE__ */ r(A, { size: 18 }),
+                  /* @__PURE__ */ r("span", { children: "New Chat" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                className: [e.inputButton, e.sidebarCloseButton].join(
+                  " "
+                ),
+                onClick: () => m?.(!0),
+                "aria-label": "Close sidebar",
+                children: /* @__PURE__ */ r(U, { size: 20 })
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ r("div", { className: e.sidebarSearch, children: /* @__PURE__ */ l("div", { className: e.sidebarSearchWrapper, children: [
+            /* @__PURE__ */ r($, { size: 16, className: e.sidebarSearchIcon }),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                type: "search",
+                className: [
+                  e.sidebarSearchInput,
+                  e.sidebarSearchInputWithIcon
+                ].join(" "),
+                placeholder: "Search conversations...",
+                value: h,
+                onChange: O,
+                "aria-label": "Search conversations"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: e.sidebarList,
+              role: "list",
+              "aria-label": "Conversations",
+              children: L ? N.map((s) => {
+                const n = I.get(s) ?? [];
+                return n.length === 0 ? null : /* @__PURE__ */ l("div", { children: [
+                  /* @__PURE__ */ r("div", { className: e.sidebarGroupHeader, children: G[s] }),
+                  n.map((i) => /* @__PURE__ */ l(
+                    "button",
+                    {
+                      className: [
+                        e.sidebarItem,
+                        i.id === a && e.sidebarItemActive
+                      ].filter(Boolean).join(" "),
+                      onClick: () => P(i.id),
+                      role: "listitem",
+                      "aria-selected": i.id === a,
+                      "aria-label": `Conversation: ${i.title}`,
+                      children: [
+                        /* @__PURE__ */ r(
+                          T,
+                          {
+                            size: 18,
+                            className: e.sidebarItemIcon
+                          }
+                        ),
+                        /* @__PURE__ */ l("div", { className: e.sidebarItemContent, children: [
+                          /* @__PURE__ */ r("span", { className: e.sidebarItemTitle, children: i.title }),
+                          i.preview && /* @__PURE__ */ r("span", { className: e.sidebarItemPreview, children: i.preview })
+                        ] }),
+                        /* @__PURE__ */ r("span", { className: e.sidebarItemDate, children: H(i.updatedAt) }),
+                        d && /* @__PURE__ */ r(
+                          "button",
+                          {
+                            className: e.sidebarItemDelete,
+                            onClick: (M) => E(M, i.id),
+                            "aria-label": p === i.id ? `Confirm delete ${i.title}` : `Delete ${i.title}`,
+                            children: p === i.id ? /* @__PURE__ */ r("span", { className: e.sidebarItemDeleteConfirm, children: "Delete?" }) : /* @__PURE__ */ r(q, { size: 16 })
+                          }
+                        )
+                      ]
+                    },
+                    i.id
+                  ))
+                ] }, s);
+              }) : /* @__PURE__ */ l("div", { className: e.sidebarEmpty, children: [
+                /* @__PURE__ */ r(T, { size: 32, className: e.sidebarEmptyIcon }),
+                /* @__PURE__ */ r("p", { children: h ? "No conversations found" : "No conversations yet" })
+              ] })
+            }
+          ),
+          v && /* @__PURE__ */ r("div", { className: e.sidebarFooter, children: v })
+        ]
+      }
+    )
+  ] });
+};
+R.displayName = "ChatSidebar";
+export {
+  R as ChatSidebar
+};

package/dist/components/Chat/components/ChatTypingIndicator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../Chat.module.css.cjs"),s=({label:t="Generating response",className:i,...n})=>a.jsx("div",{className:[e.default.message,e.default.messageAssistant,i].filter(Boolean).join(" "),role:"status","aria-live":"polite","aria-label":t,...n,children:a.jsx("div",{className:e.default.messageContent,children:a.jsx("div",{className:[e.default.messageBubble,e.default.messageBubbleAssistant,e.default.thinkingBubble].join(" "),children:a.jsx("span",{className:e.default.thinkingSpinner})})})});s.displayName="ChatTypingIndicator";exports.ChatTypingIndicator=s;

package/dist/components/Chat/components/ChatTypingIndicator.mjs

@@ -0,0 +1,31 @@
+import { jsx as s } from "react/jsx-runtime";
+import e from "../Chat.module.css.mjs";
+const t = ({
+  label: a = "Generating response",
+  className: i,
+  ...n
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: [e.message, e.messageAssistant, i].filter(Boolean).join(" "),
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": a,
+    ...n,
+    children: /* @__PURE__ */ s("div", { className: e.messageContent, children: /* @__PURE__ */ s(
+      "div",
+      {
+        className: [
+          e.messageBubble,
+          e.messageBubbleAssistant,
+          e.thinkingBubble
+        ].join(" "),
+        children: /* @__PURE__ */ s("span", { className: e.thinkingSpinner })
+      }
+    ) })
+  }
+);
+t.displayName = "ChatTypingIndicator";
+export {
+  t as ChatTypingIndicator
+};

package/dist/components/Chat/components/ChatVoiceRecorder.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lucide-react"),g=require("../hooks/useVoiceRecorder.cjs"),b=require("../utils.cjs"),r=require("../Chat.module.css.cjs"),t=({onRecordingComplete:s,onCancel:u,maxDuration:f=300,className:a,...d})=>{const{isRecording:o,duration:v,audioBlob:c,error:l,startRecording:R,stopRecording:j,cancelRecording:x,reset:n,isSupported:m}=g.useVoiceRecorder({maxDuration:f,onRecordingComplete:s,onError:B=>console.error("Recording error:",B)}),h=()=>{o?j():c?(s?.(c),n()):R()},N=()=>{x(),u?.()};return m?l?e.jsxs("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:[e.jsx("div",{className:r.default.voiceRecorderInfo,children:e.jsx("span",{className:[r.default.voiceRecorderLabel,r.default.voiceRecorderError].join(" "),children:l})}),e.jsx("button",{className:r.default.inputButton,onClick:n,"aria-label":"Try again",children:e.jsx(i.X,{size:20})})]}):e.jsxs("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:[e.jsx("button",{className:[r.default.voiceRecorderButton,!o&&!c&&r.default.voiceRecorderButtonIdle].filter(Boolean).join(" "),onClick:h,"aria-label":o?"Stop recording":c?"Send recording":"Start recording",children:o?e.jsx(i.Square,{size:20}):c?e.jsx(i.Send,{size:20}):e.jsx(i.Mic,{size:20})}),e.jsxs("div",{className:r.default.voiceRecorderInfo,children:[e.jsx("span",{className:r.default.voiceRecorderDuration,children:b.formatTime(v)}),e.jsx("span",{className:r.default.voiceRecorderLabel,children:o?"Recording...":c?"Recording ready":"Click to record"})]}),o&&e.jsxs("div",{className:r.default.voiceRecorderWaveform,children:[e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar})]}),(o||c)&&e.jsx("div",{className:r.default.voiceRecorderActions,children:e.jsx("button",{className:r.default.inputButton,onClick:N,"aria-label":"Cancel recording",children:e.jsx(i.X,{size:20})})})]}):e.jsx("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:e.jsx("div",{className:r.default.voiceRecorderInfo,children:e.jsx("span",{className:r.default.voiceRecorderLabel,children:"Voice recording is not supported in this browser"})})})};t.displayName="ChatVoiceRecorder";exports.ChatVoiceRecorder=t;