@orion-ds/react 4.9.8 → 5.0.1

package/README.md

@@ -80,7 +80,7 @@ This single import includes:
 
 ## Quick Start
 
-\`\`\`tsx
+````tsx
 // 1. Import styles (pick one option)
 import '@orion-ds/react/styles.css'; // Recommended: single import
 
@@ -112,9 +112,53 @@ Switch to {theme === 'light' ? 'dark' : 'light'} mode
 }
 \`\`\`
 
-## AI / LLM Integration
+## 🤖 AI Integration (MCP)
+
+Orion includes an MCP (Model Context Protocol) server that lets AI agents generate Orion-compliant code automatically. Use with Claude Code, Cursor, Cline, and other AI tools.
+
+### 3-Minute Setup
+
+1. **Install the MCP server:**
+   ```bash
+   npm install @orion-ds/mcp
+````
+
+2. **Configure in your tool's settings** (see tool documentation):
+   - Claude Code: Add to `.claude.json`
+   - Cursor: Add to Cursor settings
+   - Cline: Add to MCP settings in VS Code
+
+3. **Start using AI commands:**
+   ```
+   "Add a Button component"
+   "Create a responsive card layout"
+   "Generate form input component"
+   ```
+
+### What's Available
+
+The MCP server exposes **9 tools**:
+
+- `list-components` — List all 70+ components, 25+ sections, and 8 templates
+- `get-component` — Get full details: props, examples, tokens, accessibility
+- `search-components` — Semantic search (e.g., "form input" finds Field, Select, Checkbox)
+- `list-tokens` — List design tokens by category
+- `get-token` — Get token values per theme and brand
+- `validate-code` — Validate code against Orion's anti-hallucination rules
+- `get-setup-guide` — Framework-specific setup (Vite, Next.js, React)
+- `list-sections` — Pre-built page sections and templates
+- `get-section` — Get section code and examples
+
+### Complete Documentation
+
+For setup instructions and advanced configuration:
+
+- **[MCP Documentation](../mcp/README.md)** — Complete MCP reference
+- **[AI Integration Guide](../../docs-site/content/docs/ai-integration.mdx)** — Step-by-step setup
+
+### AI Code Generation
 
-This library is optimized for AI code generation. When using with Claude, Cursor, Copilot, or other AI tools:
+This library is optimized for AI code generation. For detailed guidance:
 
 | Document           | Purpose                                                   |
 | ------------------ | --------------------------------------------------------- |

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityFeed.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/ActivityFeed/ActivityFeed.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"ActivityFeed.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/ActivityFeed/ActivityFeed.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEd,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AA2D3D,eAAO,MAAM,IAAI,mGAkDhB,CAAC"}
+{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AA2D3D,eAAO,MAAM,IAAI,mGAgDhB,CAAC"}

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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,eAAO,MAAM,GAAG,8EAwBf,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,8EAef,CAAC"}

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

@@ -2,13 +2,7 @@ import { jsx as s, jsxs as m } from "react/jsx-runtime";
 import n from "react";
 import e from "./CTA.module.css.mjs";
 const o = n.forwardRef(
-  ({
-    title: i,
-    description: r,
-    variant: c = "default",
-    actions: a,
-    className: l
-  }, t) => /* @__PURE__ */ s(
+  ({ title: i, description: r, variant: c = "default", actions: a, className: l }, t) => /* @__PURE__ */ s(
     "section",
     {
       ref: t,

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

@@ -1 +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"}
+{"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,CAepD,CAAC"}

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":"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"}
+{"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,EACV,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAIjC,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,EAoHvB,wBAAwB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAoCnB,CAAC"}
+{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAkCnB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,qFAoBtB,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,qFAWtB,CAAC"}

package/dist/blocks/sections/EmptyState/EmptyState.mjs

@@ -2,13 +2,7 @@ import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import o from "react";
 import e from "./EmptyState.module.css.mjs";
 const d = o.forwardRef(
-  ({
-    icon: t,
-    title: c,
-    description: a,
-    action: r,
-    className: i
-  }, m) => /* @__PURE__ */ l("section", { ref: m, className: `${e.section} ${i || ""}`, children: [
+  ({ icon: t, title: c, description: a, action: r, className: i }, m) => /* @__PURE__ */ l("section", { ref: m, className: `${e.section} ${i || ""}`, children: [
     t && /* @__PURE__ */ s("div", { className: e.icon, children: t }),
     /* @__PURE__ */ s("h2", { className: e.title, children: c }),
     a && /* @__PURE__ */ s("p", { className: e.description, children: a }),

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

@@ -1 +1 @@
-{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIxE,KAAK,iBAAiB,GAAG,KAAK,CAAC,yBAAyB,CACtD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAgChB,iBAAiB,CAAC"}
+{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIxE,KAAK,iBAAiB,GAAG,KAAK,CAAC,yBAAyB,CACtD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,QAAQ,EA6BhB,iBAAiB,CAAC"}

package/dist/blocks/sections/Features/Features.mjs

@@ -5,20 +5,13 @@ import r from "./Features.module.css.mjs";
 const m = N.forwardRef(
   ({ title: a, description: s, items: l, columns: i = 3, className: o }, t) => {
     const n = i === 2 ? r.grid2 : i === 4 ? r.grid4 : r.grid3;
-    return /* @__PURE__ */ e(
-      "section",
-      {
-        ref: t,
-        className: `${r.section} ${o || ""}`,
-        children: /* @__PURE__ */ d("div", { className: r.container, children: [
-          (a || s) && /* @__PURE__ */ d("div", { className: r.header, children: [
-            a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
-            s && /* @__PURE__ */ e("p", { className: r.description, children: s })
-          ] }),
-          /* @__PURE__ */ e("div", { className: `${r.grid} ${n}`, children: l.map((h, p) => /* @__PURE__ */ e(c, { ...h }, p)) })
-        ] })
-      }
-    );
+    return /* @__PURE__ */ e("section", { ref: t, className: `${r.section} ${o || ""}`, children: /* @__PURE__ */ d("div", { className: r.container, children: [
+      (a || s) && /* @__PURE__ */ d("div", { className: r.header, children: [
+        a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
+        s && /* @__PURE__ */ e("p", { className: r.description, children: s })
+      ] }),
+      /* @__PURE__ */ e("div", { className: `${r.grid} ${n}`, children: l.map((h, p) => /* @__PURE__ */ e(c, { ...h }, p)) })
+    ] }) });
   }
 );
 m.displayName = "Features";

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

@@ -1,4 +1,4 @@
 export { Features } from './Features';
 export { FeatureCard } from './FeatureCard';
-export type { FeaturesProps, FeatureCardProps, FeatureItem } from './Features.types';
+export type { FeaturesProps, FeatureCardProps, FeatureItem, } from './Features.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,MAAM,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,iFAmJlB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,iFAgJlB,CAAC"}

package/dist/blocks/sections/Footer/Footer.mjs

@@ -65,15 +65,7 @@ const b = f.forwardRef(
         ] }),
         s?.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
           /* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
-          l.links.map((n) => /* @__PURE__ */ a(
-            "a",
-            {
-              href: n.href,
-              className: e.link,
-              children: n.label
-            },
-            n.label
-          ))
+          l.links.map((n) => /* @__PURE__ */ a("a", { href: n.href, className: e.link, children: n.label }, n.label))
         ] }, l.title))
       ] }),
       /* @__PURE__ */ c("div", { className: e.bottom, children: [

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAmCnB,CAAC"}
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGA+BnB,CAAC"}

package/dist/blocks/sections/Gallery/Gallery.mjs

@@ -13,14 +13,7 @@ const p = m(
         children: /* @__PURE__ */ e("div", { className: s.container, children: [
           a && /* @__PURE__ */ l("h2", { className: s.title, children: a }),
           /* @__PURE__ */ l("div", { className: `${s.grid} ${d}`, children: i.map((c) => /* @__PURE__ */ e("div", { className: s.item, children: [
-            /* @__PURE__ */ l(
-              "img",
-              {
-                src: c.src,
-                alt: c.alt,
-                className: s.image
-              }
-            ),
+            /* @__PURE__ */ l("img", { src: c.src, alt: c.alt, className: s.image }),
             c.caption && /* @__PURE__ */ l("p", { className: s.caption, children: c.caption })
           ] }, c.id)) })
         ] })

package/dist/blocks/sections/Hero/Hero.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),g=require("react"),j=require("./HeroHighlight.cjs"),e=require("./Hero.module.css.cjs"),l=g.forwardRef(({badge:t,title:n,description:a,primaryAction:i,secondaryAction:r,trustIndicators:c,align:o="center",size:d="md",className:u},f)=>{const h=d==="sm"?e.default.sm:d==="lg"?e.default.lg:"",m=o==="left"?e.default.left:"";return s.jsx("section",{ref:f,className:`${e.default.section} ${h} ${m} ${u||""}`,children:s.jsxs("div",{className:e.default.container,children:[t&&s.jsx("div",{className:e.default.badge,children:t}),s.jsx("h1",{className:e.default.title,children:n}),a&&s.jsx("p",{className:e.default.description,children:a}),(i||r)&&s.jsxs("div",{className:e.default.actions,children:[i,r]}),c&&s.jsx("div",{className:e.default.trustIndicators,children:c})]})})});l.displayName="Hero";l.Highlight=j.HeroHighlight;exports.Hero=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),L=require("./HeroHighlight.cjs"),e=require("./Hero.module.css.cjs"),O=()=>s.jsx("div",{className:e.default.defaultMedia,children:s.jsxs("svg",{className:e.default.defaultMediaIcon,width:"64",height:"64",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),s.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),s.jsx("polyline",{points:"21 15 16 10 5 21"})]})}),j=d.forwardRef(({badge:r,title:g,headline:t,description:n,primaryAction:c,secondaryAction:o,media:N,mediaPosition:p="right",showDefaultMedia:H=!1,trustIndicators:u,align:b="center",size:y="lg",layout:k="contained",variant:w="default",backgroundImage:f,backgroundOverlay:h=.6,elevated:M=!1,fullHeight:l=!1,className:E,...$},q)=>{const B=g??t;d.useEffect(()=>{t&&process.env.NODE_ENV==="development"&&console.warn('[Hero] The "headline" prop is deprecated. Use "title" instead. headline will be removed in v3.0.')},[t]),d.useEffect(()=>{l&&process.env.NODE_ENV==="development"&&console.warn('[Hero] The "fullHeight" prop is deprecated. Use layout="fullscreen" instead.')},[l]);const m=l?"fullscreen":k,x=N||(H?s.jsx(O,{}):null),i=!!x,T=c||o,a=w==="background",D=[e.default.hero,e.default[`align-${b}`],e.default[`size-${y}`],e.default[`layout-${m}`],a&&e.default["variant-background"],M&&m==="card"&&e.default.elevated,i&&!a&&e.default.hasMedia,i&&!a&&e.default[`media-${p}`],E].filter(Boolean).join(" ");return s.jsxs("section",{ref:q,className:D,...$,children:[a&&f&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:e.default.backgroundImage,children:s.jsx("img",{src:f,alt:"","aria-hidden":"true"})}),s.jsx("div",{className:e.default.backgroundOverlay,style:{background:`linear-gradient(to bottom, rgba(0,0,0,${h*.8}), rgba(0,0,0,${h}))`}})]}),s.jsxs("div",{className:e.default.container,children:[s.jsxs("div",{className:e.default.content,children:[r&&s.jsx("div",{className:e.default.badge,children:r}),s.jsx("h1",{className:e.default.headline,children:B}),n&&s.jsx("p",{className:e.default.description,children:n}),T&&s.jsxs("div",{className:e.default.actions,children:[c,o]}),u&&s.jsx("div",{className:e.default.trustIndicators,children:u})]}),i&&!a&&s.jsx("div",{className:e.default.media,children:x})]})]})});j.displayName="Hero";const v=j;v.Highlight=L.HeroHighlight;exports.Hero=v;

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

@@ -1,8 +1,9 @@
-import { default as React } from 'react';
-import { HeroProps, HeroHighlightProps } from './Hero.types';
+import { HeroProps } from './Hero.types';
+import { HeroHighlight } from './HeroHighlight';
 
-type HeroComponent = React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLElement>> & {
-    Highlight: React.FC<HeroHighlightProps>;
+declare const HeroBase: import('react').ForwardRefExoticComponent<HeroProps & import('react').RefAttributes<HTMLElement>>;
+type HeroComponent = typeof HeroBase & {
+    Highlight: typeof HeroHighlight;
 };
 export declare const Hero: HeroComponent;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/Hero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlE,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAClD,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAC7C,GAAG;IACF,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,IAAI,EAwCZ,aAAa,CAAC"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/Hero.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAkCH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAyBhD,QAAA,MAAM,QAAQ,mGAmHb,CAAC;AAKF,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAe,aAAa,CAAC"}

package/dist/blocks/sections/Hero/Hero.mjs

@@ -1,41 +1,101 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import p from "react";
-import { HeroHighlight as H } from "./HeroHighlight.mjs";
-import s from "./Hero.module.css.mjs";
-const o = p.forwardRef(
+import { jsxs as i, Fragment as V, jsx as a } from "react/jsx-runtime";
+import { forwardRef as O, useEffect as u } from "react";
+import { HeroHighlight as U } from "./HeroHighlight.mjs";
+import e from "./Hero.module.css.mjs";
+const _ = () => /* @__PURE__ */ a("div", { className: e.defaultMedia, children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: e.defaultMediaIcon,
+    width: "64",
+    height: "64",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ a("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+      /* @__PURE__ */ a("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+      /* @__PURE__ */ a("polyline", { points: "21 15 16 10 5 21" })
+    ]
+  }
+) }), N = O(
   ({
-    badge: l,
-    title: n,
-    description: i,
-    primaryAction: r,
-    secondaryAction: a,
-    trustIndicators: c,
-    align: d = "center",
-    size: t = "md",
-    className: h
-  }, f) => {
-    const N = t === "sm" ? s.sm : t === "lg" ? s.lg : "", g = d === "left" ? s.left : "";
-    return /* @__PURE__ */ e(
-      "section",
-      {
-        ref: f,
-        className: `${s.section} ${N} ${g} ${h || ""}`,
-        children: /* @__PURE__ */ m("div", { className: s.container, children: [
-          l && /* @__PURE__ */ e("div", { className: s.badge, children: l }),
-          /* @__PURE__ */ e("h1", { className: s.title, children: n }),
-          i && /* @__PURE__ */ e("p", { className: s.description, children: i }),
-          (r || a) && /* @__PURE__ */ m("div", { className: s.actions, children: [
-            r,
-            a
+    badge: o,
+    title: g,
+    headline: r,
+    description: t,
+    primaryAction: c,
+    secondaryAction: d,
+    media: k,
+    mediaPosition: y = "right",
+    showDefaultMedia: b = !1,
+    trustIndicators: h,
+    align: w = "center",
+    size: x = "lg",
+    layout: H = "contained",
+    variant: M = "default",
+    backgroundImage: m,
+    backgroundOverlay: f = 0.6,
+    elevated: $ = !1,
+    fullHeight: n = !1,
+    className: E,
+    ...j
+  }, B) => {
+    const D = g ?? r;
+    u(() => {
+      r && process.env.NODE_ENV === "development" && console.warn(
+        '[Hero] The "headline" prop is deprecated. Use "title" instead. headline will be removed in v3.0.'
+      );
+    }, [r]), u(() => {
+      n && process.env.NODE_ENV === "development" && console.warn(
+        '[Hero] The "fullHeight" prop is deprecated. Use layout="fullscreen" instead.'
+      );
+    }, [n]);
+    const v = n ? "fullscreen" : H, p = k || (b ? /* @__PURE__ */ a(_, {}) : null), l = !!p, L = c || d, s = M === "background", T = [
+      e.hero,
+      e[`align-${w}`],
+      e[`size-${x}`],
+      e[`layout-${v}`],
+      s && e["variant-background"],
+      $ && v === "card" && e.elevated,
+      l && !s && e.hasMedia,
+      l && !s && e[`media-${y}`],
+      E
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ i("section", { ref: B, className: T, ...j, children: [
+      s && m && /* @__PURE__ */ i(V, { children: [
+        /* @__PURE__ */ a("div", { className: e.backgroundImage, children: /* @__PURE__ */ a("img", { src: m, alt: "", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: e.backgroundOverlay,
+            style: {
+              background: `linear-gradient(to bottom, rgba(0,0,0,${f * 0.8}), rgba(0,0,0,${f}))`
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: e.container, children: [
+        /* @__PURE__ */ i("div", { className: e.content, children: [
+          o && /* @__PURE__ */ a("div", { className: e.badge, children: o }),
+          /* @__PURE__ */ a("h1", { className: e.headline, children: D }),
+          t && /* @__PURE__ */ a("p", { className: e.description, children: t }),
+          L && /* @__PURE__ */ i("div", { className: e.actions, children: [
+            c,
+            d
           ] }),
-          c && /* @__PURE__ */ e("div", { className: s.trustIndicators, children: c })
-        ] })
-      }
-    );
+          h && /* @__PURE__ */ a("div", { className: e.trustIndicators, children: h })
+        ] }),
+        l && !s && /* @__PURE__ */ a("div", { className: e.media, children: p })
+      ] })
+    ] });
   }
 );
-o.displayName = "Hero";
-o.Highlight = H;
+N.displayName = "Hero";
+const z = N;
+z.Highlight = U;
 export {
-  o as Hero
+  z as Hero
 };

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

@@ -1 +1 @@
-._section_1d2mx_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);background:var(--surface-base);text-align:center;min-height:400px}._left_1d2mx_12{align-items:flex-start;text-align:left}._sm_1d2mx_17{padding:var(--spacing-8) var(--spacing-6);min-height:auto}._lg_1d2mx_22{padding:var(--spacing-32) var(--spacing-6);min-height:560px}._container_1d2mx_27{max-width:800px;width:100%}._title_1d2mx_32{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.15}._lg_1d2mx_22 ._title_1d2mx_32{font-size:48px}._sm_1d2mx_17 ._title_1d2mx_32{font-size:var(--font-size-2xl)}._description_1d2mx_49{font-family:var(--font-secondary);font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-8) 0;line-height:1.6;max-width:600px}._left_1d2mx_12 ._description_1d2mx_49{margin-left:0;margin-right:0}._actions_1d2mx_63{display:flex;gap:var(--spacing-3);flex-wrap:wrap}._left_1d2mx_12 ._actions_1d2mx_63{justify-content:flex-start}._section_1d2mx_1:not(._left_1d2mx_12) ._actions_1d2mx_63{justify-content:center}._section_1d2mx_1:not(._left_1d2mx_12) ._description_1d2mx_49{margin-left:auto;margin-right:auto}._highlight_1d2mx_83{background:linear-gradient(135deg,var(--color-brand-400),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._badge_1d2mx_95{margin-bottom:var(--spacing-3)}._trustIndicators_1d2mx_100{margin-top:var(--spacing-6);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center;opacity:.7}._left_1d2mx_12 ._trustIndicators_1d2mx_100{justify-content:flex-start}@media(max-width:768px){._title_1d2mx_32{font-size:var(--font-size-2xl)}._lg_1d2mx_22 ._title_1d2mx_32{font-size:var(--font-size-3xl)}._actions_1d2mx_63{flex-direction:column;align-items:stretch}}
+._hero_1mlv8_8{position:relative;overflow:hidden}._fullHeight_1mlv8_13{min-height:100vh;display:flex;align-items:center}._container_1mlv8_19{display:flex;flex-direction:column;gap:var(--spacing-12)}._content_1mlv8_25{display:flex;flex-direction:column;gap:var(--spacing-6)}._align-center_1mlv8_35{text-align:center}._align-center_1mlv8_35 ._content_1mlv8_25{align-items:center}._align-center_1mlv8_35 ._actions_1mlv8_42,._align-center_1mlv8_35 ._trustIndicators_1mlv8_46{justify-content:center}._align-left_1mlv8_51{text-align:left}._align-left_1mlv8_51 ._content_1mlv8_25{align-items:flex-start}._align-left_1mlv8_51 ._actions_1mlv8_42,._align-left_1mlv8_51 ._trustIndicators_1mlv8_46{justify-content:flex-start}._size-sm_1mlv8_72 ._headline_1mlv8_73{font-family:var(--font-primary);font-size:var(--font-size-32);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}._size-sm_1mlv8_72 ._description_1mlv8_81{font-family:var(--font-secondary);font-size:var(--font-size-16);color:var(--text-secondary);max-width:500px;line-height:var(--line-height-relaxed)}._size-md_1mlv8_91 ._headline_1mlv8_73{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}._size-md_1mlv8_91 ._description_1mlv8_81{font-family:var(--font-secondary);font-size:var(--font-size-18);color:var(--text-secondary);max-width:600px;line-height:var(--line-height-relaxed)}._size-lg_1mlv8_110 ._headline_1mlv8_73{font-family:var(--font-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--text-primary)}._size-lg_1mlv8_110 ._description_1mlv8_81{font-family:var(--font-secondary);font-size:var(--font-size-20);color:var(--text-secondary);max-width:700px;line-height:var(--line-height-relaxed)}._badge_1mlv8_132{margin-bottom:var(--spacing-2)}._headline_1mlv8_73,._description_1mlv8_81{margin:0}._actions_1mlv8_42{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-4)}._trustIndicators_1mlv8_46{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6);margin-top:var(--spacing-8);opacity:.7}._highlight_1mlv8_164{background:linear-gradient(135deg,var(--color-brand-400),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._layout-fullscreen_1mlv8_187{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:100vw;margin-left:calc(-50vw + 50%)}._layout-fullscreen_1mlv8_187 ._container_1mlv8_19{width:100%;max-width:1280px;padding-inline:var(--spacing-6)}._layout-card_1mlv8_210{margin:var(--spacing-6);border-radius:var(--radius-container);overflow:hidden;background:var(--surface-base)}._layout-card_1mlv8_210._elevated_1mlv8_218{box-shadow:var(--shadow-xl)}@media(min-width:768px){._layout-card_1mlv8_210{margin:var(--spacing-8);border-radius:var(--radius-container)}}@media(min-width:1024px){._layout-card_1mlv8_210{margin:var(--spacing-12)}}._variant-background_1mlv8_240{position:relative;min-height:80vh;display:flex;align-items:center}._backgroundImage_1mlv8_247{position:absolute;inset:0;z-index:0}._backgroundImage_1mlv8_247 img{width:100%;height:100%;object-fit:cover}._backgroundOverlay_1mlv8_259{position:absolute;inset:0;z-index:1}._variant-background_1mlv8_240 ._container_1mlv8_19{position:relative;z-index:2}._variant-background_1mlv8_240 ._headline_1mlv8_73,._variant-background_1mlv8_240 ._description_1mlv8_81{color:var(--text-inverse)}._variant-background_1mlv8_240 ._highlight_1mlv8_164{background:linear-gradient(135deg,var(--color-brand-300),var(--color-brand-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._layout-fullscreen_1mlv8_187._variant-background_1mlv8_240{min-height:100vh;min-height:100dvh}._layout-card_1mlv8_210._variant-background_1mlv8_240{min-height:60vh}._defaultMedia_1mlv8_304{background:linear-gradient(135deg,var(--surface-subtle) 0%,var(--surface-layer) 100%);border-radius:var(--radius-container);padding:var(--spacing-12);display:flex;align-items:center;justify-content:center;min-height:300px;width:100%;border:1px solid var(--border-subtle)}._defaultMediaIcon_1mlv8_320{color:var(--text-tertiary);opacity:.5}._hasMedia_1mlv8_329 ._container_1mlv8_19{flex-direction:row;align-items:center}._hasMedia_1mlv8_329 ._content_1mlv8_25{flex:0 0 40%;min-width:0}._hasMedia_1mlv8_329 ._media_1mlv8_342{flex:0 0 55%;min-width:0;display:flex;align-items:center;justify-content:center}._media-left_1mlv8_351 ._container_1mlv8_19{flex-direction:row-reverse}._media-right_1mlv8_357 ._container_1mlv8_19{flex-direction:row}._media-bottom_1mlv8_363 ._container_1mlv8_19{flex-direction:column}._media-bottom_1mlv8_363 ._content_1mlv8_25{align-items:center;text-align:center}._media-bottom_1mlv8_363 ._actions_1mlv8_42{justify-content:center}@media(max-width:768px){._hasMedia_1mlv8_329 ._container_1mlv8_19{flex-direction:column;gap:var(--spacing-8)}._hasMedia_1mlv8_329 ._content_1mlv8_25,._hasMedia_1mlv8_329 ._media_1mlv8_342{flex:1 1 auto}:is(._media-left_1mlv8_351,._media-right_1mlv8_357) ._container_1mlv8_19{flex-direction:column}:is(._media-left_1mlv8_351,._media-right_1mlv8_357) ._content_1mlv8_25{align-items:center;text-align:center}:is(._media-left_1mlv8_351,._media-right_1mlv8_357) ._actions_1mlv8_42{justify-content:center}._actions_1mlv8_42{flex-direction:column;width:100%}._actions_1mlv8_42>*{width:100%}._layout-fullscreen_1mlv8_187,._layout-fullscreen_1mlv8_187 ._container_1mlv8_19{padding-inline:var(--spacing-4)}._layout-card_1mlv8_210{margin:var(--spacing-4);border-radius:var(--radius-container)}}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1d2mx_1",s="_left_1d2mx_12",i="_sm_1d2mx_17",e="_lg_1d2mx_22",n="_container_1d2mx_27",o="_title_1d2mx_32",_="_description_1d2mx_49",c="_actions_1d2mx_63",d="_highlight_1d2mx_83",l="_badge_1d2mx_95",r="_trustIndicators_1d2mx_100",a={section:t,left:s,sm:i,lg:e,container:n,title:o,description:_,actions:c,highlight:d,badge:l,trustIndicators:r};exports.actions=c;exports.badge=l;exports.container=n;exports.default=a;exports.description=_;exports.highlight=d;exports.left=s;exports.lg=e;exports.section=t;exports.sm=i;exports.title=o;exports.trustIndicators=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hero_1mlv8_8",t="_fullHeight_1mlv8_13",a="_container_1mlv8_19",_="_content_1mlv8_25",l="_actions_1mlv8_42",n="_trustIndicators_1mlv8_46",i="_headline_1mlv8_73",o="_description_1mlv8_81",d="_badge_1mlv8_132",c="_highlight_1mlv8_164",s="_elevated_1mlv8_218",m="_backgroundImage_1mlv8_247",r="_backgroundOverlay_1mlv8_259",u="_defaultMedia_1mlv8_304",v="_defaultMediaIcon_1mlv8_320",g="_hasMedia_1mlv8_329",h="_media_1mlv8_342",f={hero:e,fullHeight:t,container:a,content:_,"align-center":"_align-center_1mlv8_35",actions:l,trustIndicators:n,"align-left":"_align-left_1mlv8_51","size-sm":"_size-sm_1mlv8_72",headline:i,description:o,"size-md":"_size-md_1mlv8_91","size-lg":"_size-lg_1mlv8_110",badge:d,highlight:c,"layout-contained":"_layout-contained_1mlv8_179","layout-fullscreen":"_layout-fullscreen_1mlv8_187","layout-card":"_layout-card_1mlv8_210",elevated:s,"variant-background":"_variant-background_1mlv8_240",backgroundImage:m,backgroundOverlay:r,defaultMedia:u,defaultMediaIcon:v,hasMedia:g,media:h,"media-left":"_media-left_1mlv8_351","media-right":"_media-right_1mlv8_357","media-bottom":"_media-bottom_1mlv8_363"};exports.actions=l;exports.backgroundImage=m;exports.backgroundOverlay=r;exports.badge=d;exports.container=a;exports.content=_;exports.default=f;exports.defaultMedia=u;exports.defaultMediaIcon=v;exports.description=o;exports.elevated=s;exports.fullHeight=t;exports.hasMedia=g;exports.headline=i;exports.hero=e;exports.highlight=c;exports.media=h;exports.trustIndicators=n;

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

@@ -1,27 +1,51 @@
-const t = "_section_1d2mx_1", s = "_left_1d2mx_12", _ = "_sm_1d2mx_17", n = "_lg_1d2mx_22", o = "_container_1d2mx_27", c = "_title_1d2mx_32", i = "_description_1d2mx_49", d = "_actions_1d2mx_63", e = "_highlight_1d2mx_83", a = "_badge_1d2mx_95", l = "_trustIndicators_1d2mx_100", m = {
-  section: t,
-  left: s,
-  sm: _,
-  lg: n,
-  container: o,
-  title: c,
-  description: i,
-  actions: d,
-  highlight: e,
-  badge: a,
-  trustIndicators: l
+const _ = "_hero_1mlv8_8", e = "_fullHeight_1mlv8_13", t = "_container_1mlv8_19", a = "_content_1mlv8_25", l = "_actions_1mlv8_42", n = "_trustIndicators_1mlv8_46", i = "_headline_1mlv8_73", o = "_description_1mlv8_81", d = "_badge_1mlv8_132", c = "_highlight_1mlv8_164", m = "_elevated_1mlv8_218", s = "_backgroundImage_1mlv8_247", r = "_backgroundOverlay_1mlv8_259", v = "_defaultMedia_1mlv8_304", g = "_defaultMediaIcon_1mlv8_320", u = "_hasMedia_1mlv8_329", h = "_media_1mlv8_342", f = {
+  hero: _,
+  fullHeight: e,
+  container: t,
+  content: a,
+  "align-center": "_align-center_1mlv8_35",
+  actions: l,
+  trustIndicators: n,
+  "align-left": "_align-left_1mlv8_51",
+  "size-sm": "_size-sm_1mlv8_72",
+  headline: i,
+  description: o,
+  "size-md": "_size-md_1mlv8_91",
+  "size-lg": "_size-lg_1mlv8_110",
+  badge: d,
+  highlight: c,
+  "layout-contained": "_layout-contained_1mlv8_179",
+  "layout-fullscreen": "_layout-fullscreen_1mlv8_187",
+  "layout-card": "_layout-card_1mlv8_210",
+  elevated: m,
+  "variant-background": "_variant-background_1mlv8_240",
+  backgroundImage: s,
+  backgroundOverlay: r,
+  defaultMedia: v,
+  defaultMediaIcon: g,
+  hasMedia: u,
+  media: h,
+  "media-left": "_media-left_1mlv8_351",
+  "media-right": "_media-right_1mlv8_357",
+  "media-bottom": "_media-bottom_1mlv8_363"
 };
 export {
-  d as actions,
-  a as badge,
-  o as container,
-  m as default,
-  i as description,
-  e as highlight,
-  s as left,
-  n as lg,
-  t as section,
-  _ as sm,
-  c as title,
-  l as trustIndicators
+  l as actions,
+  s as backgroundImage,
+  r as backgroundOverlay,
+  d as badge,
+  t as container,
+  a as content,
+  f as default,
+  v as defaultMedia,
+  g as defaultMediaIcon,
+  o as description,
+  m as elevated,
+  e as fullHeight,
+  u as hasMedia,
+  i as headline,
+  _ as hero,
+  c as highlight,
+  h as media,
+  n as trustIndicators
 };