@biggive/components 0.0.21 → 0.0.23

package/dist/collection/components/biggive-video-feature/biggive-video-feature.stories.js

@@ -0,0 +1,96 @@
+export default {
+  title: 'Components/Content',
+  argTypes: {
+    spaceBelow: {
+      name: 'Space below',
+      control: {
+        type: 'select',
+        options: [0, 1, 2, 3, 4, 5, 6],
+      },
+    },
+    defaultTextColour: {
+      name: 'Default text colour',
+      control: {
+        type: 'select',
+        options: ['primary', 'secondary', 'tertiary', 'white', 'black'],
+      },
+    },
+    videoUrl: {
+      name: 'Video URL',
+    },
+    slug: {
+      name: 'Slug',
+    },
+    slugColour: {
+      name: 'Slug colour',
+      control: {
+        type: 'select',
+        options: ['primary', 'secondary', 'tertiary', 'white', 'black'],
+      },
+    },
+    mainTitle: {
+      name: 'Main title',
+    },
+    mainTitleColour: {
+      name: 'Main title colour',
+      control: {
+        type: 'select',
+        options: ['primary', 'secondary', 'tertiary', 'white', 'black'],
+      },
+    },
+    teaser: {
+      name: 'Teaser',
+    },
+    teaserColour: {
+      name: 'Teaser colour',
+      control: {
+        type: 'select',
+        options: ['primary', 'secondary', 'tertiary', 'white', 'black'],
+      },
+    },
+    buttonUrl: {
+      name: 'Button url',
+    },
+    buttonLabel: {
+      name: 'Button label',
+    },
+    primaryButtonColourScheme: {
+      name: 'Button colour scheme',
+      control: {
+        type: 'select',
+        options: ['primary', 'secondary', 'tertiary', 'white', 'black', 'clear-primary', 'clear-secondary', 'clear-tertiary', 'clear-white', 'clear-black'],
+      },
+    },
+  },
+};
+const Template = args => `
+          <biggive-video-feature
+            space-below="${args.spaceBelow}"
+            default-text-colour="${args.defaultTextColour}"
+            video-url="${args.videoUrl}"
+            slug="${args.slug}"
+            slug-colour="${args.slugColour}"
+            main-title="${args.mainTitle}"
+            main-title-colour="${args.mainTitleColour}"
+            teaser="${args.teaser}"
+            teaser-colour="${args.teaserColour}"
+            button-url="${args.buttonUrl}"
+            button-label="${args.buttonLabel}"
+            button-colour-scheme="${args.buttonColourScheme}">
+          </biggive-video-feature>
+          `;
+export const VideoFeatureComponent = Template.bind({});
+VideoFeatureComponent.args = {
+  spaceBelow: 4,
+  defaultTextColour: 'primary',
+  videoUrl: 'http://techslides.com/demos/sample-videos/small.mp4',
+  slug: 'Test slug',
+  slugColour: null,
+  mainTitle: 'Test title',
+  mainTitleColour: null,
+  teaser: 'This is the teaser content for the video',
+  teaserColour: null,
+  buttonUrl: '#',
+  buttonLabel: 'Find out more',
+  buttonColourScheme: 'primary',
+};

package/dist/collection/util/{campaign-groups.js → fontawesome-icons.js}

@@ -1,8 +1,8 @@
-import { faAccessibleIcon } from '@fortawesome/free-brands-svg-icons';
-import { faBaby, faBalanceScale, faBlind, faBook, faCampground, faChild, faFutbol, faHeartbeat, faHospital, faInfoCircle, faMedal, faMicroscope, faMortarPestle, faParachuteBox, faPaw, faPeopleCarry, faPlaceOfWorship, faPlus, faRainbow, faRibbon, faSeedling, faTheaterMasks, faUniversalAccess, faUserGraduate, faVenus, } from '@fortawesome/free-solid-svg-icons';
+import { faAccessibleIcon, faFacebookF, faTwitter, faYoutube, faInstagram, faLinkedinIn } from '@fortawesome/free-brands-svg-icons';
+import { faBaby, faBalanceScale, faBlind, faBook, faCampground, faChild, faFutbol, faHeartbeat, faHospital, faInfoCircle, faMedal, faMicroscope, faMortarPestle, faParachuteBox, faPaw, faPeopleCarry, faPlaceOfWorship, faPlus, faRainbow, faRibbon, faSeedling, faTheaterMasks, faUniversalAccess, faUserGraduate, faVenus, } from '@fortawesome/pro-solid-svg-icons';
 import { faUsers } from '@fortawesome/pro-duotone-svg-icons';
-import { faHeadSideMedical, faHomeHeart } from '@fortawesome/pro-solid-svg-icons';
-export class CampaignGroupsService {
+import { faHeadSideMedical, faHomeHeart, faHeart, faAlarmClock } from '@fortawesome/pro-solid-svg-icons';
+export class FontAwesomeIconsService {
   static getBeneficiaries() {
     return [
       {
@@ -51,6 +51,42 @@ export class CampaignGroupsService {
       },
     ];
   }
+  static getSocials() {
+    return [
+      {
+        name: 'Facebook',
+        icon: faFacebookF,
+      },
+      {
+        name: 'Twitter',
+        icon: faTwitter,
+      },
+      {
+        name: 'Instagram',
+        icon: faInstagram,
+      },
+      {
+        name: 'YouTube',
+        icon: faYoutube,
+      },
+      {
+        name: 'LinkedIn',
+        icon: faLinkedinIn,
+      },
+    ];
+  }
+  static getMisc() {
+    return [
+      {
+        name: 'AlarmClock',
+        icon: faAlarmClock,
+      },
+      {
+        name: 'Heart',
+        icon: faHeart,
+      },
+    ];
+  }
   static getCategories() {
     return [
       {
@@ -132,13 +168,23 @@ export class CampaignGroupsService {
     ];
   }
   static getBeneficiaryIcon(beneficiary) {
-    const matchingItems = CampaignGroupsService.getBeneficiaries().filter(ii => ii.name === beneficiary);
+    const matchingItems = FontAwesomeIconsService.getBeneficiaries().filter(ii => ii.name === beneficiary);
+    // For an unknown/invalid beneficiary, show 'other' symbol.
+    return matchingItems[0].icon || faPlus;
+  }
+  static getMiscIcon(misc) {
+    const matchingItems = FontAwesomeIconsService.getMisc().filter(ii => ii.name === misc);
+    // For an unknown/invalid beneficiary, show 'other' symbol.
+    return matchingItems[0].icon || faPlus;
+  }
+  static getSocialIcon(social) {
+    const matchingItems = FontAwesomeIconsService.getSocials().filter(ii => ii.name === social);
     // For an unknown/invalid beneficiary, show 'other' symbol.
     return matchingItems[0].icon || faPlus;
   }
   static getCategoryIcon(category) {
     var _a;
-    const matchingItems = CampaignGroupsService.getCategories().filter(ii => ii.name === category);
+    const matchingItems = FontAwesomeIconsService.getCategories().filter(ii => ii.name === category);
     // For an unknown/invalid category, show 'other' symbol.
     return ((_a = matchingItems[0]) === null || _a === void 0 ? void 0 : _a.icon) || faPlus;
   }

package/dist/components/biggive-back-to-top.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveBackToTop extends Components.BiggiveBackToTop, HTMLElement {}
+export const BiggiveBackToTop: {
+  prototype: BiggiveBackToTop;
+  new (): BiggiveBackToTop;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-back-to-top.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, getAssetPath } from '@stencil/core/internal/client';
+
+const biggiveBackToTopCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;margin:30px 0;text-align:center}.container a{display:inline-block}.container a .text{display:block}";
+
+const BiggiveBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("div", { class: "container" }, h("a", { href: "#" }, h("img", { src: getAssetPath('../assets/images/triangles-combined.svg') }), h("span", { class: "text" }, "Back to top"))));
+  }
+  static get style() { return biggiveBackToTopCss; }
+}, [1, "biggive-back-to-top"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-back-to-top"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-back-to-top":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveBackToTop$1);
+      }
+      break;
+  } });
+}
+
+const BiggiveBackToTop = BiggiveBackToTop$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveBackToTop, defineCustomElement };

package/dist/components/biggive-basic-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveBasicCard extends Components.BiggiveBasicCard, HTMLElement {}
+export const BiggiveBasicCard: {
+  prototype: BiggiveBasicCard;
+  new (): BiggiveBasicCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-basic-card.js

@@ -0,0 +1,85 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './biggive-button2.js';
+
+const biggiveBasicCardCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px}.container .sleeve{background-color:#FFFFFF;padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container h3{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container button{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
+
+const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Space below component
+     */
+    this.spaceBelow = 0;
+    /**
+     * Full URL of the background image.
+     */
+    this.backgroundColour = 'white';
+    /**
+     * Full URL of the background image.
+     */
+    this.backgroundImageUrl = '';
+    /**
+     * Main title
+     */
+    this.mainTitle = null;
+    /**
+     * Subtitle title
+     */
+    this.subtitle = null;
+    /**
+     * Icon colour
+     */
+    this.iconColour = 'primary';
+    /**
+     * Button label
+     */
+    this.buttonLabel = null;
+    /**
+     * Button URL
+     */
+    this.buttonUrl = null;
+    /**
+     * Button Colour Scheme
+     */
+    this.buttonColourScheme = 'clear-primary';
+  }
+  render() {
+    return (h("div", { class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour }))), h("h3", { class: "title" }, this.mainTitle), h("div", { class: "subtitle" }, this.subtitle), this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
+  }
+  static get style() { return biggiveBasicCardCss; }
+}, [1, "biggive-basic-card", {
+    "spaceBelow": [2, "space-below"],
+    "backgroundColour": [1, "background-colour"],
+    "backgroundImageUrl": [1, "background-image-url"],
+    "mainTitle": [1, "main-title"],
+    "subtitle": [1],
+    "iconColour": [1, "icon-colour"],
+    "buttonLabel": [1, "button-label"],
+    "buttonUrl": [1, "button-url"],
+    "buttonColourScheme": [1, "button-colour-scheme"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-basic-card", "biggive-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-basic-card":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveBasicCard$1);
+      }
+      break;
+    case "biggive-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const BiggiveBasicCard = BiggiveBasicCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveBasicCard, defineCustomElement };

package/dist/components/biggive-beneficiary-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveBeneficiaryIcon extends Components.BiggiveBeneficiaryIcon, HTMLElement {}
+export const BiggiveBeneficiaryIcon: {
+  prototype: BiggiveBeneficiaryIcon;
+  new (): BiggiveBeneficiaryIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-beneficiary-icon.js

@@ -0,0 +1,63 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { F as FontAwesomeIconsService } from './fontawesome-icons.js';
+
+const biggiveBeneficiaryIconCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.beneficiary-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block}.beneficiary-icon-item.colour-scheme-primary{background-color:#2C089B}.beneficiary-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.beneficiary-icon-item.colour-scheme-secondary{background-color:#2AF135}.beneficiary-icon-item.colour-scheme-secondary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-tertiary{background-color:#FF7272}.beneficiary-icon-item.colour-scheme-tertiary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-white{background-color:#FFFFFF}.beneficiary-icon-item.colour-scheme-white svg{fill:#000000}.beneficiary-icon-item.colour-scheme-black{background-color:#000000}.beneficiary-icon-item.colour-scheme-black svg{fill:#FFFFFF}.beneficiary-icon-item:hover{background-color:#FFFFFF}.beneficiary-icon-item:hover svg{fill:#000000}.beneficiary-icon-item a{display:block;position:relative;padding:5px;width:30px;height:30px}.beneficiary-icon-item a svg{width:auto;height:60%;position:relative;top:50%;transform:translateY(-50%)}";
+
+const BiggiveBeneficiaryIcon$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * Background colour
+     */
+    this.backgroundColour = 'primary';
+    /**
+     * Background colour
+     */
+    this.iconColour = 'white';
+    /**
+     * Icon
+     */
+    this.icon = 'Other';
+    /**
+     * Label
+     */
+    this.label = null;
+    /**
+     * Url
+     */
+    this.url = '#';
+  }
+  getBeneficiaryIcon() {
+    var icon = FontAwesomeIconsService.getBeneficiaryIcon(this.icon);
+    return icon;
+  }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, h("a", { href: this.url }, h("svg", { width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, h("path", { d: this.getBeneficiaryIcon().icon[4].toString() })))), h("div", { class: "label" }, this.label)));
+  }
+  static get style() { return biggiveBeneficiaryIconCss; }
+}, [0, "biggive-beneficiary-icon", {
+    "backgroundColour": [1, "background-colour"],
+    "iconColour": [1, "icon-colour"],
+    "icon": [1],
+    "label": [1],
+    "url": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-beneficiary-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-beneficiary-icon":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveBeneficiaryIcon$1);
+      }
+      break;
+  } });
+}
+
+const BiggiveBeneficiaryIcon = BiggiveBeneficiaryIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveBeneficiaryIcon, defineCustomElement };

package/dist/components/biggive-boxed-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveBoxedContent extends Components.BiggiveBoxedContent, HTMLElement {}
+export const BiggiveBoxedContent: {
+  prototype: BiggiveBoxedContent;
+  new (): BiggiveBoxedContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-boxed-content.js

@@ -0,0 +1,68 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const biggiveBoxedContentCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.shadow-true{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25))}";
+
+const BiggiveBoxedContent$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Space below component
+     */
+    this.spaceBelow = 0;
+    /**
+     * Vertical padding
+     */
+    this.verticalPadding = 3;
+    /**
+     * Horizontal padding
+     */
+    this.horizontalPadding = 3;
+    /**
+     * Background colour
+     */
+    this.backgroundColour = 'white';
+    /**
+     * Shadow
+     */
+    this.shadow = true;
+  }
+  render() {
+    return (h("div", { class: 'container background-colour-' +
+        this.backgroundColour +
+        ' space-below-' +
+        this.spaceBelow +
+        ' horizontal-padding-' +
+        this.horizontalPadding +
+        ' vertical-padding-' +
+        this.verticalPadding +
+        ' shadow-' +
+        this.shadow }, h("slot", null)));
+  }
+  static get style() { return biggiveBoxedContentCss; }
+}, [1, "biggive-boxed-content", {
+    "spaceBelow": [2, "space-below"],
+    "verticalPadding": [2, "vertical-padding"],
+    "horizontalPadding": [2, "horizontal-padding"],
+    "backgroundColour": [1, "background-colour"],
+    "shadow": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-boxed-content"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-boxed-content":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveBoxedContent$1);
+      }
+      break;
+  } });
+}
+
+const BiggiveBoxedContent = BiggiveBoxedContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveBoxedContent, defineCustomElement };

package/dist/components/biggive-branded-image.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveBrandedImage extends Components.BiggiveBrandedImage, HTMLElement {}
+export const BiggiveBrandedImage: {
+  prototype: BiggiveBrandedImage;
+  new (): BiggiveBrandedImage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-branded-image.js

@@ -0,0 +1,54 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const biggiveBrandedImageCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .slug{text-align:center;font-weight:bold}.container .slug span{background-color:#2AF135;color:#000000;padding:5px 15px}.container .logo-wrap{border-radius:50%;width:200px;height:200px;transform:translateY(-50%);background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#FFFFFF}";
+
+const BiggiveBrandedImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Space below component
+     */
+    this.spaceBelow = 0;
+    /**
+     * Full URL of a image.
+     */
+    this.imageUrl = '';
+    /**
+     * Full URL of the logo.
+     */
+    this.logoUrl = '';
+    /**
+     * Slug
+     */
+    this.slug = null;
+  }
+  render() {
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "slug" }, h("span", null, this.slug)), this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl.length > 0 ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null));
+  }
+  static get style() { return biggiveBrandedImageCss; }
+}, [1, "biggive-branded-image", {
+    "spaceBelow": [2, "space-below"],
+    "imageUrl": [1, "image-url"],
+    "logoUrl": [1, "logo-url"],
+    "slug": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-branded-image"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-branded-image":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveBrandedImage$1);
+      }
+      break;
+  } });
+}
+
+const BiggiveBrandedImage = BiggiveBrandedImage$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveBrandedImage, defineCustomElement };

package/dist/components/biggive-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveButton extends Components.BiggiveButton, HTMLElement {}
+export const BiggiveButton: {
+  prototype: BiggiveButton;
+  new (): BiggiveButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-button.js

@@ -0,0 +1,6 @@
+import { B as BiggiveButton$1, d as defineCustomElement$1 } from './biggive-button2.js';
+
+const BiggiveButton = BiggiveButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveButton, defineCustomElement };