@orion-ds/react 4.8.0 → 4.9.1

package/dist/blocks/index.mjs

@@ -0,0 +1,74 @@
+import { ActivityFeed as e } from "./sections/ActivityFeed/ActivityFeed.mjs";
+import { AgentEditor as p } from "./templates/app/AgentEditor/AgentEditor.mjs";
+import { AgentFolder as f } from "./sections/AgentFolder/AgentFolder.mjs";
+import { AgentWorkspace as a } from "./templates/app/AgentWorkspace/AgentWorkspace.mjs";
+import { AppDownload as i } from "./sections/AppDownload/AppDownload.mjs";
+import { Blog as g } from "./sections/Blog/Blog.mjs";
+import { Breadcrumbs as T } from "./sections/Breadcrumbs/Breadcrumbs.mjs";
+import { CTA as c } from "./sections/CTA/CTA.mjs";
+import { CarouselCard as S } from "./sections/CarouselSection/CarouselCard.mjs";
+import { CarouselSection as u } from "./sections/CarouselSection/CarouselSection.mjs";
+import { ChatPageTemplate as h } from "./templates/app/ChatPageTemplate/ChatPageTemplate.mjs";
+import { ChatSection as y } from "./sections/Chat/Chat.mjs";
+import { Comparison as H } from "./sections/Comparison/Comparison.mjs";
+import { Contact as w } from "./sections/Contact/Contact.mjs";
+import { DashboardTemplate as D } from "./templates/app/DashboardTemplate/DashboardTemplate.mjs";
+import { EmptyState as k } from "./sections/EmptyState/EmptyState.mjs";
+import { FAQ as G } from "./sections/FAQ/FAQ.mjs";
+import { Features as N } from "./sections/Features/Features.mjs";
+import { Footer as W } from "./sections/Footer/Footer.mjs";
+import { Gallery as q } from "./sections/Gallery/Gallery.mjs";
+import { Hero as I } from "./sections/Hero/Hero.mjs";
+import { HeroHighlight as M } from "./sections/Hero/HeroHighlight.mjs";
+import { KanbanPageTemplate as R } from "./templates/app/KanbanPageTemplate/KanbanPageTemplate.mjs";
+import { LoginTemplate as V } from "./templates/app/LoginTemplate/LoginTemplate.mjs";
+import { LogoCloud as Y } from "./sections/LogoCloud/LogoCloud.mjs";
+import { Newsletter as _ } from "./sections/Newsletter/Newsletter.mjs";
+import { Pricing as oo } from "./sections/Pricing/Pricing.mjs";
+import { ProfilePageTemplate as eo } from "./templates/app/ProfilePageTemplate/ProfilePageTemplate.mjs";
+import { SettingsLayout as po } from "./sections/SettingsLayout/SettingsLayout.mjs";
+import { SettingsTemplate as fo } from "./templates/app/SettingsTemplate/SettingsTemplate.mjs";
+import { SocialProof as ao } from "./sections/SocialProof/SocialProof.mjs";
+import { Stats as io } from "./sections/Stats/Stats.mjs";
+import { Stepper as go } from "./sections/Stepper/Stepper.mjs";
+import { Team as To } from "./sections/Team/Team.mjs";
+import { Testimonials as co } from "./sections/Testimonials/Testimonials.mjs";
+import { Timeline as Ao } from "./sections/Timeline/Timeline.mjs";
+export {
+  e as ActivityFeed,
+  p as AgentEditor,
+  f as AgentFolder,
+  a as AgentWorkspace,
+  i as AppDownload,
+  g as Blog,
+  T as Breadcrumbs,
+  c as CTA,
+  S as CarouselCard,
+  u as CarouselSection,
+  h as ChatPageTemplate,
+  y as ChatSection,
+  H as Comparison,
+  w as Contact,
+  D as DashboardTemplate,
+  k as EmptyState,
+  G as FAQ,
+  N as Features,
+  W as Footer,
+  q as Gallery,
+  I as Hero,
+  M as HeroHighlight,
+  R as KanbanPageTemplate,
+  V as LoginTemplate,
+  Y as LogoCloud,
+  _ as Newsletter,
+  oo as Pricing,
+  eo as ProfilePageTemplate,
+  po as SettingsLayout,
+  fo as SettingsTemplate,
+  ao as SocialProof,
+  io as Stats,
+  go as Stepper,
+  To as Team,
+  co as Testimonials,
+  Ao as Timeline
+};

package/dist/blocks/sections/ActivityFeed/ActivityFeed.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),a=require("./ActivityFeed.module.css.cjs"),r=i.forwardRef(({activities:s,showFilters:o=!1,filters:c=[],activeFilter:u,onFilterChange:m,compact:d=!1,hasMore:f=!1,onLoadMore:h,emptyMessage:j="No activities yet",className:p},N)=>{const[l,x]=i.useState(u||"all"),v=e=>{x(e),m?.(e)},n=l==="all"?s:s.filter(e=>e.type===l);return t.jsxs("section",{ref:N,className:`${a.default.section} ${p||""}`,children:[o&&c.length>0&&t.jsx("div",{className:a.default.filters,children:c.map(e=>t.jsxs("button",{className:`${a.default.filterButton} ${l===e.value?a.default.filterButtonActive:""}`,onClick:()=>v(e.value),type:"button",children:[e.label,e.count!=null&&t.jsx("span",{className:a.default.filterCount,children:e.count})]},e.value))}),n.length===0?t.jsx("div",{className:a.default.empty,children:j}):t.jsx("div",{className:a.default.list,children:n.map(e=>t.jsxs("div",{className:`${a.default.item} ${d?a.default.itemCompact:""}`,children:[e.iconVariant&&t.jsx("div",{className:`${a.default.iconIndicator} ${a.default[`icon${e.iconVariant.charAt(0).toUpperCase()+e.iconVariant.slice(1)}`]||""}`}),e.actor.avatar?t.jsx("img",{src:e.actor.avatar,alt:e.actor.name,className:`${a.default.avatar} ${d?a.default.avatarCompact:""}`}):t.jsx("div",{className:a.default.avatarPlaceholder,children:e.actor.name.charAt(0)}),t.jsxs("div",{className:a.default.content,children:[t.jsx("p",{className:a.default.title,children:e.title}),e.description&&t.jsx("p",{className:a.default.description,children:e.description})]}),t.jsx("span",{className:a.default.time,children:e.relativeTime})]},e.id))}),f&&t.jsx("div",{className:a.default.loadMore,children:t.jsx("button",{className:a.default.loadMoreButton,onClick:h,type:"button",children:"Load more"})})]})});r.displayName="ActivityFeed";exports.ActivityFeed=r;

package/dist/blocks/sections/ActivityFeed/ActivityFeed.mjs

@@ -0,0 +1,77 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import A, { useState as C } from "react";
+import a from "./ActivityFeed.module.css.mjs";
+const F = A.forwardRef(
+  ({
+    activities: c,
+    showFilters: i = !1,
+    filters: n = [],
+    activeFilter: d,
+    onFilterChange: m,
+    compact: r = !1,
+    hasMore: h = !1,
+    onLoadMore: p,
+    emptyMessage: N = "No activities yet",
+    className: u
+  }, v) => {
+    const [s, $] = C(d || "all"), f = (e) => {
+      $(e), m?.(e);
+    }, o = s === "all" ? c : c.filter((e) => e.type === s);
+    return /* @__PURE__ */ t("section", { ref: v, className: `${a.section} ${u || ""}`, children: [
+      i && n.length > 0 && /* @__PURE__ */ l("div", { className: a.filters, children: n.map((e) => /* @__PURE__ */ t(
+        "button",
+        {
+          className: `${a.filterButton} ${s === e.value ? a.filterButtonActive : ""}`,
+          onClick: () => f(e.value),
+          type: "button",
+          children: [
+            e.label,
+            e.count != null && /* @__PURE__ */ l("span", { className: a.filterCount, children: e.count })
+          ]
+        },
+        e.value
+      )) }),
+      o.length === 0 ? /* @__PURE__ */ l("div", { className: a.empty, children: N }) : /* @__PURE__ */ l("div", { className: a.list, children: o.map((e) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${a.item} ${r ? a.itemCompact : ""}`,
+          children: [
+            e.iconVariant && /* @__PURE__ */ l(
+              "div",
+              {
+                className: `${a.iconIndicator} ${a[`icon${e.iconVariant.charAt(0).toUpperCase() + e.iconVariant.slice(1)}`] || ""}`
+              }
+            ),
+            e.actor.avatar ? /* @__PURE__ */ l(
+              "img",
+              {
+                src: e.actor.avatar,
+                alt: e.actor.name,
+                className: `${a.avatar} ${r ? a.avatarCompact : ""}`
+              }
+            ) : /* @__PURE__ */ l("div", { className: a.avatarPlaceholder, children: e.actor.name.charAt(0) }),
+            /* @__PURE__ */ t("div", { className: a.content, children: [
+              /* @__PURE__ */ l("p", { className: a.title, children: e.title }),
+              e.description && /* @__PURE__ */ l("p", { className: a.description, children: e.description })
+            ] }),
+            /* @__PURE__ */ l("span", { className: a.time, children: e.relativeTime })
+          ]
+        },
+        e.id
+      )) }),
+      h && /* @__PURE__ */ l("div", { className: a.loadMore, children: /* @__PURE__ */ l(
+        "button",
+        {
+          className: a.loadMoreButton,
+          onClick: p,
+          type: "button",
+          children: "Load more"
+        }
+      ) })
+    ] });
+  }
+);
+F.displayName = "ActivityFeed";
+export {
+  F as ActivityFeed
+};

package/dist/blocks/sections/AgentFolder/AgentFolder.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("lucide-react");const l=require("../../../dist/index19.cjs"),o=require("../../../dist/index37.cjs"),t=({agents:r,agentCount:n,...a})=>e.jsx(o.CollapsibleFolder,{...a,items:r,itemCount:n,itemLabel:"Agente",itemLabelPlural:"Agentes",emptyText:"No hay agentes en esta carpeta",sortLabel:"Ordenar",renderItem:i=>e.jsx(l.AgentCard,{...i})});t.displayName="AgentFolder";exports.AgentFolder=t;

package/dist/blocks/sections/AgentFolder/AgentFolder.mjs

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import "lucide-react";
+import { AgentCard as m } from "../../../dist/index19.mjs";
+import { CollapsibleFolder as l } from "../../../dist/index37.mjs";
+const s = ({
+  agents: t,
+  agentCount: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  l,
+  {
+    ...a,
+    items: t,
+    itemCount: r,
+    itemLabel: "Agente",
+    itemLabelPlural: "Agentes",
+    emptyText: "No hay agentes en esta carpeta",
+    sortLabel: "Ordenar",
+    renderItem: (o) => /* @__PURE__ */ e(m, { ...o })
+  }
+);
+s.displayName = "AgentFolder";
+export {
+  s as AgentFolder
+};

package/dist/blocks/sections/AppDownload/AppDownload.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),N=require("react"),e=require("./AppDownload.module.css.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/blocks/sections/AppDownload/AppDownload.mjs

@@ -0,0 +1,108 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import e from "./AppDownload.module.css.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/blocks/sections/Blog/Blog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),e=require("./Blog.module.css.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/blocks/sections/Blog/Blog.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 "./Blog.module.css.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/blocks/sections/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./Breadcrumbs.module.css.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/blocks/sections/Breadcrumbs/Breadcrumbs.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 "./Breadcrumbs.module.css.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/blocks/sections/CTA/CTA.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),e=require("./CTA.module.css.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/blocks/sections/CTA/CTA.mjs

@@ -0,0 +1,27 @@
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import n from "react";
+import e from "./CTA.module.css.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/blocks/sections/CarouselSection/CarouselCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./CarouselSection.module.css.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/blocks/sections/CarouselSection/CarouselCard.mjs

@@ -0,0 +1,18 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import a from "./CarouselSection.module.css.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/blocks/sections/CarouselSection/CarouselSection.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),x=require("./CarouselCard.cjs"),s=require("./CarouselSection.module.css.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/blocks/sections/CarouselSection/CarouselSection.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 "./CarouselCard.mjs";
+import t from "./CarouselSection.module.css.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/blocks/sections/Chat/Chat.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),s=require("./Chat.module.css.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;