@orion-ds/react 4.5.0 → 4.6.0

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

@@ -1,114 +1,19 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
 
-/**
- * Gallery image item
- */
 export interface GalleryImage {
-    /**
-     * Image unique identifier
-     */
-    id: string | number;
-    /**
-     * Image source URL
-     */
+    id: string;
     src: string;
-    /**
-     * Image alt text
-     */
     alt: string;
-    /**
-     * Thumbnail URL (optional, uses src if not provided)
-     */
-    thumbnail?: string;
-    /**
-     * Image caption
-     */
     caption?: string;
-    /**
-     * Image category for filtering
-     */
-    category?: string;
-    /**
-     * Aspect ratio override
-     */
-    aspectRatio?: "square" | "landscape" | "portrait" | "auto";
 }
-/**
- * Gallery layout variants
- */
-export type GalleryLayout = "grid" | "masonry" | "carousel";
-/**
- * Gallery section props
- *
- * @example
- * ```tsx
- * <Gallery
- *   title="Our Work"
- *   images={[
- *     { id: 1, src: "/gallery/1.jpg", alt: "Project 1" },
- *     { id: 2, src: "/gallery/2.jpg", alt: "Project 2" },
- *   ]}
- *   layout="grid"
- *   lightbox
- * />
- * ```
- */
-export interface GalleryProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-    /**
-     * Optional eyebrow text
-     */
-    eyebrow?: ReactNode;
-    /**
-     * Section title
-     */
-    title?: ReactNode;
-    /**
-     * Section description
-     */
-    description?: ReactNode;
-    /**
-     * Array of images
-     */
+export interface GalleryProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading */
+    title?: string;
+    /** Images to display */
     images: GalleryImage[];
-    /**
-     * Layout variant
-     * @default 'grid'
-     */
-    layout?: GalleryLayout;
-    /**
-     * Number of columns
-     * @default 4
-     */
-    columns?: 2 | 3 | 4 | 5;
-    /**
-     * Enable lightbox on click
-     * @default true
-     */
-    lightbox?: boolean;
-    /**
-     * Show captions below images
-     * @default false
-     */
-    showCaptions?: boolean;
-    /**
-     * Gap between images
-     * @default 'md'
-     */
-    gap?: "sm" | "md" | "lg" | "none";
-    /**
-     * Enable category filtering
-     * @default false
-     */
-    filterable?: boolean;
-    /**
-     * Background style
-     * @default 'base'
-     */
-    background?: "base" | "subtle" | "none";
-    /**
-     * Aspect ratio for grid items
-     * @default 'square'
-     */
-    aspectRatio?: "square" | "landscape" | "portrait" | "auto";
+    /** Number of columns */
+    columns?: 2 | 3 | 4;
+    /** Additional class name */
+    className?: string;
 }
 //# sourceMappingURL=Gallery.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;CAC5D;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,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,MAAM,EAAE,YAAY,EAAE,CAAC;IAEvB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;CAC5D"}
+{"version":3,"file":"Gallery.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,3 +1,3 @@
 export { Gallery } from './Gallery';
-export type { GalleryProps, GalleryImage, GalleryLayout, } from './Gallery.types';
+export type { GalleryProps, GalleryImage } from './Gallery.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

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

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

@@ -1,9 +1,8 @@
-import { HeroProps } from './Hero.types';
-import { HeroHighlight } from './HeroHighlight';
+import { default as React } from 'react';
+import { HeroProps, HeroHighlightProps } from './Hero.types';
 
-declare const HeroBase: import('react').ForwardRefExoticComponent<HeroProps & import('react').RefAttributes<HTMLElement>>;
-type HeroComponent = typeof HeroBase & {
-    Highlight: typeof HeroHighlight;
+type HeroComponent = React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLElement>> & {
+    Highlight: React.FC<HeroHighlightProps>;
 };
 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":"AAkCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA2BhD,QAAA,MAAM,QAAQ,mGA6Ib,CAAC;AAKF,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAe,aAAa,CAAC"}
+{"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,EAkCZ,aAAa,CAAC"}

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

@@ -1,129 +1,38 @@
 "use client";
-import { jsxs as r, Fragment as C, jsx as a } from "react/jsx-runtime";
-import { forwardRef as O, useEffect as v } from "react";
-import { HeroHighlight as S } from "./HeroHighlight.mjs";
-import e from "./Hero.module.css.mjs";
-import { Section as U } from "../../../sections/Section/Section.mjs";
-import { Container as _ } from "../../../sections/Container/Container.mjs";
-import { Badge as F } from "../../../components/Badge/Badge.mjs";
-const I = () => /* @__PURE__ */ a("div", { className: e.defaultMedia, children: /* @__PURE__ */ r(
-  "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" })
-    ]
-  }
-) }), u = O(
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import g from "react";
+import { HeroHighlight as p } from "./HeroHighlight.mjs";
+import s from "./Hero.module.css.mjs";
+const o = g.forwardRef(
   ({
-    badge: s,
-    title: N,
-    headline: t,
-    description: c,
-    primaryAction: l,
-    secondaryAction: d,
-    media: k,
-    mediaPosition: x = "right",
-    showDefaultMedia: y = !1,
-    trustIndicators: m,
-    align: b = "center",
-    size: w = "lg",
-    layout: H = "contained",
-    variant: M = "default",
-    backgroundImage: h,
-    backgroundOverlay: f = 0.6,
-    elevated: $ = !1,
-    fullHeight: n = !1,
-    spacing: B,
-    className: E,
-    ...j
-  }, z) => {
-    const D = N ?? t;
-    v(() => {
-      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]), v(() => {
-      n && process.env.NODE_ENV === "development" && console.warn(
-        '[Hero] The "fullHeight" prop is deprecated. Use layout="fullscreen" instead.'
-      );
-    }, [n]);
-    const p = n ? "fullscreen" : H, L = B ?? "xl", g = k || (y ? /* @__PURE__ */ a(I, {}) : null), o = !!g, T = l || d, i = M === "background", V = [
-      e.hero,
-      e[`align-${b}`],
-      e[`size-${w}`],
-      e[`layout-${p}`],
-      i && e["variant-background"],
-      $ && p === "card" && e.elevated,
-      o && !i && e.hasMedia,
-      o && !i && e[`media-${x}`],
-      E
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ r(
-      U,
+    title: c,
+    description: l,
+    primaryAction: r,
+    secondaryAction: t,
+    align: m = "center",
+    size: i = "md",
+    className: n
+  }, h) => {
+    const d = i === "sm" ? s.sm : i === "lg" ? s.lg : "", f = m === "left" ? s.left : "";
+    return /* @__PURE__ */ e(
+      "section",
       {
-        ref: z,
-        spacing: L,
-        className: V,
-        ...j,
-        children: [
-          i && h && /* @__PURE__ */ r(C, { children: [
-            /* @__PURE__ */ a("div", { className: e.backgroundImage, children: /* @__PURE__ */ a("img", { src: h, 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__ */ r(_, { size: "xl", className: e.container, children: [
-            /* @__PURE__ */ r("div", { className: e.content, children: [
-              s && /* @__PURE__ */ a(
-                "div",
-                {
-                  className: e.badge,
-                  ...i && { "data-dark-bg": "true" },
-                  children: typeof s == "string" ? /* @__PURE__ */ a(F, { variant: "brand", size: "lg", children: s }) : s
-                }
-              ),
-              /* @__PURE__ */ a("h1", { className: e.headline, children: D }),
-              c && /* @__PURE__ */ a("p", { className: e.description, children: c }),
-              T && /* @__PURE__ */ r(
-                "div",
-                {
-                  className: e.actions,
-                  ...i && { "data-dark-bg": "true" },
-                  children: [
-                    l,
-                    d
-                  ]
-                }
-              ),
-              m && /* @__PURE__ */ a("div", { className: e.trustIndicators, children: m })
-            ] }),
-            o && !i && /* @__PURE__ */ a("div", { className: e.media, children: g })
+        ref: h,
+        className: `${s.section} ${d} ${f} ${n || ""}`,
+        children: /* @__PURE__ */ a("div", { className: s.container, children: [
+          /* @__PURE__ */ e("h1", { className: s.title, children: c }),
+          l && /* @__PURE__ */ e("p", { className: s.description, children: l }),
+          (r || t) && /* @__PURE__ */ a("div", { className: s.actions, children: [
+            r,
+            t
           ] })
-        ]
+        ] })
       }
     );
   }
 );
-u.displayName = "Hero";
-const P = u;
-P.Highlight = S;
+o.displayName = "Hero";
+o.Highlight = p;
 export {
-  P as Hero
+  o as Hero
 };

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

@@ -1 +1 @@
-._hero_k2iwe_8{position:relative;overflow:hidden}._fullHeight_k2iwe_13{min-height:100vh;display:flex;align-items:center}._container_k2iwe_19{display:flex;flex-direction:column;gap:var(--spacing-12);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}._content_k2iwe_27{display:flex;flex-direction:column;gap:var(--spacing-6)}._align-center_k2iwe_37{text-align:center}._align-center_k2iwe_37 ._content_k2iwe_27{align-items:center}._align-center_k2iwe_37 ._actions_k2iwe_44,._align-center_k2iwe_37 ._trustIndicators_k2iwe_48{justify-content:center}._align-left_k2iwe_53{text-align:left}._align-left_k2iwe_53 ._content_k2iwe_27{align-items:flex-start}._align-left_k2iwe_53 ._actions_k2iwe_44,._align-left_k2iwe_53 ._trustIndicators_k2iwe_48{justify-content:flex-start}._size-sm_k2iwe_74 ._headline_k2iwe_75{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_k2iwe_74 ._description_k2iwe_83{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_k2iwe_93 ._headline_k2iwe_75{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_k2iwe_93 ._description_k2iwe_83{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_k2iwe_112 ._headline_k2iwe_75{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_k2iwe_112 ._description_k2iwe_83{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_k2iwe_134{margin-bottom:var(--spacing-2)}._headline_k2iwe_75,._description_k2iwe_83{margin:0}._actions_k2iwe_44{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-4)}._trustIndicators_k2iwe_48{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6);margin-top:var(--spacing-8);opacity:.7}._highlight_k2iwe_166{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_k2iwe_189{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;width:100vw;margin-left:calc(-50vw + 50%)}._layout-fullscreen_k2iwe_189 ._container_k2iwe_19{width:100%;max-width:var(--container-xl);padding-inline:var(--spacing-6)}._layout-card_k2iwe_210{margin:var(--spacing-6);border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-base)}._layout-card_k2iwe_210._elevated_k2iwe_218{box-shadow:var(--shadow-xl)}@media(min-width:768px){._layout-card_k2iwe_210{margin:var(--spacing-8);border-radius:var(--radius-2xl)}}@media(min-width:1024px){._layout-card_k2iwe_210{margin:var(--spacing-12)}}._variant-background_k2iwe_240{position:relative;min-height:80vh;display:flex;align-items:center}._backgroundImage_k2iwe_247{position:absolute;inset:0;z-index:0}._backgroundImage_k2iwe_247 img{width:100%;height:100%;object-fit:cover}._backgroundOverlay_k2iwe_259{position:absolute;inset:0;z-index:1}._variant-background_k2iwe_240 ._container_k2iwe_19{position:relative;z-index:2}._variant-background_k2iwe_240 ._headline_k2iwe_75,._variant-background_k2iwe_240 ._description_k2iwe_83{color:var(--text-on-dark)}._variant-background_k2iwe_240 ._highlight_k2iwe_166{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_k2iwe_189._variant-background_k2iwe_240{min-height:100vh;min-height:100dvh}._layout-card_k2iwe_210._variant-background_k2iwe_240{min-height:60vh}._defaultMedia_k2iwe_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_k2iwe_320{color:var(--text-tertiary);opacity:.5}._hasMedia_k2iwe_329 ._container_k2iwe_19{flex-direction:row;align-items:center}._hasMedia_k2iwe_329 ._content_k2iwe_27{flex:0 0 40%;min-width:0}._hasMedia_k2iwe_329 ._media_k2iwe_342{flex:0 0 55%;min-width:0;display:flex;align-items:center;justify-content:center}._media-left_k2iwe_351 ._container_k2iwe_19{flex-direction:row-reverse}._media-right_k2iwe_357 ._container_k2iwe_19{flex-direction:row}._media-bottom_k2iwe_363 ._container_k2iwe_19{flex-direction:column}._media-bottom_k2iwe_363 ._content_k2iwe_27{align-items:center;text-align:center}._media-bottom_k2iwe_363 ._actions_k2iwe_44{justify-content:center}@media(max-width:768px){._hasMedia_k2iwe_329 ._container_k2iwe_19{flex-direction:column;gap:var(--spacing-8)}._hasMedia_k2iwe_329 ._content_k2iwe_27,._hasMedia_k2iwe_329 ._media_k2iwe_342{flex:1 1 auto}:is(._media-left_k2iwe_351,._media-right_k2iwe_357) ._container_k2iwe_19{flex-direction:column}:is(._media-left_k2iwe_351,._media-right_k2iwe_357) ._content_k2iwe_27{align-items:center;text-align:center}:is(._media-left_k2iwe_351,._media-right_k2iwe_357) ._actions_k2iwe_44{justify-content:center}._actions_k2iwe_44{flex-direction:column;width:100%}._actions_k2iwe_44>*{width:100%}._container_k2iwe_19{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}._layout-fullscreen_k2iwe_189,._layout-fullscreen_k2iwe_189 ._container_k2iwe_19{padding-inline:var(--spacing-4)}._layout-card_k2iwe_210{margin:var(--spacing-4);border-radius:var(--radius-lg)}}
+._section_1nowi_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_1nowi_12{align-items:flex-start;text-align:left}._sm_1nowi_17{padding:var(--spacing-8) var(--spacing-6);min-height:auto}._lg_1nowi_22{padding:var(--spacing-32) var(--spacing-6);min-height:560px}._container_1nowi_27{max-width:800px;width:100%}._title_1nowi_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_1nowi_22 ._title_1nowi_32{font-size:48px}._sm_1nowi_17 ._title_1nowi_32{font-size:var(--font-size-2xl)}._description_1nowi_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_1nowi_12 ._description_1nowi_49{margin-left:0;margin-right:0}._actions_1nowi_63{display:flex;gap:var(--spacing-3);flex-wrap:wrap}._left_1nowi_12 ._actions_1nowi_63{justify-content:flex-start}._section_1nowi_1:not(._left_1nowi_12) ._actions_1nowi_63{justify-content:center}._section_1nowi_1:not(._left_1nowi_12) ._description_1nowi_49{margin-left:auto;margin-right:auto}._highlight_1nowi_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}@media(max-width:768px){._title_1nowi_32{font-size:var(--font-size-2xl)}._lg_1nowi_22 ._title_1nowi_32{font-size:var(--font-size-3xl)}._actions_1nowi_63{flex-direction:column;align-items:stretch}}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hero_k2iwe_8",i="_fullHeight_k2iwe_13",t="_container_k2iwe_19",a="_content_k2iwe_27",_="_actions_k2iwe_44",n="_trustIndicators_k2iwe_48",o="_headline_k2iwe_75",d="_description_k2iwe_83",c="_badge_k2iwe_134",l="_highlight_k2iwe_166",s="_elevated_k2iwe_218",r="_backgroundImage_k2iwe_247",u="_backgroundOverlay_k2iwe_259",g="_defaultMedia_k2iwe_304",k="_defaultMediaIcon_k2iwe_320",h="_hasMedia_k2iwe_329",w="_media_k2iwe_342",m={hero:e,fullHeight:i,container:t,content:a,"align-center":"_align-center_k2iwe_37",actions:_,trustIndicators:n,"align-left":"_align-left_k2iwe_53","size-sm":"_size-sm_k2iwe_74",headline:o,description:d,"size-md":"_size-md_k2iwe_93","size-lg":"_size-lg_k2iwe_112",badge:c,highlight:l,"layout-contained":"_layout-contained_k2iwe_181","layout-fullscreen":"_layout-fullscreen_k2iwe_189","layout-card":"_layout-card_k2iwe_210",elevated:s,"variant-background":"_variant-background_k2iwe_240",backgroundImage:r,backgroundOverlay:u,defaultMedia:g,defaultMediaIcon:k,hasMedia:h,media:w,"media-left":"_media-left_k2iwe_351","media-right":"_media-right_k2iwe_357","media-bottom":"_media-bottom_k2iwe_363"};exports.actions=_;exports.backgroundImage=r;exports.backgroundOverlay=u;exports.badge=c;exports.container=t;exports.content=a;exports.default=m;exports.defaultMedia=g;exports.defaultMediaIcon=k;exports.description=d;exports.elevated=s;exports.fullHeight=i;exports.hasMedia=h;exports.headline=o;exports.hero=e;exports.highlight=l;exports.media=w;exports.trustIndicators=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1nowi_1",i="_left_1nowi_12",n="_sm_1nowi_17",o="_lg_1nowi_22",e="_container_1nowi_27",s="_title_1nowi_32",_="_description_1nowi_49",c="_actions_1nowi_63",l="_highlight_1nowi_83",g={section:t,left:i,sm:n,lg:o,container:e,title:s,description:_,actions:c,highlight:l};exports.actions=c;exports.container=e;exports.default=g;exports.description=_;exports.highlight=l;exports.left=i;exports.lg=o;exports.section=t;exports.sm=n;exports.title=s;

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

@@ -1,51 +1,23 @@
-const e = "_hero_k2iwe_8", i = "_fullHeight_k2iwe_13", _ = "_container_k2iwe_19", t = "_content_k2iwe_27", a = "_actions_k2iwe_44", n = "_trustIndicators_k2iwe_48", o = "_headline_k2iwe_75", d = "_description_k2iwe_83", c = "_badge_k2iwe_134", l = "_highlight_k2iwe_166", s = "_elevated_k2iwe_218", k = "_backgroundImage_k2iwe_247", r = "_backgroundOverlay_k2iwe_259", g = "_defaultMedia_k2iwe_304", u = "_defaultMediaIcon_k2iwe_320", w = "_hasMedia_k2iwe_329", h = "_media_k2iwe_342", m = {
-  hero: e,
-  fullHeight: i,
+const t = "_section_1nowi_1", n = "_left_1nowi_12", i = "_sm_1nowi_17", o = "_lg_1nowi_22", _ = "_container_1nowi_27", s = "_title_1nowi_32", c = "_description_1nowi_49", e = "_actions_1nowi_63", l = "_highlight_1nowi_83", g = {
+  section: t,
+  left: n,
+  sm: i,
+  lg: o,
   container: _,
-  content: t,
-  "align-center": "_align-center_k2iwe_37",
-  actions: a,
-  trustIndicators: n,
-  "align-left": "_align-left_k2iwe_53",
-  "size-sm": "_size-sm_k2iwe_74",
-  headline: o,
-  description: d,
-  "size-md": "_size-md_k2iwe_93",
-  "size-lg": "_size-lg_k2iwe_112",
-  badge: c,
-  highlight: l,
-  "layout-contained": "_layout-contained_k2iwe_181",
-  "layout-fullscreen": "_layout-fullscreen_k2iwe_189",
-  "layout-card": "_layout-card_k2iwe_210",
-  elevated: s,
-  "variant-background": "_variant-background_k2iwe_240",
-  backgroundImage: k,
-  backgroundOverlay: r,
-  defaultMedia: g,
-  defaultMediaIcon: u,
-  hasMedia: w,
-  media: h,
-  "media-left": "_media-left_k2iwe_351",
-  "media-right": "_media-right_k2iwe_357",
-  "media-bottom": "_media-bottom_k2iwe_363"
+  title: s,
+  description: c,
+  actions: e,
+  highlight: l
 };
 export {
-  a as actions,
-  k as backgroundImage,
-  r as backgroundOverlay,
-  c as badge,
+  e as actions,
   _ as container,
-  t as content,
-  m as default,
-  g as defaultMedia,
-  u as defaultMediaIcon,
-  d as description,
-  s as elevated,
-  i as fullHeight,
-  w as hasMedia,
-  o as headline,
-  e as hero,
+  g as default,
+  c as description,
   l as highlight,
-  h as media,
-  n as trustIndicators
+  n as left,
+  o as lg,
+  t as section,
+  i as sm,
+  s as title
 };

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Hero.types').HeroProps & import('react').RefAttributes<HTMLElement>> & {
+        Highlight: React.FC<import('./Hero.types').HeroHighlightProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LeftAlign: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const WithHighlight: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Hero.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/Hero.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}