@orion-ds/react 4.6.5 → 4.6.6

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.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.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.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index254.cjs"),l=({title:s,image:d,description:r,className:c})=>e.jsxs("div",{className:`${a.default.card} ${c||""}`,children:[e.jsx("img",{src:d,alt:s,className:a.default.cardImage}),e.jsxs("div",{className:a.default.cardBody,children:[e.jsx("h3",{className:a.default.cardTitle,children:s}),r&&e.jsx("p",{className:a.default.cardDescription,children:r})]})]});l.displayName="CarouselCard";exports.CarouselCard=l;

package/dist/index118.mjs

@@ -0,0 +1,18 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import a from "./index254.mjs";
+const m = ({
+  title: s,
+  image: d,
+  description: c,
+  className: l
+}) => /* @__PURE__ */ e("div", { className: `${a.card} ${l || ""}`, children: [
+  /* @__PURE__ */ r("img", { src: d, alt: s, className: a.cardImage }),
+  /* @__PURE__ */ e("div", { className: a.cardBody, children: [
+    /* @__PURE__ */ r("h3", { className: a.cardTitle, children: s }),
+    c && /* @__PURE__ */ r("p", { className: a.cardDescription, children: c })
+  ] })
+] });
+m.displayName = "CarouselCard";
+export {
+  m as CarouselCard
+};

package/dist/index119.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),x=require("./index118.cjs"),s=require("./index254.cjs"),u=r.forwardRef(({items:i,autoScroll:h=!1,autoScrollInterval:f=5e3,title:c,description:d,className:C},v)=>{const[l,j]=r.useState(0),t=i.length,o=r.useCallback(a=>{j((a%t+t)%t)},[t]),m=r.useCallback(()=>o(l-1),[l,o]),N=r.useCallback(()=>o(l+1),[l,o]);return r.useEffect(()=>{if(!h||t<=1)return;const a=setInterval(()=>{j(n=>(n+1)%t)},f);return()=>clearInterval(a)},[h,f,t]),e.jsx("section",{ref:v,className:`${s.default.section} ${C||""}`,children:e.jsxs("div",{className:s.default.container,children:[(c||d)&&e.jsxs("div",{className:s.default.header,children:[c&&e.jsx("h2",{className:s.default.title,children:c}),d&&e.jsx("p",{className:s.default.description,children:d})]}),e.jsx("div",{className:s.default.viewport,children:e.jsx("div",{className:s.default.track,style:{transform:`translateX(-${l*100}%)`},children:i.map(a=>e.jsx("div",{className:s.default.slide,children:e.jsx(x.CarouselCard,{...a})},a.id))})}),t>1&&e.jsxs("div",{className:s.default.controls,children:[e.jsx("button",{type:"button",className:s.default.navButton,onClick:m,"aria-label":"Previous slide",children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"15 18 9 12 15 6"})})}),e.jsx("div",{className:s.default.dots,children:i.map((a,n)=>e.jsx("button",{type:"button",className:`${s.default.dot} ${n===l?s.default.dotActive:""}`,onClick:()=>o(n),"aria-label":`Go to slide ${n+1}`},a.id))}),e.jsx("button",{type:"button",className:s.default.navButton,onClick:N,"aria-label":"Next slide",children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"9 18 15 12 9 6"})})})]})]})})});u.displayName="CarouselSection";u.Card=x.CarouselCard;exports.CarouselSection=u;

package/dist/index119.mjs

@@ -0,0 +1,104 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import g, { useState as y, useCallback as h, useEffect as w } from "react";
+import { CarouselCard as v } from "./index118.mjs";
+import t from "./index254.mjs";
+const N = g.forwardRef(
+  ({
+    items: i,
+    autoScroll: u = !1,
+    autoScrollInterval: m = 5e3,
+    title: l,
+    description: c,
+    className: f
+  }, k) => {
+    const [s, p] = y(0), o = i.length, n = h(
+      (r) => {
+        p((r % o + o) % o);
+      },
+      [o]
+    ), C = h(() => n(s - 1), [s, n]), b = h(() => n(s + 1), [s, n]);
+    return w(() => {
+      if (!u || o <= 1) return;
+      const r = setInterval(() => {
+        p((a) => (a + 1) % o);
+      }, m);
+      return () => clearInterval(r);
+    }, [u, m, o]), /* @__PURE__ */ e("section", { ref: k, className: `${t.section} ${f || ""}`, children: /* @__PURE__ */ d("div", { className: t.container, children: [
+      (l || c) && /* @__PURE__ */ d("div", { className: t.header, children: [
+        l && /* @__PURE__ */ e("h2", { className: t.title, children: l }),
+        c && /* @__PURE__ */ e("p", { className: t.description, children: c })
+      ] }),
+      /* @__PURE__ */ e("div", { className: t.viewport, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: t.track,
+          style: { transform: `translateX(-${s * 100}%)` },
+          children: i.map((r) => /* @__PURE__ */ e("div", { className: t.slide, children: /* @__PURE__ */ e(v, { ...r }) }, r.id))
+        }
+      ) }),
+      o > 1 && /* @__PURE__ */ d("div", { className: t.controls, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: t.navButton,
+            onClick: C,
+            "aria-label": "Previous slide",
+            children: /* @__PURE__ */ e(
+              "svg",
+              {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ e("polyline", { points: "15 18 9 12 15 6" })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: t.dots, children: i.map((r, a) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `${t.dot} ${a === s ? t.dotActive : ""}`,
+            onClick: () => n(a),
+            "aria-label": `Go to slide ${a + 1}`
+          },
+          r.id
+        )) }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: t.navButton,
+            onClick: b,
+            "aria-label": "Next slide",
+            children: /* @__PURE__ */ e(
+              "svg",
+              {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" })
+              }
+            )
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+N.displayName = "CarouselSection";
+N.Card = v;
+export {
+  N as CarouselSection
+};

package/dist/index120.cjs

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