@orion-ds/react 4.6.5 → 4.7.0

package/dist/index113.mjs

@@ -0,0 +1,153 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as k, useCallback as u } from "react";
+import { Plus as S, Edit2 as w, Trash2 as D, Clock as j } from "lucide-react";
+import { Badge as x } from "./index190.mjs";
+import { Button as N } from "./index191.mjs";
+import { Card as l } from "./index196.mjs";
+import e from "./index219.mjs";
+function z(r) {
+  switch (r) {
+    case "active":
+      return "success";
+    case "inactive":
+      return "info";
+    case "error":
+      return "error";
+    default:
+      return "info";
+  }
+}
+function A(r) {
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}
+const I = k(
+  ({
+    title: r = "Agent Workspace",
+    agents: n = [],
+    selectedAgentId: f,
+    onSelectAgent: v,
+    onCreateAgent: c,
+    onDeleteAgent: d,
+    onEditAgent: o,
+    isLoading: m = !1,
+    error: h,
+    subtitle: p,
+    className: g,
+    ...y
+  }, C) => {
+    const B = u(
+      (t, s) => {
+        s.stopPropagation(), window.confirm("Are you sure you want to delete this agent?") && d?.(t);
+      },
+      [d]
+    ), b = u(
+      (t, s) => {
+        s.stopPropagation(), o?.(t);
+      },
+      [o]
+    );
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: C,
+        className: [e.root, g].filter(Boolean).join(" "),
+        ...y,
+        children: [
+          /* @__PURE__ */ i("div", { className: e.header, children: [
+            /* @__PURE__ */ i("div", { className: e.headerContent, children: [
+              /* @__PURE__ */ a("h1", { className: e.title, children: r }),
+              p && /* @__PURE__ */ a("p", { className: e.subtitle, children: p })
+            ] }),
+            /* @__PURE__ */ a(
+              N,
+              {
+                variant: "primary",
+                icon: /* @__PURE__ */ a(S, { size: 20 }),
+                onClick: c,
+                disabled: m,
+                children: "New Agent"
+              }
+            )
+          ] }),
+          h && /* @__PURE__ */ a("div", { className: e.error, children: h }),
+          /* @__PURE__ */ a("div", { className: e.grid, children: n.length === 0 ? /* @__PURE__ */ a(l, { className: e.emptyState, children: /* @__PURE__ */ i(l.Body, { className: e.emptyStateBody, children: [
+            /* @__PURE__ */ a("div", { className: e.emptyStateIcon, children: "📋" }),
+            /* @__PURE__ */ a("h3", { className: e.emptyStateTitle, children: "No agents yet" }),
+            /* @__PURE__ */ a("p", { className: e.emptyStateText, children: "Create your first agent to get started" }),
+            /* @__PURE__ */ a(
+              N,
+              {
+                variant: "primary",
+                onClick: c,
+                disabled: m,
+                children: "Create Agent"
+              }
+            )
+          ] }) }) : n.map((t) => /* @__PURE__ */ a(
+            l,
+            {
+              className: [
+                e.agentCard,
+                f === t.id && e.agentCardSelected
+              ].filter(Boolean).join(" "),
+              onClick: () => v?.(t.id),
+              children: /* @__PURE__ */ i(l.Body, { className: e.agentCardBody, children: [
+                /* @__PURE__ */ i("div", { className: e.agentHeader, children: [
+                  /* @__PURE__ */ i("div", { className: e.agentInfo, children: [
+                    /* @__PURE__ */ a("h3", { className: e.agentName, children: t.name }),
+                    /* @__PURE__ */ a(x, { variant: z(t.status), size: "sm", children: A(t.status) })
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: e.agentActions, children: [
+                    /* @__PURE__ */ a(
+                      "button",
+                      {
+                        className: e.actionButton,
+                        onClick: (s) => b(t.id, s),
+                        "aria-label": "Edit agent",
+                        title: "Edit agent",
+                        children: /* @__PURE__ */ a(w, { size: 18 })
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "button",
+                      {
+                        className: [
+                          e.actionButton,
+                          e.actionButtonDanger
+                        ].join(" "),
+                        onClick: (s) => B(t.id, s),
+                        "aria-label": "Delete agent",
+                        title: "Delete agent",
+                        children: /* @__PURE__ */ a(D, { size: 18 })
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ a("p", { className: e.agentDescription, children: t.description }),
+                /* @__PURE__ */ i("div", { className: e.agentMeta, children: [
+                  /* @__PURE__ */ i("div", { className: e.metaItem, children: [
+                    /* @__PURE__ */ a(j, { size: 14 }),
+                    /* @__PURE__ */ i("span", { className: e.metaLabel, children: [
+                      "Updated",
+                      " ",
+                      new Date(t.lastUpdated).toLocaleDateString()
+                    ] })
+                  ] }),
+                  t.usageCount !== void 0 && /* @__PURE__ */ a("div", { className: e.metaItem, children: /* @__PURE__ */ i("span", { className: e.metaLabel, children: [
+                    t.usageCount,
+                    " uses"
+                  ] }) })
+                ] })
+              ] })
+            },
+            t.id
+          )) })
+        ]
+      }
+    );
+  }
+);
+I.displayName = "AgentWorkspace";
+export {
+  I as AgentWorkspace
+};

package/dist/index114.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),N=require("react"),e=require("./index251.cjs"),h=N.forwardRef(({title:t,description:l,badges:c,appImage:n,features:d,layout:i="centered",showQrCode:m=!1,qrCode:o,rating:r,compact:j=!1,className:p,...f},u)=>{if(j)return a.jsx("section",{ref:u,className:`${e.default.section} ${e.default.compact} ${p||""}`,...f,children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{children:[a.jsx("h2",{className:e.default.title,children:t}),l&&a.jsx("p",{className:e.default.description,children:l})]}),a.jsx("div",{className:e.default.badges,children:c.map(s=>a.jsxs("a",{href:s.href,className:e.default.badge,target:"_blank",rel:"noopener noreferrer",children:[a.jsx("span",{className:e.default.badgeIcon,children:s.store==="apple"?"":"▶"}),s.store==="apple"?"App Store":"Google Play"]},s.store))})]})});const x=i==="split-left"?e.default.splitLeft:i==="split-right"?e.default.splitRight:e.default.centered;return a.jsx("section",{ref:u,className:`${e.default.section} ${p||""}`,...f,children:a.jsxs("div",{className:`${e.default.container} ${x}`,children:[a.jsxs("div",{className:e.default.content,children:[a.jsxs("div",{children:[a.jsx("h2",{className:e.default.title,children:t}),l&&a.jsx("p",{className:e.default.description,children:l})]}),r&&a.jsxs("div",{className:e.default.rating,children:[a.jsx("span",{className:e.default.ratingValue,children:r.value}),a.jsx("span",{children:r.count})]}),m&&o&&a.jsx("img",{src:o,alt:"Download QR Code",className:e.default.qrCode}),a.jsx("div",{className:e.default.badges,children:c.map(s=>a.jsxs("a",{href:s.href,className:e.default.badge,target:"_blank",rel:"noopener noreferrer",children:[a.jsx("span",{className:e.default.badgeIcon,children:s.store==="apple"?"":"▶"}),s.store==="apple"?"App Store":"Google Play"]},s.store))}),d&&d.length>0&&a.jsx("div",{className:e.default.features,children:d.map(s=>a.jsxs("div",{className:e.default.featureItem,children:[a.jsx("h3",{className:e.default.featureTitle,children:s.title}),a.jsx("p",{className:e.default.featureDescription,children:s.description})]},s.title))})]}),n&&a.jsx("div",{className:e.default.imageWrapper,children:a.jsx("img",{src:n,alt:`${t} app preview`,className:e.default.appImage})})]})})});h.displayName="AppDownload";exports.AppDownload=h;

package/dist/index114.mjs

@@ -0,0 +1,108 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import e from "./index251.mjs";
+const u = $(
+  ({
+    title: c,
+    description: r,
+    badges: t,
+    appImage: o,
+    features: i,
+    layout: p = "centered",
+    showQrCode: f = !1,
+    qrCode: d,
+    rating: n,
+    compact: v = !1,
+    className: m,
+    ...h
+  }, N) => {
+    if (v)
+      return /* @__PURE__ */ a(
+        "section",
+        {
+          ref: N,
+          className: `${e.section} ${e.compact} ${m || ""}`,
+          ...h,
+          children: /* @__PURE__ */ s("div", { className: e.container, children: [
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+              r && /* @__PURE__ */ a("p", { className: e.description, children: r })
+            ] }),
+            /* @__PURE__ */ a("div", { className: e.badges, children: t.map((l) => /* @__PURE__ */ s(
+              "a",
+              {
+                href: l.href,
+                className: e.badge,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: [
+                  /* @__PURE__ */ a("span", { className: e.badgeIcon, children: l.store === "apple" ? "" : "▶" }),
+                  l.store === "apple" ? "App Store" : "Google Play"
+                ]
+              },
+              l.store
+            )) })
+          ] })
+        }
+      );
+    const g = p === "split-left" ? e.splitLeft : p === "split-right" ? e.splitRight : e.centered;
+    return /* @__PURE__ */ a(
+      "section",
+      {
+        ref: N,
+        className: `${e.section} ${m || ""}`,
+        ...h,
+        children: /* @__PURE__ */ s("div", { className: `${e.container} ${g}`, children: [
+          /* @__PURE__ */ s("div", { className: e.content, children: [
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+              r && /* @__PURE__ */ a("p", { className: e.description, children: r })
+            ] }),
+            n && /* @__PURE__ */ s("div", { className: e.rating, children: [
+              /* @__PURE__ */ a("span", { className: e.ratingValue, children: n.value }),
+              /* @__PURE__ */ a("span", { children: n.count })
+            ] }),
+            f && d && /* @__PURE__ */ a(
+              "img",
+              {
+                src: d,
+                alt: "Download QR Code",
+                className: e.qrCode
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: e.badges, children: t.map((l) => /* @__PURE__ */ s(
+              "a",
+              {
+                href: l.href,
+                className: e.badge,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: [
+                  /* @__PURE__ */ a("span", { className: e.badgeIcon, children: l.store === "apple" ? "" : "▶" }),
+                  l.store === "apple" ? "App Store" : "Google Play"
+                ]
+              },
+              l.store
+            )) }),
+            i && i.length > 0 && /* @__PURE__ */ a("div", { className: e.features, children: i.map((l) => /* @__PURE__ */ s("div", { className: e.featureItem, children: [
+              /* @__PURE__ */ a("h3", { className: e.featureTitle, children: l.title }),
+              /* @__PURE__ */ a("p", { className: e.featureDescription, children: l.description })
+            ] }, l.title)) })
+          ] }),
+          o && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
+            "img",
+            {
+              src: o,
+              alt: `${c} app preview`,
+              className: e.appImage
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+u.displayName = "AppDownload";
+export {
+  u as AppDownload
+};

package/dist/index115.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),e=require("./index264.cjs"),x=({article:s,isListLayout:d})=>{const t=a.jsxs("div",{className:d?e.default.cardInner:void 0,children:[s.image&&a.jsx("img",{src:s.image,alt:s.title,className:e.default.cardImage}),a.jsxs("div",{className:e.default.cardBody,children:[a.jsx("h3",{className:e.default.cardTitle,children:s.title}),a.jsx("p",{className:e.default.cardExcerpt,children:s.excerpt}),a.jsxs("div",{className:e.default.cardMeta,children:[s.author&&a.jsxs(a.Fragment,{children:[s.author.avatar&&a.jsx("img",{src:s.author.avatar,alt:s.author.name,className:e.default.authorAvatar}),a.jsx("span",{className:e.default.authorName,children:s.author.name})]}),s.date&&a.jsxs(a.Fragment,{children:[s.author&&a.jsx("span",{className:e.default.metaSeparator,children:"·"}),a.jsx("span",{className:e.default.date,children:s.date})]}),s.readTime&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:e.default.metaSeparator,children:"·"}),a.jsxs("span",{className:e.default.readTime,children:[s.readTime," min read"]})]})]})]})]});return a.jsx("div",{className:e.default.card,children:t})},n=f.forwardRef(({title:s,description:d,articles:t,layout:i="grid",columns:l=3,className:u,...m},o)=>{const r=i==="grid",h=r?`${e.default.grid} ${l===2?e.default.cols2:l===4?e.default.cols4:e.default.cols3}`:e.default.list;return a.jsx("section",{ref:o,className:`${e.default.section} ${u||""}`,...m,children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{className:e.default.header,children:[a.jsx("h2",{className:e.default.title,children:s}),d&&a.jsx("p",{className:e.default.description,children:d})]}),a.jsx("div",{className:h,children:t.map(c=>a.jsx(x,{article:c,isListLayout:!r},c.id))})]})})});n.displayName="Blog";exports.Blog=n;

package/dist/index115.mjs

@@ -0,0 +1,85 @@
+import { jsx as s, jsxs as r, Fragment as i } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import a from "./index264.mjs";
+const v = ({
+  article: e,
+  isListLayout: d
+}) => {
+  const c = /* @__PURE__ */ r("div", { className: d ? a.cardInner : void 0, children: [
+    e.image && /* @__PURE__ */ s(
+      "img",
+      {
+        src: e.image,
+        alt: e.title,
+        className: a.cardImage
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: a.cardBody, children: [
+      /* @__PURE__ */ s("h3", { className: a.cardTitle, children: e.title }),
+      /* @__PURE__ */ s("p", { className: a.cardExcerpt, children: e.excerpt }),
+      /* @__PURE__ */ r("div", { className: a.cardMeta, children: [
+        e.author && /* @__PURE__ */ r(i, { children: [
+          e.author.avatar && /* @__PURE__ */ s(
+            "img",
+            {
+              src: e.author.avatar,
+              alt: e.author.name,
+              className: a.authorAvatar
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: a.authorName, children: e.author.name })
+        ] }),
+        e.date && /* @__PURE__ */ r(i, { children: [
+          e.author && /* @__PURE__ */ s("span", { className: a.metaSeparator, children: "·" }),
+          /* @__PURE__ */ s("span", { className: a.date, children: e.date })
+        ] }),
+        e.readTime && /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ s("span", { className: a.metaSeparator, children: "·" }),
+          /* @__PURE__ */ r("span", { className: a.readTime, children: [
+            e.readTime,
+            " min read"
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ s("div", { className: a.card, children: c });
+}, u = g(
+  ({
+    title: e,
+    description: d,
+    articles: c,
+    layout: t = "grid",
+    columns: n = 3,
+    className: o,
+    ...h
+  }, N) => {
+    const m = t === "grid", p = m ? `${a.grid} ${n === 2 ? a.cols2 : n === 4 ? a.cols4 : a.cols3}` : a.list;
+    return /* @__PURE__ */ s(
+      "section",
+      {
+        ref: N,
+        className: `${a.section} ${o || ""}`,
+        ...h,
+        children: /* @__PURE__ */ r("div", { className: a.container, children: [
+          /* @__PURE__ */ r("div", { className: a.header, children: [
+            /* @__PURE__ */ s("h2", { className: a.title, children: e }),
+            d && /* @__PURE__ */ s("p", { className: a.description, children: d })
+          ] }),
+          /* @__PURE__ */ s("div", { className: p, children: c.map((l) => /* @__PURE__ */ s(
+            v,
+            {
+              article: l,
+              isListLayout: !m
+            },
+            l.id
+          )) })
+        ] })
+      }
+    );
+  }
+);
+u.displayName = "Blog";
+export {
+  u as Blog
+};

package/dist/index116 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("lucide-react"),a=require("./index115.cjs"),d=({title:r="AI Assistant",subtitle:s,avatar:l,actions:t,children:i,className:n,...c})=>e.jsxs("div",{className:[a.default.header,n].filter(Boolean).join(" "),...c,children:[e.jsx("div",{className:a.default.headerAvatar,children:l||e.jsx("div",{className:[a.default.messageAvatar,a.default.headerAvatarDefault].filter(Boolean).join(" "),children:e.jsx(h.Bot,{size:20})})}),e.jsx("div",{className:a.default.headerContent,children:i||e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:a.default.headerTitle,children:r}),s&&e.jsx("p",{className:a.default.headerSubtitle,children:s})]})}),t&&e.jsx("div",{className:a.default.headerActions,children:t})]});d.displayName="ChatHeader";exports.ChatHeader=d;

package/dist/index116 3.mjs

@@ -0,0 +1,36 @@
+import { jsxs as i, jsx as a, Fragment as c } from "react/jsx-runtime";
+import { Bot as m } from "lucide-react";
+import e from "./index115.mjs";
+const o = ({
+  title: d = "AI Assistant",
+  subtitle: r,
+  avatar: l,
+  actions: s,
+  children: t,
+  className: h,
+  ...n
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: [e.header, h].filter(Boolean).join(" "),
+    ...n,
+    children: [
+      /* @__PURE__ */ a("div", { className: e.headerAvatar, children: l || /* @__PURE__ */ a(
+        "div",
+        {
+          className: [e.messageAvatar, e.headerAvatarDefault].filter(Boolean).join(" "),
+          children: /* @__PURE__ */ a(m, { size: 20 })
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: e.headerContent, children: t || /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ a("h2", { className: e.headerTitle, children: d }),
+        r && /* @__PURE__ */ a("p", { className: e.headerSubtitle, children: r })
+      ] }) }),
+      s && /* @__PURE__ */ a("div", { className: e.headerActions, children: s })
+    ]
+  }
+);
+o.displayName = "ChatHeader";
+export {
+  o as ChatHeader
+};

package/dist/index116.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./index259.cjs"),n=o.forwardRef(({items:s,separator:d="/",className:t,...u},i)=>e.jsx("section",{ref:i,className:`${a.default.section} ${t||""}`,...u,children:e.jsx("div",{className:a.default.container,children:e.jsx("nav",{className:a.default.nav,"aria-label":"Breadcrumb",children:s.map((r,l)=>{const c=l===s.length-1;return e.jsxs("span",{children:[l>0&&e.jsxs("span",{className:a.default.separator,"aria-hidden":"true",children:[" ",d," "]}),c||!r.href?e.jsx("span",{className:a.default.current,"aria-current":c?"page":void 0,children:r.label}):e.jsx("a",{href:r.href,className:a.default.link,children:r.label})]},r.id)})})})}));n.displayName="Breadcrumbs";exports.Breadcrumbs=n;

package/dist/index116.mjs

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import r from "./index259.mjs";
+const m = h(
+  ({ items: s, separator: i = "/", className: d, ...o }, t) => /* @__PURE__ */ e(
+    "section",
+    {
+      ref: t,
+      className: `${r.section} ${d || ""}`,
+      ...o,
+      children: /* @__PURE__ */ e("div", { className: r.container, children: /* @__PURE__ */ e("nav", { className: r.nav, "aria-label": "Breadcrumb", children: s.map((a, n) => {
+        const c = n === s.length - 1;
+        return /* @__PURE__ */ l("span", { children: [
+          n > 0 && /* @__PURE__ */ l("span", { className: r.separator, "aria-hidden": "true", children: [
+            " ",
+            i,
+            " "
+          ] }),
+          c || !a.href ? /* @__PURE__ */ e(
+            "span",
+            {
+              className: r.current,
+              "aria-current": c ? "page" : void 0,
+              children: a.label
+            }
+          ) : /* @__PURE__ */ e("a", { href: a.href, className: r.link, children: a.label })
+        ] }, a.id);
+      }) }) })
+    }
+  )
+);
+m.displayName = "Breadcrumbs";
+export {
+  m as Breadcrumbs
+};

package/dist/index117 2.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 "./index84.mjs";
+import e from "./index115.mjs";
+import { Button as h } from "./index14.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/index117 4.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("./index84.cjs"),t=require("./index115.cjs"),j=require("./index14.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/index117.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),e=require("./index275.cjs"),l=n.forwardRef(({title:r,description:t,variant:c="default",actions:a,className:d},i)=>s.jsx("section",{ref:i,className:`${e.default.section} ${e.default[c]} ${d||""}`,children:s.jsxs("div",{className:e.default.inner,children:[s.jsx("h2",{className:e.default.title,children:r}),t&&s.jsx("p",{className:e.default.description,children:t}),a&&s.jsx("div",{className:e.default.actions,children:a})]})}));l.displayName="CTA";exports.CTA=l;

package/dist/index117.mjs

@@ -0,0 +1,27 @@
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import n from "react";
+import e from "./index275.mjs";
+const o = n.forwardRef(
+  ({
+    title: i,
+    description: r,
+    variant: c = "default",
+    actions: a,
+    className: l
+  }, t) => /* @__PURE__ */ s(
+    "section",
+    {
+      ref: t,
+      className: `${e.section} ${e[c]} ${l || ""}`,
+      children: /* @__PURE__ */ m("div", { className: e.inner, children: [
+        /* @__PURE__ */ s("h2", { className: e.title, children: i }),
+        r && /* @__PURE__ */ s("p", { className: e.description, children: r }),
+        a && /* @__PURE__ */ s("div", { className: e.actions, children: a })
+      ] })
+    }
+  )
+);
+o.displayName = "CTA";
+export {
+  o as CTA
+};

package/dist/index118 2.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("./index122.cjs"),y=require("./index127.cjs"),e=require("./index115.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;