@saasquatch/mint-components 1.15.0-53 → 1.15.0-54

package/dist/cjs/sqm-close-button.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-5e85ac51.js');
@@ -18,7 +18,7 @@ const CloseButton = class {
      * @uiType string
      */
     this.color = "#000000";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-6d0d196d.js');
-const index_module = require('./index.module-39955732.js');
+const global = require('./global-f14cf663.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-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 const keys = require('./keys-cff24974.js');
-const useVerificationEmail = require('./useVerificationEmail-1496b993.js');
+const useVerificationEmail = require('./useVerificationEmail-9dd3997a.js');
 
 const style = {
   Wrapper: {
@@ -150,16 +150,16 @@ const VerifyEmailWithCodeMutation = index_module.dist.gql `
   }
 `;
 function useWidgetCodeVerification(props) {
-  const host = stencilHooks_module.l();
+  const host = domContextHooks_module.l();
   const [_, setShowCode] = index_module.Pn(keys.SHOW_CODE_NAMESPACE);
   const email = index_module.Fn(keys.VERIFICATION_EMAIL_NAMESPACE);
-  const [emailSent, setEmailSent] = stencilHooks_module.useState(false);
-  const [emailResent, setEmailResent] = stencilHooks_module.useState(false);
-  const [codeRef, setCodeRef] = stencilHooks_module.useState(null);
-  const [validationError, setValidationError] = stencilHooks_module.useState(false);
-  const [emailError, setEmailError] = stencilHooks_module.useState(false);
+  const [emailSent, setEmailSent] = domContextHooks_module.useState(false);
+  const [emailResent, setEmailResent] = domContextHooks_module.useState(false);
+  const [codeRef, setCodeRef] = domContextHooks_module.useState(null);
+  const [validationError, setValidationError] = domContextHooks_module.useState(false);
+  const [emailError, setEmailError] = domContextHooks_module.useState(false);
   const { initialized, verificationEmail, send: [sendEmail, { loading: sendLoading, errors: sendErrors }], verify: [verifyEmail, { loading: verifyLoading, errors: verifyErrors }], } = useVerificationEmail.useVerificationEmail();
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!codeRef)
       return;
     const slInputs = codeRef.querySelectorAll("sl-input");
@@ -234,7 +234,7 @@ function useWidgetCodeVerification(props) {
       setValidationError(true);
     }
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     // Wait for mutations to be determined from user lookup
     if (!initialized)
       return;
@@ -304,7 +304,7 @@ const WidgetCodeVerification = class {
      * @uiName Network error message
      */
     this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -318,7 +318,7 @@ const WidgetCodeVerification = class {
   }
 };
 function useDemoWidgetCodeVerification(props) {
-  const [emailResent, setEmailResent] = stencilHooks_module.useState(false);
+  const [emailResent, setEmailResent] = domContextHooks_module.useState(false);
   const setVerifiedContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
   return cjs.cjs({
     states: {

package/dist/cjs/sqm-context-router.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const utils = require('./utils-6847bc06.js');
 const index = require('./index-8c6255f5.js');
 
-const debug = stencilHooks_module.browser("sq:useRouter");
+const debug = domContextHooks_module.browser("sq:useRouter");
 function matchPath(pattern, page) {
   if (!pattern)
     return;
@@ -17,12 +17,12 @@ function matchPath(pattern, page) {
 }
 function useContextRouter(props) {
   const host = index_module._();
-  const [slot, setSlot] = stencilHooks_module.useState(undefined);
-  const [container, setContainer] = stencilHooks_module.useState(undefined);
+  const [slot, setSlot] = domContextHooks_module.useState(undefined);
+  const [container, setContainer] = domContextHooks_module.useState(undefined);
   const context = props.contextName;
-  const page = stencilHooks_module.d(context);
+  const page = domContextHooks_module.d(context);
   // convert sqm-routes into templates
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const routes = host.querySelectorAll(`sqm-route`);
     const routesArray = Array.from(routes);
     routesArray.forEach((route) => {
@@ -33,7 +33,7 @@ function useContextRouter(props) {
       route.parentNode.removeChild(route);
     });
   }, []);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b;
     if (!container || !slot) {
       debug("DOM not ready for navigation rendering on:", page);
@@ -90,7 +90,7 @@ const SqmContextRouter = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-6d0d196d.js');
-const index_module = require('./index.module-39955732.js');
+const global = require('./global-f14cf663.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-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 const keys = require('./keys-cff24974.js');
-const useVerificationEmail = require('./useVerificationEmail-1496b993.js');
+const useVerificationEmail = require('./useVerificationEmail-9dd3997a.js');
 
 const UpsertUserEmailMutation = index_module.dist.gql `
   mutation upsertUser($userInput: UserInput!) {
@@ -72,20 +72,20 @@ function useUpsertUserEmail() {
 function useWidgetEmailVerification(props) {
   const [_, setShowCode] = index_module.Pn(keys.SHOW_CODE_NAMESPACE);
   const [email, setEmail] = index_module.Pn(keys.VERIFICATION_EMAIL_NAMESPACE);
-  const [emailExists, setEmailExists] = stencilHooks_module.useState(false);
-  const [error, setError] = stencilHooks_module.useState(false);
-  const [mutationError, setMutationError] = stencilHooks_module.useState(false);
+  const [emailExists, setEmailExists] = domContextHooks_module.useState(false);
+  const [error, setError] = domContextHooks_module.useState(false);
+  const [mutationError, setMutationError] = domContextHooks_module.useState(false);
   const { initialized, send: [sendEmail, { loading: sendLoading, errors }], } = useVerificationEmail.useVerificationEmail();
   const [upsertUserEmail] = useUpsertUserEmail();
-  const [loading, setLoading] = stencilHooks_module.useState(true);
+  const [loading, setLoading] = domContextHooks_module.useState(true);
   const { data, loading: initialLoading } = index_module.wn(UserLookupQuery, {});
   const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!(data === null || data === void 0 ? void 0 : data.viewer))
       return;
     setEmailExists(!!data.viewer.email);
   }, [data]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (initialized)
       setLoading(false);
   }, [initialized]);
@@ -258,7 +258,7 @@ const WidgetEmailVerification = class {
      * @uiName Send code button text
      */
     this.emailValidationErrorText = "Please enter a valid email";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-6d0d196d.js');
-require('./index.module-39955732.js');
+const global = require('./global-f14cf663.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+require('./index.module-4f54e412.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
@@ -83,7 +83,7 @@ const PortalContainer = class {
      * @uiEnumNames ["Wrap", "No Wrap"]
      */
     this.flexWrap = "wrap";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -95,7 +95,7 @@ const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   componentWillLoad() { }
@@ -180,7 +180,7 @@ const TitledSection = class {
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.padding = "none";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-form-message.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Warning::part(base){background-color:var(--sl-color-warning-100);border-color:var(--sl-color-warning-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 
@@ -11,7 +11,7 @@ const FormMessage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-google-sign-in.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 function useGoogleSignIn(props) {
-  const [loaded, setLoaded] = stencilHooks_module.useState(false);
-  const [googleButtonDiv, setGoogleButtonDiv] = stencilHooks_module.useState(null);
-  const [buttonWidth, setButtonWidth] = stencilHooks_module.useState(400);
+  const [loaded, setLoaded] = domContextHooks_module.useState(false);
+  const [googleButtonDiv, setGoogleButtonDiv] = domContextHooks_module.useState(null);
+  const [buttonWidth, setButtonWidth] = domContextHooks_module.useState(400);
   let timeoutId = null;
   // Update the width based on the container's size
   const updateWidth = () => {
@@ -17,7 +17,7 @@ function useGoogleSignIn(props) {
       setButtonWidth(googleButtonDiv.clientWidth);
     }
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!googleButtonDiv)
       return;
     // Create a ResizeObserver to track width changes
@@ -34,7 +34,7 @@ function useGoogleSignIn(props) {
     updateWidth();
     return () => resizeObserver.disconnect();
   }, [googleButtonDiv]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const cb = () => {
       // @ts-expect-error
       window.onGoogleLibraryLoad = null;
@@ -58,7 +58,7 @@ function useGoogleSignIn(props) {
     // @ts-expect-error
     window.onGoogleLibraryLoad = cb;
   }, []);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!googleButtonDiv || !loaded)
       return;
     //@ts-expect-error
@@ -80,7 +80,7 @@ const GoogleSignIn = class {
     index.registerInstance(this, hostRef);
     this.initComplete = index.createEvent(this, "initComplete", 7);
     this.googleButtonDiv = null;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   connectedCallback() {
@@ -101,9 +101,9 @@ const GoogleSignIn = class {
   get el() { return index.getElement(this); }
 };
 function useDemoGoogleSignIn(props) {
-  const [loaded, setLoaded] = stencilHooks_module.useState(false);
-  const [googleButtonDiv, setGoogleButtonDiv] = stencilHooks_module.useState(null);
-  stencilHooks_module.useEffect(() => {
+  const [loaded, setLoaded] = domContextHooks_module.useState(false);
+  const [googleButtonDiv, setGoogleButtonDiv] = domContextHooks_module.useState(null);
+  domContextHooks_module.useEffect(() => {
     const cb = () => {
       // @ts-expect-error
       window.onGoogleLibraryLoad = null;
@@ -115,7 +115,7 @@ function useDemoGoogleSignIn(props) {
     // @ts-expect-error
     window.onGoogleLibraryLoad = cb;
   }, []);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!googleButtonDiv || !loaded)
       return;
     const cb = () => {

package/dist/cjs/sqm-graphql-client-provider.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 async function useGraphQLClientProvider({ domain }) {
   const token = index_module.G();
@@ -12,8 +12,8 @@ async function useGraphQLClientProvider({ domain }) {
   const tenantAlias = index_module.Q();
   // Memoization is shared. One client per domain, tenant and token (or null)
   const managedIdentityClient = index_module.Ee(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.Pe, managedIdentityClient);
-  stencilHooks_module.useEffect(() => {
+  const [, setGraphQLClient] = domContextHooks_module.m(index_module.Pe, managedIdentityClient);
+  domContextHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);
 }
@@ -22,7 +22,7 @@ const GraphQLClientProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-header-logo.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 
 const HeroImage = class {
   constructor(hostRef) {
@@ -19,7 +19,7 @@ const HeroImage = class {
      * @uiName Logo height
      */
     this.height = 60;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-instant-access-registration.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const emailRegistrationView = require('./email-registration-view-996fb438.js');
-require('./useRegistrationFormState-5f44ca80.js');
-const useInstantAccessRegistration = require('./useInstantAccessRegistration-86b7164c.js');
+require('./useRegistrationFormState-bbee6e7b.js');
+const useInstantAccessRegistration = require('./useInstantAccessRegistration-08bcb487.js');
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {
@@ -108,7 +108,7 @@ const InstantAccessRegistration = class {
      * @uiType boolean
      */
     this.includeCookies = false;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-invoice-table-data-cell_5.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const utils = require('./utils-6847bc06.js');
-const luxon = require('./luxon-3b809948.js');
+const luxon = require('./luxon-949beaf2.js');
 
 const InvoiceTableDataCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -24,7 +24,7 @@ const RewardTableDateCell = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     this.locale = "en";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -40,7 +40,7 @@ const InvoiceTableDownloadCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-6d0d196d.js');
-const index_module = require('./index.module-39955732.js');
+const global = require('./global-f14cf663.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 sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js');
 
@@ -62,7 +62,7 @@ const LeaderboardRank = class {
      * @uiWidget textArea
      */
     this.rankText = "You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-logout-current-user.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.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-6847bc06.js');
 require('./JSS-8503a151.js');
@@ -55,7 +55,7 @@ const LogoutCurrentUser = class {
      * @uiName Error text
      */
     this.emailErrorText = "Error fetching email";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-navigation-sidebar-item-view-188bfc41.js → sqm-navigation-sidebar-item-view-ec7a5c53.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const index_module = require('./index.module-39955732.js');
+const index_module = require('./index.module-4f54e412.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.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-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-188bfc41.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-ec7a5c53.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.kn();
@@ -43,7 +43,7 @@ const NavigationSidebarItem = class {
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.padding = "x-small";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.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 sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-50ee8796.js');
 
@@ -19,7 +19,7 @@ const NavigationSidebar = class {
      * @uiGroup Style
      */
     this.mobileMenuColor = "var(--sqm-text, #444445)";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -32,9 +32,9 @@ const NavigationSidebar = class {
 function useNavigationSidebar(props) {
   const location = index_module.kn();
   const programId = index_module.H();
-  const [checked, setChecked] = stencilHooks_module.useState(false);
+  const [checked, setChecked] = domContextHooks_module.useState(false);
   // Close hamburger menu after navigation
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     setChecked(false);
   }, [location.pathname, programId]);
   function onClick(e) {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-6d0d196d.js');
-const index_module = require('./index.module-39955732.js');
+const global = require('./global-f14cf663.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-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-a47dcbc2.js');
+const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-95cf4875.js');
 
@@ -88,7 +88,7 @@ const Pagination = class {
      * @uiGroup Style
      */
     this.buttonType = "secondary";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -99,7 +99,7 @@ const Pagination = class {
   }
 };
 function useDemoPagination(props) {
-  const [currentPage, setCurrentPage] = stencilHooks_module.useState(1);
+  const [currentPage, setCurrentPage] = domContextHooks_module.useState(1);
   return cjs.cjs({
     states: {
       currentPage,
@@ -149,7 +149,7 @@ function useReferralCode(props) {
   const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.referralCode) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode))) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
-  const [open, setOpen] = stencilHooks_module.useState(false);
+  const [open, setOpen] = domContextHooks_module.useState(false);
   async function onClick() {
     if (contextData) {
       await setCopied({ referralCode: contextData.referralCode });
@@ -243,7 +243,7 @@ const ReferralCode = class {
      * @uiGroup Style
      */
     this.buttonType = "primary";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -255,7 +255,7 @@ const ReferralCode = class {
   }
 };
 function useDemoReferralCode(props) {
-  const [open, setOpen] = stencilHooks_module.useState(false);
+  const [open, setOpen] = domContextHooks_module.useState(false);
   const copyString = "REFERRALCODE001";
   return cjs.cjs({
     copyString: copyString,
@@ -371,7 +371,7 @@ const ReferralCodes = class {
      * @uiName Empty State Image URL
      */
     this.emptyStateImageUrl = "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {