@orion-ds/react 4.2.14 → 4.3.7

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

@@ -0,0 +1,128 @@
+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(
+  ({
+    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,
+      {
+        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 })
+          ] })
+        ]
+      }
+    );
+  }
+);
+u.displayName = "Hero";
+const P = u;
+P.Highlight = S;
+export {
+  P as Hero
+};

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

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

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

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

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

@@ -0,0 +1,51 @@
+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,
+  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"
+};
+export {
+  a as actions,
+  k as backgroundImage,
+  r as backgroundOverlay,
+  c as badge,
+  _ 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,
+  l as highlight,
+  h as media,
+  n as trustIndicators
+};

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

@@ -0,0 +1,167 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { SectionSpacing } from '../../../sections';
+
+/**
+ * Hero text alignment
+ */
+export type HeroAlign = "left" | "center";
+/**
+ * Hero size variants
+ */
+export type HeroSize = "sm" | "md" | "lg";
+/**
+ * Hero visual variant
+ * - 'default': Standard hero with optional side media
+ * - 'background': Full-width background image with content overlay
+ */
+export type HeroVariant = "default" | "background";
+/**
+ * Hero layout mode
+ * - 'contained': Default with container padding
+ * - 'fullscreen': 100vh height, vertically centered, edge-to-edge width
+ * - 'card': Inset with margins and border radius (floating card style)
+ */
+export type HeroLayout = "contained" | "fullscreen" | "card";
+/**
+ * Props for HeroHighlight compound component
+ */
+export interface HeroHighlightProps {
+    /**
+     * Text content to highlight with brand gradient
+     */
+    children: ReactNode;
+}
+/**
+ * Hero component props
+ *
+ * @example
+ * ```tsx
+ * <Hero
+ *   badge={<Badge>New</Badge>}
+ *   title="Build faster with Orion"
+ *   description="The AI-first design system for modern apps"
+ *   primaryAction={<Button>Get Started</Button>}
+ *   secondaryAction={<Button variant="ghost">Learn More</Button>}
+ *   align="center"
+ * />
+ * ```
+ *
+ * @example Fullscreen with background
+ * ```tsx
+ * <Hero
+ *   layout="fullscreen"
+ *   variant="background"
+ *   backgroundImage="https://example.com/hero.jpg"
+ *   title={<>Build <Hero.Highlight>faster</Hero.Highlight></>}
+ * />
+ * ```
+ */
+export interface HeroProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional badge/eyebrow element above title.
+     * - String: auto-wrapped as <Badge variant="brand" size="lg">
+     * - ReactNode: rendered as-is for full control
+     * @example badge="New Release"
+     * @example badge={<Badge variant="success">Beta</Badge>}
+     */
+    badge?: ReactNode;
+    /**
+     * Main title text or element.
+     * Can include <Hero.Highlight> for gradient text.
+     */
+    title?: ReactNode;
+    /**
+     * @deprecated Use `title` instead. Will be removed in v3.0.
+     */
+    headline?: ReactNode;
+    /**
+     * Optional description text below headline
+     */
+    description?: ReactNode;
+    /**
+     * Primary action button/element
+     */
+    primaryAction?: ReactNode;
+    /**
+     * Secondary action button/element
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Optional media (image, video, illustration)
+     */
+    media?: ReactNode;
+    /**
+     * Media position when provided
+     * @default 'right'
+     */
+    mediaPosition?: "left" | "right" | "bottom";
+    /**
+     * Show default placeholder image when media is not provided
+     * @default false
+     */
+    showDefaultMedia?: boolean;
+    /**
+     * Trust indicators (logos, badges, social proof)
+     */
+    trustIndicators?: ReactNode;
+    /**
+     * Text alignment
+     * @default 'center'
+     */
+    align?: HeroAlign;
+    /**
+     * Size variant affecting typography scale
+     * - sm: Compact hero for sub-pages
+     * - md: Standard hero
+     * - lg: Large hero for landing pages
+     * @default 'lg'
+     */
+    size?: HeroSize;
+    /**
+     * Hero layout mode
+     * - 'contained': Default with container padding
+     * - 'fullscreen': 100vh height, vertically centered, edge-to-edge width
+     * - 'card': Inset with margins and border radius
+     * @default 'contained'
+     */
+    layout?: HeroLayout;
+    /**
+     * Hero visual variant
+     * - 'default': Standard hero with optional side media
+     * - 'background': Full-width background image with content overlay
+     * @default 'default'
+     */
+    variant?: HeroVariant;
+    /**
+     * Background image URL (only applies when variant='background')
+     */
+    backgroundImage?: string;
+    /**
+     * Background overlay opacity (0-1). Only applies when variant='background'.
+     * @default 0.6
+     */
+    backgroundOverlay?: number;
+    /**
+     * Add elevation (shadow) to card layout.
+     * Only applies when layout='card'.
+     * @default false
+     */
+    elevated?: boolean;
+    /**
+     * Full viewport height
+     * @deprecated Use layout="fullscreen" instead
+     * @default false
+     */
+    fullHeight?: boolean;
+    /**
+     * Vertical padding of the Hero section.
+     * Hero is designed for landing pages where generous padding (128px) is the standard.
+     * @default 'xl' (128px) — all layouts default to generous spacing
+     * @example
+     * - `<Hero />` → 128px padding (standard)
+     * - `<Hero spacing="none" />` → 0px padding (if you want to override)
+     * - `<Hero spacing="md" />` → 64px padding (custom spacing)
+     */
+    spacing?: SectionSpacing;
+}
+//# sourceMappingURL=Hero.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/Hero.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC3E;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;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,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE5C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B"}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./Hero.module.css.cjs"),e=({children:t})=>i.jsx("span",{className:r.default.highlight,children:t});e.displayName="Hero.Highlight";exports.HeroHighlight=e;

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

@@ -0,0 +1,7 @@
+import { HeroHighlightProps } from './Hero.types';
+
+export declare const HeroHighlight: {
+    ({ children }: HeroHighlightProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=HeroHighlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHighlight.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/HeroHighlight.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,eAAO,MAAM,aAAa;mBAAkB,kBAAkB;;CAE7D,CAAC"}

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

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "./Hero.module.css.mjs";
+const o = ({ children: i }) => /* @__PURE__ */ r("span", { className: t.highlight, children: i });
+o.displayName = "Hero.Highlight";
+export {
+  o as HeroHighlight
+};

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

@@ -0,0 +1,7 @@
+/**
+ * Hero Component Exports
+ */
+export { Hero } from './Hero';
+export { HeroHighlight } from './HeroHighlight';
+export type { HeroProps, HeroAlign, HeroSize, HeroVariant, HeroLayout, HeroHighlightProps, } from './Hero.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC"}

package/dist/blocks/sections/LogoCloud/LogoCloud.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("react"),e=require("./LogoCloud.module.css.cjs"),S=require("../../../sections/Section/Section.cjs"),b=require("../../../sections/Container/Container.cjs"),u=v.forwardRef(({eyebrow:n,title:o,description:d,logos:l,layout:c="inline",columns:i=5,size:f="md",grayscale:m=!0,background:h="none",centered:g=!0,marqueeSpeed:j="normal",className:x,...N},p)=>{const q=n||o||d,C=[e.default.logoCloud,e.default[`layout-${c}`],e.default[`size-${f}`],m&&e.default.grayscale,g&&e.default.centered,x].filter(Boolean).join(" "),t=(r,s)=>{const L=a.jsxs("div",{className:e.default.logo,children:[r.logo,a.jsx("span",{className:"sr-only",children:r.name})]},r.name||s);return r.href?a.jsx("a",{href:r.href,className:e.default.logoLink,target:"_blank",rel:"noopener noreferrer","aria-label":r.name,children:r.logo},r.name||s):L},$=()=>c==="marquee"?a.jsx("div",{className:`${e.default.marquee} ${e.default[`speed-${j}`]}`,children:a.jsxs("div",{className:e.default.marqueeTrack,children:[l.map(t),l.map((r,s)=>t(r,s+l.length))]})}):a.jsx("div",{className:`${e.default.logosContainer} ${c==="grid"?e.default[`cols-${i}`]:""}`,children:l.map(t)});return a.jsx(S.Section,{ref:p,spacing:"md",background:h,className:C,...N,children:a.jsxs(b.Container,{size:"xl",children:[q&&a.jsxs("header",{className:e.default.header,children:[n&&a.jsx("div",{className:e.default.eyebrow,children:n}),o&&a.jsx("h2",{className:e.default.title,children:o}),d&&a.jsx("p",{className:e.default.description,children:d})]}),$()]})})});u.displayName="LogoCloud";exports.LogoCloud=u;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoCloud.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/LogoCloud/LogoCloud.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,eAAO,MAAM,SAAS,wGA4GrB,CAAC"}

package/dist/blocks/sections/LogoCloud/LogoCloud.mjs

@@ -0,0 +1,87 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as q } from "react";
+import e from "./LogoCloud.module.css.mjs";
+import { Section as x } from "../../../sections/Section/Section.mjs";
+import { Container as y } from "../../../sections/Container/Container.mjs";
+const z = q(
+  ({
+    eyebrow: s,
+    title: c,
+    description: d,
+    logos: n,
+    layout: m = "inline",
+    columns: h = 5,
+    size: t = "md",
+    grayscale: f = !0,
+    background: p = "none",
+    centered: g = !0,
+    marqueeSpeed: N = "normal",
+    className: u,
+    ...$
+  }, v) => {
+    const C = s || c || d, L = [
+      e.logoCloud,
+      e[`layout-${m}`],
+      e[`size-${t}`],
+      f && e.grayscale,
+      g && e.centered,
+      u
+    ].filter(Boolean).join(" "), i = (r, o) => {
+      const k = /* @__PURE__ */ l("div", { className: e.logo, children: [
+        r.logo,
+        /* @__PURE__ */ a("span", { className: "sr-only", children: r.name })
+      ] }, r.name || o);
+      return r.href ? /* @__PURE__ */ a(
+        "a",
+        {
+          href: r.href,
+          className: e.logoLink,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "aria-label": r.name,
+          children: r.logo
+        },
+        r.name || o
+      ) : k;
+    }, j = () => m === "marquee" ? /* @__PURE__ */ a(
+      "div",
+      {
+        className: `${e.marquee} ${e[`speed-${N}`]}`,
+        children: /* @__PURE__ */ l("div", { className: e.marqueeTrack, children: [
+          n.map(i),
+          n.map(
+            (r, o) => i(r, o + n.length)
+          )
+        ] })
+      }
+    ) : /* @__PURE__ */ a(
+      "div",
+      {
+        className: `${e.logosContainer} ${m === "grid" ? e[`cols-${h}`] : ""}`,
+        children: n.map(i)
+      }
+    );
+    return /* @__PURE__ */ a(
+      x,
+      {
+        ref: v,
+        spacing: "md",
+        background: p,
+        className: L,
+        ...$,
+        children: /* @__PURE__ */ l(y, { size: "xl", children: [
+          C && /* @__PURE__ */ l("header", { className: e.header, children: [
+            s && /* @__PURE__ */ a("div", { className: e.eyebrow, children: s }),
+            c && /* @__PURE__ */ a("h2", { className: e.title, children: c }),
+            d && /* @__PURE__ */ a("p", { className: e.description, children: d })
+          ] }),
+          j()
+        ] })
+      }
+    );
+  }
+);
+z.displayName = "LogoCloud";
+export {
+  z as LogoCloud
+};

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

@@ -0,0 +1 @@
+._logoCloud_1iy9x_8{position:relative}._centered_1iy9x_16,._centered_1iy9x_16 ._header_1iy9x_19{text-align:center}._centered_1iy9x_16 ._description_1iy9x_23{margin-left:auto;margin-right:auto}._centered_1iy9x_16 ._logosContainer_1iy9x_28{justify-content:center}._header_1iy9x_19{margin-bottom:var(--spacing-8)}._eyebrow_1iy9x_41{font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--spacing-2)}._title_1iy9x_51{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-secondary);margin:0}._description_1iy9x_23{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-tertiary);max-width:500px;margin:var(--spacing-2) 0 0 0;line-height:var(--line-height-relaxed)}._logosContainer_1iy9x_28{display:flex;flex-wrap:wrap;gap:var(--spacing-8);align-items:center}._layout-grid_1iy9x_81 ._logosContainer_1iy9x_28{display:grid;gap:var(--spacing-6)}._cols-3_1iy9x_86{grid-template-columns:repeat(3,1fr)}._cols-4_1iy9x_90{grid-template-columns:repeat(4,1fr)}._cols-5_1iy9x_94{grid-template-columns:repeat(5,1fr)}._cols-6_1iy9x_98{grid-template-columns:repeat(6,1fr)}._layout-inline_1iy9x_103 ._logosContainer_1iy9x_28{display:flex;flex-wrap:wrap;gap:var(--spacing-8) var(--spacing-12)}._logo_1iy9x_8,._logoLink_1iy9x_114{display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast),filter var(--transition-fast)}._logoLink_1iy9x_114{text-decoration:none}._logo_1iy9x_8 img,._logoLink_1iy9x_114 img,._logo_1iy9x_8 svg,._logoLink_1iy9x_114 svg{max-width:100%;height:auto;object-fit:contain}._grayscale_1iy9x_137 ._logo_1iy9x_8,._grayscale_1iy9x_137 ._logoLink_1iy9x_114{filter:grayscale(100%);opacity:.6}._grayscale_1iy9x_137 ._logo_1iy9x_8:hover,._grayscale_1iy9x_137 ._logoLink_1iy9x_114:hover{filter:grayscale(0%);opacity:1}._size-sm_1iy9x_153 ._logo_1iy9x_8,._size-sm_1iy9x_153 ._logoLink_1iy9x_114{height:24px}._size-md_1iy9x_158 ._logo_1iy9x_8,._size-md_1iy9x_158 ._logoLink_1iy9x_114{height:32px}._size-lg_1iy9x_163 ._logo_1iy9x_8,._size-lg_1iy9x_163 ._logoLink_1iy9x_114{height:48px}._size-sm_1iy9x_153 ._logo_1iy9x_8 img,._size-sm_1iy9x_153 ._logoLink_1iy9x_114 img,._size-sm_1iy9x_153 ._logo_1iy9x_8 svg,._size-sm_1iy9x_153 ._logoLink_1iy9x_114 svg{max-height:24px}._size-md_1iy9x_158 ._logo_1iy9x_8 img,._size-md_1iy9x_158 ._logoLink_1iy9x_114 img,._size-md_1iy9x_158 ._logo_1iy9x_8 svg,._size-md_1iy9x_158 ._logoLink_1iy9x_114 svg{max-height:32px}._size-lg_1iy9x_163 ._logo_1iy9x_8 img,._size-lg_1iy9x_163 ._logoLink_1iy9x_114 img,._size-lg_1iy9x_163 ._logo_1iy9x_8 svg,._size-lg_1iy9x_163 ._logoLink_1iy9x_114 svg{max-height:48px}._marquee_1iy9x_193{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}._marqueeTrack_1iy9x_205{display:flex;gap:var(--spacing-12);width:max-content;animation:_marquee_1iy9x_193 linear infinite}._speed-slow_1iy9x_212 ._marqueeTrack_1iy9x_205{animation-duration:60s}._speed-normal_1iy9x_216 ._marqueeTrack_1iy9x_205{animation-duration:40s}._speed-fast_1iy9x_220 ._marqueeTrack_1iy9x_205{animation-duration:20s}@keyframes _marquee_1iy9x_193{0%{transform:translate(0)}to{transform:translate(-50%)}}._marquee_1iy9x_193:hover ._marqueeTrack_1iy9x_205{animation-play-state:paused}@media(max-width:1024px){._cols-5_1iy9x_94,._cols-6_1iy9x_98{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){._cols-3_1iy9x_86,._cols-4_1iy9x_90,._cols-5_1iy9x_94,._cols-6_1iy9x_98{grid-template-columns:repeat(3,1fr)}._layout-inline_1iy9x_103 ._logosContainer_1iy9x_28{gap:var(--spacing-6) var(--spacing-8)}}@media(max-width:480px){._cols-3_1iy9x_86,._cols-4_1iy9x_90,._cols-5_1iy9x_94,._cols-6_1iy9x_98{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){._marqueeTrack_1iy9x_205{animation:none}._marquee_1iy9x_193{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_logoCloud_1iy9x_8",o="_centered_1iy9x_16",_="_header_1iy9x_19",i="_description_1iy9x_23",s="_logosContainer_1iy9x_28",l="_eyebrow_1iy9x_41",t="_title_1iy9x_51",r="_logo_1iy9x_8",n="_logoLink_1iy9x_114",a="_grayscale_1iy9x_137",c="_marquee_1iy9x_193",y="_marqueeTrack_1iy9x_205",d={logoCloud:e,centered:o,header:_,description:i,logosContainer:s,eyebrow:l,title:t,"layout-grid":"_layout-grid_1iy9x_81","cols-3":"_cols-3_1iy9x_86","cols-4":"_cols-4_1iy9x_90","cols-5":"_cols-5_1iy9x_94","cols-6":"_cols-6_1iy9x_98","layout-inline":"_layout-inline_1iy9x_103",logo:r,logoLink:n,grayscale:a,"size-sm":"_size-sm_1iy9x_153","size-md":"_size-md_1iy9x_158","size-lg":"_size-lg_1iy9x_163",marquee:c,marqueeTrack:y,"speed-slow":"_speed-slow_1iy9x_212","speed-normal":"_speed-normal_1iy9x_216","speed-fast":"_speed-fast_1iy9x_220"};exports.centered=o;exports.default=d;exports.description=i;exports.eyebrow=l;exports.grayscale=a;exports.header=_;exports.logo=r;exports.logoCloud=e;exports.logoLink=n;exports.logosContainer=s;exports.marquee=c;exports.marqueeTrack=y;exports.title=t;

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

@@ -0,0 +1,41 @@
+const _ = "_logoCloud_1iy9x_8", e = "_centered_1iy9x_16", o = "_header_1iy9x_19", i = "_description_1iy9x_23", s = "_logosContainer_1iy9x_28", l = "_eyebrow_1iy9x_41", t = "_title_1iy9x_51", y = "_logo_1iy9x_8", n = "_logoLink_1iy9x_114", c = "_grayscale_1iy9x_137", r = "_marquee_1iy9x_193", a = "_marqueeTrack_1iy9x_205", x = {
+  logoCloud: _,
+  centered: e,
+  header: o,
+  description: i,
+  logosContainer: s,
+  eyebrow: l,
+  title: t,
+  "layout-grid": "_layout-grid_1iy9x_81",
+  "cols-3": "_cols-3_1iy9x_86",
+  "cols-4": "_cols-4_1iy9x_90",
+  "cols-5": "_cols-5_1iy9x_94",
+  "cols-6": "_cols-6_1iy9x_98",
+  "layout-inline": "_layout-inline_1iy9x_103",
+  logo: y,
+  logoLink: n,
+  grayscale: c,
+  "size-sm": "_size-sm_1iy9x_153",
+  "size-md": "_size-md_1iy9x_158",
+  "size-lg": "_size-lg_1iy9x_163",
+  marquee: r,
+  marqueeTrack: a,
+  "speed-slow": "_speed-slow_1iy9x_212",
+  "speed-normal": "_speed-normal_1iy9x_216",
+  "speed-fast": "_speed-fast_1iy9x_220"
+};
+export {
+  e as centered,
+  x as default,
+  i as description,
+  l as eyebrow,
+  c as grayscale,
+  o as header,
+  y as logo,
+  _ as logoCloud,
+  n as logoLink,
+  s as logosContainer,
+  r as marquee,
+  a as marqueeTrack,
+  t as title
+};