@nuskin/marketing-components 1.9.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/hero-banner/types.d.ts +3 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
package/dist/hero-banner/types.d.ts CHANGED
@@ -20,7 +20,7 @@ export interface HeroBannerProps {
20
20
  body?: string;
21
21
  brandCaption?: string;
22
22
  primaryCta?: CTA | null;
23
- media?: Media | null;
23
+ media?: Media | string | null;
24
24
  className?: string;
25
25
  contentAlignment?: 'left' | 'center' | 'right';
26
26
  width?: string | number;
@@ -28,4 +28,6 @@ export interface HeroBannerProps {
28
28
  gradientEnabled?: boolean;
29
29
  gradientDepth?: GradientDepth;
30
30
  textColor?: string;
31
+ $?: Record<string, any>;
32
+ parent$?: Record<string, any>;
31
33
  }
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";function n(n,e){if(e==null||e>n.length)e=n.length;for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function e(n){if(Array.isArray(n))return n}function t(n,e,t){if(e in n){Object.defineProperty(n,e,{value:t,enumerable:true,configurable:true,writable:true})}else{n[e]=t}return n}function r(n,e){var t=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(t==null)return;var r=[];var i=true;var o=false;var a,l;try{for(t=t.call(n);!(i=(a=t.next()).done);i=true){r.push(a.value);if(e&&r.length===e)break}}catch(n){o=true;l=n}finally{try{if(!i&&t["return"]!=null)t["return"]()}finally{if(o)throw l}}return r}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(n){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};var i=Object.keys(r);if(typeof Object.getOwnPropertySymbols==="function"){i=i.concat(Object.getOwnPropertySymbols(r).filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))}i.forEach(function(e){t(n,e,r[e])})}return n}function a(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);if(e){r=r.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})}t.push.apply(t,r)}return t}function l(n,e){e=e!=null?e:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(e))}else{a(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function d(n,e){if(n==null)return{};var t=c(n,e);var r,i;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(i=0;i<o.length;i++){r=o[i];if(e.indexOf(r)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,r))continue;t[r]=n[r]}}return t}function c(n,e){if(n==null)return{};var t={};var r=Object.keys(n);var i,o;for(o=0;o<r.length;o++){i=r[o];if(e.indexOf(i)>=0)continue;t[i]=n[i]}return t}function u(n,t){return e(n)||r(n,t)||p(n,t)||i()}function s(n,e){if(!e){e=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function f(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function p(e,t){if(!e)return;if(typeof e==="string")return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(r);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}function h(){var n=s(["\n width: ",";\n background-color: ",";\n text-align: ",";\n color: ",";\n padding: 16px 32px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: 'Lora', serif;\n }\n\n h1 {\n font-size: 42px;\n line-height: 48px;\n }\n h2 {\n font-size: 36px;\n line-height: 42px;\n }\n h3 {\n font-size: 32px;\n line-height: 38px;\n }\n h4 {\n font-size: 26px;\n line-height: 34px;\n }\n h5 {\n font-size: 22px;\n line-height: 28px;\n }\n h6 {\n font-size: 18px;\n line-height: 24px;\n }\n\n p {\n margin: 0;\n padding: 0;\n }\n"]);h=function e(){return n};return n}function v(){var n=s(["\n text-align: ",";\n\n /* Mobile: Always center text */\n @media (max-width: 768px) {\n text-align: center;\n }\n"]);v=function e(){return n};return n}function g(){var n=s(["\n margin: 0 0 0.25rem 0;\n font-weight: 500;\n font-family:\n 'Inter',\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n 'Helvetica Neue',\n Arial,\n sans-serif;\n color: ",";\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 14px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 14px;\n }\n @media (min-width: 1441px) {\n font-size: 16px;\n }\n"]);g=function e(){return n};return n}function m(){var n=s(["\n margin: 0 0 0.75rem 0;\n font-weight: 700;\n font-family: 'Lora', Georgia, 'Times New Roman', serif;\n color: ",";\n font-size: 24px;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 32px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 40px;\n }\n @media (min-width: 1441px) {\n font-size: 48px;\n }\n"]);m=function e(){return n};return n}function x(){var n=s(["\n margin: 0 0 0.5rem 0;\n font-weight: 600;\n font-family:\n 'Inter',\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n 'Helvetica Neue',\n Arial,\n sans-serif;\n color: ",";\n font-size: 16px;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 18px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 20px;\n }\n @media (min-width: 1441px) {\n font-size: 22px;\n }\n"]);x=function e(){return n};return n}function b(){var n=s(["\n margin: 0;\n line-height: 1.6;\n font-family:\n 'Inter',\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n 'Helvetica Neue',\n Arial,\n sans-serif;\n color: ",";\n font-size: 14px;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 16px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 18px;\n }\n @media (min-width: 1441px) {\n font-size: 20px;\n }\n"]);b=function e(){return n};return n}function w(){var n=s(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"]);w=function e(){return n};return n}function y(){var n=s(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"]);y=function e(){return n};return n}function k(){var n=s(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"]);k=function e(){return n};return n}function j(){var n=s(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n background-color: #f0f0f0;\n color: #666;\n font-size: 14px;\n"]);j=function e(){return n};return n}function S(){var n=s(["\n display: inline-block;\n width: auto;\n max-width: max-content;\n padding: 16px 32px;\n text-decoration: none;\n font-family: 'Lora', Georgia, 'Times New Roman', serif;\n font-size: 22px;\n font-weight: 400;\n border-radius: 50px;\n transition:\n background-color 0.3s ease,\n color 0.3s ease,\n border-color 0.3s ease,\n transform 0.1s ease,\n text-decoration 0.2s ease;\n\n /* Variant-specific styling */\n ","\n\n &:active {\n transform: translateY(0);\n }\n\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 4px;\n }\n\n /* Responsive sizing */\n @media (max-width: 768px) {\n padding: 12px 28px;\n font-size: 18px;\n }\n\n @media (min-width: 1441px) {\n padding: 18px 36px;\n font-size: 24px;\n }\n"]);S=function e(){return n};return n}function C(){var n=s(["\n position: relative;\n width: 100%;\n overflow: hidden;\n"]);C=function e(){return n};return n}function I(){var n=s(["\n position: relative;\n width: 100%;\n"]);I=function e(){return n};return n}function L(){var n=s(["\n display: flex;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n transform: translateX(-","%);\n"]);L=function e(){return n};return n}function T(){var n=s(["\n min-width: 100%;\n position: relative;\n"]);T=function e(){return n};return n}function M(){var n=s(["\n position: relative;\n min-height: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n @media (max-width: 768px) {\n min-height: ",";\n }\n"]);M=function e(){return n};return n}function O(){var n=s(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n"]);O=function e(){return n};return n}function A(){var n=s(["\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n justify-content: center;\n padding: 3rem;\n max-width: 600px;\n width: auto;\n\n /* Base positioning from props (applies to desktop/tablet) */\n ","\n\n /* Mobile: Override to always center content */\n @media (max-width: 768px) {\n padding: 2rem;\n max-width: 100%;\n margin: 0 auto;\n align-items: center;\n text-align: center;\n }\n"]);A=function e(){return n};return n}function E(){var n=s(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n pointer-events: none;\n\n /* Base gradient from props (applies to desktop/tablet) */\n ","\n\n /* Mobile: Override to always use radial gradient */\n @media (max-width: 768px) {\n ","\n }\n"]);E=function e(){return n};return n}function z(){var n=s(["\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 3;\n display: flex;\n gap: 0.75rem;\n align-items: center;\n\n @media (max-width: 768px) {\n bottom: 1.5rem;\n }\n"]);z=function e(){return n};return n}function N(){var n=s(["\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.9);\n background-color: ",";\n cursor: pointer;\n padding: 0;\n transition: all 0.3s ease;\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.9);\n transform: scale(1.15);\n }\n"]);N=function e(){return n};return n}function R(){var n=s(["\n width: 100%;\n position: relative;\n min-height: 400px;\n border: 1px solid #000;\n overflow: hidden;\n\n .media-layer {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .media-layer .media-fill {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .overlay {\n position: absolute;\n inset: 0;\n z-index: 2;\n display: flex;\n align-items: center;\n padding: clamp(16px, 4vw, 48px);\n pointer-events: none;\n }\n\n .content {\n max-width: min(520px, 90vw);\n max-height: min(350px, 65vh);\n z-index: 3;\n word-break: break-word;\n pointer-events: auto;\n }\n\n .title {\n font-size: clamp(22px, 3.5vw, 48px);\n line-height: 1.05;\n margin-bottom: 8px;\n font-family: 'Lora', serif;\n color: ",";\n }\n\n .subtitle {\n margin-bottom: 8px;\n font-size: clamp(16px, 2.2vw, 24px);\n line-height: 1.2;\n font-family: 'Lora', serif;\n color: ",";\n }\n\n .brand-caption {\n margin-bottom: 8px;\n font-size: clamp(12px, 1.5vw, 16px);\n line-height: 1.2;\n font-family: 'Lora', serif;\n color: ",";\n }\n\n .body {\n margin-bottom: 8px;\n font-size: clamp(14px, 1.6vw, 18px);\n line-height: 1.4;\n font-family: 'Lora', serif;\n color: ",";\n }\n"]);R=function e(){return n};return n}function q(){var n=s(["\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n\n ","\n\n /* Force radial gradient on small screens */\n @media (max-width: 768px) {\n ","\n }\n"]);q=function e(){return n};return n}function _(){var n=s(["\n display: flex;\n justify-content: ",";\n padding: 10px;\n background: #efefef;\n border: 1px solid rgba(0, 0, 0, 0.6);\n max-width: 400px;\n\n .custom-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-decoration: none;\n background: var(--btn-bg, #222);\n color: var(--btn-color, #fff);\n box-shadow: var(--btn-shadow, 0 6px 10px rgba(0, 0, 0, 0.25));\n font-family: Lora, sans-serif;\n min-width: 70px;\n min-height: 30px;\n }\n \n // Large Screen\n @media (min-width: 1025px) {\n .custom-button {\n font-size: 16px;\n padding: 14px 20px;\n font-weight: 600;\n }\n }\n\n // Desktop\n @media (max-width: 1024px) {\n .custom-button {\n font-size: 14px;\n padding: 10px 16px;\n font-weight: 500;\n }\n }\n \n // Tablet \n @media (max-width: 768px) {\n .custom-button {\n font-size: 12px !important;\n padding: 8px 14px !important;\n font-weight: 400;\n }\n }\n\n // Mobile \n @media (max-width: 425px) {\n .custom-button {\n font-size: 10px !important;\n padding: 6px 12px !important;\n font-weight: 400;\n }\n }\n \n\n .custom-button:hover {\n background: var(--btn-hover, var(--btn-bg, #222));\n box-shadow: var(--btn-hover-shadow, var(--btn-shadow));\n }\n\n .custom-button:focus:not(:focus-visible){\n border: none !important;\n }\n \n .custom-button:focus-visible {\n outline: 2px solid rgb(0, 109, 235);\n }\n\n .custom-button[aria-disabled='true'] {\n pointer-events: none;\n cursor: not-allowed;\n box-shadow: none;\n background: #e0e0e0;\n color: #6b6b6b;\n }\n"]);_=function e(){return n};return n}var D=Object.create;var P=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var V=function(n,e){for(var t in e)P(n,t,{get:e[t],enumerable:!0})},H=function(n,e,t,r){var i=true,o=false,a=undefined;if(e&&(typeof e==="undefined"?"undefined":f(e))=="object"||typeof e=="function")try{var l=function(){var i=c.value;!B.call(n,i)&&i!==t&&P(n,i,{get:function(){return e[i]},enumerable:!(r=W(e,i))||r.enumerable})};for(var d=G(e)[Symbol.iterator](),c;!(i=(c=d.next()).done);i=true)l()}catch(n){o=true;a=n}finally{try{if(!i&&d.return!=null){d.return()}}finally{if(o){throw a}}}return n};var F=function(n,e,t){return t=n!=null?D(U(n)):{},H(e||!n||!n.__esModule?P(t,"default",{value:n,enumerable:!0}):t,n)},X=function(n){return H(P({},"__esModule",{value:!0}),n)};var $={};V($,{Button:function(){return ti},ColumnControl:function(){return eJ},CsImage:function(){return nz},CsMarketingBannerComponent:function(){return ef},CsSpacingDivider:function(){return eL},CsTextComponent:function(){return nC},DEFAULT_BANNER_CONFIG:function(){return ep},DEFAULT_CAROUSEL_CONFIG:function(){return eh},DEFAULT_ROTATION_INTERVAL:function(){return ev},DEVICE_SIZES:function(){return eA},HeroBanner:function(){return e6},MAX_ALLOWED_COLUMN_CONTROL_ITEMS:function(){return eN},MIN_SLIDE_HEIGHT_PX:function(){return ez},MIN_SLIDE_WIDTH_PX:function(){return eE},hasCTA:function(){return n9},hasMedia:function(){return n3},isCarouselMode:function(){return n6}});module.exports=X($);var K=require("react"),Y=F(require("@emotion/styled"));var J=require("react");var Z="{%language}",Q="{%LANGUAGE}",nn="{%region}",ne="{%REGION}",nt=function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return typeof n!="string"?"":(e.region&&(n=n.replace(nn,e.region),n=n.replace(ne,e.region.toUpperCase())),e.language&&(n=n.replace(Z,e.language),n=n.replace(Q,e.language.toUpperCase())),n)};var nr=function(){if((typeof window==="undefined"?"undefined":f(window))>"u")return;var n,e;var t=new URLSearchParams(window.location.search),r=(n=t.get("region"))!==null&&n!==void 0?n:void 0,i=(e=t.get("language"))!==null&&e!==void 0?e:void 0;if(r||i)return{region:r,language:i}};var ni=require("react"),no=require("@mui/material"),na=require("@nuskin/foundation-theme"),nl=na.ColorUtils,nd=nl.getGenomeColor;var nc=require("@mui/material"),nu=require("@nuskin/foundation-theme"),ns=require("react"),nf=nu.ColorUtils,np=nf.getGenomeColor,nh=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;var e=(0,nc.useTheme)();return(0,ns.useMemo)(function(){return np(e,"N10",n?"light":"dark")},[n,e])},nv=nh;var ng=require("react/jsx-runtime"),nm=function(){return(0,K.useMemo)(function(){return nr()},[])},nx=function(n,e){return!e||!n?n:nt(n,e)},nb=function(n,e){if((typeof window==="undefined"?"undefined":f(window))>"u"||!n||!e)return n;var t=new DOMParser().parseFromString(n,"text/html");return t.querySelectorAll("a").forEach(function(n){var t=n.getAttribute("href");t&&n.setAttribute("href",nx(t,e))}),t.body.innerHTML},nw=Y.default.div(h(),function(n){var e=n.fullWidth;return e?"100%":"auto"},function(n){var e=n.bgColor;return e},function(n){var e=n.alignment;return e},function(n){var e=n.color;return e}),ny=function(n){var e,t;var r;var i=(r=n===null||n===void 0?void 0:(t=n.brandColor)===null||t===void 0?void 0:(e=t.colorObj)===null||e===void 0?void 0:e.light)!==null&&r!==void 0?r:n===null||n===void 0?void 0:n.color;return typeof i=="string"&&i.trim()?i:null},nk=function(n){try{var e,t,r;var i=(r=JSON.parse(n))===null||r===void 0?void 0:(t=r.brandColor)===null||t===void 0?void 0:(e=t.colorObj)===null||e===void 0?void 0:e.light;return typeof i=="string"&&i.trim()?i:null}catch(n){return null}},nj=function(n){if(!n)return"transparent";var e;if((typeof n==="undefined"?"undefined":f(n))=="object")return(e=ny(n))!==null&&e!==void 0?e:"transparent";if(typeof n=="string"){var t=n.trim();var r;return t?t.startsWith("{")?(r=nk(t))!==null&&r!==void 0?r:"transparent":t:"transparent"}return"transparent"},nS=function(n){var e=n.full_width,t=e===void 0?!1:e,r=n.container_background_color,i=n.alignment,a=i===void 0?"left":i,l=n.text_editor,d=n.font_color,c=d===void 0?!1:d,u=n.$;var s=nv(c),f=nm(),p=(0,K.useMemo)(function(){return nj(r)},[r]),h=(0,K.useMemo)(function(){return nb(l,f)},[l,f]);return l?(0,ng.jsx)(nw,{fullWidth:t,bgColor:p,alignment:a,color:s,children:(0,ng.jsx)("div",o({dangerouslySetInnerHTML:{__html:h}},u===null||u===void 0?void 0:u.text_editor))}):null},nC=nS;var nI=require("@nuskin/foundation-ui-components");var nL=require("@nuskin/foundation-theme"),nT=(0,nL.styled)("div")(function(n){var e=n.image_alignment,t=e===void 0?"center":e,r=n.width,i=n.height;return{display:"flex",justifyContent:({left:"flex-start",right:"flex-end",center:"center"})[t],"& img":{maxWidth:"fit-content",objectFit:"contain",objectPosition:"center"}}});var nM=require("react/jsx-runtime"),nO="data:image/svg+xml;utf8,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" role="img" aria-label="Image not available">\n <defs>\n <linearGradient id="csImagePlaceholderGradient" x1="0" y1="0" x2="1" y2="1">\n <stop offset="0%" stop-color="#f3f4f6" />\n <stop offset="100%" stop-color="#e5e7eb" />\n </linearGradient>\n </defs>\n <rect width="400" height="300" fill="url(#csImagePlaceholderGradient)" />\n <g stroke="#d1d5db" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none">\n <rect x="60" y="60" width="280" height="180" rx="12" />\n <path d="M120 200 L180 140 L230 185 L260 160 L320 210" />\n <circle cx="160" cy="120" r="20" />\n </g>\n </svg>'),nA=["alt","className","fill","height","id","src","variant","width"],nE=function(n){var e=n.image_alignment,t=e===void 0?"center":e,r=n.image,i=n.parent$,a=n.isEditing,l=n.$,c=d(n,["image_alignment","image","parent$","isEditing","$"]),u=null,s=null,f=null;try{var p;var h=typeof r=="string"?JSON.parse(r):r,v=h===null||h===void 0?void 0:(p=h.image)===null||p===void 0?void 0:p[0];(v===null||v===void 0?void 0:v.selected)||(v===null||v===void 0?void 0:v.files)?(u=v===null||v===void 0?void 0:v.selected,s=v===null||v===void 0?void 0:v.files):(h===null||h===void 0?void 0:h.url)&&(f=h)}catch(n){console.warn("[CsImage] Failed to parse image prop:",n)}var g=nO,m="Image not available",x="100%",b="100%";if(u||s){var w;var y=(w=u===null||u===void 0?void 0:u.imageType)!==null&&w!==void 0?w:"transformBaseUrl",k=s===null||s===void 0?void 0:s[y];var j,S,C;(k===null||k===void 0?void 0:k.url)&&(g=k.url,m=(j=u===null||u===void 0?void 0:u.altText)!==null&&j!==void 0?j:"Image",x=(S=u===null||u===void 0?void 0:u.width)!==null&&S!==void 0?S:"100%",b=(C=u===null||u===void 0?void 0:u.height)!==null&&C!==void 0?C:"100%")}else(f===null||f===void 0?void 0:f.url)&&(g=f.url,m=f.title||f.filename||"Image");var I={src:g,alt:m,width:x,height:b};nA.forEach(function(n){c[n]!==void 0&&(I[n]=c[n])});var L=(c===null||c===void 0?void 0:c.full_width)?"container !p-0":"";return(0,nM.jsx)(nT,{image_alignment:t,width:I.width,height:I.height,className:L,children:(0,nM.jsx)(nI.NsImage,o({},I,(l===null||l===void 0?void 0:l.image)||{}))})},nz=nE;var nN=F(require("@emotion/styled")),nR=require("react/jsx-runtime"),nq=nN.default.div(v(),function(n){var e=n.textAlignment;return e}),n_=nN.default.p(g(),function(n){var e=n.fontColor;return e}),nD=nN.default.h2(m(),function(n){var e=n.fontColor;return e}),nP=nN.default.h3(x(),function(n){var e=n.fontColor;return e}),nW=nN.default.p(b(),function(n){var e=n.fontColor;return e});function nG(n){var e=n.headerText,t=n.title,r=n.subtitle,i=n.bodyText,o=n.textColor,a=o===void 0?"#ffffff":o,l=n.textAlignment,d=l===void 0?"left":l,c=n.testId;return!e&&!t&&!r&&!i?null:(0,nR.jsxs)(nq,{textAlignment:d,"data-testid":c,children:[e&&(0,nR.jsx)(n_,{fontColor:a,children:e}),t&&(0,nR.jsx)(nD,{fontColor:a,children:t}),r&&(0,nR.jsx)(nP,{fontColor:a,children:r}),i&&(0,nR.jsx)(nW,{fontColor:a,children:i})]})}var nU=F(require("react")),nB=F(require("@emotion/styled"));var nV=require("react");function nH(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};var e=n.enabled,t=e===void 0?!0:e,r=n.threshold,i=r===void 0?.1:r,o=n.rootMargin,a=o===void 0?"50px":o,l=(0,nV.useRef)(null),d=u((0,nV.useState)(!t||(typeof window==="undefined"?"undefined":f(window))>"u"||!("IntersectionObserver"in window)),2),c=d[0],s=d[1],p=u((0,nV.useState)(!1),2),h=p[0],v=p[1];return(0,nV.useEffect)(function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!("IntersectionObserver"in window)){s(!0);return}if(!t||c)return;var n=l.current;if(!n)return;var e=new IntersectionObserver(function(n){n.forEach(function(n){n.isIntersecting&&(s(!0),e.disconnect())})},{threshold:i,rootMargin:a});return e.observe(n),function(){e.disconnect()}},[t,c,i,a]),{ref:l,shouldLoad:c,hasError:h,handleError:function(){v(!0)}}}var nF=require("react/jsx-runtime"),nX=nB.default.div(w()),n$=nB.default.img(y()),nK=nB.default.video(k()),nY=nB.default.div(j());function nJ(n){var e=n.mediaUrl,t=n.fallbackMediaUrl,r=n.mediaType,i=r===void 0?"image":r,o=n.mediaAlt,a=o===void 0?"":o,l=n.onError,d=n.testId;var c=nH({enabled:!0}),s=c.ref,f=c.shouldLoad,p=c.hasError,h=c.handleError,v=u(nU.default.useState(e),2),g=v[0],m=v[1],x=function(){t&&g!==t?m(t):h(),l===null||l===void 0?void 0:l()};return(0,nF.jsx)(nX,{ref:s,"data-testid":d,children:p&&!t?(0,nF.jsx)(nY,{children:"Media unavailable"}):f?i==="video"?(0,nF.jsx)(nK,{src:g,onError:x,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,"data-testid":"".concat(d,"-video"),children:"Your browser does not support the video tag."}):(0,nF.jsx)(n$,{src:g,alt:a,onError:x,loading:"lazy","data-testid":"".concat(d,"-image")}):null})}var nZ=F(require("@emotion/styled")),nQ=require("react/jsx-runtime"),n0=nZ.default.a(S(),function(n){var e=n.variant;return e==="dark"?"\n background-color: #888888;\n color: #ffffff;\n border: 1px solid #888888;\n\n &:hover {\n background-color: #888888;\n color: #ffffff;\n border-color: #ffffff;\n text-decoration: underline;\n transform: translateY(-2px);\n }\n ":"\n background-color: transparent;\n color: #1a1a1a;\n border: 1px solid #888888;\n\n &:hover {\n background-color: transparent;\n color: #1a1a1a;\n border-color: #ffffff;\n text-decoration: underline;\n transform: translateY(-2px);\n }\n "},function(n){var e=n.variant;return e==="dark"?"#ffffff":"#888888"});function n1(n){var e=n.ctaLabel,t=n.ctaDestination,r=n.variant,i=r===void 0?"dark":r,o=n.onClick,a=n.testId;return(0,nQ.jsx)(n0,{href:t,variant:i,onClick:o,"data-testid":a,"aria-label":e,children:e})}var n2=require("react");var n5=require("react");function n4(){var n=u((0,n5.useState)(!1),2),e=n[0],t=n[1];return(0,n5.useEffect)(function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!window.matchMedia)return;var n=window.matchMedia("(prefers-reduced-motion: reduce)");t(n.matches);var e=function(n){t(n.matches)};return n.addEventListener("change",e),function(){return n.removeEventListener("change",e)}},[]),e}function n8(n){var e=n.totalSlides,t=n.autoRotate,r=t===void 0?!1:t,i=n.rotationInterval,o=i===void 0?5e3:i,a=n.pauseOnHover,l=a===void 0?!0:a,d=n.initialIndex,c=d===void 0?0:d,s=u((0,n2.useState)(c),2),f=s[0],p=s[1],h=u((0,n2.useState)(!1),2),v=h[0],g=h[1],m=n4(),x=(0,n2.useCallback)(function(){p(function(n){return(n+1)%e})},[e]),b=(0,n2.useCallback)(function(){p(function(n){return(n-1+e)%e})},[e]),w=(0,n2.useCallback)(function(n){n>=0&&n<e&&p(n)},[e]),y=(0,n2.useCallback)(function(){g(!0)},[]),k=(0,n2.useCallback)(function(){g(!1)},[]),j=(0,n2.useCallback)(function(n){switch(n.key){case"ArrowLeft":n.preventDefault(),b();break;case"ArrowRight":n.preventDefault(),x();break;case"Home":n.preventDefault(),w(0);break;case"End":n.preventDefault(),w(e-1);break}},[x,b,w,e]);return(0,n2.useEffect)(function(){if(!r||v||m)return;var n=setInterval(x,o);return function(){return clearInterval(n)}},[r,v,m,o,x]),{currentIndex:f,isPaused:v,totalSlides:e,goToNext:x,goToPrevious:b,goToSlide:w,pause:y,resume:k,handleKeyDown:j}}function n6(n){return Array.isArray(n.banners)&&n.banners.length>1}function n3(n){return!!n.mediaUrl}function n9(n){return!!(n.ctaLabel&&n.ctaDestination)}var n7=F(require("@emotion/styled")),en=n7.default.div(C()),ee=n7.default.div(I()),et=n7.default.div(L(),function(n){var e=n.currentIndex;return e*100}),er=n7.default.div(T()),ei=n7.default.div(M(),function(n){var e=n.hasMedia;return e?"600px":"auto"},function(n){var e=n.hasMedia;return e?"400px":"auto"}),eo=n7.default.div(O()),ea=n7.default.div(A(),function(n){var e=n.position,t=e===void 0?"left":e;return t==="center"?"\n margin: 0 auto;\n align-items: center;\n text-align: center;\n ":t==="right"?"\n margin-left: auto;\n margin-right: 0;\n align-items: flex-end;\n text-align: right;\n ":"\n margin-right: auto;\n align-items: flex-start;\n text-align: left;\n "}),el=n7.default.div(E(),function(n){var e=n.direction,t=n.depth,r=n.color;var i={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},o=i[t],a=o.start,l=o.end,d=r==="black"?"0, 0, 0":"255, 255, 255";return e==="leftToRight"?"background: linear-gradient(to right, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):e==="rightToLeft"?"background: linear-gradient(to left, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):e==="radial"?"background: radial-gradient(circle, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):""},function(n){var e=n.depth,t=n.color;var r={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},i=r[e],o=i.start,a=i.end,l=t==="black"?"0, 0, 0":"255, 255, 255";return"background: radial-gradient(circle, rgba(".concat(l,", ").concat(o,"), rgba(").concat(l,", ").concat(a,"));")}),ed=n7.default.div(z()),ec=n7.default.button(N(),function(n){var e=n.active;return e?"rgba(255, 255, 255, 0.9)":"transparent"});var eu=require("react/jsx-runtime"),es=function(n,e,t){var r,i,o,a;var l=n3(n),d=n9(n),c=(i=(r=n.testId)!==null&&r!==void 0?r:t)!==null&&i!==void 0?i:"banner",u={white:"#ffffff",dark:"#1a1a1a"}[(o=n.textColor)!==null&&o!==void 0?o:"white"],s=n.showGradient===!0,f=(a=n.position)!==null&&a!==void 0?a:"left",p=n.textColor==="dark"?"white":"black",h;f==="left"?h="leftToRight":f==="right"?h="rightToLeft":h="radial";var v;var g,m;return f==="center"?v="center":f==="right"?v="right":v="left",(0,eu.jsx)(er,{children:(0,eu.jsxs)(ei,{hasMedia:l,children:[l&&n.mediaUrl&&(0,eu.jsx)(eo,{children:(0,eu.jsx)(nJ,{mediaUrl:n.mediaUrl,fallbackMediaUrl:n.fallbackMediaUrl,mediaType:n.mediaType,mediaAlt:n.mediaAlt,testId:"".concat(c,"-").concat(e,"-media")})}),s&&(0,eu.jsx)(el,{direction:h,depth:(g=n.gradientDepth)!==null&&g!==void 0?g:"md",color:p}),(0,eu.jsxs)(ea,{position:f,children:[(0,eu.jsx)(nG,{headerText:n.headerText,title:n.title,subtitle:n.subtitle,bodyText:n.bodyText,textColor:u,textAlignment:v,testId:"".concat(c,"-").concat(e,"-text")}),d&&n.ctaLabel&&n.ctaDestination&&(0,eu.jsx)(n1,{ctaLabel:n.ctaLabel,ctaDestination:n.ctaDestination,variant:(m=n.ctaVariant)!==null&&m!==void 0?m:"dark",testId:"".concat(c,"-").concat(e,"-cta")})]})]})},"".concat(c,"-").concat(e))};function ef(n){var e=n.banners,t=n.rotationInterval,r=n.testId,i=n6(n),o=n8({totalSlides:e.length,autoRotate:i,rotationInterval:t!==null&&t!==void 0?t:5e3,pauseOnHover:!0,initialIndex:0});return(0,eu.jsxs)(en,{"data-testid":r!==null&&r!==void 0?r:"cs-marketing-banner",onKeyDown:i?o.handleKeyDown:void 0,onMouseEnter:i?o.pause:void 0,onMouseLeave:i?o.resume:void 0,children:[(0,eu.jsx)(ee,{children:(0,eu.jsx)(et,{currentIndex:o.currentIndex,totalSlides:e.length,children:e.map(function(n,e){return es(n,e,r)})})}),i&&(0,eu.jsx)(ed,{children:e.map(function(n,e){var t;return(0,eu.jsx)(ec,{active:e===o.currentIndex,onClick:function(){return o.goToSlide(e)},"aria-label":"Go to slide ".concat(e+1)},"".concat(r!==null&&r!==void 0?r:"banner","-indicator-").concat(e,"-").concat((t=n.title)!==null&&t!==void 0?t:""))})})]})}var ep={position:"left",textColor:"white",showGradient:!1,gradientDepth:"md",mediaType:"image",ctaVariant:"dark"},eh={rotationInterval:5e3},ev=5e3;var eg=require("@nuskin/foundation-theme");var em={thin:1,medium:2,thick:4},ex={mobile:"(max-width: 768px)",tablet:"(min-width: 769px) and (max-width: 1024px)",desktop:"(min-width: 1025px) and (max-width: 1439px)",ultra:"(min-width: 1440px)"};var eb=(0,eg.styled)("div")(function(n){var e=n.paddingVertical,r=n.dividerAlign;var i={none:{mobile:0,tablet:0,desktop:0,ultra:0},small:{mobile:8,tablet:8,desktop:8,ultra:12},medium:{mobile:12,tablet:12,desktop:16,ultra:20},large:{mobile:16,tablet:16,desktop:24,ultra:32}}[e];var o;return o={display:"flex",flexDirection:"column",alignItems:r==="center"?"center":r==="right"?"flex-end":"flex-start",paddingTop:"".concat(i.mobile,"px"),paddingBottom:"".concat(i.mobile,"px")},t(o,"@media ".concat(ex.tablet),{paddingTop:"".concat(i.tablet,"px"),paddingBottom:"".concat(i.tablet,"px")}),t(o,"@media ".concat(ex.desktop),{paddingTop:"".concat(i.desktop,"px"),paddingBottom:"".concat(i.desktop,"px")}),t(o,"@media ".concat(ex.ultra),{paddingTop:"".concat(i.ultra,"px"),paddingBottom:"".concat(i.ultra,"px")}),o}),ew=(0,eg.styled)("div")(function(n){var e=n.dividerStyle,t=n.dividerThicknessPx,r=n.dividerColor,i=n.dividerGradient,o=n.dividerWidthPercent;var a={width:"".concat(Math.max(0,Math.min(100,o)),"%")};if(i&&e!=="none"){if(a.height="".concat(t,"px"),a.backgroundImage=i,a.backgroundSize="100% 100%",e==="dashed"){var l=Math.max(12,t*4),d=Math.max(6,t*2);a.maskImage="repeating-linear-gradient(90deg, black 0px, black ".concat(l,"px, transparent ").concat(l,"px, transparent ").concat(l+d,"px)"),a.WebkitMaskImage="repeating-linear-gradient(90deg, black 0px, black ".concat(l,"px, transparent ").concat(l,"px, transparent ").concat(l+d,"px)")}else if(e==="dotted"){var c=Math.max(2,t),u=Math.max(8,c*3),s=c/2;a.maskImage="radial-gradient(circle ".concat(s,"px at 50% 50%, black 99%, transparent 100%)"),a.WebkitMaskImage="radial-gradient(circle ".concat(s,"px at 50% 50%, black 99%, transparent 100%)"),a.maskSize="".concat(u,"px ").concat(t,"px"),a.WebkitMaskSize="".concat(u,"px ").concat(t,"px"),a.maskRepeat="repeat-x",a.WebkitMaskRepeat="repeat-x",a.maskPosition="0 center",a.WebkitMaskPosition="0 center"}}else e==="none"?(a.height="".concat(t,"px"),a.backgroundImage=i):(a.borderBottomStyle=e,a.borderBottomWidth="".concat(t,"px"),a.borderBottomColor=r,a.height=0);return a});var ey=function(n){return n?/^#([A-Fa-f0-9]{6})$/.test(n):!1},ek=function(n){if(!n||!/^#([A-Fa-f0-9]{6})$/.test(n))return;var e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),r=parseInt(n.slice(5,7),16);return{r:e,g:t,b:r}},ej=function(n,e){if(!n||n==="none")return;var t;var r=(t=ek(e))!==null&&t!==void 0?t:{r:0,g:0,b:0};switch(n){case"brand_soft":return"linear-gradient(90deg, rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",0.3), rgba(").concat(r.r,",").concat(r.g,",").concat(r.b,",0.8))");case"brand_bold":return"linear-gradient(90deg, rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",0.6), rgba(").concat(r.r,",").concat(r.g,",").concat(r.b,",1.0))");case"neutral_fade":return"linear-gradient(90deg, rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",0.4), rgba(").concat(r.r,",").concat(r.g,",").concat(r.b,",0.4))");default:return}};var eS=require("react/jsx-runtime"),eC="#000000",eI=function(n){var e=n.paddingVertical,t=e===void 0?"small":e,r=n.dividerStyle,i=r===void 0?"solid":r,o=n.dividerThickness,a=o===void 0?"thin":o,l=n.dividerColor,d=n.dividerGradientPreset,c=d===void 0?"none":d,u=n.dividerWidthPercent,s=u===void 0?100:u,f=n.dividerAlign,p=f===void 0?"left":f,h=em[a],v=ey(l)?l:eC,g=ej(c,v);return(0,eS.jsx)(eb,{paddingVertical:t,dividerAlign:p,children:i!=="none"&&(0,eS.jsx)(ew,{dividerStyle:i,dividerThicknessPx:h,dividerColor:v,dividerGradient:g,dividerWidthPercent:s!==null&&s!==void 0?s:100,"aria-hidden":"true"})})},eL=eI;var eT=require("react"),eM=F(require("react-slick"));var eO=require("@nuskin/foundation-theme");var eA={ULTRA_SMALL:320,EXTRA_SMALL:480,SMALL:600,MEDIUM:768,LARGE:1024,EXTRA_LARGE:1200,ULTRA_LARGE:1440,SUPER_LARGE:1920},eE=280,ez=320,eN=4;var eR=(0,eO.styled)("section")(function(n){var e=n.gap,r=n.height,i=n.columnHeight,a=n.fullWidth;var d;return l(o({position:"relative",width:"100%",textAlign:"center",padding:"0 80px 50px",height:r,boxSizing:"border-box"},a&&{padding:"0"}),(d={},t(d,"@media (max-width: ".concat(eA.MEDIUM,"px)"),o({padding:"0 40px 50px"},a&&{padding:"0"})),t(d,"@media (max-width: ".concat(eA.SMALL,"px)"),o({padding:"0 20px 40px"},a&&{padding:"0"})),t(d,".slick-slider",{position:"relative",display:"block",height:"100%"}),t(d,".slick-list",{position:"relative",overflow:"hidden",height:"100%",margin:"0 -".concat(e/2,"px"),padding:"1px 0"}),t(d,".slick-track",{display:"flex",height:"100%"}),t(d,".slick-slide",{padding:"0 ".concat(e/2,"px"),height:i,"& > div":{height:"100%",width:"100%","& > div":{height:"100%",width:"100%"}}}),t(d,".slick-dots",{position:"absolute",bottom:-36,display:"flex",justifyContent:"center",gap:8,listStyle:"none",padding:0,margin:0,width:"100%",left:0,li:{margin:0,width:12,height:12,button:{width:12,height:12,padding:0,borderRadius:"50%",border:"none",background:"#ccc",textIndent:-9999,cursor:"pointer",transition:"background 0.2s ease, transform 0.2s ease","&:before":{display:"none"}},"&.slick-active button":{background:"#4A90E2"}}}),t(d,"@media (max-width: ".concat(eA.SMALL,"px)"),{".slick-dots":{bottom:-32,gap:6,li:{width:10,height:10,button:{width:10,height:10}}}}),d))}),eq=(0,eO.styled)("button")(function(n){var e=n.direction,r=n.fullWidth;var i;return l(o({position:"absolute",top:"50%",transform:"translateY(-50%)",background:"rgba(0, 0, 0, 0.5)",color:"#fff",border:"none",borderRadius:"50%",width:48,height:48,padding:0,margin:0,cursor:"pointer",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",transition:"background 0.2s ease",fontSize:24,lineHeight:1,verticalAlign:"middle"},r?e==="prev"?{left:8}:{right:8}:e==="prev"?{left:-60}:{right:-60}),(i={"&:hover":{background:"rgba(0, 0, 0, 0.7)"},"&:focus":{outline:"2px solid #4A90E2",outlineOffset:2},"&:disabled":{opacity:.3,cursor:"not-allowed"}},t(i,"@media (max-width: ".concat(eA.MEDIUM,"px)"),o({width:40,height:40},r?e==="prev"?{left:4}:{right:4}:e==="prev"?{left:-45}:{right:-45})),t(i,"@media (max-width: ".concat(eA.SMALL,"px)"),o({width:32,height:32,fontSize:20},r?e==="prev"?{left:2}:{right:2}:e==="prev"?{left:-35}:{right:-35})),i))}),e_=(0,eO.styled)("div")({position:"relative",height:"100%"});var eD=require("slick-carousel/slick/slick.css"),eP=require("slick-carousel/slick/slick-theme.css"),eW=require("react/jsx-runtime"),eG=require("react");function eU(n){switch(n){case"single-full":return 1;case"two-equal":case"two-small-large":return 2;case"three-equal":case"three-small-medium-large":return 3;case"four-equal":return 4;default:return 1}}function eB(n,e){return e<=768?!1:n==="two-small-large"||n==="three-small-medium-large"}function eV(n,e,t){if(t<=768)return"auto";if(n==="two-small-large")return e%2===0?"33.33%":"66.67%";if(n==="three-small-medium-large"){var r=e%3;return r===0||r===2?"25%":"50%"}return"auto"}function eH(n,e){return n>=eA.EXTRA_LARGE?Math.min(e,4):n>=eA.LARGE?Math.min(e,3):n>=eA.SMALL?Math.min(e,2):1}function eF(n){var e=n.isGridLayout,t=n.isStackedViewport,r=n.isTabletGridViewport,i=n.gridSlides,o=n.presetColumns,a=n.slidesToShow;return e&&(t||r)?i.slice(0,Math.min(o,i.length)):e?i.slice(0,a):i}function eX(n){var e=n.isGridLayout,t=n.presetSlidesToShow,r=n.gridSlides,i=n.presetColumns,o=n.shouldShowDots,a=function(n){return Math.min(r.length,i,n)},l=function(n){return Math.min(t,n)};return[{breakpoint:eA.SMALL,settings:{slidesToShow:e?1:Math.min(t,1),slidesToScroll:1,swipeToSlide:!e,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:eA.MEDIUM,settings:{slidesToShow:e?a(2):l(2),slidesToScroll:1,swipeToSlide:!e,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:eA.LARGE,settings:{slidesToShow:e?a(eN):l(3),slidesToScroll:1,swipeToSlide:!e,arrows:!1,dots:o,variableWidth:!1}}]}function e$(n){var e=n.slidesForRender,t=n.presetColumns,r=n.gap,i=n.isVariableWidth,o=n.getSlideWidth,a=n.stackedVerticalGap,l=n.stackedItemHeight,d=n.useFlexLayout,c=d===void 0?!1:d,u=t===1?"100%":"calc(50% - ".concat(r/2,"px)");return e.map(function(n,t){var r;return!c&&i&&(r=o(t)),(0,eW.jsx)("section",{"aria-roledescription":"slide","aria-label":"Slide ".concat(t+1," of ").concat(e.length),style:{maxWidth:"none",margin:c?0:"0 0 ".concat(a,"px"),height:l,width:r,flex:c?"0 0 ".concat(u):void 0,boxSizing:c?"border-box":void 0,minWidth:i?0:eE,position:"relative"},children:(0,eW.jsx)("div",{style:{width:"100%",height:l,boxSizing:"border-box",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",overflow:"hidden",minWidth:0,position:"relative"},children:(0,eW.jsx)("div",{style:{maxWidth:"100%",height:"100%",width:"100%",overflow:"hidden"},children:n.children})})},n.id)})}function eK(n){var e=n.isStackedViewport,t=n.isTabletGridViewport,r=n.renderSlides,i=n.sliderRef,a=n.finalSettings,d=n.carouselKey,c=n.preset,u=n.gap;return e?(0,eW.jsx)("div",{className:"column-control-container",children:r()}):t?(0,eW.jsx)("div",{className:"column-control-container",style:{display:"flex",flexWrap:"wrap",gap:"".concat(u,"px"),width:"100%"},children:r(!0)}):(0,eG.createElement)(eM.default,l(o({ref:i},a),{key:"".concat(d,"-").concat(c)}),r())}var eY=function(n){var e=n.slides,t=n.preset,r=t===void 0?"single-full":t,i=n.layout,a=i===void 0?"grid":i,d=n.autoplayEnabled,c=d===void 0?!1:d,s=n.autoplayDuration,p=s===void 0?3e3:s,h=n.showPagination,v=h===void 0?!0:h,g=n.onSlideChange,m=n.className,x=n.slickSettings,b=n.gap,w=b===void 0?16:b,y=n.height,k=n.cardHeight,j=n.fullWidth,S=j===void 0?!1:j;var C=a==="grid",I=u((0,eT.useState)((typeof window==="undefined"?"undefined":f(window))<"u"?window.innerWidth:0),2),L=I[0],T=I[1];(0,eT.useEffect)(function(){var n,t=function(){clearTimeout(n),n=setTimeout(function(){T(window.innerWidth),J("carousel-".concat(r,"-").concat(e.length,"-").concat(Date.now()))},150)};return window.addEventListener("resize",t),function(){clearTimeout(n),window.removeEventListener("resize",t)}},[r,e.length]);var M=(0,eT.useMemo)(function(){return eU(r)},[r]),O=eH(L,M),A=eB(r,L),E=(0,eT.useMemo)(function(){return function(n){return eV(r,n,L)}},[r,L]),z=C?!1:c,N=C?!1:v,R=!C&&L>eA.LARGE,q=L<=eA.SMALL,_=C&&L>eA.SMALL&&L<=eA.LARGE,D=k!==null&&k!==void 0?k:ez+"px",P=C&&q?w:0,W=y!==null&&y!==void 0?y:"auto",G=C?e.slice(0,eN):e,U=C?Math.min(G.length,M,eN):O,B=C?N&&G.length>1:G.length>1,V=(0,eT.useMemo)(function(){return eX({isGridLayout:C,presetSlidesToShow:O,gridSlides:G,presetColumns:M,shouldShowDots:B})},[C,O,G,M,B]),H=o({dots:B,infinite:!C&&G.length>U,speed:500,slidesToShow:U,slidesToScroll:1,autoplay:z,autoplaySpeed:p,pauseOnHover:!0,arrows:!1,variableWidth:A,swipe:!C,draggable:!C,beforeChange:function(n,e){g&&g(e)},responsive:V},x),F=(0,eT.useRef)(null),X=function(){var n;(n=F.current)===null||n===void 0?void 0:n.slickPrev()},$=function(){var n;(n=F.current)===null||n===void 0?void 0:n.slickNext()},K=u((0,eT.useState)("carousel-".concat(r,"-").concat(e.length,"-").concat(Date.now())),2),Y=K[0],J=K[1];(0,eT.useEffect)(function(){J("carousel-".concat(r,"-").concat(e.length,"-").concat(Date.now()))},[r,e.length]);var Z=o({},H),Q=[m,C?"column-control-container":void 0].filter(Boolean).join(" "),nn=eF({isGridLayout:C,isStackedViewport:q,isTabletGridViewport:_,gridSlides:G,presetColumns:M,slidesToShow:U}),ne=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return e$({slidesForRender:nn,presetColumns:M,gap:w,isVariableWidth:A,getSlideWidth:E,stackedVerticalGap:P,stackedItemHeight:D,useFlexLayout:n})};return(0,eW.jsx)(eR,{gap:w,height:W,columnHeight:D,isVariableWidth:A,className:Q,"aria-label":a==="carousel"?"ColumnControl":"Column Control",fullWidth:S,children:(0,eW.jsxs)(e_,{children:[a==="carousel"&&(0,eG.createElement)(eM.default,l(o({ref:F},Z),{key:Y}),ne()),a==="grid"&&(0,eW.jsx)(eK,{isStackedViewport:q,isTabletGridViewport:_,renderSlides:ne,sliderRef:F,finalSettings:Z,carouselKey:Y,preset:r,gap:w}),a==="carousel"&&R&&e.length>U&&(0,eW.jsxs)(eW.Fragment,{children:[(0,eW.jsx)(eq,{direction:"prev",onClick:X,"aria-label":"Previous slide",fullWidth:S,children:"‹"}),(0,eW.jsx)(eq,{direction:"next",onClick:$,"aria-label":"Next slide",fullWidth:S,children:"›"})]})]})})},eJ=eY;var eZ=require("@nuskin/foundation-ui-components");var eQ=require("@nuskin/foundation-theme"),e0=(0,eQ.styled)("section")(R(),function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"},function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"},function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"},function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"}),e1=eQ.styled.div(q(),function(n){var e=n.direction,t=n.depth,r=n.color;var i={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},o=i[t],a=o.start,l=o.end,d=r==="black"?"0, 0, 0":"255, 255, 255";return e==="leftToRight"?"background: linear-gradient(to right, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):e==="rightToLeft"?"background: linear-gradient(to left, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):"background: radial-gradient(circle, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));")},function(n){var e=n.depth,t=n.color;var r={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},i=r[e],o=i.start,a=i.end,l=t==="black"?"0, 0, 0":"255, 255, 255";return"background: radial-gradient(circle, rgba(".concat(l,", ").concat(o,"), rgba(").concat(l,", ").concat(a,"));")}),e2=function(n){return n==="center"?"center":n==="right"?"flex-end":"flex-start"};var e5=require("react/jsx-runtime"),e4=function(n,e){if(!n||n.includes("io=transform"))return n;var t=e||{},r=t.quality,i=r===void 0?95:r,o={mobile:480,tablet:768,desktop:1400,wide:1920,ultraWide:2560},a=o.desktop;if((typeof window==="undefined"?"undefined":f(window))<"u"){var l=window.innerWidth;l<=480?a=o.mobile:l<=768?a=o.tablet:l<=1280?a=o.desktop:l<=1920?a=o.wide:a=o.ultraWide}var d=n.includes("?")?"&":"?";return"".concat(n).concat(d,"io=transform:fill,width:").concat(a,"&q=").concat(i)},e8=function(n){var e=n.title,t=n.subtitle,r=n.body,i=n.brandCaption,a=n.primaryCta,d=n.media,c=n.className,u=n.contentAlignment,s=u===void 0?"left":u,f=n.width,p=n.height,h=n.gradientEnabled,v=h===void 0?!1:h,g=n.gradientDepth,m=g===void 0?"md":g,x=n.textColor;var b,w;var y,k;var j=(y=f!==null&&f!==void 0?f:d===null||d===void 0?void 0:d.width)!==null&&y!==void 0?y:"100%",S=(k=p!==null&&p!==void 0?p:d===null||d===void 0?void 0:d.height)!==null&&k!==void 0?k:"100%",C=String(j)==="100%"&&String(S)==="100%",I=e2(s),L=x==="black"?"white":"black",T={left:"leftToRight",center:"radial",right:"rightToLeft"}[s];var M,O;return(0,e5.jsxs)(e0,{className:c,textColor:x,"aria-label":"Hero banner",children:[d&&(0,e5.jsxs)("div",{className:"media-layer",children:[(d.type==="image"||d.type==="gif")&&(0,e5.jsx)(eZ.NsImage,l(o({src:(M=e4(d.src,{isHero:!0}))!==null&&M!==void 0?M:"",alt:(O=d.alt)!==null&&O!==void 0?O:d.type==="gif"?"hero gif":"hero image"},C?{variant:"fill",className:"media-fill"}:{style:{width:String(j),height:String(S)}}),{loading:"lazy"})),d.type==="video"&&(0,e5.jsx)("video",{src:typeof d.src=="string"?d.src:(w=d.src)===null||w===void 0?void 0:(b=w[0])===null||b===void 0?void 0:b.src,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"auto",width:C?"100%":j,height:C?"100%":S,style:{objectFit:"cover"}})]}),v&&(0,e5.jsx)(e1,{direction:T,depth:m,color:L,"aria-hidden":"true"}),(0,e5.jsx)("div",{className:"overlay",style:{justifyContent:I},children:(0,e5.jsxs)("div",{className:"content",style:{textAlign:s},children:[i&&(0,e5.jsx)(eZ.NsTypography,{variant:"body-s",className:"brand-caption",noSpacing:!0,children:i}),e&&(0,e5.jsx)(eZ.NsTypography,{variant:"h2",weight:"bold",className:"title",children:e}),t&&(0,e5.jsx)(eZ.NsTypography,{variant:"h5",className:"subtitle",children:t}),r&&(0,e5.jsx)(eZ.NsTypography,{variant:"h6",className:"body",children:r}),a&&(0,e5.jsx)(eZ.NsButton,{href:a.destination,variant:"contained",children:a.label})]})})]})},e6=e8;var e3=require("@nuskin/foundation-ui-components"),e9=require("@nuskin/foundation-theme"),e7=require("react/jsx-runtime"),tn=function(n){return n==="center"?"center":n==="right"?"flex-end":"flex-start"},te=(0,e9.styled)("section")(_(),function(n){var e=n.alignment;return tn(e)});function tt(n){if(!n||n.trim()==="")return!1;if(n.startsWith("#")||n.startsWith("/"))return!0;try{return n.startsWith("//")||new URL(n),!0}catch(n){return!1}}var tr=function(n){var e=n.label,t=n.url,r=n.target,i=n.variant,a=i===void 0?"primary":i,d=n.fullWidth,c=d===void 0?!1:d,u=n.alignment,s=u===void 0?"left":u,f=n.backgroundColor,p=n.textColor,h=n.hoverColor,v=n.borderRadius,g=n.icon,m=n.iconPosition,x=m===void 0?"left":m,b=n.disabled,w=b===void 0?!1:b;var y,k;var j=tt(t)?t:void 0,S={primary:{bg:"#000000",color:"#ffffff",hover:"#c1c1c1"},secondary:{bg:"#ffffff",color:"#000000",hover:"#f0f0f0"},tertiary:{bg:"#0ea94b",color:"#ffffff",hover:"#0b8a3d"}},C=(y=S[a])!==null&&y!==void 0?y:S.primary,I={"--btn-bg":f!==null&&f!==void 0?f:C.bg,"--btn-color":p!==null&&p!==void 0?p:C.color,"--btn-hover":(k=h!==null&&h!==void 0?h:C.hover)!==null&&k!==void 0?k:C.bg,"--btn-shadow":"0 6px 10px rgba(0,0,0,0.25)","--btn-hover-shadow":h?"0 6px 10px rgba(0,0,0,0.25)":"0 10px 20px rgba(0,0,0,0.35)",borderRadius:v,width:c?"100%":void 0},L=typeof g=="string"&&Object.keys(e3.NsIconVariants).includes(g),T=function(n){if(!g||x!==n)return null;var e=n==="left"?{marginRight:2}:{marginLeft:2};return L?(0,e7.jsx)(e3.NsIcon,{name:g,size:"medium",colorOverride:I["--btn-color"],style:e}):(0,e7.jsx)("span",{style:e,children:g})};return(0,e7.jsx)(te,{alignment:c?"left":s,"data-testid":"button-wrapper","aria-label":"Button container",children:(0,e7.jsxs)(e3.NsButton,l(o({className:"custom-button custom-button--".concat(a),style:I,href:j},r==="_blank"?{target:"_blank",rel:"noopener noreferrer"}:{}),{"aria-disabled":w,disabled:w,children:[T("left"),(0,e7.jsx)("span",{children:e}),T("right")]}))})},ti=tr;//# sourceMappingURL=index.js.map
1
+ "use strict";function n(n,e){if(e==null||e>n.length)e=n.length;for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function e(n){if(Array.isArray(n))return n}function t(n,e,t){if(e in n){Object.defineProperty(n,e,{value:t,enumerable:true,configurable:true,writable:true})}else{n[e]=t}return n}function r(n,e){var t=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(t==null)return;var r=[];var i=true;var o=false;var a,l;try{for(t=t.call(n);!(i=(a=t.next()).done);i=true){r.push(a.value);if(e&&r.length===e)break}}catch(n){o=true;l=n}finally{try{if(!i&&t["return"]!=null)t["return"]()}finally{if(o)throw l}}return r}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(n){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};var i=Object.keys(r);if(typeof Object.getOwnPropertySymbols==="function"){i=i.concat(Object.getOwnPropertySymbols(r).filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))}i.forEach(function(e){t(n,e,r[e])})}return n}function a(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);if(e){r=r.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})}t.push.apply(t,r)}return t}function l(n,e){e=e!=null?e:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(e))}else{a(Object(e)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}function d(n,e){if(n==null)return{};var t=c(n,e);var r,i;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(i=0;i<o.length;i++){r=o[i];if(e.indexOf(r)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,r))continue;t[r]=n[r]}}return t}function c(n,e){if(n==null)return{};var t={};var r=Object.keys(n);var i,o;for(o=0;o<r.length;o++){i=r[o];if(e.indexOf(i)>=0)continue;t[i]=n[i]}return t}function u(n,t){return e(n)||r(n,t)||v(n,t)||i()}function s(n,e){if(!e){e=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function f(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function v(e,t){if(!e)return;if(typeof e==="string")return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(r);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}function p(){var n=s(["\n width: ",";\n background-color: ",";\n text-align: ",";\n color: ",";\n padding: 16px 32px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: 'Lora', serif;\n }\n\n h1 {\n font-size: 42px;\n line-height: 48px;\n }\n h2 {\n font-size: 36px;\n line-height: 42px;\n }\n h3 {\n font-size: 32px;\n line-height: 38px;\n }\n h4 {\n font-size: 26px;\n line-height: 34px;\n }\n h5 {\n font-size: 22px;\n line-height: 28px;\n }\n h6 {\n font-size: 18px;\n line-height: 24px;\n }\n\n p {\n margin: 0;\n padding: 0;\n }\n"]);p=function e(){return n};return n}function h(){var n=s(["\n text-align: ",";\n\n /* Mobile: Always center text */\n @media (max-width: 768px) {\n text-align: center;\n }\n"]);h=function e(){return n};return n}function g(){var n=s(["\n margin: 0 0 0.25rem 0;\n font-weight: 500;\n font-family:\n 'Inter',\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n 'Helvetica Neue',\n Arial,\n sans-serif;\n color: ",";\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 14px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 14px;\n }\n @media (min-width: 1441px) {\n font-size: 16px;\n }\n"]);g=function e(){return n};return n}function m(){var n=s(["\n margin: 0 0 0.75rem 0;\n font-weight: 700;\n font-family: 'Lora', Georgia, 'Times New Roman', serif;\n color: ",";\n font-size: 24px;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 32px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 40px;\n }\n @media (min-width: 1441px) {\n font-size: 48px;\n }\n"]);m=function e(){return n};return n}function x(){var n=s(["\n margin: 0 0 0.5rem 0;\n font-weight: 600;\n font-family:\n 'Inter',\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n 'Helvetica Neue',\n Arial,\n sans-serif;\n color: ",";\n font-size: 16px;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 18px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 20px;\n }\n @media (min-width: 1441px) {\n font-size: 22px;\n }\n"]);x=function e(){return n};return n}function b(){var n=s(["\n margin: 0;\n line-height: 1.6;\n font-family:\n 'Inter',\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n 'Helvetica Neue',\n Arial,\n sans-serif;\n color: ",";\n font-size: 14px;\n\n @media (min-width: 769px) and (max-width: 1024px) {\n font-size: 16px;\n }\n @media (min-width: 1025px) and (max-width: 1440px) {\n font-size: 18px;\n }\n @media (min-width: 1441px) {\n font-size: 20px;\n }\n"]);b=function e(){return n};return n}function w(){var n=s(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"]);w=function e(){return n};return n}function y(){var n=s(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"]);y=function e(){return n};return n}function k(){var n=s(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"]);k=function e(){return n};return n}function j(){var n=s(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n background-color: #f0f0f0;\n color: #666;\n font-size: 14px;\n"]);j=function e(){return n};return n}function S(){var n=s(["\n display: inline-block;\n width: auto;\n max-width: max-content;\n padding: 16px 32px;\n text-decoration: none;\n font-family: 'Lora', Georgia, 'Times New Roman', serif;\n font-size: 22px;\n font-weight: 400;\n border-radius: 50px;\n transition:\n background-color 0.3s ease,\n color 0.3s ease,\n border-color 0.3s ease,\n transform 0.1s ease,\n text-decoration 0.2s ease;\n\n /* Variant-specific styling */\n ","\n\n &:active {\n transform: translateY(0);\n }\n\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 4px;\n }\n\n /* Responsive sizing */\n @media (max-width: 768px) {\n padding: 12px 28px;\n font-size: 18px;\n }\n\n @media (min-width: 1441px) {\n padding: 18px 36px;\n font-size: 24px;\n }\n"]);S=function e(){return n};return n}function C(){var n=s(["\n position: relative;\n width: 100%;\n overflow: hidden;\n"]);C=function e(){return n};return n}function I(){var n=s(["\n position: relative;\n width: 100%;\n"]);I=function e(){return n};return n}function L(){var n=s(["\n display: flex;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n transform: translateX(-","%);\n"]);L=function e(){return n};return n}function T(){var n=s(["\n min-width: 100%;\n position: relative;\n"]);T=function e(){return n};return n}function M(){var n=s(["\n position: relative;\n min-height: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n @media (max-width: 768px) {\n min-height: ",";\n }\n"]);M=function e(){return n};return n}function O(){var n=s(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n"]);O=function e(){return n};return n}function A(){var n=s(["\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n justify-content: center;\n padding: 3rem;\n max-width: 600px;\n width: auto;\n\n /* Base positioning from props (applies to desktop/tablet) */\n ","\n\n /* Mobile: Override to always center content */\n @media (max-width: 768px) {\n padding: 2rem;\n max-width: 100%;\n margin: 0 auto;\n align-items: center;\n text-align: center;\n }\n"]);A=function e(){return n};return n}function E(){var n=s(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n pointer-events: none;\n\n /* Base gradient from props (applies to desktop/tablet) */\n ","\n\n /* Mobile: Override to always use radial gradient */\n @media (max-width: 768px) {\n ","\n }\n"]);E=function e(){return n};return n}function z(){var n=s(["\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 3;\n display: flex;\n gap: 0.75rem;\n align-items: center;\n\n @media (max-width: 768px) {\n bottom: 1.5rem;\n }\n"]);z=function e(){return n};return n}function N(){var n=s(["\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.9);\n background-color: ",";\n cursor: pointer;\n padding: 0;\n transition: all 0.3s ease;\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.9);\n transform: scale(1.15);\n }\n"]);N=function e(){return n};return n}function R(){var n=s(["\n width: 100%;\n position: relative;\n min-height: 400px;\n border: 1px solid #000;\n overflow: hidden;\n\n .media-layer {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .media-layer .media-fill {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .overlay {\n position: absolute;\n inset: 0;\n z-index: 2;\n display: flex;\n align-items: center;\n padding: clamp(16px, 4vw, 48px);\n pointer-events: none;\n }\n\n .content {\n max-width: min(520px, 90vw);\n max-height: min(350px, 65vh);\n z-index: 3;\n word-break: break-word;\n pointer-events: auto;\n }\n\n .title {\n font-size: clamp(22px, 3.5vw, 48px);\n line-height: 1.05;\n margin-bottom: 8px;\n font-family: 'Lora', serif;\n color: ",";\n }\n\n .subtitle {\n margin-bottom: 8px;\n font-size: clamp(16px, 2.2vw, 24px);\n line-height: 1.2;\n font-family: 'Lora', serif;\n color: ",";\n }\n\n .brand-caption {\n margin-bottom: 8px;\n font-size: clamp(12px, 1.5vw, 16px);\n line-height: 1.2;\n font-family: 'Lora', serif;\n color: ",";\n }\n\n .body {\n margin-bottom: 8px;\n font-size: clamp(14px, 1.6vw, 18px);\n line-height: 1.4;\n font-family: 'Lora', serif;\n color: ",";\n }\n"]);R=function e(){return n};return n}function q(){var n=s(["\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n\n ","\n\n /* Force radial gradient on small screens */\n @media (max-width: 768px) {\n ","\n }\n"]);q=function e(){return n};return n}function P(){var n=s(["\n display: flex;\n justify-content: ",";\n padding: 10px;\n background: #efefef;\n border: 1px solid rgba(0, 0, 0, 0.6);\n max-width: 400px;\n\n .custom-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-decoration: none;\n background: var(--btn-bg, #222);\n color: var(--btn-color, #fff);\n box-shadow: var(--btn-shadow, 0 6px 10px rgba(0, 0, 0, 0.25));\n font-family: Lora, sans-serif;\n min-width: 70px;\n min-height: 30px;\n }\n \n // Large Screen\n @media (min-width: 1025px) {\n .custom-button {\n font-size: 16px;\n padding: 14px 20px;\n font-weight: 600;\n }\n }\n\n // Desktop\n @media (max-width: 1024px) {\n .custom-button {\n font-size: 14px;\n padding: 10px 16px;\n font-weight: 500;\n }\n }\n \n // Tablet \n @media (max-width: 768px) {\n .custom-button {\n font-size: 12px !important;\n padding: 8px 14px !important;\n font-weight: 400;\n }\n }\n\n // Mobile \n @media (max-width: 425px) {\n .custom-button {\n font-size: 10px !important;\n padding: 6px 12px !important;\n font-weight: 400;\n }\n }\n \n\n .custom-button:hover {\n background: var(--btn-hover, var(--btn-bg, #222));\n box-shadow: var(--btn-hover-shadow, var(--btn-shadow));\n }\n\n .custom-button:focus:not(:focus-visible){\n border: none !important;\n }\n \n .custom-button:focus-visible {\n outline: 2px solid rgb(0, 109, 235);\n }\n\n .custom-button[aria-disabled='true'] {\n pointer-events: none;\n cursor: not-allowed;\n box-shadow: none;\n background: #e0e0e0;\n color: #6b6b6b;\n }\n"]);P=function e(){return n};return n}var _=Object.create;var D=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var V=function(n,e){for(var t in e)D(n,t,{get:e[t],enumerable:!0})},F=function(n,e,t,r){var i=true,o=false,a=undefined;if(e&&(typeof e==="undefined"?"undefined":f(e))=="object"||typeof e=="function")try{var l=function(){var i=c.value;!B.call(n,i)&&i!==t&&D(n,i,{get:function(){return e[i]},enumerable:!(r=W(e,i))||r.enumerable})};for(var d=G(e)[Symbol.iterator](),c;!(i=(c=d.next()).done);i=true)l()}catch(n){o=true;a=n}finally{try{if(!i&&d.return!=null){d.return()}}finally{if(o){throw a}}}return n};var H=function(n,e,t){return t=n!=null?_(U(n)):{},F(e||!n||!n.__esModule?D(t,"default",{value:n,enumerable:!0}):t,n)},$=function(n){return F(D({},"__esModule",{value:!0}),n)};var X={};V(X,{Button:function(){return ti},ColumnControl:function(){return eJ},CsImage:function(){return nz},CsMarketingBannerComponent:function(){return ef},CsSpacingDivider:function(){return eL},CsTextComponent:function(){return nC},DEFAULT_BANNER_CONFIG:function(){return ev},DEFAULT_CAROUSEL_CONFIG:function(){return ep},DEFAULT_ROTATION_INTERVAL:function(){return eh},DEVICE_SIZES:function(){return eA},HeroBanner:function(){return e6},MAX_ALLOWED_COLUMN_CONTROL_ITEMS:function(){return eN},MIN_SLIDE_HEIGHT_PX:function(){return ez},MIN_SLIDE_WIDTH_PX:function(){return eE},hasCTA:function(){return n9},hasMedia:function(){return n3},isCarouselMode:function(){return n6}});module.exports=$(X);var K=require("react"),Y=H(require("@emotion/styled"));var J=require("react");var Z="{%language}",Q="{%LANGUAGE}",nn="{%region}",ne="{%REGION}",nt=function(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return typeof n!="string"?"":(e.region&&(n=n.replace(nn,e.region),n=n.replace(ne,e.region.toUpperCase())),e.language&&(n=n.replace(Z,e.language),n=n.replace(Q,e.language.toUpperCase())),n)};var nr=function(){if((typeof window==="undefined"?"undefined":f(window))>"u")return;var n,e;var t=new URLSearchParams(window.location.search),r=(n=t.get("region"))!==null&&n!==void 0?n:void 0,i=(e=t.get("language"))!==null&&e!==void 0?e:void 0;if(r||i)return{region:r,language:i}};var ni=require("react"),no=require("@mui/material"),na=require("@nuskin/foundation-theme"),nl=na.ColorUtils,nd=nl.getGenomeColor;var nc=require("@mui/material"),nu=require("@nuskin/foundation-theme"),ns=require("react"),nf=nu.ColorUtils,nv=nf.getGenomeColor,np=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;var e=(0,nc.useTheme)();return(0,ns.useMemo)(function(){return nv(e,"N10",n?"light":"dark")},[n,e])},nh=np;var ng=require("react/jsx-runtime"),nm=function(){return(0,K.useMemo)(function(){return nr()},[])},nx=function(n,e){return!e||!n?n:nt(n,e)},nb=function(n,e){if((typeof window==="undefined"?"undefined":f(window))>"u"||!n||!e)return n;var t=new DOMParser().parseFromString(n,"text/html");return t.querySelectorAll("a").forEach(function(n){var t=n.getAttribute("href");t&&n.setAttribute("href",nx(t,e))}),t.body.innerHTML},nw=Y.default.div(p(),function(n){var e=n.fullWidth;return e?"100%":"auto"},function(n){var e=n.bgColor;return e},function(n){var e=n.alignment;return e},function(n){var e=n.color;return e}),ny=function(n){var e,t;var r;var i=(r=n===null||n===void 0?void 0:(t=n.brandColor)===null||t===void 0?void 0:(e=t.colorObj)===null||e===void 0?void 0:e.light)!==null&&r!==void 0?r:n===null||n===void 0?void 0:n.color;return typeof i=="string"&&i.trim()?i:null},nk=function(n){try{var e,t,r;var i=(r=JSON.parse(n))===null||r===void 0?void 0:(t=r.brandColor)===null||t===void 0?void 0:(e=t.colorObj)===null||e===void 0?void 0:e.light;return typeof i=="string"&&i.trim()?i:null}catch(n){return null}},nj=function(n){if(!n)return"transparent";var e;if((typeof n==="undefined"?"undefined":f(n))=="object")return(e=ny(n))!==null&&e!==void 0?e:"transparent";if(typeof n=="string"){var t=n.trim();var r;return t?t.startsWith("{")?(r=nk(t))!==null&&r!==void 0?r:"transparent":t:"transparent"}return"transparent"},nS=function(n){var e=n.full_width,t=e===void 0?!1:e,r=n.container_background_color,i=n.alignment,a=i===void 0?"left":i,l=n.text_editor,d=n.font_color,c=d===void 0?!1:d,u=n.$;var s=nh(c),f=nm(),v=(0,K.useMemo)(function(){return nj(r)},[r]),p=(0,K.useMemo)(function(){return nb(l,f)},[l,f]);return l?(0,ng.jsx)(nw,{fullWidth:t,bgColor:v,alignment:a,color:s,children:(0,ng.jsx)("div",o({dangerouslySetInnerHTML:{__html:p}},u===null||u===void 0?void 0:u.text_editor))}):null},nC=nS;var nI=require("@nuskin/foundation-ui-components");var nL=require("@nuskin/foundation-theme"),nT=(0,nL.styled)("div")(function(n){var e=n.image_alignment,t=e===void 0?"center":e,r=n.width,i=n.height;return{display:"flex",justifyContent:({left:"flex-start",right:"flex-end",center:"center"})[t],"& img":{maxWidth:"fit-content",objectFit:"contain",objectPosition:"center"}}});var nM=require("react/jsx-runtime"),nO="data:image/svg+xml;utf8,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" role="img" aria-label="Image not available">\n <defs>\n <linearGradient id="csImagePlaceholderGradient" x1="0" y1="0" x2="1" y2="1">\n <stop offset="0%" stop-color="#f3f4f6" />\n <stop offset="100%" stop-color="#e5e7eb" />\n </linearGradient>\n </defs>\n <rect width="400" height="300" fill="url(#csImagePlaceholderGradient)" />\n <g stroke="#d1d5db" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none">\n <rect x="60" y="60" width="280" height="180" rx="12" />\n <path d="M120 200 L180 140 L230 185 L260 160 L320 210" />\n <circle cx="160" cy="120" r="20" />\n </g>\n </svg>'),nA=["alt","className","fill","height","id","src","variant","width"],nE=function(n){var e=n.image_alignment,t=e===void 0?"center":e,r=n.image,i=n.parent$,a=n.isEditing,l=n.$,c=d(n,["image_alignment","image","parent$","isEditing","$"]),u=null,s=null,f=null;try{var v;var p=typeof r=="string"?JSON.parse(r):r,h=p===null||p===void 0?void 0:(v=p.image)===null||v===void 0?void 0:v[0];(h===null||h===void 0?void 0:h.selected)||(h===null||h===void 0?void 0:h.files)?(u=h===null||h===void 0?void 0:h.selected,s=h===null||h===void 0?void 0:h.files):(p===null||p===void 0?void 0:p.url)&&(f=p)}catch(n){console.warn("[CsImage] Failed to parse image prop:",n)}var g=nO,m="Image not available",x="100%",b="100%";if(u||s){var w;var y=(w=u===null||u===void 0?void 0:u.imageType)!==null&&w!==void 0?w:"transformBaseUrl",k=s===null||s===void 0?void 0:s[y];var j,S,C;(k===null||k===void 0?void 0:k.url)&&(g=k.url,m=(j=u===null||u===void 0?void 0:u.altText)!==null&&j!==void 0?j:"Image",x=(S=u===null||u===void 0?void 0:u.width)!==null&&S!==void 0?S:"100%",b=(C=u===null||u===void 0?void 0:u.height)!==null&&C!==void 0?C:"100%")}else(f===null||f===void 0?void 0:f.url)&&(g=f.url,m=f.title||f.filename||"Image");var I={src:g,alt:m,width:x,height:b};nA.forEach(function(n){c[n]!==void 0&&(I[n]=c[n])});var L=(c===null||c===void 0?void 0:c.full_width)?"container !p-0":"";return(0,nM.jsx)(nT,{image_alignment:t,width:I.width,height:I.height,className:L,children:(0,nM.jsx)(nI.NsImage,o({},I,(l===null||l===void 0?void 0:l.image)||{}))})},nz=nE;var nN=H(require("@emotion/styled")),nR=require("react/jsx-runtime"),nq=nN.default.div(h(),function(n){var e=n.textAlignment;return e}),nP=nN.default.p(g(),function(n){var e=n.fontColor;return e}),n_=nN.default.h2(m(),function(n){var e=n.fontColor;return e}),nD=nN.default.h3(x(),function(n){var e=n.fontColor;return e}),nW=nN.default.p(b(),function(n){var e=n.fontColor;return e});function nG(n){var e=n.headerText,t=n.title,r=n.subtitle,i=n.bodyText,o=n.textColor,a=o===void 0?"#ffffff":o,l=n.textAlignment,d=l===void 0?"left":l,c=n.testId;return!e&&!t&&!r&&!i?null:(0,nR.jsxs)(nq,{textAlignment:d,"data-testid":c,children:[e&&(0,nR.jsx)(nP,{fontColor:a,children:e}),t&&(0,nR.jsx)(n_,{fontColor:a,children:t}),r&&(0,nR.jsx)(nD,{fontColor:a,children:r}),i&&(0,nR.jsx)(nW,{fontColor:a,children:i})]})}var nU=H(require("react")),nB=H(require("@emotion/styled"));var nV=require("react");function nF(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};var e=n.enabled,t=e===void 0?!0:e,r=n.threshold,i=r===void 0?.1:r,o=n.rootMargin,a=o===void 0?"50px":o,l=(0,nV.useRef)(null),d=u((0,nV.useState)(!t||(typeof window==="undefined"?"undefined":f(window))>"u"||!("IntersectionObserver"in window)),2),c=d[0],s=d[1],v=u((0,nV.useState)(!1),2),p=v[0],h=v[1];return(0,nV.useEffect)(function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!("IntersectionObserver"in window)){s(!0);return}if(!t||c)return;var n=l.current;if(!n)return;var e=new IntersectionObserver(function(n){n.forEach(function(n){n.isIntersecting&&(s(!0),e.disconnect())})},{threshold:i,rootMargin:a});return e.observe(n),function(){e.disconnect()}},[t,c,i,a]),{ref:l,shouldLoad:c,hasError:p,handleError:function(){h(!0)}}}var nH=require("react/jsx-runtime"),n$=nB.default.div(w()),nX=nB.default.img(y()),nK=nB.default.video(k()),nY=nB.default.div(j());function nJ(n){var e=n.mediaUrl,t=n.fallbackMediaUrl,r=n.mediaType,i=r===void 0?"image":r,o=n.mediaAlt,a=o===void 0?"":o,l=n.onError,d=n.testId;var c=nF({enabled:!0}),s=c.ref,f=c.shouldLoad,v=c.hasError,p=c.handleError,h=u(nU.default.useState(e),2),g=h[0],m=h[1],x=function(){t&&g!==t?m(t):p(),l===null||l===void 0?void 0:l()};return(0,nH.jsx)(n$,{ref:s,"data-testid":d,children:v&&!t?(0,nH.jsx)(nY,{children:"Media unavailable"}):f?i==="video"?(0,nH.jsx)(nK,{src:g,onError:x,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,"data-testid":"".concat(d,"-video"),children:"Your browser does not support the video tag."}):(0,nH.jsx)(nX,{src:g,alt:a,onError:x,loading:"lazy","data-testid":"".concat(d,"-image")}):null})}var nZ=H(require("@emotion/styled")),nQ=require("react/jsx-runtime"),n0=nZ.default.a(S(),function(n){var e=n.variant;return e==="dark"?"\n background-color: #888888;\n color: #ffffff;\n border: 1px solid #888888;\n\n &:hover {\n background-color: #888888;\n color: #ffffff;\n border-color: #ffffff;\n text-decoration: underline;\n transform: translateY(-2px);\n }\n ":"\n background-color: transparent;\n color: #1a1a1a;\n border: 1px solid #888888;\n\n &:hover {\n background-color: transparent;\n color: #1a1a1a;\n border-color: #ffffff;\n text-decoration: underline;\n transform: translateY(-2px);\n }\n "},function(n){var e=n.variant;return e==="dark"?"#ffffff":"#888888"});function n1(n){var e=n.ctaLabel,t=n.ctaDestination,r=n.variant,i=r===void 0?"dark":r,o=n.onClick,a=n.testId;return(0,nQ.jsx)(n0,{href:t,variant:i,onClick:o,"data-testid":a,"aria-label":e,children:e})}var n2=require("react");var n5=require("react");function n4(){var n=u((0,n5.useState)(!1),2),e=n[0],t=n[1];return(0,n5.useEffect)(function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!window.matchMedia)return;var n=window.matchMedia("(prefers-reduced-motion: reduce)");t(n.matches);var e=function(n){t(n.matches)};return n.addEventListener("change",e),function(){return n.removeEventListener("change",e)}},[]),e}function n8(n){var e=n.totalSlides,t=n.autoRotate,r=t===void 0?!1:t,i=n.rotationInterval,o=i===void 0?5e3:i,a=n.pauseOnHover,l=a===void 0?!0:a,d=n.initialIndex,c=d===void 0?0:d,s=u((0,n2.useState)(c),2),f=s[0],v=s[1],p=u((0,n2.useState)(!1),2),h=p[0],g=p[1],m=n4(),x=(0,n2.useCallback)(function(){v(function(n){return(n+1)%e})},[e]),b=(0,n2.useCallback)(function(){v(function(n){return(n-1+e)%e})},[e]),w=(0,n2.useCallback)(function(n){n>=0&&n<e&&v(n)},[e]),y=(0,n2.useCallback)(function(){g(!0)},[]),k=(0,n2.useCallback)(function(){g(!1)},[]),j=(0,n2.useCallback)(function(n){switch(n.key){case"ArrowLeft":n.preventDefault(),b();break;case"ArrowRight":n.preventDefault(),x();break;case"Home":n.preventDefault(),w(0);break;case"End":n.preventDefault(),w(e-1);break}},[x,b,w,e]);return(0,n2.useEffect)(function(){if(!r||h||m)return;var n=setInterval(x,o);return function(){return clearInterval(n)}},[r,h,m,o,x]),{currentIndex:f,isPaused:h,totalSlides:e,goToNext:x,goToPrevious:b,goToSlide:w,pause:y,resume:k,handleKeyDown:j}}function n6(n){return Array.isArray(n.banners)&&n.banners.length>1}function n3(n){return!!n.mediaUrl}function n9(n){return!!(n.ctaLabel&&n.ctaDestination)}var n7=H(require("@emotion/styled")),en=n7.default.div(C()),ee=n7.default.div(I()),et=n7.default.div(L(),function(n){var e=n.currentIndex;return e*100}),er=n7.default.div(T()),ei=n7.default.div(M(),function(n){var e=n.hasMedia;return e?"600px":"auto"},function(n){var e=n.hasMedia;return e?"400px":"auto"}),eo=n7.default.div(O()),ea=n7.default.div(A(),function(n){var e=n.position,t=e===void 0?"left":e;return t==="center"?"\n margin: 0 auto;\n align-items: center;\n text-align: center;\n ":t==="right"?"\n margin-left: auto;\n margin-right: 0;\n align-items: flex-end;\n text-align: right;\n ":"\n margin-right: auto;\n align-items: flex-start;\n text-align: left;\n "}),el=n7.default.div(E(),function(n){var e=n.direction,t=n.depth,r=n.color;var i={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},o=i[t],a=o.start,l=o.end,d=r==="black"?"0, 0, 0":"255, 255, 255";return e==="leftToRight"?"background: linear-gradient(to right, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):e==="rightToLeft"?"background: linear-gradient(to left, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):e==="radial"?"background: radial-gradient(circle, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):""},function(n){var e=n.depth,t=n.color;var r={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},i=r[e],o=i.start,a=i.end,l=t==="black"?"0, 0, 0":"255, 255, 255";return"background: radial-gradient(circle, rgba(".concat(l,", ").concat(o,"), rgba(").concat(l,", ").concat(a,"));")}),ed=n7.default.div(z()),ec=n7.default.button(N(),function(n){var e=n.active;return e?"rgba(255, 255, 255, 0.9)":"transparent"});var eu=require("react/jsx-runtime"),es=function(n,e,t){var r,i,o,a;var l=n3(n),d=n9(n),c=(i=(r=n.testId)!==null&&r!==void 0?r:t)!==null&&i!==void 0?i:"banner",u={white:"#ffffff",dark:"#1a1a1a"}[(o=n.textColor)!==null&&o!==void 0?o:"white"],s=n.showGradient===!0,f=(a=n.position)!==null&&a!==void 0?a:"left",v=n.textColor==="dark"?"white":"black",p;f==="left"?p="leftToRight":f==="right"?p="rightToLeft":p="radial";var h;var g,m;return f==="center"?h="center":f==="right"?h="right":h="left",(0,eu.jsx)(er,{children:(0,eu.jsxs)(ei,{hasMedia:l,children:[l&&n.mediaUrl&&(0,eu.jsx)(eo,{children:(0,eu.jsx)(nJ,{mediaUrl:n.mediaUrl,fallbackMediaUrl:n.fallbackMediaUrl,mediaType:n.mediaType,mediaAlt:n.mediaAlt,testId:"".concat(c,"-").concat(e,"-media")})}),s&&(0,eu.jsx)(el,{direction:p,depth:(g=n.gradientDepth)!==null&&g!==void 0?g:"md",color:v}),(0,eu.jsxs)(ea,{position:f,children:[(0,eu.jsx)(nG,{headerText:n.headerText,title:n.title,subtitle:n.subtitle,bodyText:n.bodyText,textColor:u,textAlignment:h,testId:"".concat(c,"-").concat(e,"-text")}),d&&n.ctaLabel&&n.ctaDestination&&(0,eu.jsx)(n1,{ctaLabel:n.ctaLabel,ctaDestination:n.ctaDestination,variant:(m=n.ctaVariant)!==null&&m!==void 0?m:"dark",testId:"".concat(c,"-").concat(e,"-cta")})]})]})},"".concat(c,"-").concat(e))};function ef(n){var e=n.banners,t=n.rotationInterval,r=n.testId,i=n6(n),o=n8({totalSlides:e.length,autoRotate:i,rotationInterval:t!==null&&t!==void 0?t:5e3,pauseOnHover:!0,initialIndex:0});return(0,eu.jsxs)(en,{"data-testid":r!==null&&r!==void 0?r:"cs-marketing-banner",onKeyDown:i?o.handleKeyDown:void 0,onMouseEnter:i?o.pause:void 0,onMouseLeave:i?o.resume:void 0,children:[(0,eu.jsx)(ee,{children:(0,eu.jsx)(et,{currentIndex:o.currentIndex,totalSlides:e.length,children:e.map(function(n,e){return es(n,e,r)})})}),i&&(0,eu.jsx)(ed,{children:e.map(function(n,e){var t;return(0,eu.jsx)(ec,{active:e===o.currentIndex,onClick:function(){return o.goToSlide(e)},"aria-label":"Go to slide ".concat(e+1)},"".concat(r!==null&&r!==void 0?r:"banner","-indicator-").concat(e,"-").concat((t=n.title)!==null&&t!==void 0?t:""))})})]})}var ev={position:"left",textColor:"white",showGradient:!1,gradientDepth:"md",mediaType:"image",ctaVariant:"dark"},ep={rotationInterval:5e3},eh=5e3;var eg=require("@nuskin/foundation-theme");var em={thin:1,medium:2,thick:4},ex={mobile:"(max-width: 768px)",tablet:"(min-width: 769px) and (max-width: 1024px)",desktop:"(min-width: 1025px) and (max-width: 1439px)",ultra:"(min-width: 1440px)"};var eb=(0,eg.styled)("div")(function(n){var e=n.paddingVertical,r=n.dividerAlign;var i={none:{mobile:0,tablet:0,desktop:0,ultra:0},small:{mobile:8,tablet:8,desktop:8,ultra:12},medium:{mobile:12,tablet:12,desktop:16,ultra:20},large:{mobile:16,tablet:16,desktop:24,ultra:32}}[e];var o;return o={display:"flex",flexDirection:"column",alignItems:r==="center"?"center":r==="right"?"flex-end":"flex-start",paddingTop:"".concat(i.mobile,"px"),paddingBottom:"".concat(i.mobile,"px")},t(o,"@media ".concat(ex.tablet),{paddingTop:"".concat(i.tablet,"px"),paddingBottom:"".concat(i.tablet,"px")}),t(o,"@media ".concat(ex.desktop),{paddingTop:"".concat(i.desktop,"px"),paddingBottom:"".concat(i.desktop,"px")}),t(o,"@media ".concat(ex.ultra),{paddingTop:"".concat(i.ultra,"px"),paddingBottom:"".concat(i.ultra,"px")}),o}),ew=(0,eg.styled)("div")(function(n){var e=n.dividerStyle,t=n.dividerThicknessPx,r=n.dividerColor,i=n.dividerGradient,o=n.dividerWidthPercent;var a={width:"".concat(Math.max(0,Math.min(100,o)),"%")};if(i&&e!=="none"){if(a.height="".concat(t,"px"),a.backgroundImage=i,a.backgroundSize="100% 100%",e==="dashed"){var l=Math.max(12,t*4),d=Math.max(6,t*2);a.maskImage="repeating-linear-gradient(90deg, black 0px, black ".concat(l,"px, transparent ").concat(l,"px, transparent ").concat(l+d,"px)"),a.WebkitMaskImage="repeating-linear-gradient(90deg, black 0px, black ".concat(l,"px, transparent ").concat(l,"px, transparent ").concat(l+d,"px)")}else if(e==="dotted"){var c=Math.max(2,t),u=Math.max(8,c*3),s=c/2;a.maskImage="radial-gradient(circle ".concat(s,"px at 50% 50%, black 99%, transparent 100%)"),a.WebkitMaskImage="radial-gradient(circle ".concat(s,"px at 50% 50%, black 99%, transparent 100%)"),a.maskSize="".concat(u,"px ").concat(t,"px"),a.WebkitMaskSize="".concat(u,"px ").concat(t,"px"),a.maskRepeat="repeat-x",a.WebkitMaskRepeat="repeat-x",a.maskPosition="0 center",a.WebkitMaskPosition="0 center"}}else e==="none"?(a.height="".concat(t,"px"),a.backgroundImage=i):(a.borderBottomStyle=e,a.borderBottomWidth="".concat(t,"px"),a.borderBottomColor=r,a.height=0);return a});var ey=function(n){return n?/^#([A-Fa-f0-9]{6})$/.test(n):!1},ek=function(n){if(!n||!/^#([A-Fa-f0-9]{6})$/.test(n))return;var e=parseInt(n.slice(1,3),16),t=parseInt(n.slice(3,5),16),r=parseInt(n.slice(5,7),16);return{r:e,g:t,b:r}},ej=function(n,e){if(!n||n==="none")return;var t;var r=(t=ek(e))!==null&&t!==void 0?t:{r:0,g:0,b:0};switch(n){case"brand_soft":return"linear-gradient(90deg, rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",0.3), rgba(").concat(r.r,",").concat(r.g,",").concat(r.b,",0.8))");case"brand_bold":return"linear-gradient(90deg, rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",0.6), rgba(").concat(r.r,",").concat(r.g,",").concat(r.b,",1.0))");case"neutral_fade":return"linear-gradient(90deg, rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",0.4), rgba(").concat(r.r,",").concat(r.g,",").concat(r.b,",0.4))");default:return}};var eS=require("react/jsx-runtime"),eC="#000000",eI=function(n){var e=n.paddingVertical,t=e===void 0?"small":e,r=n.dividerStyle,i=r===void 0?"solid":r,o=n.dividerThickness,a=o===void 0?"thin":o,l=n.dividerColor,d=n.dividerGradientPreset,c=d===void 0?"none":d,u=n.dividerWidthPercent,s=u===void 0?100:u,f=n.dividerAlign,v=f===void 0?"left":f,p=em[a],h=ey(l)?l:eC,g=ej(c,h);return(0,eS.jsx)(eb,{paddingVertical:t,dividerAlign:v,children:i!=="none"&&(0,eS.jsx)(ew,{dividerStyle:i,dividerThicknessPx:p,dividerColor:h,dividerGradient:g,dividerWidthPercent:s!==null&&s!==void 0?s:100,"aria-hidden":"true"})})},eL=eI;var eT=require("react"),eM=H(require("react-slick"));var eO=require("@nuskin/foundation-theme");var eA={ULTRA_SMALL:320,EXTRA_SMALL:480,SMALL:600,MEDIUM:768,LARGE:1024,EXTRA_LARGE:1200,ULTRA_LARGE:1440,SUPER_LARGE:1920},eE=280,ez=320,eN=4;var eR=(0,eO.styled)("section")(function(n){var e=n.gap,r=n.height,i=n.columnHeight,a=n.fullWidth;var d;return l(o({position:"relative",width:"100%",textAlign:"center",padding:"0 80px 50px",height:r,boxSizing:"border-box"},a&&{padding:"0"}),(d={},t(d,"@media (max-width: ".concat(eA.MEDIUM,"px)"),o({padding:"0 40px 50px"},a&&{padding:"0"})),t(d,"@media (max-width: ".concat(eA.SMALL,"px)"),o({padding:"0 20px 40px"},a&&{padding:"0"})),t(d,".slick-slider",{position:"relative",display:"block",height:"100%"}),t(d,".slick-list",{position:"relative",overflow:"hidden",height:"100%",margin:"0 -".concat(e/2,"px"),padding:"1px 0"}),t(d,".slick-track",{display:"flex",height:"100%"}),t(d,".slick-slide",{padding:"0 ".concat(e/2,"px"),height:i,"& > div":{height:"100%",width:"100%","& > div":{height:"100%",width:"100%"}}}),t(d,".slick-dots",{position:"absolute",bottom:-36,display:"flex",justifyContent:"center",gap:8,listStyle:"none",padding:0,margin:0,width:"100%",left:0,li:{margin:0,width:12,height:12,button:{width:12,height:12,padding:0,borderRadius:"50%",border:"none",background:"#ccc",textIndent:-9999,cursor:"pointer",transition:"background 0.2s ease, transform 0.2s ease","&:before":{display:"none"}},"&.slick-active button":{background:"#4A90E2"}}}),t(d,"@media (max-width: ".concat(eA.SMALL,"px)"),{".slick-dots":{bottom:-32,gap:6,li:{width:10,height:10,button:{width:10,height:10}}}}),d))}),eq=(0,eO.styled)("button")(function(n){var e=n.direction,r=n.fullWidth;var i;return l(o({position:"absolute",top:"50%",transform:"translateY(-50%)",background:"rgba(0, 0, 0, 0.5)",color:"#fff",border:"none",borderRadius:"50%",width:48,height:48,padding:0,margin:0,cursor:"pointer",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",transition:"background 0.2s ease",fontSize:24,lineHeight:1,verticalAlign:"middle"},r?e==="prev"?{left:8}:{right:8}:e==="prev"?{left:-60}:{right:-60}),(i={"&:hover":{background:"rgba(0, 0, 0, 0.7)"},"&:focus":{outline:"2px solid #4A90E2",outlineOffset:2},"&:disabled":{opacity:.3,cursor:"not-allowed"}},t(i,"@media (max-width: ".concat(eA.MEDIUM,"px)"),o({width:40,height:40},r?e==="prev"?{left:4}:{right:4}:e==="prev"?{left:-45}:{right:-45})),t(i,"@media (max-width: ".concat(eA.SMALL,"px)"),o({width:32,height:32,fontSize:20},r?e==="prev"?{left:2}:{right:2}:e==="prev"?{left:-35}:{right:-35})),i))}),eP=(0,eO.styled)("div")({position:"relative",height:"100%"});var e_=require("slick-carousel/slick/slick.css"),eD=require("slick-carousel/slick/slick-theme.css"),eW=require("react/jsx-runtime"),eG=require("react");function eU(n){switch(n){case"single-full":return 1;case"two-equal":case"two-small-large":return 2;case"three-equal":case"three-small-medium-large":return 3;case"four-equal":return 4;default:return 1}}function eB(n,e){return e<=768?!1:n==="two-small-large"||n==="three-small-medium-large"}function eV(n,e,t){if(t<=768)return"auto";if(n==="two-small-large")return e%2===0?"33.33%":"66.67%";if(n==="three-small-medium-large"){var r=e%3;return r===0||r===2?"25%":"50%"}return"auto"}function eF(n,e){return n>=eA.EXTRA_LARGE?Math.min(e,4):n>=eA.LARGE?Math.min(e,3):n>=eA.SMALL?Math.min(e,2):1}function eH(n){var e=n.isGridLayout,t=n.isStackedViewport,r=n.isTabletGridViewport,i=n.gridSlides,o=n.presetColumns,a=n.slidesToShow;return e&&(t||r)?i.slice(0,Math.min(o,i.length)):e?i.slice(0,a):i}function e$(n){var e=n.isGridLayout,t=n.presetSlidesToShow,r=n.gridSlides,i=n.presetColumns,o=n.shouldShowDots,a=function(n){return Math.min(r.length,i,n)},l=function(n){return Math.min(t,n)};return[{breakpoint:eA.SMALL,settings:{slidesToShow:e?1:Math.min(t,1),slidesToScroll:1,swipeToSlide:!e,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:eA.MEDIUM,settings:{slidesToShow:e?a(2):l(2),slidesToScroll:1,swipeToSlide:!e,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:eA.LARGE,settings:{slidesToShow:e?a(eN):l(3),slidesToScroll:1,swipeToSlide:!e,arrows:!1,dots:o,variableWidth:!1}}]}function eX(n){var e=n.slidesForRender,t=n.presetColumns,r=n.gap,i=n.isVariableWidth,o=n.getSlideWidth,a=n.stackedVerticalGap,l=n.stackedItemHeight,d=n.useFlexLayout,c=d===void 0?!1:d,u=t===1?"100%":"calc(50% - ".concat(r/2,"px)");return e.map(function(n,t){var r;return!c&&i&&(r=o(t)),(0,eW.jsx)("section",{"aria-roledescription":"slide","aria-label":"Slide ".concat(t+1," of ").concat(e.length),style:{maxWidth:"none",margin:c?0:"0 0 ".concat(a,"px"),height:l,width:r,flex:c?"0 0 ".concat(u):void 0,boxSizing:c?"border-box":void 0,minWidth:i?0:eE,position:"relative"},children:(0,eW.jsx)("div",{style:{width:"100%",height:l,boxSizing:"border-box",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",overflow:"hidden",minWidth:0,position:"relative"},children:(0,eW.jsx)("div",{style:{maxWidth:"100%",height:"100%",width:"100%",overflow:"hidden"},children:n.children})})},n.id)})}function eK(n){var e=n.isStackedViewport,t=n.isTabletGridViewport,r=n.renderSlides,i=n.sliderRef,a=n.finalSettings,d=n.carouselKey,c=n.preset,u=n.gap;return e?(0,eW.jsx)("div",{className:"column-control-container",children:r()}):t?(0,eW.jsx)("div",{className:"column-control-container",style:{display:"flex",flexWrap:"wrap",gap:"".concat(u,"px"),width:"100%"},children:r(!0)}):(0,eG.createElement)(eM.default,l(o({ref:i},a),{key:"".concat(d,"-").concat(c)}),r())}var eY=function(n){var e=n.slides,t=n.preset,r=t===void 0?"single-full":t,i=n.layout,a=i===void 0?"grid":i,d=n.autoplayEnabled,c=d===void 0?!1:d,s=n.autoplayDuration,v=s===void 0?3e3:s,p=n.showPagination,h=p===void 0?!0:p,g=n.onSlideChange,m=n.className,x=n.slickSettings,b=n.gap,w=b===void 0?16:b,y=n.height,k=n.cardHeight,j=n.fullWidth,S=j===void 0?!1:j;var C=a==="grid",I=u((0,eT.useState)((typeof window==="undefined"?"undefined":f(window))<"u"?window.innerWidth:0),2),L=I[0],T=I[1];(0,eT.useEffect)(function(){var n,t=function(){clearTimeout(n),n=setTimeout(function(){T(window.innerWidth),J("carousel-".concat(r,"-").concat(e.length,"-").concat(Date.now()))},150)};return window.addEventListener("resize",t),function(){clearTimeout(n),window.removeEventListener("resize",t)}},[r,e.length]);var M=(0,eT.useMemo)(function(){return eU(r)},[r]),O=eF(L,M),A=eB(r,L),E=(0,eT.useMemo)(function(){return function(n){return eV(r,n,L)}},[r,L]),z=C?!1:c,N=C?!1:h,R=!C&&L>eA.LARGE,q=L<=eA.SMALL,P=C&&L>eA.SMALL&&L<=eA.LARGE,_=k!==null&&k!==void 0?k:ez+"px",D=C&&q?w:0,W=y!==null&&y!==void 0?y:"auto",G=C?e.slice(0,eN):e,U=C?Math.min(G.length,M,eN):O,B=C?N&&G.length>1:G.length>1,V=(0,eT.useMemo)(function(){return e$({isGridLayout:C,presetSlidesToShow:O,gridSlides:G,presetColumns:M,shouldShowDots:B})},[C,O,G,M,B]),F=o({dots:B,infinite:!C&&G.length>U,speed:500,slidesToShow:U,slidesToScroll:1,autoplay:z,autoplaySpeed:v,pauseOnHover:!0,arrows:!1,variableWidth:A,swipe:!C,draggable:!C,beforeChange:function(n,e){g&&g(e)},responsive:V},x),H=(0,eT.useRef)(null),$=function(){var n;(n=H.current)===null||n===void 0?void 0:n.slickPrev()},X=function(){var n;(n=H.current)===null||n===void 0?void 0:n.slickNext()},K=u((0,eT.useState)("carousel-".concat(r,"-").concat(e.length,"-").concat(Date.now())),2),Y=K[0],J=K[1];(0,eT.useEffect)(function(){J("carousel-".concat(r,"-").concat(e.length,"-").concat(Date.now()))},[r,e.length]);var Z=o({},F),Q=[m,C?"column-control-container":void 0].filter(Boolean).join(" "),nn=eH({isGridLayout:C,isStackedViewport:q,isTabletGridViewport:P,gridSlides:G,presetColumns:M,slidesToShow:U}),ne=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return eX({slidesForRender:nn,presetColumns:M,gap:w,isVariableWidth:A,getSlideWidth:E,stackedVerticalGap:D,stackedItemHeight:_,useFlexLayout:n})};return(0,eW.jsx)(eR,{gap:w,height:W,columnHeight:_,isVariableWidth:A,className:Q,"aria-label":a==="carousel"?"ColumnControl":"Column Control",fullWidth:S,children:(0,eW.jsxs)(eP,{children:[a==="carousel"&&(0,eG.createElement)(eM.default,l(o({ref:H},Z),{key:Y}),ne()),a==="grid"&&(0,eW.jsx)(eK,{isStackedViewport:q,isTabletGridViewport:P,renderSlides:ne,sliderRef:H,finalSettings:Z,carouselKey:Y,preset:r,gap:w}),a==="carousel"&&R&&e.length>U&&(0,eW.jsxs)(eW.Fragment,{children:[(0,eW.jsx)(eq,{direction:"prev",onClick:$,"aria-label":"Previous slide",fullWidth:S,children:"‹"}),(0,eW.jsx)(eq,{direction:"next",onClick:X,"aria-label":"Next slide",fullWidth:S,children:"›"})]})]})})},eJ=eY;var eZ=require("@nuskin/foundation-ui-components");var eQ=require("@nuskin/foundation-theme"),e0=(0,eQ.styled)("section")(R(),function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"},function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"},function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"},function(n){var e=n.textColor;return e!==null&&e!==void 0?e:"inherit"}),e1=eQ.styled.div(q(),function(n){var e=n.direction,t=n.depth,r=n.color;var i={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},o=i[t],a=o.start,l=o.end,d=r==="black"?"0, 0, 0":"255, 255, 255";return e==="leftToRight"?"background: linear-gradient(to right, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):e==="rightToLeft"?"background: linear-gradient(to left, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));"):"background: radial-gradient(circle, rgba(".concat(d,", ").concat(a,"), rgba(").concat(d,", ").concat(l,"));")},function(n){var e=n.depth,t=n.color;var r={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},i=r[e],o=i.start,a=i.end,l=t==="black"?"0, 0, 0":"255, 255, 255";return"background: radial-gradient(circle, rgba(".concat(l,", ").concat(o,"), rgba(").concat(l,", ").concat(a,"));")}),e2=function(n){return n==="center"?"center":n==="right"?"flex-end":"flex-start"};var e5=require("react/jsx-runtime"),e4=function(n,e){if(!n||n.includes("io=transform"))return n;var t=e||{},r=t.quality,i=r===void 0?95:r,o={mobile:480,tablet:768,desktop:1400,wide:1920,ultraWide:2560},a=o.desktop;if((typeof window==="undefined"?"undefined":f(window))<"u"){var l=window.innerWidth;l<=480?a=o.mobile:l<=768?a=o.tablet:l<=1280?a=o.desktop:l<=1920?a=o.wide:a=o.ultraWide}var d=n.includes("?")?"&":"?";return"".concat(n).concat(d,"io=transform:fill,width:").concat(a,"&q=").concat(i)},e8=function(n){var e=n.title,t=n.subtitle,r=n.body,i=n.brandCaption,a=n.primaryCta,d=n.media,c=n.className,u=n.contentAlignment,s=u===void 0?"left":u,v=n.width,p=n.height,h=n.gradientEnabled,g=h===void 0?!1:h,m=n.gradientDepth,x=m===void 0?"md":m,b=n.textColor,w=n.$,y=w===void 0?{}:w,k=n.parent$,j=k===void 0?{}:k;var S,C,I,L,T,M,O,A,E;var z=function(){if(!d)return null;var n;if((typeof d==="undefined"?"undefined":f(d))=="object"&&"type"in d&&"src"in d)return{type:d.type,src:d.src,alt:(n=d.alt)!==null&&n!==void 0?n:"hero media",width:d.width,height:d.height};if(typeof d=="string")try{var e,t,r;var i=JSON.parse(d);if((r=i.image)===null||r===void 0?void 0:(t=r[0])===null||t===void 0?void 0:(e=t.selected)===null||e===void 0?void 0:e.type){var o;var a=i.image[0],l=a.selected.type.toLowerCase();return{type:l,src:l==="video"?(o=a.previewUrls)===null||o===void 0?void 0:o[0]:a.selected.url,alt:a.selected.altText||"hero media",width:a.selected.width,height:a.selected.height}}}catch(n){return null}return null}(),N=v!==null&&v!==void 0?v:"100%",R=p!==null&&p!==void 0?p:"100%",q=String(N)==="100%"&&String(R)==="100%",P=e2(s),_=b==="black"?"white":"black",D={left:"leftToRight",center:"radial",right:"rightToLeft"}[s];var W,G,U,B,V,F,H;return(0,e5.jsxs)(e0,l(o({className:c,textColor:b,"aria-label":"Hero banner"},j!==null&&j!==void 0?j:{}),{children:[z&&(0,e5.jsxs)("div",{className:"media-layer",children:[(z.type==="image"||z.type==="gif")&&(0,e5.jsx)(eZ.NsImage,o(l(o({src:e4(z.src,{quality:95}),alt:z.alt},q?{variant:"fill",className:"media-fill"}:{style:{width:String(N),height:String(R)}}),{loading:"lazy"}),(W=y===null||y===void 0?void 0:(S=y.$)===null||S===void 0?void 0:S.media)!==null&&W!==void 0?W:{})),z.type==="video"&&(0,e5.jsx)("video",o({src:e4(z.src,{quality:95}),autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"auto",width:q?"100%":N,height:q?"100%":R,style:{objectFit:"cover"}},(G=y===null||y===void 0?void 0:(C=y.$)===null||C===void 0?void 0:C.media)!==null&&G!==void 0?G:{}))]}),g&&(0,e5.jsx)(e1,{direction:D,depth:x,color:_,"aria-hidden":"true"}),(0,e5.jsx)("div",{className:"overlay",style:{justifyContent:P},children:(0,e5.jsxs)("div",{className:"content",style:{textAlign:s},children:[i&&(0,e5.jsx)(eZ.NsTypography,{variant:"body-s",className:"brand-caption",noSpacing:!0,additionalProps:o({},(U=y===null||y===void 0?void 0:(I=y.$)===null||I===void 0?void 0:I.brandcaption)!==null&&U!==void 0?U:{}),children:i}),e&&(0,e5.jsx)(eZ.NsTypography,{variant:"h2",weight:"bold",className:"title",additionalProps:o({},(B=y===null||y===void 0?void 0:(L=y.$)===null||L===void 0?void 0:L.title)!==null&&B!==void 0?B:{}),children:e}),t&&(0,e5.jsx)(eZ.NsTypography,{variant:"h5",className:"subtitle",additionalProps:o({},(V=y===null||y===void 0?void 0:(T=y.$)===null||T===void 0?void 0:T.subtitle)!==null&&V!==void 0?V:{}),children:t}),r&&(0,e5.jsx)(eZ.NsTypography,{variant:"h6",className:"body",additionalProps:o({},(F=y===null||y===void 0?void 0:(M=y.$)===null||M===void 0?void 0:M.body)!==null&&F!==void 0?F:{}),children:r}),(a===null||a===void 0?void 0:(O=a.label)===null||O===void 0?void 0:O.trim())&&(0,e5.jsx)(eZ.NsButton,l(o({href:a===null||a===void 0?void 0:a.destination,variant:"contained"},(H=y===null||y===void 0?void 0:(E=y.cta)===null||E===void 0?void 0:(A=E.$)===null||A===void 0?void 0:A.title)!==null&&H!==void 0?H:{}),{children:a===null||a===void 0?void 0:a.label}))]})})]}))},e6=e8;var e3=require("@nuskin/foundation-ui-components"),e9=require("@nuskin/foundation-theme"),e7=require("react/jsx-runtime"),tn=function(n){return n==="center"?"center":n==="right"?"flex-end":"flex-start"},te=(0,e9.styled)("section")(P(),function(n){var e=n.alignment;return tn(e)});function tt(n){if(!n||n.trim()==="")return!1;if(n.startsWith("#")||n.startsWith("/"))return!0;try{return n.startsWith("//")||new URL(n),!0}catch(n){return!1}}var tr=function(n){var e=n.label,t=n.url,r=n.target,i=n.variant,a=i===void 0?"primary":i,d=n.fullWidth,c=d===void 0?!1:d,u=n.alignment,s=u===void 0?"left":u,f=n.backgroundColor,v=n.textColor,p=n.hoverColor,h=n.borderRadius,g=n.icon,m=n.iconPosition,x=m===void 0?"left":m,b=n.disabled,w=b===void 0?!1:b;var y,k;var j=tt(t)?t:void 0,S={primary:{bg:"#000000",color:"#ffffff",hover:"#c1c1c1"},secondary:{bg:"#ffffff",color:"#000000",hover:"#f0f0f0"},tertiary:{bg:"#0ea94b",color:"#ffffff",hover:"#0b8a3d"}},C=(y=S[a])!==null&&y!==void 0?y:S.primary,I={"--btn-bg":f!==null&&f!==void 0?f:C.bg,"--btn-color":v!==null&&v!==void 0?v:C.color,"--btn-hover":(k=p!==null&&p!==void 0?p:C.hover)!==null&&k!==void 0?k:C.bg,"--btn-shadow":"0 6px 10px rgba(0,0,0,0.25)","--btn-hover-shadow":p?"0 6px 10px rgba(0,0,0,0.25)":"0 10px 20px rgba(0,0,0,0.35)",borderRadius:h,width:c?"100%":void 0},L=typeof g=="string"&&Object.keys(e3.NsIconVariants).includes(g),T=function(n){if(!g||x!==n)return null;var e=n==="left"?{marginRight:2}:{marginLeft:2};return L?(0,e7.jsx)(e3.NsIcon,{name:g,size:"medium",colorOverride:I["--btn-color"],style:e}):(0,e7.jsx)("span",{style:e,children:g})};return(0,e7.jsx)(te,{alignment:c?"left":s,"data-testid":"button-wrapper","aria-label":"Button container",children:(0,e7.jsxs)(e3.NsButton,l(o({className:"custom-button custom-button--".concat(a),href:j},r==="_blank"?{target:"_blank",rel:"noopener noreferrer"}:{}),{"aria-disabled":w,disabled:w,sx:I,children:[T("left"),(0,e7.jsx)("span",{children:e}),T("right")]}))})},ti=tr;//# sourceMappingURL=index.js.map