@orion-ds/react 4.2.14 → 4.3.1

package/dist/blocks/sections/CTA/CTA.mjs

@@ -0,0 +1,45 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as y, useEffect as j } from "react";
+import e from "./CTA.module.css.mjs";
+import { Section as d } from "../../../sections/Section/Section.mjs";
+import { Container as m } from "../../../sections/Container/Container.mjs";
+import { Card as p } from "../../../components/Card/Card.mjs";
+const w = y(
+  ({
+    title: f,
+    headline: s,
+    description: i,
+    actions: a,
+    footnote: c,
+    variant: h = "brand",
+    size: N = "md",
+    align: v = "center",
+    contained: g = !0,
+    className: C,
+    ...n
+  }, l) => {
+    const T = f ?? s;
+    j(() => {
+      s && process.env.NODE_ENV === "development" && console.warn(
+        '[CTA] The "headline" prop is deprecated. Use "title" instead. headline will be removed in v3.0.'
+      );
+    }, [s]);
+    const o = [
+      e.cta,
+      e[`variant-${h}`],
+      e[`size-${N}`],
+      e[`align-${v}`],
+      C
+    ].filter(Boolean).join(" "), t = /* @__PURE__ */ u("div", { className: e.content, children: [
+      /* @__PURE__ */ r("h2", { className: e.headline, children: T }),
+      i && /* @__PURE__ */ r("p", { className: e.description, children: i }),
+      a && /* @__PURE__ */ r("div", { className: e.actions, children: a }),
+      c && /* @__PURE__ */ r("p", { className: e.footnote, children: c })
+    ] });
+    return g ? /* @__PURE__ */ r(d, { ref: l, spacing: "lg", className: o, ...n, children: /* @__PURE__ */ r(m, { size: "lg", children: /* @__PURE__ */ r(p, { className: e.card, children: /* @__PURE__ */ r(p.Body, { className: e.cardBody, children: t }) }) }) }) : /* @__PURE__ */ r(d, { ref: l, spacing: "lg", className: o, ...n, children: /* @__PURE__ */ r(m, { size: "lg", children: t }) });
+  }
+);
+w.displayName = "CTA";
+export {
+  w as CTA
+};

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

@@ -0,0 +1 @@
+._cta_m8lit_8{position:relative}._content_m8lit_12{display:flex;flex-direction:column;gap:var(--spacing-4)}._card_m8lit_18{overflow:hidden}._cardBody_m8lit_22{padding:var(--spacing-12)}._align-center_m8lit_30 ._content_m8lit_12{align-items:center;text-align:center}._align-center_m8lit_30 ._actions_m8lit_36{justify-content:center}._align-center_m8lit_30 ._description_m8lit_40{margin-left:auto;margin-right:auto}._align-left_m8lit_46 ._content_m8lit_12{align-items:flex-start;text-align:left}._align-left_m8lit_46 ._actions_m8lit_36{justify-content:flex-start}._size-sm_m8lit_61 ._cardBody_m8lit_22{padding:var(--spacing-8)}._size-sm_m8lit_61 ._headline_m8lit_66{font-size:clamp(1.25rem,2vw,1.5rem)}._size-sm_m8lit_61 ._description_m8lit_40{font-size:var(--font-size-14);max-width:400px}._size-md_m8lit_76 ._cardBody_m8lit_22{padding:var(--spacing-12)}._size-md_m8lit_76 ._headline_m8lit_66{font-size:clamp(1.5rem,3vw,2rem)}._size-md_m8lit_76 ._description_m8lit_40{font-size:var(--font-size-16);max-width:500px}._size-lg_m8lit_91 ._cardBody_m8lit_22{padding:var(--spacing-16)}._size-lg_m8lit_91 ._headline_m8lit_66{font-size:clamp(2rem,4vw,3rem)}._size-lg_m8lit_91 ._description_m8lit_40{font-size:var(--font-size-18);max-width:600px}._variant-default_m8lit_111 ._card_m8lit_18{background:var(--surface-base);border:1px solid var(--border-subtle)}._variant-default_m8lit_111 ._headline_m8lit_66{color:var(--text-primary)}._variant-default_m8lit_111 ._description_m8lit_40{color:var(--text-secondary)}._variant-default_m8lit_111 ._footnote_m8lit_125{color:var(--text-tertiary)}._variant-brand_m8lit_131 ._card_m8lit_18{background:linear-gradient(135deg,var(--interactive-primary),var(--interactive-primary-hover));border:none}._variant-brand_m8lit_131 ._headline_m8lit_66{color:var(--text-on-brand-primary)}._variant-brand_m8lit_131 ._description_m8lit_40{color:var(--text-on-brand-secondary)}._variant-brand_m8lit_131 ._footnote_m8lit_125{color:var(--text-on-brand-tertiary)}._variant-subtle_m8lit_155 ._card_m8lit_18{background:var(--surface-subtle);border:1px solid var(--border-subtle)}._variant-subtle_m8lit_155 ._headline_m8lit_66{color:var(--text-primary)}._variant-subtle_m8lit_155 ._description_m8lit_40{color:var(--text-secondary)}._variant-subtle_m8lit_155 ._footnote_m8lit_125{color:var(--text-tertiary)}._variant-outline_m8lit_175 ._card_m8lit_18{background:transparent;border:2px solid var(--interactive-primary)}._variant-outline_m8lit_175 ._headline_m8lit_66{color:var(--text-primary)}._variant-outline_m8lit_175 ._description_m8lit_40{color:var(--text-secondary)}._variant-outline_m8lit_175 ._footnote_m8lit_125{color:var(--text-tertiary)}._headline_m8lit_66{font-family:var(--font-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}._description_m8lit_40{font-family:var(--font-secondary);line-height:var(--line-height-relaxed);margin:0}._actions_m8lit_36{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-4)}._footnote_m8lit_125{font-family:var(--font-secondary);font-size:var(--font-size-12);margin:var(--spacing-4) 0 0 0}@media(max-width:640px){._cardBody_m8lit_22{padding:var(--spacing-8)}._actions_m8lit_36{flex-direction:column;width:100%}._actions_m8lit_36>*{width:100%}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_cta_m8lit_8",i="_content_m8lit_12",n="_card_m8lit_18",_="_cardBody_m8lit_22",e="_actions_m8lit_36",a="_description_m8lit_40",o="_headline_m8lit_66",l="_footnote_m8lit_125",c={cta:t,content:i,card:n,cardBody:_,"align-center":"_align-center_m8lit_30",actions:e,description:a,"align-left":"_align-left_m8lit_46","size-sm":"_size-sm_m8lit_61",headline:o,"size-md":"_size-md_m8lit_76","size-lg":"_size-lg_m8lit_91","variant-default":"_variant-default_m8lit_111",footnote:l,"variant-brand":"_variant-brand_m8lit_131","variant-subtle":"_variant-subtle_m8lit_155","variant-outline":"_variant-outline_m8lit_175"};exports.actions=e;exports.card=n;exports.cardBody=_;exports.content=i;exports.cta=t;exports.default=c;exports.description=a;exports.footnote=l;exports.headline=o;

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

@@ -0,0 +1,30 @@
+const t = "_cta_m8lit_8", _ = "_content_m8lit_12", i = "_card_m8lit_18", n = "_cardBody_m8lit_22", a = "_actions_m8lit_36", e = "_description_m8lit_40", l = "_headline_m8lit_66", o = "_footnote_m8lit_125", c = {
+  cta: t,
+  content: _,
+  card: i,
+  cardBody: n,
+  "align-center": "_align-center_m8lit_30",
+  actions: a,
+  description: e,
+  "align-left": "_align-left_m8lit_46",
+  "size-sm": "_size-sm_m8lit_61",
+  headline: l,
+  "size-md": "_size-md_m8lit_76",
+  "size-lg": "_size-lg_m8lit_91",
+  "variant-default": "_variant-default_m8lit_111",
+  footnote: o,
+  "variant-brand": "_variant-brand_m8lit_131",
+  "variant-subtle": "_variant-subtle_m8lit_155",
+  "variant-outline": "_variant-outline_m8lit_175"
+};
+export {
+  a as actions,
+  i as card,
+  n as cardBody,
+  _ as content,
+  t as cta,
+  c as default,
+  e as description,
+  o as footnote,
+  l as headline
+};

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

@@ -0,0 +1,74 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * CTA visual variants
+ */
+export type CTAVariant = "default" | "brand" | "subtle" | "outline";
+/**
+ * CTA size variants
+ */
+export type CTASize = "sm" | "md" | "lg";
+/**
+ * CTA section props
+ *
+ * @example
+ * ```tsx
+ * <CTA
+ *   title="Ready to get started?"
+ *   description="Join thousands of developers building with Orion"
+ *   actions={
+ *     <>
+ *       <Button size="lg">Start Free Trial</Button>
+ *       <Button size="lg" variant="ghost">Contact Sales</Button>
+ *     </>
+ *   }
+ * />
+ * ```
+ */
+export interface CTAProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Main title text
+     */
+    title?: ReactNode;
+    /**
+     * @deprecated Use `title` instead. Will be removed in v3.0.
+     */
+    headline?: ReactNode;
+    /**
+     * Supporting description text
+     */
+    description?: ReactNode;
+    /**
+     * Action buttons/elements
+     */
+    actions?: ReactNode;
+    /**
+     * Additional text below actions (disclaimers, etc.)
+     */
+    footnote?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard background
+     * - brand: Brand color background
+     * - subtle: Subtle background
+     * - outline: Outlined container
+     * @default 'brand'
+     */
+    variant?: CTAVariant;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: CTASize;
+    /**
+     * Text alignment
+     * @default 'center'
+     */
+    align?: "left" | "center";
+    /**
+     * Render as card (contained box) vs full-width section
+     * @default true
+     */
+    contained?: boolean;
+}
+//# sourceMappingURL=CTA.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC1E;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -0,0 +1,6 @@
+/**
+ * CTA Component Exports
+ */
+export { CTA } from './CTA';
+export type { CTAProps, CTAVariant, CTASize } from './CTA.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1 @@
+"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;

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

@@ -0,0 +1,4 @@
+import { CarouselSectionProps } from './CarouselSection.types';
+
+export declare const CarouselSection: import('react').ForwardRefExoticComponent<CarouselSectionProps & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=CarouselSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSection.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAUH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAWpE,eAAO,MAAM,eAAe,8GAuN3B,CAAC"}

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

@@ -0,0 +1,165 @@
+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(
+  ({
+    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"
+        });
+      },
+      [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));
+        }
+      };
+      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
+          )) }) })
+        ]
+      }
+    );
+  }
+);
+re.displayName = "CarouselSection";
+export {
+  re as CarouselSection
+};

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

@@ -0,0 +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}}

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

@@ -0,0 +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;

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

@@ -0,0 +1,27 @@
+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 = {
+  section: t,
+  header: n,
+  headerContent: o,
+  headerEyebrow: e,
+  title: _,
+  description: i,
+  navigation: a,
+  navButton: c,
+  pagination: s,
+  dot: v,
+  dotActive: d
+};
+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,
+  t as section,
+  _ as title
+};

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

@@ -0,0 +1,114 @@
+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
+     */
+    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
+     */
+    autoScroll?: boolean;
+    /**
+     * Auto-scroll interval in milliseconds
+     * @default 5000
+     */
+    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;
+}
+//# sourceMappingURL=CarouselSection.types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+/**
+ * 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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAKH,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,iBAAiB,CAAC;AAsBzB,eAAO,MAAM,WAAW,6GA6HvB,CAAC"}