@stackshift-ui/header 6.0.7 → 6.0.8-beta.1

package/dist/header_a.js

@@ -1,174 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/header_a.tsx
-var header_a_exports = {};
-__export(header_a_exports, {
-  Header_A: () => Header_A,
-  default: () => Header_A
-});
-module.exports = __toCommonJS(header_a_exports);
-var import_button = require("@stackshift-ui/button");
-var import_container = require("@stackshift-ui/container");
-var import_flex = require("@stackshift-ui/flex");
-var import_heading = require("@stackshift-ui/heading");
-var import_image = require("@stackshift-ui/image");
-var import_section = require("@stackshift-ui/section");
-var import_text = require("@stackshift-ui/text");
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function Header_A({
-  mainImage,
-  title,
-  description,
-  primaryButton,
-  secondaryButton
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, { align: "center", gap: 4, className: "flex-col lg:flex-row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { align: "center", direction: "col", className: "w-full basis-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-md mx-auto text-center lg:text-left", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleAndDescription, { title, description }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { primaryButton, secondaryButton })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MainImage, { mainImage })
-  ] }) }) });
-}
-function TitleAndDescription({ title, description }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { fontSize: "3xl", className: "mb-3", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, className: "my-6", children: description })
-  ] });
-}
-function Buttons({
-  primaryButton,
-  secondaryButton
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_flex.Flex,
-    {
-      align: "center",
-      justify: "center",
-      gap: 2,
-      direction: "col",
-      className: "lg:justify-start md:flex-row",
-      children: [
-        (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { as: "link", link: primaryButton, ariaLabel: primaryButton == null ? void 0 : primaryButton.label, children: primaryButton == null ? void 0 : primaryButton.label }),
-        (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_button.Button,
-          {
-            as: "link",
-            link: secondaryButton,
-            className: "bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",
-            ariaLabel: secondaryButton == null ? void 0 : secondaryButton.label,
-            children: secondaryButton == null ? void 0 : secondaryButton.label
-          }
-        )
-      ]
-    }
-  );
-}
-function MainImage({ mainImage }) {
-  var _a;
-  if (!(mainImage == null ? void 0 : mainImage.image)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative w-full max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_image.Image,
-      {
-        className: "overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative z-10",
-        src: `${mainImage.image}`,
-        sizes: "(min-width: 520px) 448px, 90vw",
-        width: 448,
-        height: 448,
-        alt: (_a = mainImage.alt) != null ? _a : "header-main-image"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DecorativeImages, {})
-  ] });
-}
-function DecorativeImages() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ImageElement,
-      {
-        src: "/assets/elements/webriq-blue-dark-up.png",
-        alt: "webriq-blue-dark-up-mainImage-element",
-        className: "absolute hidden md:block",
-        style: { top: "-2rem", right: "3rem", zIndex: 2 },
-        width: 112,
-        height: 112
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ImageElement,
-      {
-        src: "/assets/elements/wing-webriq-blue-down.png",
-        alt: "wing-webriq-blue-down-mainImage-element",
-        className: "absolute hidden md:block",
-        style: { bottom: "-2rem", right: "-2rem", zIndex: 2 },
-        width: 144,
-        height: 144
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ImageElement,
-      {
-        src: "/assets/elements/bullets-gray-right.svg",
-        alt: "bullets-gray-right-mainImage-element",
-        className: "absolute hidden md:block",
-        style: { top: "3rem", right: "-3rem", zIndex: 2 },
-        width: 115,
-        height: 157
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ImageElement,
-      {
-        src: "/assets/elements/bullets-gray-left.svg",
-        alt: "bullets-gray-left-mainImage-element",
-        className: "absolute hidden md:block",
-        style: { bottom: "2.5rem", left: "-4.5rem", zIndex: 2 },
-        width: 157,
-        height: 115
-      }
-    )
-  ] });
-}
-function ImageElement({
-  src,
-  alt,
-  className,
-  style,
-  width,
-  height
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, { src, alt, className, style, width, height });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Header_A
-});
+"use strict";var u=Object.create;var r=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(e,l)=>{for(var i in l)r(e,i,{get:l[i],enumerable:!0})},d=(e,l,i,s)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of v(l))!I.call(e,a)&&a!==i&&r(e,a,{get:()=>l[a],enumerable:!(s=N(l,a))||s.enumerable});return e};var z=(e,l,i)=>(i=e!=null?u(k(e)):{},d(l||!e||!e.__esModule?r(i,"default",{value:e,enumerable:!0}):i,e)),F=e=>d(r({},"__esModule",{value:!0}),e);var M={};P(M,{Header_A:()=>w,default:()=>w});module.exports=F(M);var g=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),b=require("@stackshift-ui/heading"),o=require("@stackshift-ui/image"),h=require("@stackshift-ui/section"),f=require("@stackshift-ui/text"),x=z(require("react")),t=require("react/jsx-runtime");function w({mainImage:e,title:l,description:i,primaryButton:s,secondaryButton:a}){return(0,t.jsx)(h.Section,{className:"py-20 bg-background",children:(0,t.jsx)(c.Container,{maxWidth:1280,children:(0,t.jsxs)(n.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,t.jsx)(n.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,t.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,t.jsx)(H,{title:l,description:i}),(0,t.jsx)(S,{primaryButton:s,secondaryButton:a})]})}),(0,t.jsx)(q,{mainImage:e})]})})})}function H({title:e,description:l}){return(0,t.jsxs)(x.default.Fragment,{children:[e&&(0,t.jsx)(b.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,t.jsx)(f.Text,{muted:!0,className:"my-6",children:l})]})}function S({primaryButton:e,secondaryButton:l}){return(0,t.jsxs)(n.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,t.jsx)(g.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,t.jsx)(g.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function q({mainImage:e}){var l;return e!=null&&e.image?(0,t.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,t.jsx)(o.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,t.jsx)(C,{})]}):null}function C(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,t.jsx)(m,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,t.jsx)(m,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,t.jsx)(m,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function m({src:e,alt:l,className:i,style:s,width:a,height:p}){return(0,t.jsx)(o.Image,{src:e,alt:l,className:i,style:s,width:a,height:p})}0&&(module.exports={Header_A});

package/dist/header_a.mjs

@@ -1,7 +1 @@
-import {
-  Header_A
-} from "./chunk-OIGPQF35.mjs";
-export {
-  Header_A,
-  Header_A as default
-};
+import{a}from"./chunk-25OOMOCQ.mjs";export{a as Header_A,a as default};

package/dist/header_b.js

@@ -1,150 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/header_b.tsx
-var header_b_exports = {};
-__export(header_b_exports, {
-  Header_B: () => Header_B,
-  default: () => Header_B
-});
-module.exports = __toCommonJS(header_b_exports);
-var import_button = require("@stackshift-ui/button");
-var import_container = require("@stackshift-ui/container");
-var import_flex = require("@stackshift-ui/flex");
-var import_heading = require("@stackshift-ui/heading");
-var import_image = require("@stackshift-ui/image");
-var import_section = require("@stackshift-ui/section");
-var import_text = require("@stackshift-ui/text");
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function Header_B({
-  images,
-  title,
-  description,
-  primaryButton,
-  secondaryButton
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "relative z-10 py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, { align: "center", direction: "col", gap: 4, className: "lg:flex-row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { align: "center", direction: "col", className: "w-full basis-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-md mx-auto text-center lg:text-left", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleAndDescription, { title, description }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { primaryButton, secondaryButton })
-    ] }) }),
-    images && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageGallery, { images })
-  ] }) }) });
-}
-function TitleAndDescription({ title, description }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { fontSize: "3xl", className: "mb-3", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, className: "my-6", children: description })
-  ] });
-}
-function Buttons({
-  primaryButton,
-  secondaryButton
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_flex.Flex,
-    {
-      align: "center",
-      gap: 2,
-      className: "flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",
-      children: [
-        (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { as: "link", link: primaryButton, ariaLabel: primaryButton == null ? void 0 : primaryButton.label, children: primaryButton == null ? void 0 : primaryButton.label }),
-        (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_button.Button,
-          {
-            as: "link",
-            link: secondaryButton,
-            className: "bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",
-            ariaLabel: secondaryButton == null ? void 0 : secondaryButton.label,
-            children: secondaryButton == null ? void 0 : secondaryButton.label
-          }
-        )
-      ]
-    }
-  );
-}
-function ImageGallery({ images }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  if (!images) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full px-4 lg:w-1/2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-3 sm:flex lg:mb-4 lg:ml-6", children: [
-      ((_a = images == null ? void 0 : images[0]) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.Image,
-        {
-          className: "relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",
-          sizes: "100vw",
-          src: `${(_b = images == null ? void 0 : images[0]) == null ? void 0 : _b.image}`,
-          width: 941,
-          height: 734,
-          alt: (_d = (_c = images == null ? void 0 : images[0]) == null ? void 0 : _c.alt) != null ? _d : "header-image-1"
-        }
-      ),
-      ((_e = images == null ? void 0 : images[1]) == null ? void 0 : _e.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.Image,
-        {
-          className: "relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",
-          sizes: "100vw",
-          src: `${(_f = images == null ? void 0 : images[1]) == null ? void 0 : _f.image}`,
-          width: 1050,
-          height: 701,
-          alt: (_h = (_g = images == null ? void 0 : images[1]) == null ? void 0 : _g.alt) != null ? _h : "header-image-2"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-3 sm:flex lg:mb-4 lg:mr-6", children: [
-      ((_i = images == null ? void 0 : images[2]) == null ? void 0 : _i.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.Image,
-        {
-          className: "object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",
-          sizes: "100vw",
-          src: `${(_j = images == null ? void 0 : images[2]) == null ? void 0 : _j.image}`,
-          width: 1050,
-          height: 701,
-          alt: (_l = (_k = images == null ? void 0 : images[2]) == null ? void 0 : _k.alt) != null ? _l : "header-image-3"
-        }
-      ),
-      ((_m = images == null ? void 0 : images[3]) == null ? void 0 : _m.image) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.Image,
-        {
-          className: "object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",
-          sizes: "100vw",
-          src: `${(_n = images == null ? void 0 : images[3]) == null ? void 0 : _n.image}`,
-          width: 941,
-          height: 734,
-          alt: (_p = (_o = images == null ? void 0 : images[3]) == null ? void 0 : _o.alt) != null ? _p : "header-image-4"
-        }
-      )
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Header_B
-});
+"use strict";var T=Object.create;var c=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty;var A=(l,e)=>{for(var d in e)c(l,d,{get:e[d],enumerable:!0})},F=(l,e,d,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of L(e))!s.call(l,o)&&o!==d&&c(l,o,{get:()=>e[o],enumerable:!(t=C(e,o))||t.enumerable});return l};var D=(l,e,d)=>(d=l!=null?T(R(l)):{},F(e||!l||!l.__esModule?c(d,"default",{value:l,enumerable:!0}):d,l)),G=l=>F(c({},"__esModule",{value:!0}),l);var E={};A(E,{Header_B:()=>S,default:()=>S});module.exports=G(E);var f=require("@stackshift-ui/button"),j=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),H=require("@stackshift-ui/heading"),n=require("@stackshift-ui/image"),P=require("@stackshift-ui/section"),I=require("@stackshift-ui/text"),$=D(require("react")),r=require("react/jsx-runtime");function S({images:l,title:e,description:d,primaryButton:t,secondaryButton:o}){return(0,r.jsx)(P.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(j.Container,{maxWidth:1280,children:(0,r.jsxs)(b.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(b.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(W,{title:e,description:d}),(0,r.jsx)(_,{primaryButton:t,secondaryButton:o})]})}),l&&(0,r.jsx)(q,{images:l})]})})})}function W({title:l,description:e}){return(0,r.jsxs)($.default.Fragment,{children:[l&&(0,r.jsx)(H.Heading,{fontSize:"3xl",className:"mb-3",children:l}),e&&(0,r.jsx)(I.Text,{muted:!0,className:"my-6",children:e})]})}function _({primaryButton:l,secondaryButton:e}){return(0,r.jsxs)(b.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(l==null?void 0:l.label)&&(0,r.jsx)(f.Button,{as:"link",link:l,ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label}),(e==null?void 0:e.label)&&(0,r.jsx)(f.Button,{as:"link",link:e,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})]})}function q({images:l}){var e,d,t,o,x,v,h,w,a,i,m,N,p,u,k,z;return l?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((e=l==null?void 0:l[0])==null?void 0:e.image)&&(0,r.jsx)(n.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(d=l==null?void 0:l[0])==null?void 0:d.image}`,width:941,height:734,alt:(o=(t=l==null?void 0:l[0])==null?void 0:t.alt)!=null?o:"header-image-1"}),((x=l==null?void 0:l[1])==null?void 0:x.image)&&(0,r.jsx)(n.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(v=l==null?void 0:l[1])==null?void 0:v.image}`,width:1050,height:701,alt:(w=(h=l==null?void 0:l[1])==null?void 0:h.alt)!=null?w:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((a=l==null?void 0:l[2])==null?void 0:a.image)&&(0,r.jsx)(n.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(i=l==null?void 0:l[2])==null?void 0:i.image}`,width:1050,height:701,alt:(N=(m=l==null?void 0:l[2])==null?void 0:m.alt)!=null?N:"header-image-3"}),((p=l==null?void 0:l[3])==null?void 0:p.image)&&(0,r.jsx)(n.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(u=l==null?void 0:l[3])==null?void 0:u.image}`,width:941,height:734,alt:(z=(k=l==null?void 0:l[3])==null?void 0:k.alt)!=null?z:"header-image-4"})]})]}):null}0&&(module.exports={Header_B});

package/dist/header_b.mjs

@@ -1,7 +1 @@
-import {
-  Header_B
-} from "./chunk-QKD3MWOT.mjs";
-export {
-  Header_B,
-  Header_B as default
-};
+import{a}from"./chunk-2FVIO3TA.mjs";export{a as Header_B,a as default};

package/dist/header_c.js

@@ -1,90 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/header_c.tsx
-var header_c_exports = {};
-__export(header_c_exports, {
-  Header_C: () => Header_C,
-  default: () => Header_C
-});
-module.exports = __toCommonJS(header_c_exports);
-var import_button = require("@stackshift-ui/button");
-var import_container = require("@stackshift-ui/container");
-var import_flex = require("@stackshift-ui/flex");
-var import_heading = require("@stackshift-ui/heading");
-var import_section = require("@stackshift-ui/section");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Header_C({
-  videoLink,
-  title,
-  primaryButton,
-  secondaryButton
-}) {
-  let videoLinkId;
-  if (videoLink) {
-    if (videoLink.includes("embed")) {
-      videoLinkId = videoLink.split("/")[4];
-    } else {
-      videoLinkId = videoLink.split("/watch?v=")[1] || videoLink.split("/")[3];
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-20 md:py-52 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 1280, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-2xl mx-auto mb-12 text-center md:mb-20", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { fontSize: "3xl", className: "mb-10", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { primaryButton, secondaryButton })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "md:mx-20 lg:mx-60 xl:mx-60", children: videoLinkId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VideoPlayer, { videoLinkId, title }) })
-  ] }) });
-}
-function VideoPlayer({ videoLinkId, title }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-video", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "iframe",
-    {
-      "aria-label": "Show Video Frame",
-      className: "w-full h-full border-4 rounded-3xl border-primary",
-      src: `https://www.youtube.com/embed/${videoLinkId}`,
-      srcDoc: `<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${videoLinkId}`}><img src=${`https://i.ytimg.com/vi_webp/${videoLinkId}/maxresdefault.webp`} alt=${title} loading="lazy" /><span>\u25B6</span></a>`,
-      loading: "lazy",
-      allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: true
-    }
-  ) });
-}
-function Buttons({
-  primaryButton,
-  secondaryButton
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, { align: "center", gap: 4, justify: "center", className: "flex-col lg:flex-row", children: [
-    (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { as: "link", ariaLabel: primaryButton == null ? void 0 : primaryButton.label, link: primaryButton, children: primaryButton == null ? void 0 : primaryButton.label }),
-    (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_button.Button,
-      {
-        as: "link",
-        ariaLabel: secondaryButton == null ? void 0 : secondaryButton.label,
-        link: secondaryButton,
-        className: "bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",
-        children: secondaryButton == null ? void 0 : secondaryButton.label
-      }
-    )
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Header_C
-});
+"use strict";var m=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var x=(e,l)=>{for(var s in l)m(e,s,{get:l[s],enumerable:!0})},w=(e,l,s,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let i of g(l))!n.call(e,i)&&i!==s&&m(e,i,{get:()=>l[i],enumerable:!(o=f(l,i))||o.enumerable});return e};var h=e=>w(m({},"__esModule",{value:!0}),e);var N={};x(N,{Header_C:()=>c,default:()=>c});module.exports=h(N);var r=require("@stackshift-ui/button"),t=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),p=require("@stackshift-ui/section"),a=require("react/jsx-runtime");function c({videoLink:e,title:l,primaryButton:s,secondaryButton:o}){let i;return e&&(e.includes("embed")?i=e.split("/")[4]:i=e.split("/watch?v=")[1]||e.split("/")[3]),(0,a.jsx)(p.Section,{className:"py-20 md:py-52 bg-background",children:(0,a.jsxs)(t.Container,{maxWidth:1280,children:[(0,a.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,a.jsx)(d.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,a.jsx)(v,{primaryButton:s,secondaryButton:o})]}),(0,a.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:i&&(0,a.jsx)(u,{videoLinkId:i,title:l})})]})})}function u({videoLinkId:e,title:l}){return(0,a.jsx)("div",{className:"aspect-video",children:(0,a.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function v({primaryButton:e,secondaryButton:l}){return(0,a.jsxs)(b.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",children:l==null?void 0:l.label})]})}0&&(module.exports={Header_C});

package/dist/header_c.mjs

@@ -1,7 +1 @@
-import {
-  Header_C
-} from "./chunk-534QIB7N.mjs";
-export {
-  Header_C,
-  Header_C as default
-};
+import{a}from"./chunk-OU7IRERX.mjs";export{a as Header_C,a as default};

package/dist/header_d.js

@@ -1,124 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/header_d.tsx
-var header_d_exports = {};
-__export(header_d_exports, {
-  Header_D: () => Header_D,
-  default: () => Header_D
-});
-module.exports = __toCommonJS(header_d_exports);
-var import_button = require("@stackshift-ui/button");
-var import_container = require("@stackshift-ui/container");
-var import_flex = require("@stackshift-ui/flex");
-var import_heading = require("@stackshift-ui/heading");
-var import_image = require("@stackshift-ui/image");
-var import_section = require("@stackshift-ui/section");
-var import_text = require("@stackshift-ui/text");
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function Header_D({
-  title,
-  description,
-  primaryButton,
-  secondaryButton,
-  mainImage
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, { align: "center", className: "flex-col lg:flex-row", gap: 4, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { align: "center", className: "w-full basis-1/2", direction: "col", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { className: "mx-auto items-center text-center lg:text-left", maxWidth: "md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleAndDescription, { title, description }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { primaryButton, secondaryButton })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MainImage, { mainImage })
-  ] }) }) });
-}
-function TitleAndDescription({ title, description }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { fontSize: "3xl", className: "mb-3", type: "h1", children: title }) : null,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { className: "my-6", muted: true, children: description }) : null
-  ] });
-}
-function Buttons({
-  primaryButton,
-  secondaryButton
-}) {
-  var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_flex.Flex,
-    {
-      align: "center",
-      className: "flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",
-      gap: 2,
-      children: [
-        (primaryButton == null ? void 0 : primaryButton.label) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_button.Button,
-          {
-            as: "link",
-            link: primaryButton,
-            ariaLabel: (_a = primaryButton == null ? void 0 : primaryButton.ariaLabel) != null ? _a : primaryButton == null ? void 0 : primaryButton.label,
-            variant: "solid",
-            className: "bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",
-            children: primaryButton.label
-          }
-        ) : null,
-        (secondaryButton == null ? void 0 : secondaryButton.label) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_button.Button,
-          {
-            as: "link",
-            link: secondaryButton,
-            ariaLabel: (_b = secondaryButton.ariaLabel) != null ? _b : secondaryButton == null ? void 0 : secondaryButton.label,
-            variant: "solid",
-            className: "bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",
-            children: secondaryButton.label
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function MainImage({ mainImage }) {
-  var _a;
-  if (!(mainImage == null ? void 0 : mainImage.image)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_image.Image,
-    {
-      alt: (_a = mainImage.alt) != null ? _a : "header-main-image",
-      className: "rounded-md",
-      height: 700,
-      sizes: "100vw",
-      src: `${mainImage == null ? void 0 : mainImage.image}`,
-      style: { objectFit: "contain" },
-      width: 1050
-    }
-  ) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Header_D
-});
+"use strict";var h=Object.create;var s=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var F=(e,l)=>{for(var i in l)s(e,i,{get:l[i],enumerable:!0})},f=(e,l,i,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of u(l))!w.call(e,r)&&r!==i&&s(e,r,{get:()=>l[r],enumerable:!(t=N(l,r))||t.enumerable});return e};var P=(e,l,i)=>(i=e!=null?h(v(e)):{},f(l||!e||!e.__esModule?s(i,"default",{value:e,enumerable:!0}):i,e)),k=e=>f(s({},"__esModule",{value:!0}),e);var C={};F(C,{Header_D:()=>p,default:()=>p});module.exports=k(C);var o=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),m=require("@stackshift-ui/image"),b=require("@stackshift-ui/section"),x=require("@stackshift-ui/text"),d=P(require("react")),a=require("react/jsx-runtime");function p({title:e,description:l,primaryButton:i,secondaryButton:t,mainImage:r}){return(0,a.jsx)(b.Section,{className:"py-20 bg-background",children:(0,a.jsx)(c.Container,{maxWidth:1280,children:(0,a.jsxs)(n.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,a.jsx)(n.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,a.jsxs)(c.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,a.jsx)(H,{title:e,description:l}),(0,a.jsx)(L,{primaryButton:i,secondaryButton:t})]})}),(0,a.jsx)(S,{mainImage:r})]})})})}function H({title:e,description:l}){return(0,a.jsxs)(d.default.Fragment,{children:[e?(0,a.jsx)(g.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,a.jsx)(x.Text,{className:"my-6",muted:!0,children:l}):null]})}function L({primaryButton:e,secondaryButton:l}){var i,t;return(0,a.jsxs)(n.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,a.jsx)(o.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,a.jsx)(o.Button,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function S({mainImage:e}){var l;return e!=null&&e.image?(0,a.jsx)("div",{className:"w-full h-full",children:(0,a.jsx)(m.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}0&&(module.exports={Header_D});

package/dist/header_d.mjs

@@ -1,7 +1 @@
-import {
-  Header_D
-} from "./chunk-35OWV2LA.mjs";
-export {
-  Header_D,
-  Header_D as default
-};
+import{a}from"./chunk-WLJLO6TL.mjs";export{a as Header_D,a as default};