@saasquatch/mint-components 1.15.0-99 → 1.16.0-0

package/dist/cjs/sqm-tab.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-require('./index.module-4f54e412.js');
-const reRender = require('./re-render-d516138a.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+require('./index.module-ee84433d.js');
+const reRender = require('./re-render-b324deab.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);
@@ -14,7 +14,7 @@ const TabView = ({}, children) => {
 const Tab = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-tabs.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
-const utils = require('./utils-7cbd60cc.js');
-const reRender = require('./re-render-d516138a.js');
-const useChildElements = require('./useChildElements-966c9041.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-ee84433d.js');
+const utils = require('./utils-6847bc06.js');
+const reRender = require('./re-render-b324deab.js');
+const useChildElements = require('./useChildElements-1b35d945.js');
 
-const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
+const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.
   const padding = !placement || placement === "top" || placement === "bottom"
     ? "var(--sl-spacing-x-large) 0;"
@@ -18,20 +18,6 @@ const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
     sl-tab-panel::part(base) {
       padding: ${padding};
     }
-
-    sl-tab::part(base) {
-      color: ${textColor};
-      font-family: var(--sqm-primary-font);
-    }
-
-    sl-tab-group {
-      --sl-color-primary-500: var(--sqm-accent-color-icon);
-    }
-
-    sl-tab-group::part(tabs) {
-      border-bottom: 2px solid var(--sqm-border-color);
-      font-family: var(--sqm-primary-font);
-    }
   `;
   return (index.h(index.Host, null,
     index.h("style", { type: "text/css" }, vanillaStyle),
@@ -43,7 +29,7 @@ const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
             index.h("slot", { name: slotName }))));
       }
       return [
-        index.h("sl-tab", { slot: "nav", panel: slotName, part: "tab", id: tab.getAttribute("id") || slotName }, tab.getAttribute("header")),
+        index.h("sl-tab", { slot: "nav", panel: slotName, id: tab.getAttribute("id") || slotName }, tab.getAttribute("header")),
         index.h("sl-tab-panel", { name: slotName },
           index.h("slot", { name: slotName })),
       ];
@@ -57,7 +43,7 @@ function useTabs() {
   const rawTabs = useChildElements.useChildElements();
   const host = index_module._();
   const tick = reRender.useRerenderListener();
-  const tabs = domContextHooks_module.useMemo(() => rawTabs
+  const tabs = stencilHooks_module.useMemo(() => rawTabs
     .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")
     .map((tab, i) => {
     if (tab.tagName === "RAISINS-PLOP-TARGET") {
@@ -74,7 +60,7 @@ function useTabs() {
     tab.setAttribute("id", "tab-" + i);
     return tab;
   }), [rawTabs, tick]);
-  domContextHooks_module.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     const listener = (e) => {
       var _a;
       const target = e.target;
@@ -100,13 +86,13 @@ function useTabs() {
 const Tabs = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
     const { content } = useTabs();
-    const { placement, textColor } = utils.getProps(this);
-    return (index.h(TabsView, { placement: placement, content: content, textColor: textColor }, index.h("slot", null)));
+    const { placement } = utils.getProps(this);
+    return (index.h(TabsView, { placement: placement, content: content }, index.h("slot", null)));
   }
 };
 

package/dist/cjs/sqm-text-span-view-0aa82125.js

@@ -0,0 +1,62 @@
+'use strict';
+
+const index = require('./index-a29c60ef.js');
+const JSS = require('./JSS-8503a151.js');
+
+const style = {
+  p: {
+    "font-size": "var(--sl-font-size-small)",
+    "font-weight": "400",
+    color: "var(--sl-color-gray-800)",
+    margin: "0",
+  },
+  subtext: {
+    "font-size": "var(--sl-font-size-x-small)",
+    "font-weight": "400",
+    color: "var(--sl-color-gray-600)",
+    margin: "0",
+  },
+  h1: {
+    "font-size": "var(--sl-font-size-xx-large)",
+    "font-weight": "600",
+    color: "var(--sl-color-gray-800)",
+    margin: "0",
+  },
+  h2: {
+    "font-size": "var(--sl-font-size-x-large)",
+    "font-weight": "600",
+    color: "var(--sl-color-gray-800)",
+    margin: "0",
+  },
+  h3: {
+    "font-size": "var(--sl-font-size-large)",
+    "font-weight": "600",
+    color: "var(--sl-color-gray-800)",
+    margin: "0",
+  },
+  h4: {
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "var(--sl-color-gray-800)",
+    margin: "0",
+  },
+};
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+const vanillaStyle = `
+    :host {
+      word-wrap: break-word;
+    }
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+function TextSpanView(props, children) {
+  return (index.h("span", { class: sheet.classes[props.type], part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
+}
+
+exports.TextSpanView = TextSpanView;

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
 
-const TextSpan = class {
+const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   componentWillLoad() { }
   render() {
-    return (index.h(sqmTextSpanView.TextSpanView, { type: this.type, fontSize: this.fontSize, textColor: this.textColor }, this.text));
+    return index.h(sqmTextSpanView.TextSpanView, { type: this.type }, this.text);
   }
 };
 
-exports.sqm_text_span = TextSpan;
+exports.sqm_text_span = Text;

package/dist/cjs/sqm-widget-verification-controller.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-ee84433d.js');
 const keys = require('./keys-cff24974.js');
 
-const debug = domContextHooks_module.browser("sq:widget-verification");
+const debug = stencilHooks_module.browser("sq:widget-verification");
 function useTemplateChildren({ parent, callback }) {
   const parentObserver = new MutationObserver(listenForTemplateChanges);
   const childTemplateObserver = new MutationObserver(callback);
@@ -37,26 +37,18 @@ function useTemplateChildren({ parent, callback }) {
 const WidgetVerificationController = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * @componentState { "title": "Not Verified", "slot": "not-verified", "props": { "isAuth": false } }
-     * @componentState { "title": "Verified", "slot": "verified", "props": { "isAuth": true } }
-     */
-    this.stateController = "{}";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    var _a;
     const [context, setContext] = index_module.In({
       namespace: keys.VERIFICATION_PARENT_NAMESPACE,
       initialValue: false,
     });
-    const props = JSON.parse(this.stateController);
-    const demoIsAuth = index_module.isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
-    const [container, setContainer] = domContextHooks_module.useState(undefined);
-    const [slot, setSlot] = domContextHooks_module.useState(undefined);
+    const [container, setContainer] = stencilHooks_module.useState(undefined);
+    const [slot, setSlot] = stencilHooks_module.useState(undefined);
     const updateTemplates = index_module.useCallback(() => {
-      const isAuth = demoIsAuth || context;
+      const isAuth = context;
       const templates = slot.querySelectorAll(`template`);
       const template = Array.from(templates).find((t) => t.slot === (isAuth ? "verified" : "not-verified"));
       if (template) {
@@ -104,8 +96,8 @@ const WidgetVerificationController = class {
           target.style.height = "25px";
         });
       }
-    }, [container, slot, context, demoIsAuth]);
-    domContextHooks_module.useEffect(() => {
+    }, [container, slot, context]);
+    stencilHooks_module.useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
         return;
@@ -113,7 +105,7 @@ const WidgetVerificationController = class {
       // Run on first render
       updateTemplates();
       return useTemplateChildren({ parent: slot, callback: updateTemplates });
-    }, [slot, container, context, demoIsAuth]);
+    }, [slot, container, context]);
     return (index.h(index.Host, null, index.h("div", { ref: setSlot, style: { display: "contents" } }, index.h("slot", { name: "not-verified" }), index.h("slot", { name: "verified" })), index.h("div", { ref: setContainer }, index.h("slot", { name: "shown" }))));
   }
 };

package/dist/cjs/sqm-widget-verification.cjs.entry.js

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a43a63b4.js');
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
-const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-7cbd60cc.js');
-const parseStates = require('./parseStates-d1effc19.js');
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-ee84433d.js');
+const utils = require('./utils-6847bc06.js');
 const extractProps = require('./extractProps-fd93ba62.js');
 const keys = require('./keys-cff24974.js');
 
@@ -38,9 +36,9 @@ function useWidgetVerification() {
     initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = domContextHooks_module.useState(true);
+  const [loading, setLoading] = stencilHooks_module.useState(true);
   const [fetch] = index_module.Xe(USER_LOOKUP);
-  domContextHooks_module.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     const checkUser = async () => {
       var _a, _b, _c;
       try {
@@ -165,13 +163,7 @@ const WidgetVerification = class {
      * @uiGroup Code Verification Step
      */
     this.codeStep_networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    /**
-     * @undocumented
-     * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
-     * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-     */
-    this.stateController = "{}";
-    domContextHooks_module.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getStepTextProps(prefix) {
@@ -179,20 +171,20 @@ const WidgetVerification = class {
     return extractProps.extractProps(props, prefix);
   }
   render() {
-    const props = index_module.isDemo()
-      ? useDemoWidgetVerificationInternal(this)
+    const { showCode, onVerification, loading } = index_module.isDemo()
+      ? useDemoWidgetVerificationInternal()
       : useWidgetVerification();
-    if (props.loading)
+    if (loading)
       return index.h("sl-spinner", null);
     const generalText = this.getStepTextProps("general_");
     return (index.h("div", null, index.h("h3", { style: { fontSize: "24px", margin: "0" } }, generalText.verifyEmailHeader), index.h("p", { style: {
         color: "var(--sl-color-neutral-500)",
         fontSize: "var(--sl-font-size-medium)",
         margin: "0",
-      } }, generalText.verifyEmailDescription), props.showCode ? (index.h("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps.extractProps(props, "sqm-code-verification_")))) : (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps.extractProps(props, "sqm-email-verification_"))))));
+      } }, generalText.verifyEmailDescription), showCode ? (index.h("sqm-code-verification", Object.assign({ onVerification: onVerification }, this.getStepTextProps("codeStep_")))) : (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"))))));
   }
 };
-function useDemoWidgetVerificationInternal(props) {
+function useDemoWidgetVerificationInternal() {
   const [showCode, setShowCode] = index_module.In({
     namespace: keys.SHOW_CODE_NAMESPACE,
     initialValue: false,
@@ -202,14 +194,10 @@ function useDemoWidgetVerificationInternal(props) {
     initialValue: undefined,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const states = parseStates.parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-widget-verification"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
   const onVerification = () => {
     setContext(true);
   };
-  return cjs.cjs({ showCode, onVerification, loading: false }, formatted || {}, { arrayMerge: (_, a) => a });
+  return { showCode, onVerification, loading: false };
 }
 
 exports.sqm_widget_verification = WidgetVerification;

package/dist/cjs/{dom-context-hooks.module-7fa676ae.js → stencil-hooks.module-3a336b0f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a43a63b4.js');
+const index = require('./index-a29c60ef.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -37,8 +37,6 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t,n){e.options.onChange&&e.options.onChange(t,n);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t,t),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){var n=this.__current;this.__current=t,this.__listeners.forEach(function(e){return e.onChange(t,n)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
-
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -404,8 +402,8 @@ const useRef = (initialValue) => useMemo(() => ({
  * Helpers.
  */
 
-var s$1 = 1000;
-var m = s$1 * 60;
+var s = 1000;
+var m = s * 60;
 var h = m * 60;
 var d = h * 24;
 var w = d * 7;
@@ -492,7 +490,7 @@ function parse(str) {
     case 'secs':
     case 'sec':
     case 's':
-      return n * s$1;
+      return n * s;
     case 'milliseconds':
     case 'millisecond':
     case 'msecs':
@@ -523,8 +521,8 @@ function fmtShort(ms) {
   if (msAbs >= m) {
     return Math.round(ms / m) + 'm';
   }
-  if (msAbs >= s$1) {
-    return Math.round(ms / s$1) + 's';
+  if (msAbs >= s) {
+    return Math.round(ms / s) + 's';
   }
   return ms + 'ms';
 }
@@ -548,8 +546,8 @@ function fmtLong(ms) {
   if (msAbs >= m) {
     return plural(ms, msAbs, m, 'minute');
   }
-  if (msAbs >= s$1) {
-    return plural(ms, msAbs, s$1, 'second');
+  if (msAbs >= s) {
+    return plural(ms, msAbs, s, 'second');
   }
   return ms + ' ms';
 }
@@ -1109,22 +1107,24 @@ formatters.j = function (v) {
 };
 });
 
-function s$2(){return index.getRenderingRef()}function l(){var e=s$2();return index.getElement(e)}function d$1(e,t){void 0===t&&(t={});var n=l();return h$2(n,e,t)}function m$1(e,t){var n=l();return y$1(n,e,t)}var p=browser("stencil-hook");function h$1(t){var r,u=index.getElement(t),c=(r=!1,new State(function(){p("Queue update on element",u),r||(r=!0,Promise.resolve().then(function(){p("Forced update on element",u),r=!1,index.forceUpdate(u);}));},u)),a=t.disconnectedCallback;if(!a)throw new Error("Stencil hooks requires `disconnectedCallback` to be defined (even if it's empty). This is because of how the Stencil compiler works internally");t.disconnectedCallback=function(){c.teardown(),v(a);};var i=t.connectedCallback;t.connectedCallback=function(){c.update(),v(i);};var f=t.render.bind(t);t.render=function(){var e=c.run(f);return c.runEffects(),e};}function v(e){"function"==typeof e&&e();}
+function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s$1=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t,n){e.options.onChange&&e.options.onChange(t,n);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t,t),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){var n=this.__current;this.__current=t,this.__listeners.forEach(function(e){return e.onChange(t,n)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
+
+function c$1(){return (c$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var u=1e3,C=60*u,l=60*C,d$1=24*l,f=function(e,t){t=t||{};var n=typeof e;if("string"===n&&e.length>0)return function(e){if(!((e=String(e)).length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(t){var n=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*n;case"weeks":case"week":case"w":return 6048e5*n;case"days":case"day":case"d":return n*d$1;case"hours":case"hour":case"hrs":case"hr":case"h":return n*l;case"minutes":case"minute":case"mins":case"min":case"m":return n*C;case"seconds":case"second":case"secs":case"sec":case"s":return n*u;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return}}}}(e);if("number"===n&&isFinite(e))return t.long?function(e){var t=Math.abs(e);return t>=d$1?g(e,t,d$1,"day"):t>=l?g(e,t,l,"hour"):t>=C?g(e,t,C,"minute"):t>=u?g(e,t,u,"second"):e+" ms"}(e):function(e){var t=Math.abs(e);return t>=d$1?Math.round(e/d$1)+"d":t>=l?Math.round(e/l)+"h":t>=C?Math.round(e/C)+"m":t>=u?Math.round(e/u)+"s":e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function g(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}var p,m$1=(function(e,t){t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const n="color: "+this.color;t.splice(1,0,n,"color: inherit");let r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,e=>{"%%"!==e&&(r++,"%c"===e&&(o=r));}),t.splice(o,0,n);},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug");}catch(e){}},t.load=function(){let e;try{e=t.storage.getItem("debug");}catch(e){}return !e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG),e},t.useColors=function(){return !("undefined"==typeof window||!window.process||"renderer"!==window.process.type&&!window.process.__nwjs)||("undefined"==typeof navigator||!navigator.userAgent||!navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))&&("undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))},t.storage=function(){try{return localStorage}catch(e){}}(),t.destroy=(()=>{let e=!1;return ()=>{e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."));}})(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.log=console.debug||console.log||(()=>{}),e.exports=function(e){function t(e){let r,o=null;function s(...e){if(!s.enabled)return;const n=s,o=Number(new Date);n.diff=o-(r||o),n.prev=r,n.curr=o,r=o,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let a=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(r,o)=>{if("%%"===r)return "%";a++;const s=t.formatters[o];return "function"==typeof s&&(r=s.call(n,e[a]),e.splice(a,1),a--),r}),t.formatArgs.call(n,e),(n.log||t.log).apply(n,e);}return s.namespace=e,s.useColors=t.useColors(),s.color=t.selectColor(e),s.extend=n,s.destroy=t.destroy,Object.defineProperty(s,"enabled",{enumerable:!0,configurable:!1,get:()=>null===o?t.enabled(e):o,set:e=>{o=e;}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){const r=t(this.namespace+(void 0===n?":":n)+e);return r.log=this.log,r}function r(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return t.debug=t,t.default=t,t.coerce=function(e){return e instanceof Error?e.stack||e.message:e},t.disable=function(){const e=[...t.names.map(r),...t.skips.map(r).map(e=>"-"+e)].join(",");return t.enable(""),e},t.enable=function(e){let n;t.save(e),t.names=[],t.skips=[];const r=("string"==typeof e?e:"").split(/[\s,]+/),o=r.length;for(n=0;n<o;n++)r[n]&&("-"===(e=r[n].replace(/\*/g,".*?"))[0]?t.skips.push(new RegExp("^"+e.substr(1)+"$")):t.names.push(new RegExp("^"+e+"$")));},t.enabled=function(e){if("*"===e[e.length-1])return !0;let n,r;for(n=0,r=t.skips.length;n<r;n++)if(t.skips[n].test(e))return !1;for(n=0,r=t.names.length;n<r;n++)if(t.names[n].test(e))return !0;return !1},t.humanize=f,t.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");},Object.keys(e).forEach(n=>{t[n]=e[n];}),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){let n=0;for(let t=0;t<e.length;t++)n=(n<<5)-n+e.charCodeAt(t),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);const{formatters:n}=e.exports;n.j=function(e){try{return JSON.stringify(e)}catch(e){return "[UnexpectedJSONParseError]: "+e.message}};}(p={exports:{}},p.exports),p.exports)("useDomContext");function h$1(e,n,i){void 0===i&&(i={});var u=useRef(void 0),C=useState(void 0),l=C[0],d=C[1],f=useMemo(function(){var r;try{(r=new s$1(c$1({contextName:n,element:e,onChange:function(e){u&&(u.current=e),d(e);}},i))).start();}catch(e){m$1("Listener failed to start",e);}return m$1("Listener initialized",r),{listener:r}},[n,u]).listener;return useEffect(function(){return m$1("Listener starting (or restarting)",f),f.start(),function(){m$1("Listener stopping (or restopping)",f),f.stop();}},[f,e.isConnected]),l||(null==u?void 0:u.current)}function y$1(e,t,r){var o=useMemo(function(){var o=new c({contextName:t,element:e,initialState:r});return o.start(),m$1("Provider initialized",o),o},[t,e]);useEffect(function(){return m$1("Provider starting (or restarting)",o),o.start(),function(){m$1("Provider stopping (or re-stopping)",o),o.stop();}},[o,e.isConnected]);var c$1=useReducer(function(e,t){var n;return m$1("New context value",t),n="function"==typeof t?t(o.context):t,o.context=n,o.context},o.context);return [c$1[0],c$1[1],o]}
 
-function c$1(){return (c$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var u=1e3,C=60*u,l$1=60*C,d$2=24*l$1,f=function(e,t){t=t||{};var n=typeof e;if("string"===n&&e.length>0)return function(e){if(!((e=String(e)).length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(t){var n=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*n;case"weeks":case"week":case"w":return 6048e5*n;case"days":case"day":case"d":return n*d$2;case"hours":case"hour":case"hrs":case"hr":case"h":return n*l$1;case"minutes":case"minute":case"mins":case"min":case"m":return n*C;case"seconds":case"second":case"secs":case"sec":case"s":return n*u;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return}}}}(e);if("number"===n&&isFinite(e))return t.long?function(e){var t=Math.abs(e);return t>=d$2?g(e,t,d$2,"day"):t>=l$1?g(e,t,l$1,"hour"):t>=C?g(e,t,C,"minute"):t>=u?g(e,t,u,"second"):e+" ms"}(e):function(e){var t=Math.abs(e);return t>=d$2?Math.round(e/d$2)+"d":t>=l$1?Math.round(e/l$1)+"h":t>=C?Math.round(e/C)+"m":t>=u?Math.round(e/u)+"s":e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function g(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}var p$1,m$2=(function(e,t){t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const n="color: "+this.color;t.splice(1,0,n,"color: inherit");let r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,e=>{"%%"!==e&&(r++,"%c"===e&&(o=r));}),t.splice(o,0,n);},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug");}catch(e){}},t.load=function(){let e;try{e=t.storage.getItem("debug");}catch(e){}return !e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG),e},t.useColors=function(){return !("undefined"==typeof window||!window.process||"renderer"!==window.process.type&&!window.process.__nwjs)||("undefined"==typeof navigator||!navigator.userAgent||!navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))&&("undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))},t.storage=function(){try{return localStorage}catch(e){}}(),t.destroy=(()=>{let e=!1;return ()=>{e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."));}})(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.log=console.debug||console.log||(()=>{}),e.exports=function(e){function t(e){let r,o=null;function s(...e){if(!s.enabled)return;const n=s,o=Number(new Date);n.diff=o-(r||o),n.prev=r,n.curr=o,r=o,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let a=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(r,o)=>{if("%%"===r)return "%";a++;const s=t.formatters[o];return "function"==typeof s&&(r=s.call(n,e[a]),e.splice(a,1),a--),r}),t.formatArgs.call(n,e),(n.log||t.log).apply(n,e);}return s.namespace=e,s.useColors=t.useColors(),s.color=t.selectColor(e),s.extend=n,s.destroy=t.destroy,Object.defineProperty(s,"enabled",{enumerable:!0,configurable:!1,get:()=>null===o?t.enabled(e):o,set:e=>{o=e;}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){const r=t(this.namespace+(void 0===n?":":n)+e);return r.log=this.log,r}function r(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return t.debug=t,t.default=t,t.coerce=function(e){return e instanceof Error?e.stack||e.message:e},t.disable=function(){const e=[...t.names.map(r),...t.skips.map(r).map(e=>"-"+e)].join(",");return t.enable(""),e},t.enable=function(e){let n;t.save(e),t.names=[],t.skips=[];const r=("string"==typeof e?e:"").split(/[\s,]+/),o=r.length;for(n=0;n<o;n++)r[n]&&("-"===(e=r[n].replace(/\*/g,".*?"))[0]?t.skips.push(new RegExp("^"+e.substr(1)+"$")):t.names.push(new RegExp("^"+e+"$")));},t.enabled=function(e){if("*"===e[e.length-1])return !0;let n,r;for(n=0,r=t.skips.length;n<r;n++)if(t.skips[n].test(e))return !1;for(n=0,r=t.names.length;n<r;n++)if(t.names[n].test(e))return !0;return !1},t.humanize=f,t.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");},Object.keys(e).forEach(n=>{t[n]=e[n];}),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){let n=0;for(let t=0;t<e.length;t++)n=(n<<5)-n+e.charCodeAt(t),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);const{formatters:n}=e.exports;n.j=function(e){try{return JSON.stringify(e)}catch(e){return "[UnexpectedJSONParseError]: "+e.message}};}(p$1={exports:{}},p$1.exports),p$1.exports)("useDomContext");function h$2(e,n,i){void 0===i&&(i={});var u=useRef(void 0),C=useState(void 0),l=C[0],d=C[1],f=useMemo(function(){var r;try{(r=new s(c$1({contextName:n,element:e,onChange:function(e){u&&(u.current=e),d(e);}},i))).start();}catch(e){m$2("Listener failed to start",e);}return m$2("Listener initialized",r),{listener:r}},[n,u]).listener;return useEffect(function(){return m$2("Listener starting (or restarting)",f),f.start(),function(){m$2("Listener stopping (or restopping)",f),f.stop();}},[f,e.isConnected]),l||(null==u?void 0:u.current)}function y$1(e,t,r){var o=useMemo(function(){var o=new c({contextName:t,element:e,initialState:r});return o.start(),m$2("Provider initialized",o),o},[t,e]);useEffect(function(){return m$2("Provider starting (or restarting)",o),o.start(),function(){m$2("Provider stopping (or re-stopping)",o),o.stop();}},[o,e.isConnected]);var c$1=useReducer(function(e,t){var n;return m$2("New context value",t),n="function"==typeof t?t(o.context):t,o.context=n,o.context},o.context);return [c$1[0],c$1[1],o]}
+function s$2(){return index.getRenderingRef()}function l$1(){var e=s$2();return index.getElement(e)}function d$2(e,t){void 0===t&&(t={});var n=l$1();return h$1(n,e,t)}function m$2(e,t){var n=l$1();return y$1(n,e,t)}var p$1=browser("stencil-hook");function h$2(t){var r,u=index.getElement(t),c=(r=!1,new State(function(){p$1("Queue update on element",u),r||(r=!0,Promise.resolve().then(function(){p$1("Forced update on element",u),r=!1,index.forceUpdate(u);}));},u)),a=t.disconnectedCallback;if(!a)throw new Error("Stencil hooks requires `disconnectedCallback` to be defined (even if it's empty). This is because of how the Stencil compiler works internally");t.disconnectedCallback=function(){c.teardown(),v(a);};var i=t.connectedCallback;t.connectedCallback=function(){c.update(),v(i);};var f=t.render.bind(t);t.render=function(){var e=c.run(f);return c.runEffects(),e};}function v(e){"function"==typeof e&&e();}
 
 exports.browser = browser;
 exports.c = c;
 exports.commonjsGlobal = commonjsGlobal;
 exports.createCommonjsModule = createCommonjsModule;
-exports.d = d$1;
+exports.d = d$2;
 exports.getAugmentedNamespace = getAugmentedNamespace;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
-exports.h = h$2;
-exports.h$1 = h$1;
-exports.l = l;
-exports.m = m$1;
-exports.s = s;
+exports.h = h$1;
+exports.h$1 = h$2;
+exports.l = l$1;
+exports.m = m$2;
+exports.s = s$1;
 exports.useEffect = useEffect;
 exports.useMemo = useMemo;
 exports.useReducer = useReducer;

package/dist/cjs/{useChildElements-966c9041.js → useChildElements-1b35d945.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-ee84433d.js');
 
 function useChildElements() {
   const host = index_module._();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];
-  const [childElements, setChildElements] = domContextHooks_module.useState(initialState);
+  const [childElements, setChildElements] = stencilHooks_module.useState(initialState);
   let observer;
   // Create observer once
-  domContextHooks_module.useMemo(() => {
+  stencilHooks_module.useMemo(() => {
     observer = new MutationObserver(() => {
       const children = Array.from(host.children);
       setChildElements([...children]);
     });
   }, []);
   // Listen to host and observe / disconnect
-  domContextHooks_module.useMemo(() => {
+  stencilHooks_module.useMemo(() => {
     if (!observer)
       return;
     observer.observe(host, { childList: true });

package/dist/cjs/{useInstantAccessRegistration-08bcb487.js → useInstantAccessRegistration-0537e28e.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
-const index_module = require('./index.module-4f54e412.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
+const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
 
 function useInstantAccessRegistration(props) {
   const locale = index_module.L();
@@ -11,7 +11,7 @@ function useInstantAccessRegistration(props) {
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState();
   const [request, { loading, errors, data }] = index_module.vn();
-  const [error, setError] = domContextHooks_module.useState("");
+  const [error, setError] = stencilHooks_module.useState("");
   const submit = async (event) => {
     var _a;
     setError("");

package/dist/cjs/useLeadFormState-c83d2034.js

@@ -0,0 +1,72 @@
+'use strict';
+
+const index = require('./index-a29c60ef.js');
+const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
+const global = require('./global-e31dc4f5.js');
+const index_module = require('./index.module-ee84433d.js');
+const JSS = require('./JSS-8503a151.js');
+
+const style = {
+  IconStyle: {
+    display: "block",
+    position: "absolute",
+    top: "23px",
+  },
+  DivStyle: {
+    marginLeft: "28px",
+  },
+  Details: {
+    marginLeft: "28px",
+  },
+  Heading: {
+    display: "inline-block",
+  },
+  Children: {
+    display: "none",
+  },
+};
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function RequiredPropsError({ missingProps, heading = "There was a problem loading this section", subheading = "There was a technical problem that prevented this section from loading. Please contact us with the link to this page.", description = "Error occured while loading <{tagName}>. Values for the following attributes are missing:", }, children) {
+  if (!missingProps)
+    return false;
+  const host = index_module._();
+  const [detailsOpen, setDetailsOpen] = stencilHooks_module.useState(false);
+  return (index.h("sl-alert", { type: "danger", open: true },
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("div", { slot: "icon", class: sheet.classes.IconStyle },
+      index.h("sl-icon", { name: "exclamation-octagon" })),
+    index.h("div", { class: sheet.classes.DivStyle },
+      index.h("h2", { class: sheet.classes.Heading }, global.intl.formatMessage({
+        id: `error-heading`,
+        defaultMessage: heading,
+      })),
+      index.h("p", null, global.intl.formatMessage({
+        id: `error-subheading`,
+        defaultMessage: subheading,
+      }))),
+    index.h("details", { class: sheet.classes.Details },
+      index.h("summary", { onClick: () => setDetailsOpen(!detailsOpen) },
+        detailsOpen ? "Less" : "More",
+        " details"),
+      index.h("p", null, global.intl.formatMessage({
+        id: `error-description`,
+        defaultMessage: description,
+      }, { tagName: host.tagName.toLowerCase() })),
+      index.h("ul", null, missingProps.map((prop) => (index.h("li", null,
+        index.h("strong", null, prop.attribute)))))),
+    index.h("div", { class: sheet.classes.Children }, children)));
+}
+
+const LEAD_FORM_STATE_CONTEXT = "sq:lead-form-state";
+const LEAD_FORM_STATE_CONTEXT_INTERNAL = "sq:lead-form-state-internal";
+function useLeadFormState(formState) {
+  const host = index_module._();
+  const [leadFormState, setLeadFormState] = stencilHooks_module.y(host, LEAD_FORM_STATE_CONTEXT, formState);
+  stencilHooks_module.y(host, LEAD_FORM_STATE_CONTEXT_INTERNAL, [leadFormState, setLeadFormState]);
+  return { leadFormState, setLeadFormState };
+}
+
+exports.LEAD_FORM_STATE_CONTEXT = LEAD_FORM_STATE_CONTEXT;
+exports.RequiredPropsError = RequiredPropsError;
+exports.useLeadFormState = useLeadFormState;