@orion-ds/react 4.2.14 → 4.3.1

package/dist/blocks/sections/Testimonials/Testimonials.mjs

@@ -0,0 +1,55 @@
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { TestimonialCard as j } from "./TestimonialCard.mjs";
+import e from "./Testimonials.module.css.mjs";
+import { Section as T } from "../../../sections/Section/Section.mjs";
+import { Container as $ } from "../../../sections/Container/Container.mjs";
+const v = g(
+  ({
+    eyebrow: a,
+    title: r,
+    description: i,
+    testimonials: l,
+    columns: n = 3,
+    variant: c = "default",
+    background: t = "base",
+    centered: d = !0,
+    className: h,
+    ...f
+  }, p) => {
+    const N = a || r || i, u = [
+      e.testimonials,
+      d && e.centered,
+      h
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s(
+      T,
+      {
+        ref: p,
+        spacing: "lg",
+        background: t,
+        className: u,
+        ...f,
+        children: /* @__PURE__ */ o($, { size: "xl", children: [
+          N && /* @__PURE__ */ o("header", { className: e.header, children: [
+            a && /* @__PURE__ */ s("div", { className: e.eyebrow, children: a }),
+            r && /* @__PURE__ */ s("h2", { className: e.title, children: r }),
+            i && /* @__PURE__ */ s("p", { className: e.description, children: i })
+          ] }),
+          /* @__PURE__ */ s("div", { className: `${e.grid} ${e[`cols-${n}`]}`, children: l.map((m, x) => /* @__PURE__ */ s(
+            j,
+            {
+              testimonial: m,
+              variant: c
+            },
+            m.author.name || x
+          )) })
+        ] })
+      }
+    );
+  }
+);
+v.displayName = "Testimonials";
+export {
+  v as Testimonials
+};

package/dist/blocks/sections/Testimonials/Testimonials.module.css

@@ -0,0 +1 @@
+._testimonials_85vor_8{position:relative}._header_85vor_16{margin-bottom:var(--spacing-16)}._centered_85vor_20 ._header_85vor_16{text-align:center}._centered_85vor_20 ._description_85vor_25{margin-left:auto;margin-right:auto}._eyebrow_85vor_31{margin-bottom:var(--spacing-4)}._title_85vor_35{font-family:var(--font-primary);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}._description_85vor_25{font-family:var(--font-secondary);font-size:var(--font-size-18);color:var(--text-secondary);max-width:600px;margin:0;line-height:var(--line-height-relaxed)}._grid_85vor_57{display:grid;gap:var(--spacing-6);align-items:start}._cols-1_85vor_63{grid-template-columns:1fr;max-width:700px;margin:0 auto}._cols-2_85vor_69{grid-template-columns:repeat(2,1fr)}._cols-3_85vor_73{grid-template-columns:repeat(3,1fr)}._testimonialCard_85vor_81{display:flex;flex-direction:column;gap:var(--spacing-4)}._variant-default_85vor_87{border:1px solid var(--border-subtle)}._variant-cards_85vor_91{box-shadow:var(--shadow-card-sm)}._variant-minimal_85vor_95{padding:var(--spacing-6);border-left:3px solid var(--interactive-primary);background:var(--surface-subtle)}._rating_85vor_105{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}._starFilled_85vor_111{color:var(--status-warning)}._starEmpty_85vor_115{color:var(--border-subtle)}._quote_85vor_123{margin:0;flex:1}._quote_85vor_123 p{font-family:var(--font-secondary);font-size:var(--font-size-16);color:var(--text-primary);line-height:var(--line-height-relaxed);margin:0;font-style:italic}._author_85vor_141{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-4)}._avatar_85vor_148{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--surface-subtle)}._avatar_85vor_148 img{width:100%;height:100%;object-fit:cover}._authorInfo_85vor_163{display:flex;flex-direction:column;gap:var(--spacing-1)}._authorName_85vor_169{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary)}._authorRole_85vor_176{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-tertiary)}@media(max-width:1024px){._cols-3_85vor_73{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){._cols-2_85vor_69,._cols-3_85vor_73{grid-template-columns:1fr}._header_85vor_16{margin-bottom:var(--spacing-8)}}

package/dist/blocks/sections/Testimonials/Testimonials.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_testimonials_85vor_8",o="_header_85vor_16",r="_centered_85vor_20",a="_description_85vor_25",e="_eyebrow_85vor_31",_="_title_85vor_35",s="_grid_85vor_57",i="_testimonialCard_85vor_81",n="_rating_85vor_105",l="_starFilled_85vor_111",c="_starEmpty_85vor_115",v="_quote_85vor_123",d="_author_85vor_141",u="_avatar_85vor_148",m="_authorInfo_85vor_163",h="_authorName_85vor_169",g="_authorRole_85vor_176",y={testimonials:t,header:o,centered:r,description:a,eyebrow:e,title:_,grid:s,"cols-1":"_cols-1_85vor_63","cols-2":"_cols-2_85vor_69","cols-3":"_cols-3_85vor_73",testimonialCard:i,"variant-default":"_variant-default_85vor_87","variant-cards":"_variant-cards_85vor_91","variant-minimal":"_variant-minimal_85vor_95",rating:n,starFilled:l,starEmpty:c,quote:v,author:d,avatar:u,authorInfo:m,authorName:h,authorRole:g};exports.author=d;exports.authorInfo=m;exports.authorName=h;exports.authorRole=g;exports.avatar=u;exports.centered=r;exports.default=y;exports.description=a;exports.eyebrow=e;exports.grid=s;exports.header=o;exports.quote=v;exports.rating=n;exports.starEmpty=c;exports.starFilled=l;exports.testimonialCard=i;exports.testimonials=t;exports.title=_;

package/dist/blocks/sections/Testimonials/Testimonials.module.css.mjs

@@ -0,0 +1,45 @@
+const t = "_testimonials_85vor_8", o = "_header_85vor_16", r = "_centered_85vor_20", _ = "_description_85vor_25", a = "_eyebrow_85vor_31", e = "_title_85vor_35", s = "_grid_85vor_57", n = "_testimonialCard_85vor_81", i = "_rating_85vor_105", c = "_starFilled_85vor_111", v = "_starEmpty_85vor_115", l = "_quote_85vor_123", d = "_author_85vor_141", u = "_avatar_85vor_148", m = "_authorInfo_85vor_163", h = "_authorName_85vor_169", p = "_authorRole_85vor_176", y = {
+  testimonials: t,
+  header: o,
+  centered: r,
+  description: _,
+  eyebrow: a,
+  title: e,
+  grid: s,
+  "cols-1": "_cols-1_85vor_63",
+  "cols-2": "_cols-2_85vor_69",
+  "cols-3": "_cols-3_85vor_73",
+  testimonialCard: n,
+  "variant-default": "_variant-default_85vor_87",
+  "variant-cards": "_variant-cards_85vor_91",
+  "variant-minimal": "_variant-minimal_85vor_95",
+  rating: i,
+  starFilled: c,
+  starEmpty: v,
+  quote: l,
+  author: d,
+  avatar: u,
+  authorInfo: m,
+  authorName: h,
+  authorRole: p
+};
+export {
+  d as author,
+  m as authorInfo,
+  h as authorName,
+  p as authorRole,
+  u as avatar,
+  r as centered,
+  y as default,
+  _ as description,
+  a as eyebrow,
+  s as grid,
+  o as header,
+  l as quote,
+  i as rating,
+  v as starEmpty,
+  c as starFilled,
+  n as testimonialCard,
+  t as testimonials,
+  e as title
+};

package/dist/blocks/sections/Testimonials/Testimonials.types.d.ts

@@ -0,0 +1,126 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Grid column count for testimonial cards
+ */
+export type TestimonialsColumns = 1 | 2 | 3;
+/**
+ * Testimonial variant styles
+ */
+export type TestimonialsVariant = "default" | "cards" | "minimal";
+/**
+ * Author information for a testimonial
+ */
+export interface TestimonialAuthor {
+    /**
+     * Author's name
+     */
+    name: string;
+    /**
+     * Author's role or title
+     */
+    role?: string;
+    /**
+     * Author's company or organization
+     */
+    company?: string;
+    /**
+     * Avatar element (img or custom component)
+     */
+    avatar?: ReactNode;
+}
+/**
+ * Testimonial data structure
+ */
+export interface Testimonial {
+    /**
+     * The testimonial quote text
+     */
+    quote: string;
+    /**
+     * Author information
+     */
+    author: TestimonialAuthor;
+    /**
+     * Star rating (1-5)
+     */
+    rating?: number;
+}
+/**
+ * Testimonial card props (internal component)
+ */
+export interface TestimonialCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Testimonial data
+     */
+    testimonial: Testimonial;
+    /**
+     * Visual variant
+     * @default 'default'
+     */
+    variant?: TestimonialsVariant;
+}
+/**
+ * Testimonials section props
+ *
+ * @example
+ * ```tsx
+ * <Testimonials
+ *   title="What our customers say"
+ *   testimonials={[
+ *     {
+ *       quote: "This product changed everything for us.",
+ *       author: {
+ *         name: "Jane Doe",
+ *         role: "CEO",
+ *         company: "Acme Corp",
+ *         avatar: <img src="/avatar.jpg" alt="Jane" />
+ *       },
+ *       rating: 5
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+export interface TestimonialsProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of testimonials
+     */
+    testimonials: Testimonial[];
+    /**
+     * Number of grid columns
+     * @default 3
+     */
+    columns?: TestimonialsColumns;
+    /**
+     * Visual variant
+     * - default: Full cards with borders
+     * - cards: Elevated cards with shadows
+     * - minimal: Simple quotes without cards
+     * @default 'default'
+     */
+    variant?: TestimonialsVariant;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Center the header text
+     * @default true
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=Testimonials.types.d.ts.map

package/dist/blocks/sections/Testimonials/Testimonials.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Testimonials/Testimonials.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,WAAW,EAAE,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAE9B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAE9B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/blocks/sections/Testimonials/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Testimonials Component Exports
+ */
+export { Testimonials } from './Testimonials';
+export { TestimonialCard } from './TestimonialCard';
+export type { TestimonialsProps, Testimonial, TestimonialAuthor, TestimonialCardProps, TestimonialsColumns, TestimonialsVariant, } from './Testimonials.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/Testimonials/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Testimonials/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}

package/dist/blocks/sections/Timeline/Timeline.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Timeline.module.css.cjs"),p=()=>e.jsx("svg",{className:a.default.markerIcon,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("circle",{cx:"12",cy:"12",r:"4"})}),k=()=>e.jsx("svg",{className:a.default.markerIcon,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),i=({eyebrow:l,title:t,description:r,events:n,orientation:c="vertical",alternating:d=!1,showConnector:o=!0,background:u="base",compact:m=!1,align:f="center",className:h,...x})=>{const j=c==="horizontal"?a.default.horizontal:a.default.vertical,N=s=>s.icon?s.icon:s.status==="completed"?e.jsx(k,{}):e.jsx(p,{});return e.jsx("section",{className:`${a.default.timeline} ${h||""}`,"data-background":u,"data-compact":m,"data-align":f,...x,children:e.jsxs("div",{className:a.default.container,children:[(l||t||r)&&e.jsxs("header",{className:a.default.header,children:[l&&e.jsx("span",{className:a.default.eyebrow,children:l}),t&&e.jsx("h2",{className:a.default.title,children:t}),r&&e.jsx("p",{className:a.default.description,children:r})]}),e.jsx("div",{className:j,"data-connector":o,"data-alternating":d&&c==="vertical",children:n.map(s=>e.jsxs("div",{className:a.default.event,"data-status":s.status||"default",children:[e.jsx("div",{className:a.default.marker,children:N(s)}),e.jsxs("div",{className:a.default.eventContent,children:[e.jsx("span",{className:a.default.eventDate,children:s.date}),e.jsx("h3",{className:a.default.eventTitle,children:s.href?e.jsx("a",{href:s.href,children:s.title}):s.title}),s.description&&e.jsx("p",{className:a.default.eventDescription,children:s.description}),s.content&&e.jsx("div",{className:a.default.eventExtra,children:s.content})]})]},s.id))})]})})};i.displayName="Timeline";exports.Timeline=i;

package/dist/blocks/sections/Timeline/Timeline.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TimelineProps } from './Timeline.types';
+
+/**
+ * Timeline section for displaying chronological events
+ */
+export declare const Timeline: React.FC<TimelineProps>;
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/blocks/sections/Timeline/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,kBAAkB,CAAC;AAiCrE;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0E5C,CAAC"}

package/dist/blocks/sections/Timeline/Timeline.mjs

@@ -0,0 +1,84 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import e from "./Timeline.module.css.mjs";
+const x = () => /* @__PURE__ */ a(
+  "svg",
+  {
+    className: e.markerIcon,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "4" })
+  }
+), g = () => /* @__PURE__ */ a(
+  "svg",
+  {
+    className: e.markerIcon,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: /* @__PURE__ */ a("polyline", { points: "20 6 9 17 4 12" })
+  }
+), v = ({
+  eyebrow: s,
+  title: l,
+  description: i,
+  events: n,
+  orientation: t = "vertical",
+  alternating: o = !1,
+  showConnector: d = !0,
+  background: m = "base",
+  compact: h = !1,
+  align: N = "center",
+  className: p,
+  ...u
+}) => {
+  const f = t === "horizontal" ? e.horizontal : e.vertical, k = (r) => r.icon ? r.icon : r.status === "completed" ? /* @__PURE__ */ a(g, {}) : /* @__PURE__ */ a(x, {});
+  return /* @__PURE__ */ a(
+    "section",
+    {
+      className: `${e.timeline} ${p || ""}`,
+      "data-background": m,
+      "data-compact": h,
+      "data-align": N,
+      ...u,
+      children: /* @__PURE__ */ c("div", { className: e.container, children: [
+        (s || l || i) && /* @__PURE__ */ c("header", { className: e.header, children: [
+          s && /* @__PURE__ */ a("span", { className: e.eyebrow, children: s }),
+          l && /* @__PURE__ */ a("h2", { className: e.title, children: l }),
+          i && /* @__PURE__ */ a("p", { className: e.description, children: i })
+        ] }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: f,
+            "data-connector": d,
+            "data-alternating": o && t === "vertical",
+            children: n.map((r) => /* @__PURE__ */ c(
+              "div",
+              {
+                className: e.event,
+                "data-status": r.status || "default",
+                children: [
+                  /* @__PURE__ */ a("div", { className: e.marker, children: k(r) }),
+                  /* @__PURE__ */ c("div", { className: e.eventContent, children: [
+                    /* @__PURE__ */ a("span", { className: e.eventDate, children: r.date }),
+                    /* @__PURE__ */ a("h3", { className: e.eventTitle, children: r.href ? /* @__PURE__ */ a("a", { href: r.href, children: r.title }) : r.title }),
+                    r.description && /* @__PURE__ */ a("p", { className: e.eventDescription, children: r.description }),
+                    r.content && /* @__PURE__ */ a("div", { className: e.eventExtra, children: r.content })
+                  ] })
+                ]
+              },
+              r.id
+            ))
+          }
+        )
+      ] })
+    }
+  );
+};
+v.displayName = "Timeline";
+export {
+  v as Timeline
+};

package/dist/blocks/sections/Timeline/Timeline.module.css

@@ -0,0 +1 @@
+._timeline_i0mqk_5{padding:var(--spacing-16) var(--spacing-4)}._timeline_i0mqk_5[data-background=base]{background:var(--surface-base)}._timeline_i0mqk_5[data-background=subtle]{background:var(--surface-subtle)}._timeline_i0mqk_5[data-background=none]{background:transparent}._timeline_i0mqk_5[data-align=left]{padding:0}._timeline_i0mqk_5[data-align=left] ._container_i0mqk_25,._timeline_i0mqk_5[data-align=left] ._vertical_i0mqk_30{max-width:100%;margin:0}._container_i0mqk_25{max-width:var(--container-width, 1200px);margin:0 auto}._header_i0mqk_40{text-align:center;margin-bottom:var(--spacing-12)}._eyebrow_i0mqk_45{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}._title_i0mqk_55{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.2;letter-spacing:-.01em}._description_i0mqk_65{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:640px;margin:0 auto}._vertical_i0mqk_30{position:relative;max-width:800px;margin:0 auto}._vertical_i0mqk_30[data-connector=true]:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:var(--border-subtle)}._vertical_i0mqk_30[data-alternating=true]:before{left:50%;transform:translate(-1px)}._event_i0mqk_95{position:relative;padding-left:var(--spacing-16);padding-bottom:var(--spacing-12)}._timeline_i0mqk_5[data-compact=true] ._event_i0mqk_95{padding-bottom:var(--spacing-8)}._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95{width:50%;padding-left:0;padding-right:var(--spacing-8)}._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(2n){margin-left:50%;padding-left:var(--spacing-8);padding-right:0}._marker_i0mqk_118{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--surface-base);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:1}._vertical_i0mqk_30[data-alternating=true] ._marker_i0mqk_118{left:auto;right:-24px}._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(2n) ._marker_i0mqk_118{right:auto;left:-24px}._event_i0mqk_95[data-status=completed] ._marker_i0mqk_118{background:var(--interactive-primary);border-color:var(--interactive-primary);color:var(--interactive-primary-text)}._event_i0mqk_95[data-status=current] ._marker_i0mqk_118{background:var(--surface-base);border-color:var(--interactive-primary);color:var(--text-brand);box-shadow:0 0 0 4px var(--interactive-primary-subtle)}._event_i0mqk_95[data-status=upcoming] ._marker_i0mqk_118{background:var(--surface-subtle);border-color:var(--border-subtle);color:var(--text-tertiary)}._markerIcon_i0mqk_163{width:24px;height:24px}._eventContent_i0mqk_169{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6)}._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(2n) ._eventContent_i0mqk_169{text-align:left}._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(odd) ._eventContent_i0mqk_169{text-align:right}._eventDate_i0mqk_184{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-brand);margin-bottom:var(--spacing-2)}._eventTitle_i0mqk_191{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._eventTitle_i0mqk_191 a{color:inherit;text-decoration:none}._eventTitle_i0mqk_191 a:hover{color:var(--text-brand)}._eventDescription_i0mqk_207{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.6}._eventExtra_i0mqk_214{margin-top:var(--spacing-4)}._eventExtra_i0mqk_214 :last-child{margin-bottom:0}._eventExtra_i0mqk_214 pre,._eventExtra_i0mqk_214 code{margin:0}._horizontal_i0mqk_232{display:flex;overflow-x:auto;gap:var(--spacing-6);padding:var(--spacing-4) 0;position:relative}._horizontal_i0mqk_232[data-connector=true]:before{content:"";position:absolute;left:0;right:0;top:24px;height:2px;background:var(--border-subtle)}._horizontal_i0mqk_232 ._event_i0mqk_95{flex:0 0 280px;padding:0;padding-top:var(--spacing-16)}._horizontal_i0mqk_232 ._marker_i0mqk_118{top:0;left:50%;transform:translate(-50%)}._horizontal_i0mqk_232 ._eventContent_i0mqk_169{text-align:center}@media(max-width:768px){._timeline_i0mqk_5{padding:var(--spacing-12) var(--spacing-4)}._title_i0mqk_55{font-size:clamp(1.75rem,6vw,2rem)}._vertical_i0mqk_30[data-alternating=true]:before{left:24px;transform:none}._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95{width:100%;padding-left:var(--spacing-16);padding-right:0}._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(2n){margin-left:0;padding-left:var(--spacing-16)}._vertical_i0mqk_30[data-alternating=true] ._marker_i0mqk_118,._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(2n) ._marker_i0mqk_118{left:0;right:auto}._vertical_i0mqk_30[data-alternating=true] ._eventContent_i0mqk_169,._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(odd) ._eventContent_i0mqk_169,._vertical_i0mqk_30[data-alternating=true] ._event_i0mqk_95:nth-child(2n) ._eventContent_i0mqk_169{text-align:left}._horizontal_i0mqk_232{flex-direction:column}._horizontal_i0mqk_232:before{display:none}._horizontal_i0mqk_232 ._event_i0mqk_95{flex:none;padding-left:var(--spacing-16);padding-top:0}._horizontal_i0mqk_232 ._marker_i0mqk_118{left:0;transform:none}}

package/dist/blocks/sections/Timeline/Timeline.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_timeline_i0mqk_5",t="_container_i0mqk_25",n="_vertical_i0mqk_30",i="_header_i0mqk_40",o="_eyebrow_i0mqk_45",r="_title_i0mqk_55",_="_description_i0mqk_65",c="_event_i0mqk_95",a="_marker_i0mqk_118",s="_markerIcon_i0mqk_163",v="_eventContent_i0mqk_169",m="_eventDate_i0mqk_184",l="_eventTitle_i0mqk_191",k="_eventDescription_i0mqk_207",q="_eventExtra_i0mqk_214",d="_horizontal_i0mqk_232",p={timeline:e,container:t,vertical:n,header:i,eyebrow:o,title:r,description:_,event:c,marker:a,markerIcon:s,eventContent:v,eventDate:m,eventTitle:l,eventDescription:k,eventExtra:q,horizontal:d};exports.container=t;exports.default=p;exports.description=_;exports.event=c;exports.eventContent=v;exports.eventDate=m;exports.eventDescription=k;exports.eventExtra=q;exports.eventTitle=l;exports.eyebrow=o;exports.header=i;exports.horizontal=d;exports.marker=a;exports.markerIcon=s;exports.timeline=e;exports.title=r;exports.vertical=n;

package/dist/blocks/sections/Timeline/Timeline.module.css.mjs

@@ -0,0 +1,37 @@
+const e = "_timeline_i0mqk_5", t = "_container_i0mqk_25", n = "_vertical_i0mqk_30", i = "_header_i0mqk_40", _ = "_eyebrow_i0mqk_45", o = "_title_i0mqk_55", r = "_description_i0mqk_65", c = "_event_i0mqk_95", a = "_marker_i0mqk_118", s = "_markerIcon_i0mqk_163", m = "_eventContent_i0mqk_169", k = "_eventDate_i0mqk_184", v = "_eventTitle_i0mqk_191", l = "_eventDescription_i0mqk_207", q = "_eventExtra_i0mqk_214", d = "_horizontal_i0mqk_232", p = {
+  timeline: e,
+  container: t,
+  vertical: n,
+  header: i,
+  eyebrow: _,
+  title: o,
+  description: r,
+  event: c,
+  marker: a,
+  markerIcon: s,
+  eventContent: m,
+  eventDate: k,
+  eventTitle: v,
+  eventDescription: l,
+  eventExtra: q,
+  horizontal: d
+};
+export {
+  t as container,
+  p as default,
+  r as description,
+  c as event,
+  m as eventContent,
+  k as eventDate,
+  l as eventDescription,
+  q as eventExtra,
+  v as eventTitle,
+  _ as eyebrow,
+  i as header,
+  d as horizontal,
+  a as marker,
+  s as markerIcon,
+  e as timeline,
+  o as title,
+  n as vertical
+};

package/dist/blocks/sections/Timeline/Timeline.types.d.ts

@@ -0,0 +1,104 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Timeline event item
+ */
+export interface TimelineEvent {
+    /**
+     * Event unique identifier
+     */
+    id: string | number;
+    /**
+     * Event date or period
+     */
+    date: string;
+    /**
+     * Event title
+     */
+    title: string;
+    /**
+     * Event description
+     */
+    description?: string;
+    /**
+     * Optional icon element
+     */
+    icon?: ReactNode;
+    /**
+     * Event status/type
+     */
+    status?: "completed" | "current" | "upcoming" | "default";
+    /**
+     * Additional content
+     */
+    content?: ReactNode;
+    /**
+     * Link URL
+     */
+    href?: string;
+}
+/**
+ * Timeline section props
+ *
+ * @example
+ * ```tsx
+ * <Timeline
+ *   title="Our Journey"
+ *   events={[
+ *     { id: 1, date: "2020", title: "Founded", status: "completed" },
+ *     { id: 2, date: "2022", title: "Series A", status: "completed" },
+ *     { id: 3, date: "2024", title: "Global Launch", status: "current" },
+ *   ]}
+ * />
+ * ```
+ */
+export interface TimelineProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of timeline events
+     */
+    events: TimelineEvent[];
+    /**
+     * Timeline orientation
+     * @default 'vertical'
+     */
+    orientation?: "vertical" | "horizontal";
+    /**
+     * Alternate items left/right (vertical only)
+     * @default false
+     */
+    alternating?: boolean;
+    /**
+     * Show connector line
+     * @default true
+     */
+    showConnector?: boolean;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Compact mode (smaller spacing)
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Content alignment. Use 'left' when embedding Timeline inside a docs page
+     * or column layout instead of a full-width section.
+     * @default 'center'
+     */
+    align?: "center" | "left";
+}
+//# sourceMappingURL=Timeline.types.d.ts.map

package/dist/blocks/sections/Timeline/Timeline.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/Timeline.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAE1D;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,MAAM,EAAE,aAAa,EAAE,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC3B"}

package/dist/blocks/sections/Timeline/index.d.ts

@@ -0,0 +1,3 @@
+export { Timeline } from './Timeline';
+export type { TimelineProps, TimelineEvent } from './Timeline.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/Timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/blocks/sections/index.d.ts

@@ -0,0 +1,53 @@
+export { ActivityFeed } from './ActivityFeed';
+export type { ActivityFeedProps } from './ActivityFeed';
+export { AppDownload } from './AppDownload';
+export type { AppDownloadProps } from './AppDownload';
+export { Blog } from './Blog';
+export type { BlogProps } from './Blog';
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';
+export { CarouselSection } from './CarouselSection';
+export { CarouselCard } from './CarouselSection';
+export type { CarouselSectionProps, CarouselCardProps, } from './CarouselSection';
+export { ChatSection } from './Chat';
+export type { ChatSectionProps, ChatMessage, ChatConversation, ChatInputProps, } from './Chat';
+export { Comparison } from './Comparison';
+export type { ComparisonProps } from './Comparison';
+export { Contact } from './Contact';
+export type { ContactProps } from './Contact';
+export { CTA } from './CTA';
+export type { CTAProps } from './CTA';
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export { FAQ } from './FAQ';
+export type { FAQProps } from './FAQ';
+export { Features } from './Features';
+export type { FeaturesProps } from './Features';
+export { Footer } from './Footer';
+export type { FooterProps } from './Footer';
+export { Gallery } from './Gallery';
+export type { GalleryProps } from './Gallery';
+export { Hero } from './Hero';
+export { HeroHighlight } from './Hero';
+export type { HeroProps, HeroAlign, HeroSize, HeroVariant, HeroLayout, HeroHighlightProps, } from './Hero';
+export { LogoCloud } from './LogoCloud';
+export type { LogoCloudProps } from './LogoCloud';
+export { Newsletter } from './Newsletter';
+export type { NewsletterProps } from './Newsletter';
+export { Pricing } from './Pricing';
+export type { PricingProps } from './Pricing';
+export { SettingsLayout } from './SettingsLayout';
+export type { SettingsLayoutProps } from './SettingsLayout';
+export { SocialProof } from './SocialProof';
+export type { SocialProofProps } from './SocialProof';
+export { Stats } from './Stats';
+export type { StatsProps } from './Stats';
+export { Stepper } from './Stepper';
+export type { StepperProps } from './Stepper';
+export { Team } from './Team';
+export type { TeamProps } from './Team';
+export { Testimonials } from './Testimonials';
+export type { TestimonialsProps } from './Testimonials';
+export { Timeline } from './Timeline';
+export type { TimelineProps } from './Timeline';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/sections/index.ts"],"names":[],"mappings":"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"}

package/dist/blocks/templates/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @orion-ds/react/templates - Full-page templates
+ *
+ * Templates for app and marketing layouts.
+ * To be added after core sections validation.
+ */
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,CAAC"}