@orion-ds/react 4.4.0 → 4.6.0

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

@@ -1 +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=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_29fow_1",o="_container_29fow_6",r="_header_29fow_11",a="_title_29fow_16",_="_description_29fow_24",e="_grid_29fow_31",s="_grid2_29fow_36",i="_grid3_29fow_40",n="_card_29fow_44",c="_cardMinimal_29fow_54",d="_stars_29fow_60",u="_starFilled_29fow_65",l="_starEmpty_29fow_69",f="_quote_29fow_73",h="_author_29fow_82",w="_authorAvatar_29fow_89",g="_authorInfo_29fow_93",m="_authorName_29fow_98",p="_authorRole_29fow_106",v={section:t,container:o,header:r,title:a,description:_,grid:e,grid2:s,grid3:i,card:n,cardMinimal:c,stars:d,starFilled:u,starEmpty:l,quote:f,author:h,authorAvatar:w,authorInfo:g,authorName:m,authorRole:p};exports.author=h;exports.authorAvatar=w;exports.authorInfo=g;exports.authorName=m;exports.authorRole=p;exports.card=n;exports.cardMinimal=c;exports.container=o;exports.default=v;exports.description=_;exports.grid=e;exports.grid2=s;exports.grid3=i;exports.header=r;exports.quote=f;exports.section=t;exports.starEmpty=l;exports.starFilled=u;exports.stars=d;exports.title=a;

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

@@ -1,45 +1,43 @@
-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,
+const o = "_section_29fow_1", t = "_container_29fow_6", _ = "_header_29fow_11", r = "_title_29fow_16", a = "_description_29fow_24", s = "_grid_29fow_31", n = "_grid2_29fow_36", c = "_grid3_29fow_40", e = "_card_29fow_44", i = "_cardMinimal_29fow_54", d = "_stars_29fow_60", f = "_starFilled_29fow_65", u = "_starEmpty_29fow_69", w = "_quote_29fow_73", h = "_author_29fow_82", l = "_authorAvatar_29fow_89", g = "_authorInfo_29fow_93", m = "_authorName_29fow_98", p = "_authorRole_29fow_106", y = {
+  section: o,
+  container: t,
+  header: _,
+  title: r,
+  description: a,
   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,
+  grid2: n,
+  grid3: c,
+  card: e,
+  cardMinimal: i,
+  stars: d,
+  starFilled: f,
+  starEmpty: u,
+  quote: w,
+  author: h,
+  authorAvatar: l,
+  authorInfo: g,
+  authorName: m,
   authorRole: p
 };
 export {
-  d as author,
-  m as authorInfo,
-  h as authorName,
+  h as author,
+  l as authorAvatar,
+  g as authorInfo,
+  m as authorName,
   p as authorRole,
-  u as avatar,
-  r as centered,
+  e as card,
+  i as cardMinimal,
+  t as container,
   y as default,
-  _ as description,
-  a as eyebrow,
+  a as description,
   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
+  n as grid2,
+  c as grid3,
+  _ as header,
+  w as quote,
+  o as section,
+  u as starEmpty,
+  f as starFilled,
+  d as stars,
+  r as title
 };

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Testimonials.types').TestimonialsProps & import('react').RefAttributes<HTMLElement>> & {
+        Card: React.FC<import('./Testimonials.types').TestimonialCardProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TwoColumns: Story;
+export declare const Minimal: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Testimonials.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Testimonials/Testimonials.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmCnC,eAAO,MAAM,OAAO,EAAE,KAAgG,CAAC;AAEvH,eAAO,MAAM,UAAU,EAAE,KAAmF,CAAC;AAE7G,eAAO,MAAM,OAAO,EAAE,KAAgF,CAAC;AAEvG,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

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

@@ -1,126 +1,42 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { 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
-     */
+    /** Author name */
     name: string;
-    /**
-     * Author's role or title
-     */
+    /** Author role or title */
     role?: string;
-    /**
-     * Author's company or organization
-     */
+    /** Company name */
     company?: string;
-    /**
-     * Avatar element (img or custom component)
-     */
+    /** Avatar element */
     avatar?: ReactNode;
 }
-/**
- * Testimonial data structure
- */
-export interface Testimonial {
-    /**
-     * The testimonial quote text
-     */
+export interface TestimonialItem {
+    /** Testimonial quote text */
     quote: string;
-    /**
-     * Author information
-     */
+    /** Author information */
     author: TestimonialAuthor;
-    /**
-     * Star rating (1-5)
-     */
+    /** 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;
+export interface TestimonialCardProps extends TestimonialItem {
+    /** Visual variant */
+    variant?: "default" | "minimal";
+    /** Additional CSS class */
+    className?: string;
 }
-/**
- * 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'
-     */
+export type TestimonialsVariant = "default" | "minimal";
+export interface TestimonialsProps {
+    /** Section heading */
+    title?: string;
+    /** Section description */
+    description?: string;
+    /** Array of testimonials */
+    testimonials: TestimonialItem[];
+    /** Grid columns (2 | 3) */
+    columns?: 2 | 3;
+    /** Visual variant */
     variant?: TestimonialsVariant;
-    /**
-     * Background style
-     * @default 'base'
-     */
-    background?: "base" | "subtle" | "none";
-    /**
-     * Center the header text
-     * @default true
-     */
-    centered?: boolean;
+    /** Additional CSS class */
+    className?: string;
 }
 //# sourceMappingURL=Testimonials.types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Testimonials.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Testimonials/Testimonials.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,MAAM,WAAW,iBAAiB;IAChC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,qBAAqB;IACrB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Testimonials/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}

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

@@ -1 +1,2 @@
-"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;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),e=require("./Timeline.module.css.cjs"),c=({title:s,events:i,orientation:n="horizontal",compact:d=!1,className:r})=>{const a=n==="vertical";return t.jsxs("section",{className:`${e.default.section} ${d?e.default.compact:""} ${r||""}`,children:[s&&t.jsx("h2",{className:e.default.title,children:s}),t.jsx("div",{className:a?e.default.eventsVertical:e.default.eventsHorizontal,children:i.map((l,o)=>t.jsxs(u.Fragment,{children:[t.jsxs("div",{className:`${e.default.event} ${a?e.default.eventVertical:""}`,children:[t.jsx("div",{className:`${e.default.eventDot} ${a?e.default.eventDotVertical:""}`}),t.jsxs("div",{className:e.default.eventContent,children:[t.jsx("p",{className:e.default.eventDate,children:l.date}),t.jsx("p",{className:e.default.eventTitle,children:l.title}),l.description&&t.jsx("p",{className:e.default.eventDescription,children:l.description})]})]}),!a&&o<i.length-1&&t.jsx("div",{className:e.default.connector})]},l.id))})]})};c.displayName="Timeline";exports.Timeline=c;

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

@@ -1,8 +1,5 @@
 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

@@ -1 +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"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoD5C,CAAC"}

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

@@ -1,84 +1,54 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
+"use client";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import d from "react";
 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 p = ({
+  title: s,
+  events: l,
+  orientation: n = "horizontal",
+  compact: r = !1,
+  className: o
 }) => {
-  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(
+  const a = n === "vertical";
+  return /* @__PURE__ */ c(
     "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(
+      className: `${e.section} ${r ? e.compact : ""} ${o || ""}`,
+      children: [
+        s && /* @__PURE__ */ i("h2", { className: e.title, children: s }),
+        /* @__PURE__ */ i(
           "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
-            ))
+            className: a ? e.eventsVertical : e.eventsHorizontal,
+            children: l.map((t, m) => /* @__PURE__ */ c(d.Fragment, { children: [
+              /* @__PURE__ */ c(
+                "div",
+                {
+                  className: `${e.event} ${a ? e.eventVertical : ""}`,
+                  children: [
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: `${e.eventDot} ${a ? e.eventDotVertical : ""}`
+                      }
+                    ),
+                    /* @__PURE__ */ c("div", { className: e.eventContent, children: [
+                      /* @__PURE__ */ i("p", { className: e.eventDate, children: t.date }),
+                      /* @__PURE__ */ i("p", { className: e.eventTitle, children: t.title }),
+                      t.description && /* @__PURE__ */ i("p", { className: e.eventDescription, children: t.description })
+                    ] })
+                  ]
+                }
+              ),
+              !a && m < l.length - 1 && /* @__PURE__ */ i("div", { className: e.connector })
+            ] }, t.id))
           }
         )
-      ] })
+      ]
     }
   );
 };
-v.displayName = "Timeline";
+p.displayName = "Timeline";
 export {
-  v as Timeline
+  p as Timeline
 };

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

@@ -1 +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}}
+._section_z224h_1{padding:var(--spacing-8) var(--spacing-6);background:var(--surface-base)}._title_z224h_6{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._eventsHorizontal_z224h_15{display:flex;align-items:flex-start;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-4)}._eventsVertical_z224h_23{display:flex;flex-direction:column;gap:var(--spacing-1);position:relative;padding-left:var(--spacing-8)}._eventsVertical_z224h_23:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--border-subtle)}._event_z224h_15{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:160px}._eventVertical_z224h_49{flex:none;position:relative;padding:var(--spacing-3) 0}._eventDot_z224h_55{width:12px;height:12px;border-radius:var(--radius-full);background:var(--interactive-primary);flex-shrink:0;border:2px solid var(--surface-base);box-shadow:0 0 0 2px var(--interactive-primary)}._eventDotVertical_z224h_65{position:absolute;left:calc(var(--spacing-8) * -1 + 10px);top:var(--spacing-4)}._eventContent_z224h_71{display:flex;flex-direction:column}._eventDate_z224h_76{font-family:var(--font-secondary);font-size:var(--font-size-xs);font-weight:600;color:var(--interactive-primary);margin:0}._eventTitle_z224h_84{font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin:var(--spacing-1) 0 0}._eventDescription_z224h_92{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:2px 0 0}._connector_z224h_99{flex:1;height:2px;background:var(--border-subtle);min-width:var(--spacing-4);align-self:center}._compact_z224h_107 ._eventContent_z224h_71{gap:0}._compact_z224h_107 ._eventDescription_z224h_92{display:none}

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

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_section_z224h_1",t="_title_z224h_6",n="_eventsHorizontal_z224h_15",o="_eventsVertical_z224h_23",c="_event_z224h_15",_="_eventVertical_z224h_49",v="_eventDot_z224h_55",i="_eventDotVertical_z224h_65",s="_eventContent_z224h_71",l="_eventDate_z224h_76",r="_eventTitle_z224h_84",a="_eventDescription_z224h_92",z="_connector_z224h_99",D="_compact_z224h_107",h={section:e,title:t,eventsHorizontal:n,eventsVertical:o,event:c,eventVertical:_,eventDot:v,eventDotVertical:i,eventContent:s,eventDate:l,eventTitle:r,eventDescription:a,connector:z,compact:D};exports.compact=D;exports.connector=z;exports.default=h;exports.event=c;exports.eventContent=s;exports.eventDate=l;exports.eventDescription=a;exports.eventDot=v;exports.eventDotVertical=i;exports.eventTitle=r;exports.eventVertical=_;exports.eventsHorizontal=n;exports.eventsVertical=o;exports.section=e;exports.title=t;

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

@@ -1,37 +1,33 @@
-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,
+const t = "_section_z224h_1", e = "_title_z224h_6", n = "_eventsHorizontal_z224h_15", o = "_eventsVertical_z224h_23", c = "_event_z224h_15", _ = "_eventVertical_z224h_49", s = "_eventDot_z224h_55", v = "_eventDotVertical_z224h_65", i = "_eventContent_z224h_71", a = "_eventDate_z224h_76", l = "_eventTitle_z224h_84", r = "_eventDescription_z224h_92", z = "_connector_z224h_99", h = "_compact_z224h_107", D = {
+  section: t,
+  title: e,
+  eventsHorizontal: n,
+  eventsVertical: o,
   event: c,
-  marker: a,
-  markerIcon: s,
-  eventContent: m,
-  eventDate: k,
-  eventTitle: v,
-  eventDescription: l,
-  eventExtra: q,
-  horizontal: d
+  eventVertical: _,
+  eventDot: s,
+  eventDotVertical: v,
+  eventContent: i,
+  eventDate: a,
+  eventTitle: l,
+  eventDescription: r,
+  connector: z,
+  compact: h
 };
 export {
-  t as container,
-  p as default,
-  r as description,
+  h as compact,
+  z as connector,
+  D as default,
   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
+  i as eventContent,
+  a as eventDate,
+  r as eventDescription,
+  s as eventDot,
+  v as eventDotVertical,
+  l as eventTitle,
+  _ as eventVertical,
+  n as eventsHorizontal,
+  o as eventsVertical,
+  t as section,
+  e as title
 };

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Timeline.types').TimelineProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Compact: Story;
+export declare const Vertical: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Timeline.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,OAAO,EAAE,KAA8C,CAAC;AAErE,eAAO,MAAM,OAAO,EAAE,KAAkF,CAAC;AAEzG,eAAO,MAAM,QAAQ,EAAE,KAA0E,CAAC;AAElG,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC"}