@orion-ds/react 4.5.0 → 4.6.1

package/dist/blocks/sections/Breadcrumbs/Breadcrumbs.mjs

@@ -1,81 +1,36 @@
 "use client";
-import { jsx as n, jsxs as p, Fragment as w } from "react/jsx-runtime";
-import { forwardRef as y, useState as B, useMemo as j } from "react";
-import { MoreHorizontal as x, Home as S, ChevronRight as H } from "lucide-react";
-import e from "./Breadcrumbs.module.css.mjs";
-const M = y(
-  ({
-    items: l,
-    separator: t,
-    maxItems: i,
-    itemsBeforeCollapse: d = 1,
-    itemsAfterCollapse: m = 1,
-    showHomeIcon: f = !1,
-    size: a = "md",
-    className: b,
-    ...N
-  }, g) => {
-    const [I, _] = B(!1), u = i !== void 0 && l.length > i && !I, h = j(() => {
-      if (!u) return l;
-      const r = l.slice(0, d), s = l.slice(-m);
-      return [
-        ...r,
-        { id: "__collapsed__", label: "..." },
-        ...s
-      ];
-    }, [l, u, d, m]), C = () => t ? /* @__PURE__ */ n("span", { className: e.separator, children: t }) : /* @__PURE__ */ n(
-      H,
-      {
-        size: a === "sm" ? 14 : a === "lg" ? 18 : 16,
-        className: e.separator
-      }
-    ), k = (r, s, c) => {
-      if (r.id === "__collapsed__")
-        return /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            className: e.collapseButton,
-            onClick: () => _(!0),
-            "aria-label": "Show all breadcrumbs",
-            children: /* @__PURE__ */ n(
-              x,
-              {
-                size: a === "sm" ? 14 : a === "lg" ? 18 : 16
-              }
-            )
-          }
-        );
-      const o = /* @__PURE__ */ p(w, { children: [
-        s === 0 && f && /* @__PURE__ */ n(
-          S,
-          {
-            size: a === "sm" ? 12 : a === "lg" ? 16 : 14,
-            className: e.homeIcon
-          }
-        ),
-        r.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: r.icon }),
-        /* @__PURE__ */ n("span", { children: r.label })
-      ] });
-      return c ? /* @__PURE__ */ n(
-        "span",
-        {
-          className: `${e.item} ${e.itemCurrent}`,
-          "aria-current": "page",
-          children: o
-        }
-      ) : r.href ? /* @__PURE__ */ n("a", { href: r.href, className: e.item, children: o }) : r.onClick ? /* @__PURE__ */ n("button", { type: "button", className: e.item, onClick: r.onClick, children: o }) : /* @__PURE__ */ n("span", { className: e.item, children: o });
-    }, v = [e.breadcrumbs, e[a], b].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("nav", { ref: g, className: v, "aria-label": "Breadcrumb", ...N, children: /* @__PURE__ */ n("ol", { className: e.list, children: h.map((r, s) => {
-      const c = s === h.length - 1;
-      return /* @__PURE__ */ p("li", { className: e.listItem, children: [
-        k(r, s, c),
-        !c && C()
-      ] }, r.id);
-    }) }) });
-  }
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import r from "./Breadcrumbs.module.css.mjs";
+const m = h(
+  ({ items: s, separator: i = "/", className: d, ...o }, t) => /* @__PURE__ */ e(
+    "section",
+    {
+      ref: t,
+      className: `${r.section} ${d || ""}`,
+      ...o,
+      children: /* @__PURE__ */ e("div", { className: r.container, children: /* @__PURE__ */ e("nav", { className: r.nav, "aria-label": "Breadcrumb", children: s.map((a, n) => {
+        const c = n === s.length - 1;
+        return /* @__PURE__ */ l("span", { children: [
+          n > 0 && /* @__PURE__ */ l("span", { className: r.separator, "aria-hidden": "true", children: [
+            " ",
+            i,
+            " "
+          ] }),
+          c || !a.href ? /* @__PURE__ */ e(
+            "span",
+            {
+              className: r.current,
+              "aria-current": c ? "page" : void 0,
+              children: a.label
+            }
+          ) : /* @__PURE__ */ e("a", { href: a.href, className: r.link, children: a.label })
+        ] }, a.id);
+      }) }) })
+    }
+  )
 );
-M.displayName = "Breadcrumbs";
+m.displayName = "Breadcrumbs";
 export {
-  M as Breadcrumbs
+  m as Breadcrumbs
 };

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

@@ -1 +1 @@
-._breadcrumbs_1236f_8{display:flex;align-items:center}._list_1236f_17{display:flex;align-items:center;gap:var(--spacing-1);list-style:none;margin:0;padding:0}._listItem_1236f_26{display:flex;align-items:center;gap:var(--spacing-1)}._item_1236f_36{display:inline-flex;align-items:center;gap:var(--spacing-1-5);font-family:var(--font-secondary);color:var(--text-secondary);text-decoration:none;background:none;border:none;padding:var(--spacing-1) var(--spacing-1-5);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--mode-hover-duration);white-space:nowrap}a._item_1236f_36:hover,button._item_1236f_36:hover{color:var(--text-primary);background:var(--surface-subtle)}._itemCurrent_1236f_58{color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:default}._itemCurrent_1236f_58:hover{background:transparent}._itemIcon_1236f_68{display:flex;align-items:center;justify-content:center;color:inherit}._homeIcon_1236f_75{color:var(--text-tertiary)}._separator_1236f_83{color:var(--text-tertiary);flex-shrink:0}._collapseButton_1236f_92{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--mode-hover-duration)}._collapseButton_1236f_92:hover{background:var(--surface-subtle);color:var(--text-secondary)}._sm_1236f_114 ._item_1236f_36{font-size:var(--font-size-11);padding:var(--spacing-0-5) var(--spacing-1)}._md_1236f_119 ._item_1236f_36{font-size:var(--font-size-13)}._lg_1236f_123 ._item_1236f_36{font-size:var(--font-size-14);padding:var(--spacing-1-5) var(--spacing-2)}@media(max-width:640px){._breadcrumbs_1236f_8{max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._breadcrumbs_1236f_8::-webkit-scrollbar{display:none}._item_1236f_36{flex-shrink:0}}
+._section_qa85z_1{padding:var(--spacing-3) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_qa85z_7{max-width:1200px;margin:0 auto}._nav_qa85z_12{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}._link_qa85z_19{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}._link_qa85z_19:hover{color:var(--interactive-primary)}._separator_qa85z_31{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}._current_qa85z_38{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_breadcrumbs_1236f_8",e="_list_1236f_17",s="_listItem_1236f_26",o="_item_1236f_36",_="_itemCurrent_1236f_58",m="_itemIcon_1236f_68",c="_homeIcon_1236f_75",n="_separator_1236f_83",r="_collapseButton_1236f_92",l="_sm_1236f_114",i="_md_1236f_119",a="_lg_1236f_123",u={breadcrumbs:t,list:e,listItem:s,item:o,itemCurrent:_,itemIcon:m,homeIcon:c,separator:n,collapseButton:r,sm:l,md:i,lg:a};exports.breadcrumbs=t;exports.collapseButton=r;exports.default=u;exports.homeIcon=c;exports.item=o;exports.itemCurrent=_;exports.itemIcon=m;exports.lg=a;exports.list=e;exports.listItem=s;exports.md=i;exports.separator=n;exports.sm=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_section_qa85z_1",t="_container_qa85z_7",e="_nav_qa85z_12",a="_link_qa85z_19",r="_separator_qa85z_31",o="_current_qa85z_38",c={section:n,container:t,nav:e,link:a,separator:r,current:o};exports.container=t;exports.current=o;exports.default=c;exports.link=a;exports.nav=e;exports.section=n;exports.separator=r;

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

@@ -1,29 +1,17 @@
-const t = "_breadcrumbs_1236f_8", _ = "_list_1236f_17", s = "_listItem_1236f_26", o = "_item_1236f_36", e = "_itemCurrent_1236f_58", c = "_itemIcon_1236f_68", n = "_homeIcon_1236f_75", m = "_separator_1236f_83", r = "_collapseButton_1236f_92", l = "_sm_1236f_114", i = "_md_1236f_119", a = "_lg_1236f_123", f = {
-  breadcrumbs: t,
-  list: _,
-  listItem: s,
-  item: o,
-  itemCurrent: e,
-  itemIcon: c,
-  homeIcon: n,
-  separator: m,
-  collapseButton: r,
-  sm: l,
-  md: i,
-  lg: a
+const n = "_section_qa85z_1", t = "_container_qa85z_7", a = "_nav_qa85z_12", _ = "_link_qa85z_19", o = "_separator_qa85z_31", c = "_current_qa85z_38", r = {
+  section: n,
+  container: t,
+  nav: a,
+  link: _,
+  separator: o,
+  current: c
 };
 export {
-  t as breadcrumbs,
-  r as collapseButton,
-  f as default,
-  n as homeIcon,
-  o as item,
-  e as itemCurrent,
-  c as itemIcon,
-  a as lg,
-  _ as list,
-  s as listItem,
-  i as md,
-  m as separator,
-  l as sm
+  t as container,
+  c as current,
+  r as default,
+  _ as link,
+  a as nav,
+  n as section,
+  o as separator
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,KAA2C,CAAC;AAE1E,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

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

@@ -1,78 +1,16 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
 
-/**
- * Breadcrumb item
- */
 export interface BreadcrumbItem {
-    /**
-     * Unique identifier
-     */
     id: string;
-    /**
-     * Item label
-     */
     label: string;
-    /**
-     * Link URL (optional - last item typically has no href)
-     */
     href?: string;
-    /**
-     * Optional icon
-     */
-    icon?: ReactNode;
-    /**
-     * Click handler (alternative to href)
-     */
-    onClick?: () => void;
 }
-/**
- * Breadcrumbs section props
- *
- * @example
- * ```tsx
- * <Breadcrumbs
- *   items={[
- *     { id: 'home', label: 'Home', href: '/' },
- *     { id: 'projects', label: 'Projects', href: '/projects' },
- *     { id: 'current', label: 'Project Alpha' }
- *   ]}
- * />
- * ```
- */
 export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * Breadcrumb items
-     */
+    /** Breadcrumb items (last item is current page) */
     items: BreadcrumbItem[];
-    /**
-     * Custom separator
-     * @default "/"
-     */
-    separator?: ReactNode;
-    /**
-     * Maximum items to show before collapsing
-     * @default undefined (no collapse)
-     */
-    maxItems?: number;
-    /**
-     * Number of items to show at start when collapsed
-     * @default 1
-     */
-    itemsBeforeCollapse?: number;
-    /**
-     * Number of items to show at end when collapsed
-     * @default 1
-     */
-    itemsAfterCollapse?: number;
-    /**
-     * Show home icon for first item
-     * @default false
-     */
-    showHomeIcon?: boolean;
-    /**
-     * Size variant
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
+    /** Custom separator character */
+    separator?: string;
+    /** Additional class name */
+    className?: string;
 }
 //# sourceMappingURL=Breadcrumbs.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B"}
+{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./CTA.module.css.cjs"),u=require("../../../sections/Section/Section.cjs"),f=require("../../../sections/Container/Container.cjs"),m=require("../../../components/Card/Card.cjs"),h=o.forwardRef(({title:j,headline:a,description:n,actions:t,footnote:l,variant:N="brand",size:x="md",align:p="center",contained:C=!0,className:g,...c},i)=>{const v=j??a;o.useEffect(()=>{a&&process.env.NODE_ENV==="development"&&console.warn('[CTA] The "headline" prop is deprecated. Use "title" instead. headline will be removed in v3.0.')},[a]);const r=[s.default.cta,s.default[`variant-${N}`],s.default[`size-${x}`],s.default[`align-${p}`],g].filter(Boolean).join(" "),d=e.jsxs("div",{className:s.default.content,children:[e.jsx("h2",{className:s.default.headline,children:v}),n&&e.jsx("p",{className:s.default.description,children:n}),t&&e.jsx("div",{className:s.default.actions,children:t}),l&&e.jsx("p",{className:s.default.footnote,children:l})]});return C?e.jsx(u.Section,{ref:i,spacing:"lg",className:r,...c,children:e.jsx(f.Container,{size:"lg",children:e.jsx(m.Card,{className:s.default.card,children:e.jsx(m.Card.Body,{className:s.default.cardBody,children:d})})})}):e.jsx(u.Section,{ref:i,spacing:"lg",className:r,...c,children:e.jsx(f.Container,{size:"lg",children:d})})});h.displayName="CTA";exports.CTA=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),e=require("./CTA.module.css.cjs"),l=n.forwardRef(({title:r,description:t,variant:c="default",actions:a,className:d},i)=>s.jsx("section",{ref:i,className:`${e.default.section} ${e.default[c]} ${d||""}`,children:s.jsxs("div",{className:e.default.inner,children:[s.jsx("h2",{className:e.default.title,children:r}),t&&s.jsx("p",{className:e.default.description,children:t}),a&&s.jsx("div",{className:e.default.actions,children:a})]})}));l.displayName="CTA";exports.CTA=l;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAK5C,eAAO,MAAM,GAAG,kGAsEf,CAAC"}
+{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,eAAO,MAAM,GAAG,8EAwBf,CAAC"}

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

@@ -1,46 +1,28 @@
 "use client";
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as y, useEffect as j } from "react";
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import n 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(
+const o = n.forwardRef(
   ({
-    title: f,
-    headline: s,
-    description: i,
+    title: i,
+    description: r,
+    variant: c = "default",
     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 }) });
-  }
+    className: l
+  }, t) => /* @__PURE__ */ s(
+    "section",
+    {
+      ref: t,
+      className: `${e.section} ${e[c]} ${l || ""}`,
+      children: /* @__PURE__ */ m("div", { className: e.inner, children: [
+        /* @__PURE__ */ s("h2", { className: e.title, children: i }),
+        r && /* @__PURE__ */ s("p", { className: e.description, children: r }),
+        a && /* @__PURE__ */ s("div", { className: e.actions, children: a })
+      ] })
+    }
+  )
 );
-w.displayName = "CTA";
+o.displayName = "CTA";
 export {
-  w as CTA
+  o as CTA
 };

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

@@ -1 +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%}}
+._section_a0yj2_1{padding:var(--spacing-16) var(--spacing-6);text-align:center;border-radius:var(--radius-container)}._default_a0yj2_7{background:var(--surface-subtle)}._brand_a0yj2_11{background:var(--interactive-primary);color:var(--interactive-primary-text)}._subtle_a0yj2_16{background:var(--surface-base);border:1px solid var(--border-subtle)}._inner_a0yj2_21{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}._title_a0yj2_30{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;margin:0;color:inherit}._default_a0yj2_7 ._title_a0yj2_30,._subtle_a0yj2_16 ._title_a0yj2_30{color:var(--text-primary)}._description_a0yj2_46{font-family:var(--font-secondary);font-size:var(--font-size-md);margin:0;color:inherit;opacity:.85}._default_a0yj2_7 ._description_a0yj2_46,._subtle_a0yj2_16 ._description_a0yj2_46{color:var(--text-secondary);opacity:1}._actions_a0yj2_64{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);flex-wrap:wrap;justify-content:center}

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

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_a0yj2_1",e="_brand_a0yj2_11",n="_subtle_a0yj2_16",s="_inner_a0yj2_21",i="_title_a0yj2_30",_="_description_a0yj2_46",o="_actions_a0yj2_64",a={section:t,default:"_default_a0yj2_7",brand:e,subtle:n,inner:s,title:i,description:_,actions:o};exports.actions=o;exports.brand=e;exports.default=a;exports.description=_;exports.inner=s;exports.section=t;exports.subtle=n;exports.title=i;

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

@@ -1,30 +1,20 @@
-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"
+const t = "_section_a0yj2_1", n = "_brand_a0yj2_11", _ = "_subtle_a0yj2_16", s = "_inner_a0yj2_21", e = "_title_a0yj2_30", a = "_description_a0yj2_46", i = "_actions_a0yj2_64", o = {
+  section: t,
+  default: "_default_a0yj2_7",
+  brand: n,
+  subtle: _,
+  inner: s,
+  title: e,
+  description: a,
+  actions: i
 };
 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
+  i as actions,
+  n as brand,
+  o as default,
+  a as description,
+  s as inner,
+  t as section,
+  _ as subtle,
+  e as title
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;CAKkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC"}

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

@@ -1,74 +1,16 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { 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'
-     */
+export type CTAVariant = "default" | "brand" | "subtle";
+export interface CTAProps {
+    /** Main heading text */
+    title: string;
+    /** Supporting description text */
+    description?: string;
+    /** CTA variant style */
     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;
+    /** Action buttons (ReactNode) */
+    actions?: ReactNode;
+    /** Optional className */
+    className?: string;
 }
 //# sourceMappingURL=CTA.types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"CTA.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./CarouselSection.module.css.cjs"),l=({title:s,image:d,description:r,className:c})=>e.jsxs("div",{className:`${a.default.card} ${c||""}`,children:[e.jsx("img",{src:d,alt:s,className:a.default.cardImage}),e.jsxs("div",{className:a.default.cardBody,children:[e.jsx("h3",{className:a.default.cardTitle,children:s}),r&&e.jsx("p",{className:a.default.cardDescription,children:r})]})]});l.displayName="CarouselCard";exports.CarouselCard=l;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { CarouselCardProps } from './CarouselSection.types';
+
+export declare const CarouselCard: React.FC<CarouselCardProps>;
+//# sourceMappingURL=CarouselCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import a from "./CarouselSection.module.css.mjs";
+const m = ({
+  title: s,
+  image: d,
+  description: c,
+  className: l
+}) => /* @__PURE__ */ e("div", { className: `${a.card} ${l || ""}`, children: [
+  /* @__PURE__ */ r("img", { src: d, alt: s, className: a.cardImage }),
+  /* @__PURE__ */ e("div", { className: a.cardBody, children: [
+    /* @__PURE__ */ r("h3", { className: a.cardTitle, children: s }),
+    c && /* @__PURE__ */ r("p", { className: a.cardDescription, children: c })
+  ] })
+] });
+m.displayName = "CarouselCard";
+export {
+  m as CarouselCard
+};