@orion-ds/react 4.5.0 → 4.6.0

package/dist/blocks/sections/CarouselSection/CarouselSection.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),L=require("lucide-react"),l=require("./CarouselSection.module.css.cjs"),U=require("../../../sections/Section/Section.cjs"),W=require("../../../sections/Container/Container.cjs"),V=require("../../../components/Carousel/Carousel.cjs"),x=16,S=24,b=32,q=s.forwardRef(({eyebrow:f,title:h,description:m,items:o,variant:w="editorial",aspectRatio:y="16/9",peek:B=!0,autoScroll:E=!1,autoScrollInterval:A=5e3,gap:r="md",background:z="base",showNavigation:j=!0,showPagination:M=!1,alignToTitle:C=!0,highlightActive:P=!1,loop:G=!1,className:_,...p},O)=>{const d=f||h||m,R=s.useRef(null),v=s.useRef(null),[I,$]=s.useState(!1),[D,H]=s.useState(!0),[F,J]=s.useState(0),[K,N]=s.useState(void 0),c=s.useCallback(()=>R.current?.querySelector('[role="region"]'),[]),g=s.useCallback(()=>{const t=c();if(!t)return;const{scrollLeft:e,scrollWidth:a,clientWidth:i}=t;$(e>0),H(e<a-i-1)},[c]),k=s.useCallback(t=>{const e=c();if(!e)return;const u=(e.children[0]?.getBoundingClientRect().width||0)+(r==="sm"?x:r==="md"?S:b);e.scrollBy({left:t==="left"?-u:u,behavior:"smooth"})},[r,c]),Q=s.useCallback(t=>{const e=c();if(!e)return;const a=e.children[0]?.getBoundingClientRect().width||0,i=r==="sm"?x:r==="md"?S:b;e.scrollTo({left:t*(a+i),behavior:"smooth"})},[r,c]);s.useLayoutEffect(()=>{if(!C||!d){N(void 0);return}const t=()=>{if(v.current){const e=v.current.getBoundingClientRect();N(Math.round(e.left))}};return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[C,d]),s.useEffect(()=>{const t=c();if(!t)return;const e=()=>{g();const a=t.children[0]?.getBoundingClientRect().width||0,i=r==="sm"?x:r==="md"?S:b,u=Math.round(t.scrollLeft/(a+i));J(Math.min(u,o.length-1))};return g(),t.addEventListener("scroll",e),()=>{t.removeEventListener("scroll",e)}},[r,o.length,g,c]);const T=[l.default.section,_].filter(Boolean).join(" ");return n.jsxs(U.Section,{ref:O,spacing:"lg",background:z,className:T,...p,children:[d&&n.jsx(W.Container,{size:"xl",children:n.jsxs("header",{ref:v,className:l.default.header,children:[n.jsxs("div",{className:l.default.headerContent,children:[f&&n.jsx("div",{className:l.default.headerEyebrow,children:f}),h&&n.jsx("h2",{className:l.default.title,children:h}),m&&n.jsx("p",{className:l.default.description,children:m})]}),j&&o.length>1&&n.jsxs("div",{className:l.default.navigation,children:[n.jsx("button",{type:"button",className:l.default.navButton,onClick:()=>k("left"),disabled:!I,"aria-label":"Previous",children:n.jsx(L.ChevronLeft,{size:24})}),n.jsx("button",{type:"button",className:l.default.navButton,onClick:()=>k("right"),disabled:!D,"aria-label":"Next",children:n.jsx(L.ChevronRight,{size:24})})]})]})}),n.jsx(V.Carousel,{ref:R,items:o,variant:w,aspectRatio:y,peek:B,autoScroll:E,autoScrollInterval:A,gap:r,align:C&&d?"container":"edge",alignOffset:K,showNavigation:!d&&j,showPagination:!1,highlightActive:P,loop:G}),M&&o.length>1&&n.jsx(W.Container,{size:"xl",children:n.jsx("div",{className:l.default.pagination,children:o.map((t,e)=>n.jsx("button",{type:"button",className:`${l.default.dot} ${e===F?l.default.dotActive:""}`,onClick:()=>Q(e),"aria-label":`Go to slide ${e+1}`},e))})})]})});q.displayName="CarouselSection";exports.CarouselSection=q;
+"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.d.ts

@@ -1,4 +1,9 @@
-import { CarouselSectionProps } from './CarouselSection.types';
+import { default as React } from 'react';
+import { CarouselSectionProps, CarouselCardProps } from './CarouselSection.types';
 
-export declare const CarouselSection: import('react').ForwardRefExoticComponent<CarouselSectionProps & import('react').RefAttributes<HTMLElement>>;
+type CarouselSectionComponent = React.ForwardRefExoticComponent<CarouselSectionProps & React.RefAttributes<HTMLElement>> & {
+    Card: React.FC<CarouselCardProps>;
+};
+export declare const CarouselSection: CarouselSectionComponent;
+export {};
 //# sourceMappingURL=CarouselSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselSection.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAWpE,eAAO,MAAM,eAAe,8GAuN3B,CAAC"}
+{"version":3,"file":"CarouselSection.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIvF,KAAK,wBAAwB,GAAG,KAAK,CAAC,yBAAyB,CAC7D,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACxD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAiHvB,wBAAwB,CAAC"}

package/dist/blocks/sections/CarouselSection/CarouselSection.mjs

@@ -1,166 +1,105 @@
 "use client";
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { forwardRef as X, useRef as B, useState as f, useCallback as u, useLayoutEffect as Y, useEffect as Z } from "react";
-import { ChevronLeft as T, ChevronRight as ee } from "lucide-react";
-import r from "./CarouselSection.module.css.mjs";
-import { Section as te } from "../../../sections/Section/Section.mjs";
-import { Container as E } from "../../../sections/Container/Container.mjs";
-import { Carousel as ne } from "../../../components/Carousel/Carousel.mjs";
-const S = 16, p = 24, L = 32, re = X(
+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(
   ({
-    eyebrow: m,
-    title: v,
-    description: g,
-    items: c,
-    variant: x = "editorial",
-    aspectRatio: y = "16/9",
-    peek: A = !0,
-    autoScroll: z = !1,
-    autoScrollInterval: G = 5e3,
-    gap: o = "md",
-    background: M = "base",
-    showNavigation: R = !0,
-    showPagination: P = !1,
-    alignToTitle: C = !0,
-    highlightActive: _ = !1,
-    loop: j = !1,
-    className: I,
-    ...O
-  }, $) => {
-    const a = m || v || g, W = B(null), b = B(null), [q, D] = f(!1), [H, F] = f(!0), [J, K] = f(0), [Q, k] = f(
-      void 0
-    ), s = u(() => W.current?.querySelector(
-      '[role="region"]'
-    ), []), N = u(() => {
-      const t = s();
-      if (!t) return;
-      const { scrollLeft: e, scrollWidth: l, clientWidth: i } = t;
-      D(e > 0), F(e < l - i - 1);
-    }, [s]), w = u(
-      (t) => {
-        const e = s();
-        if (!e) return;
-        const d = (e.children[0]?.getBoundingClientRect().width || 0) + (o === "sm" ? S : o === "md" ? p : L);
-        e.scrollBy({
-          left: t === "left" ? -d : d,
-          behavior: "smooth"
-        });
+    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, s]
-    ), U = u(
-      (t) => {
-        const e = s();
-        if (!e) return;
-        const l = e.children[0]?.getBoundingClientRect().width || 0, i = o === "sm" ? S : o === "md" ? p : L;
-        e.scrollTo({
-          left: t * (l + i),
-          behavior: "smooth"
-        });
-      },
-      [o, s]
-    );
-    Y(() => {
-      if (!C || !a) {
-        k(void 0);
-        return;
-      }
-      const t = () => {
-        if (b.current) {
-          const e = b.current.getBoundingClientRect();
-          k(Math.round(e.left));
+      [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))
         }
-      };
-      return t(), window.addEventListener("resize", t), () => {
-        window.removeEventListener("resize", t);
-      };
-    }, [C, a]), Z(() => {
-      const t = s();
-      if (!t) return;
-      const e = () => {
-        N();
-        const l = t.children[0]?.getBoundingClientRect().width || 0, i = o === "sm" ? S : o === "md" ? p : L, d = Math.round(t.scrollLeft / (l + i));
-        K(Math.min(d, c.length - 1));
-      };
-      return N(), t.addEventListener("scroll", e), () => {
-        t.removeEventListener("scroll", e);
-      };
-    }, [o, c.length, N, s]);
-    const V = [r.section, I].filter(Boolean).join(" ");
-    return /* @__PURE__ */ h(
-      te,
-      {
-        ref: $,
-        spacing: "lg",
-        background: M,
-        className: V,
-        ...O,
-        children: [
-          a && /* @__PURE__ */ n(E, { size: "xl", children: /* @__PURE__ */ h("header", { ref: b, className: r.header, children: [
-            /* @__PURE__ */ h("div", { className: r.headerContent, children: [
-              m && /* @__PURE__ */ n("div", { className: r.headerEyebrow, children: m }),
-              v && /* @__PURE__ */ n("h2", { className: r.title, children: v }),
-              g && /* @__PURE__ */ n("p", { className: r.description, children: g })
-            ] }),
-            R && c.length > 1 && /* @__PURE__ */ h("div", { className: r.navigation, children: [
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  type: "button",
-                  className: r.navButton,
-                  onClick: () => w("left"),
-                  disabled: !q,
-                  "aria-label": "Previous",
-                  children: /* @__PURE__ */ n(T, { size: 24 })
-                }
-              ),
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  type: "button",
-                  className: r.navButton,
-                  onClick: () => w("right"),
-                  disabled: !H,
-                  "aria-label": "Next",
-                  children: /* @__PURE__ */ n(ee, { size: 24 })
-                }
-              )
-            ] })
-          ] }) }),
-          /* @__PURE__ */ n(
-            ne,
-            {
-              ref: W,
-              items: c,
-              variant: x,
-              aspectRatio: y,
-              peek: A,
-              autoScroll: z,
-              autoScrollInterval: G,
-              gap: o,
-              align: C && a ? "container" : "edge",
-              alignOffset: Q,
-              showNavigation: !a && R,
-              showPagination: !1,
-              highlightActive: _,
-              loop: j
-            }
-          ),
-          P && c.length > 1 && /* @__PURE__ */ n(E, { size: "xl", children: /* @__PURE__ */ n("div", { className: r.pagination, children: c.map((t, e) => /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              className: `${r.dot} ${e === J ? r.dotActive : ""}`,
-              onClick: () => U(e),
-              "aria-label": `Go to slide ${e + 1}`
-            },
-            e
-          )) }) })
-        ]
-      }
-    );
+      ) }),
+      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" })
+              }
+            )
+          }
+        )
+      ] })
+    ] }) });
   }
 );
-re.displayName = "CarouselSection";
+N.displayName = "CarouselSection";
+N.Card = v;
 export {
-  re as CarouselSection
+  N as CarouselSection
 };

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

@@ -1 +1 @@
-._section_1vt19_8{position:relative;overflow:hidden}._header_1vt19_17{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}._headerContent_1vt19_25{flex:1}._headerEyebrow_1vt19_29{margin-bottom:var(--spacing-4)}._title_1vt19_33{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-2) 0}._description_1vt19_42{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)}._navigation_1vt19_55{display:flex;gap:var(--spacing-2);flex-shrink:0}._navButton_1vt19_61{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}._navButton_1vt19_61:hover:not(:disabled){background:var(--surface-layer);border-color:var(--border-default)}._navButton_1vt19_61:disabled{opacity:.4;cursor:not-allowed}._pagination_1vt19_91{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-6)}._dot_1vt19_98{width:8px;height:8px;border-radius:50%;background:var(--border-subtle);border:none;cursor:pointer;padding:0;transition:background var(--transition-fast),transform var(--transition-fast)}._dot_1vt19_98:hover{background:var(--border-default)}._dotActive_1vt19_115{background:var(--interactive-primary);transform:scale(1.25)}@media(max-width:1024px){._header_1vt19_17{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}}@media(max-width:640px){._navButton_1vt19_61{width:40px;height:40px}}
+._section_g7vah_1{padding:var(--spacing-16) var(--spacing-6);background:var(--surface-base);overflow:hidden}._container_g7vah_7{max-width:1200px;margin:0 auto}._header_g7vah_12{text-align:center;margin-bottom:var(--spacing-8)}._title_g7vah_17{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-3) 0}._description_g7vah_25{font-family:var(--font-secondary);font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}._viewport_g7vah_32{position:relative}._track_g7vah_36{display:flex;transition:transform .4s ease}._slide_g7vah_41{flex:0 0 100%;min-width:0}._card_g7vah_46{border-radius:var(--radius-container);overflow:hidden;background:var(--surface-subtle);border:1px solid var(--border-subtle)}._cardImage_g7vah_53{width:100%;aspect-ratio:2 / 1;object-fit:cover;display:block}._cardBody_g7vah_60{padding:var(--spacing-4)}._cardTitle_g7vah_64{font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}._cardDescription_g7vah_72{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-1) 0 0}._controls_g7vah_79{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-6)}._navButton_g7vah_87{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-subtle);color:var(--text-primary);cursor:pointer;transition:background .15s ease}._navButton_g7vah_87:hover{background:var(--surface-layer)}._navButton_g7vah_87:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._navButton_g7vah_87:disabled{opacity:.4;cursor:not-allowed}._dots_g7vah_115{display:flex;gap:var(--spacing-2)}._dot_g7vah_115{width:8px;height:8px;border-radius:var(--radius-full);border:none;background:var(--border-subtle);cursor:pointer;padding:0;transition:background .15s ease}._dotActive_g7vah_131{background:var(--interactive-primary)}._dot_g7vah_115:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1vt19_8",e="_header_1vt19_17",n="_headerContent_1vt19_25",o="_headerEyebrow_1vt19_29",i="_title_1vt19_33",a="_description_1vt19_42",_="_navigation_1vt19_55",d="_navButton_1vt19_61",c="_pagination_1vt19_91",s="_dot_1vt19_98",r="_dotActive_1vt19_115",v={section:t,header:e,headerContent:n,headerEyebrow:o,title:i,description:a,navigation:_,navButton:d,pagination:c,dot:s,dotActive:r};exports.default=v;exports.description=a;exports.dot=s;exports.dotActive=r;exports.header=e;exports.headerContent=n;exports.headerEyebrow=o;exports.navButton=d;exports.navigation=_;exports.pagination=c;exports.section=t;exports.title=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_g7vah_1",o="_container_g7vah_7",c="_header_g7vah_12",a="_title_g7vah_17",e="_description_g7vah_25",_="_viewport_g7vah_32",n="_track_g7vah_36",r="_slide_g7vah_41",d="_card_g7vah_46",s="_cardImage_g7vah_53",i="_cardBody_g7vah_60",v="_cardTitle_g7vah_64",g="_cardDescription_g7vah_72",l="_controls_g7vah_79",h="_navButton_g7vah_87",p="_dots_g7vah_115",u="_dot_g7vah_115",B="_dotActive_g7vah_131",y={section:t,container:o,header:c,title:a,description:e,viewport:_,track:n,slide:r,card:d,cardImage:s,cardBody:i,cardTitle:v,cardDescription:g,controls:l,navButton:h,dots:p,dot:u,dotActive:B};exports.card=d;exports.cardBody=i;exports.cardDescription=g;exports.cardImage=s;exports.cardTitle=v;exports.container=o;exports.controls=l;exports.default=y;exports.description=e;exports.dot=u;exports.dotActive=B;exports.dots=p;exports.header=c;exports.navButton=h;exports.section=t;exports.slide=r;exports.title=a;exports.track=n;exports.viewport=_;

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

@@ -1,27 +1,41 @@
-const t = "_section_1vt19_8", n = "_header_1vt19_17", o = "_headerContent_1vt19_25", e = "_headerEyebrow_1vt19_29", _ = "_title_1vt19_33", i = "_description_1vt19_42", a = "_navigation_1vt19_55", c = "_navButton_1vt19_61", s = "_pagination_1vt19_91", v = "_dot_1vt19_98", d = "_dotActive_1vt19_115", r = {
+const t = "_section_g7vah_1", o = "_container_g7vah_7", c = "_header_g7vah_12", _ = "_title_g7vah_17", a = "_description_g7vah_25", n = "_viewport_g7vah_32", s = "_track_g7vah_36", e = "_slide_g7vah_41", d = "_card_g7vah_46", r = "_cardImage_g7vah_53", i = "_cardBody_g7vah_60", v = "_cardTitle_g7vah_64", g = "_cardDescription_g7vah_72", h = "_controls_g7vah_79", l = "_navButton_g7vah_87", p = "_dots_g7vah_115", B = "_dot_g7vah_115", u = "_dotActive_g7vah_131", y = {
   section: t,
-  header: n,
-  headerContent: o,
-  headerEyebrow: e,
+  container: o,
+  header: c,
   title: _,
-  description: i,
-  navigation: a,
-  navButton: c,
-  pagination: s,
-  dot: v,
-  dotActive: d
+  description: a,
+  viewport: n,
+  track: s,
+  slide: e,
+  card: d,
+  cardImage: r,
+  cardBody: i,
+  cardTitle: v,
+  cardDescription: g,
+  controls: h,
+  navButton: l,
+  dots: p,
+  dot: B,
+  dotActive: u
 };
 export {
-  r as default,
-  i as description,
-  v as dot,
-  d as dotActive,
-  n as header,
-  o as headerContent,
-  e as headerEyebrow,
-  c as navButton,
-  a as navigation,
-  s as pagination,
+  d as card,
+  i as cardBody,
+  g as cardDescription,
+  r as cardImage,
+  v as cardTitle,
+  o as container,
+  h as controls,
+  y as default,
+  a as description,
+  B as dot,
+  u as dotActive,
+  p as dots,
+  c as header,
+  l as navButton,
   t as section,
-  _ as title
+  e as slide,
+  _ as title,
+  s as track,
+  n as viewport
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSection.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAAuE,CAAC;AAE9F,eAAO,MAAM,MAAM,EAAE,KAA8C,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

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

@@ -1,114 +1,31 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { CarouselItem, CarouselVariant, CarouselAspectRatio, CarouselGap } from '@orion-ds/react';
-
-export type { CarouselItem, CarouselVariant, CarouselAspectRatio, CarouselGap, CarouselOverlay, } from '@orion-ds/react';
-/**
- * CarouselSection props
- *
- * Full-page carousel section with title, description, and navigation.
- *
- * @example
- * ```tsx
- * <CarouselSection
- *   eyebrow={<Badge>Featured</Badge>}
- *   title="Featured Stories"
- *   description="Check out our latest articles."
- *   alignToTitle={true}
- *   items={[
- *     {
- *       image: <img src="/hero-1.jpg" alt="" />,
- *       eyebrow: "Design",
- *       title: "The future of interfaces",
- *       description: "How AI is reshaping how we build",
- *       overlay: "gradient"
- *     }
- *   ]}
- * />
- * ```
- */
-export interface CarouselSectionProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-    /**
-     * Optional eyebrow/badge above title
-     */
-    eyebrow?: ReactNode;
-    /**
-     * Section title
-     */
-    title?: ReactNode;
-    /**
-     * Section description
-     */
-    description?: ReactNode;
-    /**
-     * Array of carousel items
-     */
+export interface CarouselItem {
+    /** Unique identifier */
+    id: string;
+    /** Item title */
+    title: string;
+    /** Image URL */
+    image: string;
+    /** Optional description */
+    description?: string;
+    /** Optional link */
+    href?: string;
+}
+export interface CarouselCardProps extends CarouselItem {
+    /** Additional CSS class */
+    className?: string;
+}
+export interface CarouselSectionProps {
+    /** Array of carousel items */
     items: CarouselItem[];
-    /**
-     * Visual variant
-     * - editorial: Magazine-style with large images and text overlays
-     * - product: Product showcase cards
-     * - gallery: Simple image gallery
-     * @default 'editorial'
-     */
-    variant?: CarouselVariant;
-    /**
-     * Aspect ratio for cards
-     * @default '16/9'
-     */
-    aspectRatio?: CarouselAspectRatio;
-    /**
-     * Show cards cut at edge (Apple style peek effect)
-     * @default true
-     */
-    peek?: boolean;
-    /**
-     * Enable auto-scroll
-     * @default false
-     */
+    /** Enable automatic scrolling */
     autoScroll?: boolean;
-    /**
-     * Auto-scroll interval in milliseconds
-     * @default 5000
-     */
+    /** Auto-scroll interval in milliseconds */
     autoScrollInterval?: number;
-    /**
-     * Gap between cards
-     * @default 'md'
-     */
-    gap?: CarouselGap;
-    /**
-     * Background style
-     * @default 'base'
-     */
-    background?: "base" | "subtle" | "sunken" | "none";
-    /**
-     * Show navigation arrows in header
-     * @default true
-     */
-    showNavigation?: boolean;
-    /**
-     * Show pagination dots below carousel
-     * @default false
-     */
-    showPagination?: boolean;
-    /**
-     * Align first card with the Container edge (same as title)
-     * - true: First card aligns with title (container alignment)
-     * - false: Cards start from screen edge (Apple style)
-     * @default true
-     */
-    alignToTitle?: boolean;
-    /**
-     * Make the active (focused) card 10% larger than the rest.
-     * Creates a "spotlight" effect that follows the scroll position.
-     * @default false
-     */
-    highlightActive?: boolean;
-    /**
-     * Enable infinite loop scrolling.
-     * When reaching the end, navigation continues from the beginning.
-     * @default false
-     */
-    loop?: boolean;
+    /** Section heading */
+    title?: string;
+    /** Section description */
+    description?: string;
+    /** Additional CSS class */
+    className?: string;
 }
 //# sourceMappingURL=CarouselSection.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselSection.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,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,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
+{"version":3,"file":"CarouselSection.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,11 +1,4 @@
-/**
- * CarouselSection Component Exports
- *
- * Full-page carousel section with title, description, and navigation.
- * For atomic carousel use, import Carousel from components.
- */
 export { CarouselSection } from './CarouselSection';
-export { CarouselCard } from '@orion-ds/react';
-export type { CarouselSectionProps, CarouselItem, CarouselVariant, CarouselAspectRatio, CarouselGap, CarouselOverlay, } from './CarouselSection.types';
-export type { CarouselCardProps } from '@orion-ds/react';
+export { CarouselCard } from './CarouselCard';
+export type { CarouselSectionProps, CarouselCardProps, CarouselItem, } from './CarouselSection.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,YAAY,EACV,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,eAAe,GAChB,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,GACb,MAAM,yBAAyB,CAAC"}

package/dist/blocks/sections/Chat/Chat.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),m=require("lucide-react"),a=require("./Chat.module.css.cjs"),s=require("../../../components/Chat/Chat.cjs"),g=require("../../../components/Chat/hooks/useStreamingText.cjs");function q({message:n}){const{displayText:o,isComplete:l}=g.useStreamingText(n.content);return t.jsx(s.Chat.Message,{role:n.role,content:o,timestamp:n.timestamp,status:n.status,attachments:n.attachments,isStreaming:!l})}const x=r.forwardRef(({conversations:n=[],activeConversationId:o,messages:l=[],onSendMessage:d,onSelectConversation:j,onNewConversation:p,onDeleteConversation:S,isTyping:C=!1,isLoading:f=!1,header:i,inputConfig:c,hideSidebar:u=!1,className:y,...b},v)=>{const[M,h]=r.useState(!0),N=r.useCallback((e,T)=>{d?.(e,T)},[d]);return t.jsxs("div",{ref:v,className:[a.default.section,y].filter(Boolean).join(" "),...b,children:[!u&&t.jsx(s.Chat.Sidebar,{conversations:n,activeConversationId:o,onSelectConversation:j,onNewConversation:p,onDeleteConversation:S,collapsed:M,onCollapsedChange:h}),t.jsx("div",{className:a.default.sectionMain,children:t.jsxs(s.Chat,{children:[t.jsx(s.Chat.Header,{title:i?.title||"AI Assistant",subtitle:i?.subtitle,avatar:i?.avatar,actions:t.jsxs(t.Fragment,{children:[!u&&t.jsx("button",{className:[a.default.inputButton,a.default.sectionMobileMenuButton].join(" "),onClick:()=>h(!1),"aria-label":"Open sidebar",children:t.jsx(m.Menu,{size:20})}),i?.actions]})}),t.jsxs(s.Chat.Messages,{children:[l.length===0?t.jsxs("div",{className:a.default.emptyState,children:[t.jsx("div",{className:a.default.emptyStateIcon,children:t.jsx(m.MessageSquare,{size:28})}),t.jsxs("div",{children:[t.jsx("h3",{className:a.default.emptyStateTitle,children:"How can I help you today?"}),t.jsx("p",{className:a.default.emptyStateText,children:"Start a conversation by typing a message below."})]})]}):l.map(e=>e.isStreaming?t.jsx(q,{message:e},e.id):t.jsx(s.Chat.Message,{role:e.role,content:e.content,timestamp:e.timestamp,status:e.status,attachments:e.attachments},e.id)),C&&t.jsx(s.Chat.TypingIndicator,{})]}),t.jsx(s.Chat.Input,{onSend:N,placeholder:c?.placeholder||"Type a message...",allowAttachments:c?.allowAttachments??!0,allowVoiceRecording:c?.allowVoiceRecording??!0,maxLength:c?.maxLength,isLoading:f})]})})]})});x.displayName="ChatSection";exports.ChatSection=x;
+"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;

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

@@ -1,4 +1,5 @@
-import { ChatSectionProps } from '@orion-ds/react';
+import { default as React } from 'react';
+import { ChatSectionProps } from './Chat.types';
 
-export declare const ChatSection: import('react').ForwardRefExoticComponent<ChatSectionProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ChatSection: React.ForwardRefExoticComponent<ChatSectionProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Chat.d.ts.map