@orion-ds/react 4.6.5 → 4.7.0

package/dist/index120.mjs

@@ -0,0 +1,192 @@
+import { jsxs as s, jsx as t, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as C, useState as T, useRef as A, useEffect as w, useCallback as u } from "react";
+import { Paperclip as x, Smile as I, Send as k } from "lucide-react";
+import { Button as D } from "./index191.mjs";
+import e from "./index215.mjs";
+const P = C(
+  ({
+    title: p = "Chat",
+    messages: n = [],
+    inputPlaceholder: N = "Type a message...",
+    onSendMessage: c,
+    participants: d = [],
+    selectedParticipantId: v,
+    onSelectParticipant: f,
+    isTyping: b = !1,
+    isLoading: i = !1,
+    error: m,
+    className: y,
+    ...g
+  }, S) => {
+    const [l, o] = T(""), h = A(null);
+    w(() => {
+      h.current?.scrollIntoView({ behavior: "smooth" });
+    }, [n]);
+    const r = u(() => {
+      l.trim() && (c?.(l.trim()), o(""));
+    }, [l, c]), B = u(
+      (a) => {
+        a.key === "Enter" && !a.shiftKey && (a.preventDefault(), r());
+      },
+      [r]
+    );
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: S,
+        className: [e.root, y].filter(Boolean).join(" "),
+        ...g,
+        children: [
+          d.length > 0 && /* @__PURE__ */ s("div", { className: e.sidebar, children: [
+            /* @__PURE__ */ t("h3", { className: e.sidebarTitle, children: "Participants" }),
+            /* @__PURE__ */ t("div", { className: e.participantsList, children: d.map((a) => /* @__PURE__ */ s(
+              "div",
+              {
+                className: [
+                  e.participant,
+                  v === a.id && e.participantActive
+                ].filter(Boolean).join(" "),
+                onClick: () => f?.(a.id),
+                children: [
+                  a.avatar && /* @__PURE__ */ t(
+                    "img",
+                    {
+                      src: a.avatar,
+                      alt: a.name,
+                      className: e.participantAvatar
+                    }
+                  ),
+                  /* @__PURE__ */ s("div", { className: e.participantInfo, children: [
+                    /* @__PURE__ */ t("div", { className: e.participantName, children: a.name }),
+                    a.status && /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: [
+                          e.participantStatus,
+                          e[`status${a.status}`]
+                        ].filter(Boolean).join(" "),
+                        children: a.status
+                      }
+                    )
+                  ] })
+                ]
+              },
+              a.id
+            )) })
+          ] }),
+          /* @__PURE__ */ s("div", { className: e.mainArea, children: [
+            /* @__PURE__ */ s("div", { className: e.header, children: [
+              /* @__PURE__ */ t("h2", { className: e.title, children: p }),
+              m && /* @__PURE__ */ t("div", { className: e.errorBadge, children: m })
+            ] }),
+            /* @__PURE__ */ s("div", { className: e.messagesContainer, children: [
+              n.length === 0 ? /* @__PURE__ */ s("div", { className: e.emptyState, children: [
+                /* @__PURE__ */ t("div", { className: e.emptyStateIcon, children: "💬" }),
+                /* @__PURE__ */ t("h3", { className: e.emptyStateTitle, children: "No messages yet" }),
+                /* @__PURE__ */ t("p", { className: e.emptyStateText, children: "Start the conversation by sending a message" })
+              ] }) : /* @__PURE__ */ s(j, { children: [
+                n.map((a) => /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: [
+                      e.messageWrapper,
+                      e[`message${a.role}`]
+                    ].filter(Boolean).join(" "),
+                    children: [
+                      /* @__PURE__ */ s("div", { className: e.messageBubble, children: [
+                        /* @__PURE__ */ t("p", { className: e.messageContent, children: a.content }),
+                        a.timestamp && /* @__PURE__ */ t("span", { className: e.messageTime, children: new Date(a.timestamp).toLocaleTimeString([], {
+                          hour: "2-digit",
+                          minute: "2-digit"
+                        }) })
+                      ] }),
+                      a.status && /* @__PURE__ */ s(
+                        "span",
+                        {
+                          className: [
+                            e.messageStatus,
+                            e[`status${a.status}`]
+                          ].filter(Boolean).join(" "),
+                          title: a.status,
+                          children: [
+                            a.status === "sending" && "⏱",
+                            a.status === "sent" && "✓",
+                            a.status === "error" && "✗"
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  a.id
+                )),
+                b && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: [
+                      e.messageWrapper,
+                      e.messageAssistant
+                    ].join(" "),
+                    children: /* @__PURE__ */ t("div", { className: e.messageBubble, children: /* @__PURE__ */ s("div", { className: e.typingIndicator, children: [
+                      /* @__PURE__ */ t("span", {}),
+                      /* @__PURE__ */ t("span", {}),
+                      /* @__PURE__ */ t("span", {})
+                    ] }) })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t("div", { ref: h })
+            ] }),
+            /* @__PURE__ */ t("div", { className: e.inputArea, children: /* @__PURE__ */ s("div", { className: e.inputGroup, children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: e.actionButton,
+                  "aria-label": "Attach file",
+                  disabled: i,
+                  children: /* @__PURE__ */ t(x, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                "textarea",
+                {
+                  className: e.input,
+                  placeholder: N,
+                  value: l,
+                  onChange: (a) => o(a.target.value),
+                  onKeyDown: B,
+                  disabled: i,
+                  rows: 1
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: e.actionButton,
+                  "aria-label": "Add emoji",
+                  disabled: i,
+                  children: /* @__PURE__ */ t(I, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                D,
+                {
+                  variant: "primary",
+                  iconOnly: !0,
+                  icon: /* @__PURE__ */ t(k, { size: 20 }),
+                  onClick: r,
+                  disabled: !l.trim() || i,
+                  isLoading: i,
+                  "aria-label": "Send message"
+                }
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+P.displayName = "ChatPageTemplate";
+export {
+  P as ChatPageTemplate
+};

package/dist/index121 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),f=require("react-syntax-highlighter"),d=require("react-syntax-highlighter/dist/esm/styles/prism"),u=require("lucide-react"),o=require("./index115.cjs"),k=require("./index75.cjs"),b=t=>t?{js:"javascript",ts:"typescript",jsx:"jsx",tsx:"tsx",py:"python",rb:"ruby",sh:"bash",shell:"bash",yml:"yaml",md:"markdown"}[t.toLowerCase()]||t.toLowerCase():"text",h=({code:t,language:s,showLineNumbers:m=!1,showCopyButton:p=!0,maxHeight:y="400px",className:C,...x})=>{const[a,r]=n.useState(!1);let c="dark";try{c=k.useThemeContext().theme}catch{}const g=n.useCallback(async()=>{try{await navigator.clipboard.writeText(t),r(!0),setTimeout(()=>r(!1),2e3)}catch(l){console.error("Failed to copy code:",l)}},[t]),i=b(s),j=c==="light"?d.oneLight:d.oneDark;return e.jsxs("div",{className:[o.default.codeBlock,C].filter(Boolean).join(" "),...x,children:[e.jsxs("div",{className:o.default.codeBlockHeader,children:[e.jsx("span",{className:o.default.codeBlockLanguage,children:i}),p&&e.jsx("button",{className:[o.default.codeBlockCopy,a&&o.default.codeBlockCopied].filter(Boolean).join(" "),onClick:g,"aria-label":a?"Copied!":"Copy code",children:a?e.jsxs(e.Fragment,{children:[e.jsx(u.Check,{size:14}),"Copied!"]}):e.jsxs(e.Fragment,{children:[e.jsx(u.Copy,{size:14}),"Copy"]})})]}),e.jsx("div",{className:o.default.codeBlockContent,style:{maxHeight:y},children:e.jsx(f.Prism,{language:i,style:j,showLineNumbers:m,customStyle:{margin:0,padding:0,background:"transparent",fontSize:"inherit",lineHeight:"inherit"},codeTagProps:{style:{fontFamily:"var(--font-mono)"}},children:t})})]})};h.displayName="ChatCodeBlock";exports.ChatCodeBlock=h;

package/dist/index121 2.mjs

@@ -0,0 +1,93 @@
+import { jsxs as r, jsx as o, Fragment as d } from "react/jsx-runtime";
+import { useState as g, useCallback as k } from "react";
+import { Prism as x } from "react-syntax-highlighter";
+import { oneLight as B, oneDark as b } from "react-syntax-highlighter/dist/esm/styles/prism";
+import { Check as j, Copy as v } from "lucide-react";
+import t from "./index115.mjs";
+import { useThemeContext as L } from "./index75.mjs";
+const N = (e) => e ? {
+  js: "javascript",
+  ts: "typescript",
+  jsx: "jsx",
+  tsx: "tsx",
+  py: "python",
+  rb: "ruby",
+  sh: "bash",
+  shell: "bash",
+  yml: "yaml",
+  md: "markdown"
+}[e.toLowerCase()] || e.toLowerCase() : "text", w = ({
+  code: e,
+  language: s,
+  showLineNumbers: m = !1,
+  showCopyButton: p = !0,
+  maxHeight: h = "400px",
+  className: y,
+  ...C
+}) => {
+  const [a, i] = g(!1);
+  let l = "dark";
+  try {
+    l = L().theme;
+  } catch {
+  }
+  const u = k(async () => {
+    try {
+      await navigator.clipboard.writeText(e), i(!0), setTimeout(() => i(!1), 2e3);
+    } catch (n) {
+      console.error("Failed to copy code:", n);
+    }
+  }, [e]), c = N(s), f = l === "light" ? B : b;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: [t.codeBlock, y].filter(Boolean).join(" "),
+      ...C,
+      children: [
+        /* @__PURE__ */ r("div", { className: t.codeBlockHeader, children: [
+          /* @__PURE__ */ o("span", { className: t.codeBlockLanguage, children: c }),
+          p && /* @__PURE__ */ o(
+            "button",
+            {
+              className: [t.codeBlockCopy, a && t.codeBlockCopied].filter(Boolean).join(" "),
+              onClick: u,
+              "aria-label": a ? "Copied!" : "Copy code",
+              children: a ? /* @__PURE__ */ r(d, { children: [
+                /* @__PURE__ */ o(j, { size: 14 }),
+                "Copied!"
+              ] }) : /* @__PURE__ */ r(d, { children: [
+                /* @__PURE__ */ o(v, { size: 14 }),
+                "Copy"
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("div", { className: t.codeBlockContent, style: { maxHeight: h }, children: /* @__PURE__ */ o(
+          x,
+          {
+            language: c,
+            style: f,
+            showLineNumbers: m,
+            customStyle: {
+              margin: 0,
+              padding: 0,
+              background: "transparent",
+              fontSize: "inherit",
+              lineHeight: "inherit"
+            },
+            codeTagProps: {
+              style: {
+                fontFamily: "var(--font-mono)"
+              }
+            },
+            children: e
+          }
+        ) })
+      ]
+    }
+  );
+};
+w.displayName = "ChatCodeBlock";
+export {
+  w as ChatCodeBlock
+};

package/dist/index121.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),s=require("./index265.cjs"),r=n.forwardRef(({messages:u=[],conversations:a,activeConversationId:c,onConversationSelect:o,onSendMessage:m,placeholder:f="Type a message...",className:h},v)=>{const[b,j]=n.useState(u),[p,x]=n.useState(c||a?.[0]?.id||""),[l,i]=n.useState(""),g=e=>{x(e),o?.(e)},d=()=>{const e=l.trim();if(!e)return;const S={id:`msg-${Date.now()}`,role:"user",content:e};j(C=>[...C,S]),i(""),m?.(e)},N=e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),d())},y=a&&a.length>0;return t.jsxs("section",{ref:v,className:`${s.default.section} ${h||""}`,children:[y&&t.jsxs("aside",{className:s.default.sidebar,children:[t.jsx("div",{className:s.default.sidebarHeader,children:"Conversations"}),t.jsx("div",{className:s.default.conversationList,children:a.map(e=>t.jsx("button",{className:`${s.default.conversationItem} ${p===e.id?s.default.conversationItemActive:""}`,onClick:()=>g(e.id),type:"button",children:t.jsx("span",{className:s.default.conversationTitle,children:e.title})},e.id))})]}),t.jsxs("div",{className:s.default.main,children:[t.jsx("div",{className:s.default.messages,children:b.map(e=>t.jsxs("div",{className:`${s.default.message} ${e.role==="user"?s.default.messageUser:e.role==="assistant"?s.default.messageAssistant:s.default.messageSystem}`,children:[e.role!=="system"&&t.jsx("div",{className:s.default.messageAvatar,children:e.role==="user"?"U":"A"}),t.jsx("div",{className:`${s.default.messageBubble} ${e.role==="user"?s.default.messageBubbleUser:e.role==="assistant"?s.default.messageBubbleAssistant:s.default.messageBubbleSystem}`,children:e.content})]},e.id))}),t.jsxs("div",{className:s.default.inputArea,children:[t.jsx("input",{type:"text",className:s.default.input,placeholder:f,value:l,onChange:e=>i(e.target.value),onKeyDown:N,"aria-label":"Message input"}),t.jsx("button",{className:s.default.sendButton,onClick:d,disabled:!l.trim(),type:"button",children:"Send"})]})]})]})});r.displayName="ChatSection";exports.ChatSection=r;

package/dist/index121.mjs

@@ -0,0 +1,93 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import I, { useState as l } from "react";
+import s from "./index265.mjs";
+const w = I.forwardRef(
+  ({
+    messages: c = [],
+    conversations: n,
+    activeConversationId: d,
+    onConversationSelect: m,
+    onSendMessage: u,
+    placeholder: h = "Type a message...",
+    className: p
+  }, v) => {
+    const [b, N] = l(c), [g, y] = l(
+      d || n?.[0]?.id || ""
+    ), [i, r] = l(""), C = (e) => {
+      y(e), m?.(e);
+    }, o = () => {
+      const e = i.trim();
+      if (!e) return;
+      const $ = {
+        id: `msg-${Date.now()}`,
+        role: "user",
+        content: e
+      };
+      N((A) => [...A, $]), r(""), u?.(e);
+    }, f = (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), o());
+    }, S = n && n.length > 0;
+    return /* @__PURE__ */ t("section", { ref: v, className: `${s.section} ${p || ""}`, children: [
+      S && /* @__PURE__ */ t("aside", { className: s.sidebar, children: [
+        /* @__PURE__ */ a("div", { className: s.sidebarHeader, children: "Conversations" }),
+        /* @__PURE__ */ a("div", { className: s.conversationList, children: n.map((e) => /* @__PURE__ */ a(
+          "button",
+          {
+            className: `${s.conversationItem} ${g === e.id ? s.conversationItemActive : ""}`,
+            onClick: () => C(e.id),
+            type: "button",
+            children: /* @__PURE__ */ a("span", { className: s.conversationTitle, children: e.title })
+          },
+          e.id
+        )) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: s.main, children: [
+        /* @__PURE__ */ a("div", { className: s.messages, children: b.map((e) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${s.message} ${e.role === "user" ? s.messageUser : e.role === "assistant" ? s.messageAssistant : s.messageSystem}`,
+            children: [
+              e.role !== "system" && /* @__PURE__ */ a("div", { className: s.messageAvatar, children: e.role === "user" ? "U" : "A" }),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: `${s.messageBubble} ${e.role === "user" ? s.messageBubbleUser : e.role === "assistant" ? s.messageBubbleAssistant : s.messageBubbleSystem}`,
+                  children: e.content
+                }
+              )
+            ]
+          },
+          e.id
+        )) }),
+        /* @__PURE__ */ t("div", { className: s.inputArea, children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              type: "text",
+              className: s.input,
+              placeholder: h,
+              value: i,
+              onChange: (e) => r(e.target.value),
+              onKeyDown: f,
+              "aria-label": "Message input"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: s.sendButton,
+              onClick: o,
+              disabled: !i.trim(),
+              type: "button",
+              children: "Send"
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+w.displayName = "ChatSection";
+export {
+  w as ChatSection
+};

package/dist/index122 2.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 "./index121.mjs";
+import g from "./index115.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/index122 4.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("./index121.cjs"),g=require("./index115.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/index122.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./index272.cjs"),i=o.forwardRef(({title:r,columns:t,features:c,className:n,...h},m)=>e.jsx("section",{ref:m,className:`${a.default.section} ${n||""}`,...h,children:e.jsxs("div",{className:a.default.container,children:[e.jsx("h2",{className:a.default.title,children:r}),e.jsxs("table",{className:a.default.table,children:[e.jsx("thead",{children:e.jsxs("tr",{className:a.default.headerRow,children:[e.jsx("th",{className:a.default.headerCell}),t.map(s=>e.jsxs("th",{className:`${a.default.headerCell} ${s.highlighted?a.default.highlighted:""}`,children:[s.title,s.badge&&e.jsx("span",{className:a.default.badge,children:s.badge})]},s.title))]})}),e.jsx("tbody",{children:c.map(s=>e.jsxs("tr",{className:a.default.featureRow,children:[e.jsx("td",{className:a.default.featureName,children:s.name}),s.values.map((l,d)=>e.jsx("td",{className:`${a.default.featureValue} ${t[d]?.highlighted?a.default.highlightedCol:""}`,children:typeof l=="boolean"?l?e.jsx("span",{className:a.default.checkIcon,"aria-label":"Yes",children:"✓"}):e.jsx("span",{className:a.default.crossIcon,"aria-label":"No",children:"—"}):l},d))]},s.name))})]})]})}));i.displayName="Comparison";exports.Comparison=i;

package/dist/index122.mjs

@@ -0,0 +1,47 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import e from "./index272.mjs";
+const N = o(
+  ({ title: t, columns: r, features: c, className: d, ...n }, m) => /* @__PURE__ */ a(
+    "section",
+    {
+      ref: m,
+      className: `${e.section} ${d || ""}`,
+      ...n,
+      children: /* @__PURE__ */ l("div", { className: e.container, children: [
+        /* @__PURE__ */ a("h2", { className: e.title, children: t }),
+        /* @__PURE__ */ l("table", { className: e.table, children: [
+          /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ l("tr", { className: e.headerRow, children: [
+            /* @__PURE__ */ a("th", { className: e.headerCell }),
+            r.map((s) => /* @__PURE__ */ l(
+              "th",
+              {
+                className: `${e.headerCell} ${s.highlighted ? e.highlighted : ""}`,
+                children: [
+                  s.title,
+                  s.badge && /* @__PURE__ */ a("span", { className: e.badge, children: s.badge })
+                ]
+              },
+              s.title
+            ))
+          ] }) }),
+          /* @__PURE__ */ a("tbody", { children: c.map((s) => /* @__PURE__ */ l("tr", { className: e.featureRow, children: [
+            /* @__PURE__ */ a("td", { className: e.featureName, children: s.name }),
+            s.values.map((i, h) => /* @__PURE__ */ a(
+              "td",
+              {
+                className: `${e.featureValue} ${r[h]?.highlighted ? e.highlightedCol : ""}`,
+                children: typeof i == "boolean" ? i ? /* @__PURE__ */ a("span", { className: e.checkIcon, "aria-label": "Yes", children: "✓" }) : /* @__PURE__ */ a("span", { className: e.crossIcon, "aria-label": "No", children: "—" }) : i
+              },
+              h
+            ))
+          ] }, s.name)) })
+        ] })
+      ] })
+    }
+  )
+);
+N.displayName = "Comparison";
+export {
+  N as Comparison
+};

package/dist/index123 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),I=require("lucide-react"),a=require("./index115.cjs"),w=require("./index185.cjs"),u=({src:i,alt:t="Image attachment",thumbnail:g,onClick:n,enableLightbox:s=!0,className:o,...l})=>{const[h,c]=d.useState(!1),[f,v]=d.useState(!1),m=()=>{n?n():s&&c(!0)},x=r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),m())},j=()=>{v(!0)};return f?e.jsxs("div",{className:[a.default.imagePreview,a.default.attachmentPreview,o].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:a.default.attachmentPreviewIcon,children:e.jsx(I.ImageOff,{size:20})}),e.jsx("span",{className:a.default.attachmentPreviewName,children:"Image failed to load"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:[a.default.imagePreview,o].filter(Boolean).join(" "),onClick:m,onKeyDown:x,role:"button",tabIndex:0,"aria-label":t,...l,children:e.jsx("img",{src:g||i,alt:t,className:a.default.imagePreviewImg,onError:j,loading:"lazy"})}),s&&e.jsx(w.ChatLightbox,{src:i,alt:t,isOpen:h,onClose:()=>c(!1)})]})};u.displayName="ChatImagePreview";exports.ChatImagePreview=u;

package/dist/index123 3.mjs

@@ -0,0 +1,69 @@
+import { jsxs as f, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { ImageOff as P } from "lucide-react";
+import a from "./index115.mjs";
+import { ChatLightbox as y } from "./index185.mjs";
+const x = ({
+  src: i,
+  alt: r = "Image attachment",
+  thumbnail: h,
+  onClick: o,
+  enableLightbox: n = !0,
+  className: m,
+  ...s
+}) => {
+  const [d, l] = g(!1), [p, v] = g(!1), c = () => {
+    o ? o() : n && l(!0);
+  }, I = (t) => {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), c());
+  }, w = () => {
+    v(!0);
+  };
+  return p ? /* @__PURE__ */ f(
+    "div",
+    {
+      className: [a.imagePreview, a.attachmentPreview, m].filter(Boolean).join(" "),
+      ...s,
+      children: [
+        /* @__PURE__ */ e("div", { className: a.attachmentPreviewIcon, children: /* @__PURE__ */ e(P, { size: 20 }) }),
+        /* @__PURE__ */ e("span", { className: a.attachmentPreviewName, children: "Image failed to load" })
+      ]
+    }
+  ) : /* @__PURE__ */ f(u, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: [a.imagePreview, m].filter(Boolean).join(" "),
+        onClick: c,
+        onKeyDown: I,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": r,
+        ...s,
+        children: /* @__PURE__ */ e(
+          "img",
+          {
+            src: h || i,
+            alt: r,
+            className: a.imagePreviewImg,
+            onError: w,
+            loading: "lazy"
+          }
+        )
+      }
+    ),
+    n && /* @__PURE__ */ e(
+      y,
+      {
+        src: i,
+        alt: r,
+        isOpen: d,
+        onClose: () => l(!1)
+      }
+    )
+  ] });
+};
+x.displayName = "ChatImagePreview";
+export {
+  x as ChatImagePreview
+};

package/dist/index123.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("./index276.cjs"),d=u.forwardRef(({title:r,description:t,contactInfo:s,className:c,...i},n)=>e.jsx("section",{ref:n,className:`${a.default.section} ${c||""}`,...i,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h2",{className:a.default.title,children:r}),t&&e.jsx("p",{className:a.default.description,children:t})]}),s&&s.length>0&&e.jsx("div",{className:a.default.infoGrid,children:s.map(l=>e.jsxs("div",{className:a.default.infoCard,children:[e.jsx("p",{className:a.default.infoLabel,children:l.label}),l.href?e.jsx("a",{href:l.href,className:a.default.infoLink,children:l.value}):e.jsx("p",{className:a.default.infoValue,children:l.value})]},l.label))})]})}));d.displayName="Contact";exports.Contact=d;

package/dist/index123.mjs

@@ -0,0 +1,27 @@
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import e from "./index276.mjs";
+const t = n(
+  ({ title: c, description: i, contactInfo: s, className: d, ...m }, h) => /* @__PURE__ */ a(
+    "section",
+    {
+      ref: h,
+      className: `${e.section} ${d || ""}`,
+      ...m,
+      children: /* @__PURE__ */ r("div", { className: e.container, children: [
+        /* @__PURE__ */ r("div", { className: e.header, children: [
+          /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+          i && /* @__PURE__ */ a("p", { className: e.description, children: i })
+        ] }),
+        s && s.length > 0 && /* @__PURE__ */ a("div", { className: e.infoGrid, children: s.map((l) => /* @__PURE__ */ r("div", { className: e.infoCard, children: [
+          /* @__PURE__ */ a("p", { className: e.infoLabel, children: l.label }),
+          l.href ? /* @__PURE__ */ a("a", { href: l.href, className: e.infoLink, children: l.value }) : /* @__PURE__ */ a("p", { className: e.infoValue, children: l.value })
+        ] }, l.label)) })
+      ] })
+    }
+  )
+);
+t.displayName = "Contact";
+export {
+  t as Contact
+};