@nuskin/marketing-components 1.18.0 → 1.19.0

package/dist/index.mjs

@@ -1 +1 @@
-function n(n,t){if(t==null||t>n.length)t=n.length;for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function t(n){if(Array.isArray(n))return n}function e(n,t,e){if(t in n){Object.defineProperty(n,t,{value:e,enumerable:true,configurable:true,writable:true})}else{n[t]=e}return n}function i(n,t){var e=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(e==null)return;var i=[];var r=true;var o=false;var a,l;try{for(e=e.call(n);!(r=(a=e.next()).done);r=true){i.push(a.value);if(t&&i.length===t)break}}catch(n){o=true;l=n}finally{try{if(!r&&e["return"]!=null)e["return"]()}finally{if(o)throw l}}return i}function r(){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 t=1;t<arguments.length;t++){var i=arguments[t]!=null?arguments[t]:{};var r=Object.keys(i);if(typeof Object.getOwnPropertySymbols==="function"){r=r.concat(Object.getOwnPropertySymbols(i).filter(function(n){return Object.getOwnPropertyDescriptor(i,n).enumerable}))}r.forEach(function(t){e(n,t,i[t])})}return n}function a(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);if(t){i=i.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})}e.push.apply(e,i)}return e}function l(n,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(t))}else{a(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function d(n,t){if(n==null)return{};var e=c(n,t);var i,r;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++){i=o[r];if(t.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,i))continue;e[i]=n[i]}}return e}function c(n,t){if(n==null)return{};var e={};var i=Object.keys(n);var r,o;for(o=0;o<i.length;o++){r=i[o];if(t.indexOf(r)>=0)continue;e[r]=n[r]}return e}function u(n,e){return t(n)||i(n,e)||v(n,e)||r()}function s(n,t){if(!t){t=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function f(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function v(t,e){if(!t)return;if(typeof t==="string")return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);if(i==="Object"&&t.constructor)i=t.constructor.name;if(i==="Map"||i==="Set")return Array.from(i);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return n(t,e)}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 t(){return n};return n}function m(){var n=s(["\n    font-size: ",";\n\n    "," {\n        font-size: ",";\n    }\n    "," {\n        font-size: ",";\n    }\n    "," {\n        font-size: ",";\n    }\n"]);m=function t(){return n};return n}function g(){var n=s(["\n    "," {\n        text-align: center;\n    }\n"]);g=function t(){return n};return n}function h(){var n=s(["\n    transition: ",";\n"]);h=function t(){return n};return n}function b(){var n=s(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n"]);b=function t(){return n};return n}function x(){var n=s(["\n    ","\n    width: 100%;\n    height: 100%;\n"]);x=function t(){return n};return n}function w(){var n=s(["\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n"]);w=function t(){return n};return n}function y(){var n=s(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"]);y=function t(){return n};return n}function k(){var n=s(["\n    margin: 0;\n    padding: 0;\n"]);k=function t(){return n};return n}function S(){var n=s(["\n    background: linear-gradient(",", rgba(",", ","), rgba(",", ","));\n"]);S=function t(){return n};return n}function T(){var n=s(["\n    background: radial-gradient(circle, rgba(",", ","), rgba(",", ","));\n"]);T=function t(){return n};return n}function E(){var n=s(["\n    text-align: ",";\n    ","\n"]);E=function t(){return n};return n}function L(){var n=s(["\n    margin: ",";\n    font-weight: 500;\n    font-family: ",";\n    color: ",";\n    letter-spacing: 0.05em;\n    ","\n"]);L=function t(){return n};return n}function A(){var n=s(["\n    margin: ",";\n    font-weight: 700;\n    font-family: ",";\n    color: ",";\n    ","\n"]);A=function t(){return n};return n}function I(){var n=s(["\n    margin: ",";\n    font-weight: 600;\n    font-family: ",";\n    color: ",";\n    ","\n"]);I=function t(){return n};return n}function M(){var n=s(["\n    margin: ",";\n    line-height: 1.6;\n    font-family: ",";\n    color: ",";\n    ","\n"]);M=function t(){return n};return n}function _(){var n=s(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"]);_=function t(){return n};return n}function C(){var n=s(["\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n"]);C=function t(){return n};return n}function j(){var n=s(["\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n"]);j=function t(){return n};return n}function O(){var n=s(["\n    ","\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n    color: ",";\n    font-size: 14px;\n"]);O=function t(){return n};return n}function D(){var n=s(["\n    width: 100%;\n    height: 100%;\n    display: block;\n"]);D=function t(){return n};return n}function R(){var n=s(["\n    display: block;\n"]);R=function t(){return n};return n}function P(){var n=s(["\n    background-color: ",";\n    color: ",";\n    border: 1px solid ",";\n\n    &:hover {\n        background-color: ",";\n        color: ",";\n        border-color: ",";\n        text-decoration: underline;\n        transform: translateY(-2px);\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n        outline-offset: 4px;\n    }\n"]);P=function t(){return n};return n}function W(){var n=s(["\n    background-color: transparent;\n    color: ",";\n    border: 1px solid ",";\n\n    &:hover {\n        background-color: transparent;\n        color: ",";\n        border-color: ",";\n        text-decoration: underline;\n        transform: translateY(-2px);\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n        outline-offset: 4px;\n    }\n"]);W=function t(){return n};return n}function U(){var n=s(["\n    display: inline-block;\n    width: auto;\n    max-width: max-content;\n    padding: ",";\n    text-decoration: none;\n    font-family: ",";\n    font-weight: 400;\n    border-radius: 50px;\n    transition:\n        background-color ",",\n        color ",",\n        border-color ",",\n        transform ",",\n        text-decoration ",";\n\n    ","\n\n    &:active {\n        transform: translateY(0);\n    }\n\n    ","\n\n    /* Responsive padding */\n    "," {\n        padding: ",";\n    }\n\n    "," {\n        padding: ",";\n    }\n"]);U=function t(){return n};return n}function G(){var n=s(["\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n"]);G=function t(){return n};return n}function B(){var n=s(["\n    position: relative;\n    width: 100%;\n"]);B=function t(){return n};return n}function N(){var n=s(["\n    display: flex;\n    transition: transform ",";\n    transform: translateX(-","%);\n"]);N=function t(){return n};return n}function z(){var n=s(["\n    min-width: 100%;\n    position: relative;\n"]);z=function t(){return n};return n}function $(){var n=s(["\n    position: relative;\n    min-height: ",";\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    "," {\n        min-height: ",";\n    }\n"]);$=function t(){return n};return n}function H(){var n=s(["\n    ","\n    z-index: ",";\n"]);H=function t(){return n};return n}function V(){var n=s(["\n    position: relative;\n    z-index: ",";\n    display: flex;\n    flex-direction: column;\n    gap: ",";\n    justify-content: center;\n    padding: ",";\n    max-width: ",";\n    width: auto;\n\n    /* Base positioning from props (applies to desktop/tablet) */\n    ","\n\n    /* Mobile: Override to always center content */\n    "," {\n        padding: ",";\n        max-width: 100%;\n        margin: 0 auto;\n        align-items: center;\n        text-align: center;\n    }\n"]);V=function t(){return n};return n}function F(){var n=s(["\n    ","\n    z-index: ",";\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    "," {\n        ","\n    }\n"]);F=function t(){return n};return n}function K(){var n=s(["\n    position: absolute;\n    bottom: ",";\n    ","\n    z-index: ",";\n    display: flex;\n    gap: ",";\n    align-items: center;\n\n    "," {\n        bottom: 1.5rem;\n    }\n"]);K=function t(){return n};return n}function X(){var n=s(["\n    width: ",";\n    height: ",";\n    border-radius: 50%;\n    border: "," solid ",";\n    background-color: ",";\n    cursor: pointer;\n    padding: 0;\n    ","\n\n    &:hover {\n        background-color: ",";\n        transform: scale(1.15);\n    }\n"]);X=function t(){return n};return n}function q(){var n=s(["\n    display: flex;\n    justify-content: ",";\n    width: 100%;\n"]);q=function t(){return n};return n}function Y(){var n=s(["\n    --btn-bg: ",";\n    --btn-hover: ",";\n    --btn-pressed: ",";\n    --btn-color: ",";\n    --btn-border: ",";\n    --btn-disabled-bg: ",";\n    --btn-disabled-color: ",";\n    --btn-focus: ",";\n    \n    &&&:link:not(:disabled):not([aria-disabled='true']),\n    &&&:visited:not(:disabled):not([aria-disabled='true']) {\n        color: var(--btn-color);\n        text-decoration: none;\n    }\n\n    && {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: ",";\n        text-decoration: none;\n        background: var(--btn-bg);\n        color: var(--btn-color);\n        border: 1px solid var(--btn-border);\n        font-family: ",";\n        min-width: ",";\n        min-height: ",";\n        white-space: normal;\n        overflow: hidden;\n        box-sizing: border-box;\n        width: ",";\n        ","\n    }\n\n    @media (min-width: ",") {\n        && {\n            font-size: ",";\n            padding: ",";\n            font-weight: ",";\n        }\n    }\n    \n    @media (max-width: ",") {\n        && {\n            font-size: ",";\n            padding: ",";\n            font-weight: ",";\n        }\n    }\n\n    @media (max-width: ",") {\n        && {\n            font-size: ",";\n            padding: ",";\n            font-weight: ",";\n        }\n    }\n    \n    &&:hover {\n        background: var(--btn-hover);\n    }\n    \n    &&:active {\n        background: var(--btn-pressed);\n    }\n\n    &&:focus {\n        border: 1px solid var(--btn-border);\n    }\n\n    &&:not(:disabled):hover {\n        background: var(--btn-hover);\n        border-color: var(--btn-border);\n    }\n\n    &&:not(:disabled):active {\n        background: var(--btn-pressed);\n        border-color: var(--btn-border);\n    }\n    \n    &&:focus-visible {\n        outline: "," solid var(--btn-focus);\n        background: var(--btn-pressed);\n        border: 1px solid ",";\n    }\n    \n    &&:disabled:focus-visible {\n        box-shadow: none;\n    }\n\n    &&[aria-disabled='true'],\n    &&:disabled {\n        pointer-events: none;\n        cursor: not-allowed;\n        background: var(--btn-disabled-bg);\n        color: var(--btn-disabled-color);\n        border-color: var(--btn-border);\n        box-shadow: none;\n    }\n\n    &&&&:link[aria-disabled='true'],\n    &&&&:link:disabled,\n    &&&&:visited[aria-disabled='true'],\n    &&&&:visited:disabled {\n        color: var(--btn-disabled-color);\n        text-decoration: none;\n    }\n    \n    &&[data-variant='secondary'][aria-disabled='true'],\n    &&[data-variant='secondary']:disabled {\n        border-color: var(--btn-border);\n    }\n"]);Y=function t(){return n};return n}function J(){var n=s(["\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    min-width: 0;\n"]);J=function t(){return n};return n}function Z(){var n=s(["\n    flex-shrink: 0;\n    ","\n    ","\n"]);Z=function t(){return n};return n}function Q(){var n=s(["\n    width: 100%;\n    position: relative;\n    min-height: 450px;\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    .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"]);Q=function t(){return n};return n}function nn(){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"]);nn=function t(){return n};return n}function nt(){var n=s(["\n    width: 100%;\n    height: 100%;\n    display: block;\n"]);nt=function t(){return n};return n}function ne(){var n=s(["\n    display: block;\n"]);ne=function t(){return n};return n}function ni(){var n=s(["\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    justify-content: ",";\n\n    // Force center alignment on mobile\n    @media (max-width: 768px) {\n        justify-content: center;\n    }\n"]);ni=function t(){return n};return n}function nr(){var n=s(["\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    text-align: ",";\n\n    // Force center alignment on mobile\n    @media (max-width: 768px) {\n        text-align: center;\n    }\n"]);nr=function t(){return n};return n}import{useMemo as no}from"react";import na from"@emotion/styled";import{useMemo as nl}from"react";var nd="{%language}",nc="{%LANGUAGE}",nu="{%region}",ns="{%REGION}",nf=function(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return typeof n!="string"?"":(t.region&&(n=n.replace(nu,t.region),n=n.replace(ns,t.region.toUpperCase())),t.language&&(n=n.replace(nd,t.language),n=n.replace(nc,t.language.toUpperCase())),n)};var nv="us",np="en";function nm(n){var t;if(!(n===null||n===void 0?void 0:(t=n.startsWith)===null||t===void 0?void 0:t.call(n,"?")))return;var e=new URLSearchParams(n),i=e.get("region"),r=e.get("language");if(!(!i&&!r))return{region:i!==null&&i!==void 0?i:nv,language:r!==null&&r!==void 0?r:np}}function ng(n){if(!n)return;var t=n.split("/").filter(Boolean);if(t.length<2)return;var e=u(t,2),i=e[0],r=e[1];if((i===null||i===void 0?void 0:i.length)===2&&(r===null||r===void 0?void 0:r.length)===2)return{region:i,language:r}}var nh=function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!window.location)return{region:nv,language:np};var n=window.location,t=n.search,e=n.pathname;var i,r;return(r=(i=nm(t))!==null&&i!==void 0?i:ng(e))!==null&&r!==void 0?r:{region:nv,language:np}};import{useMemo as nb}from"react";import{useTheme as nx}from"@mui/material";import{ColorUtils as nw}from"@nuskin/foundation-theme";var ny=nw.getGenomeColor;import{useTheme as nk}from"@mui/material";import{ColorUtils as nS}from"@nuskin/foundation-theme";import{useMemo as nT}from"react";var nE=nS.getGenomeColor,nL=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;var t=nk();return nT(function(){return nE(t,"N10",n?"light":"dark")},[n,t])},nA=nL;import{jsx as nI}from"react/jsx-runtime";var nM=function(){return no(function(){return nh()},[])},n_=function(n,t){return!t||!n?n:nf(n,t)},nC=function(n,t){if((typeof window==="undefined"?"undefined":f(window))>"u"||!n||!t)return n;var e=new DOMParser().parseFromString(n,"text/html");return e.querySelectorAll("a").forEach(function(n){var e=n.getAttribute("href");e&&n.setAttribute("href",n_(e,t))}),e.body.innerHTML},nj=na.div(p(),function(n){var t=n.fullWidth;return t?"100%":"auto"},function(n){var t=n.bgColor;return t},function(n){var t=n.alignment;return t},function(n){var t=n.color;return t}),nO=function(n){var t,e;var i;var r=(i=n===null||n===void 0?void 0:(e=n.brandColor)===null||e===void 0?void 0:(t=e.colorObj)===null||t===void 0?void 0:t.light)!==null&&i!==void 0?i:n===null||n===void 0?void 0:n.color;return typeof r=="string"&&r.trim()?r:null},nD=function(n){try{var t,e,i;var r=(i=JSON.parse(n))===null||i===void 0?void 0:(e=i.brandColor)===null||e===void 0?void 0:(t=e.colorObj)===null||t===void 0?void 0:t.light;return typeof r=="string"&&r.trim()?r:null}catch(n){return null}},nR=function(n){if(!n)return"transparent";var t;if((typeof n==="undefined"?"undefined":f(n))=="object")return(t=nO(n))!==null&&t!==void 0?t:"transparent";if(typeof n=="string"){var e=n.trim();var i;return e?e.startsWith("{")?(i=nD(e))!==null&&i!==void 0?i:"transparent":e:"transparent"}return"transparent"},nP=function(n){var t=n.full_width,e=t===void 0?!1:t,i=n.container_background_color,r=n.alignment,a=r===void 0?"left":r,l=n.text_editor,d=n.font_color,c=d===void 0?!1:d,u=n.$;var s=nA(c),f=nM(),v=no(function(){return nR(i)},[i]),p=no(function(){return nC(l,f)},[l,f]);return l?nI(nj,{fullWidth:e,bgColor:v,alignment:a,color:s,children:nI("div",o({dangerouslySetInnerHTML:{__html:p}},u===null||u===void 0?void 0:u.text_editor))}):null},nW=nP;import{NsImage as nU}from"@nuskin/foundation-ui-components";import{styled as nG}from"@nuskin/foundation-theme";var nB=nG("div")(function(n){var t=n.image_alignment,e=t===void 0?"center":t,i=n.width,r=n.height;return{display:"flex",justifyContent:({left:"flex-start",right:"flex-end",center:"center"})[e],"& img":{maxWidth:"fit-content",objectFit:"contain",objectPosition:"center"}}});import{jsx as nN}from"react/jsx-runtime";var nz="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>'),n$=["alt","className","fill","height","id","src","variant","width"],nH=function(n){var t=n.image_alignment,e=t===void 0?"center":t,i=n.image,r=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 i=="string"?JSON.parse(i):i,m=p===null||p===void 0?void 0:(v=p.image)===null||v===void 0?void 0:v[0];(m===null||m===void 0?void 0:m.selected)||(m===null||m===void 0?void 0:m.files)?(u=m===null||m===void 0?void 0:m.selected,s=m===null||m===void 0?void 0:m.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=nz,h="Image not available",b="100%",x="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 S,T,E;(k===null||k===void 0?void 0:k.url)&&(g=k.url,h=(S=u===null||u===void 0?void 0:u.altText)!==null&&S!==void 0?S:"Image",b=(T=u===null||u===void 0?void 0:u.width)!==null&&T!==void 0?T:"100%",x=(E=u===null||u===void 0?void 0:u.height)!==null&&E!==void 0?E:"100%")}else(f===null||f===void 0?void 0:f.url)&&(g=f.url,h=f.title||f.filename||"Image");var L={src:g,alt:h,width:b,height:x};n$.forEach(function(n){c[n]!==void 0&&(L[n]=c[n])});var A=(c===null||c===void 0?void 0:c.full_width)?"container !p-0":"";return nN(nB,{image_alignment:e,width:L.width,height:L.height,className:A,children:nN(nU,o({},L,(l===null||l===void 0?void 0:l.image)||{}))})},nV=nH;var nF={position:"left",textColor:"white",showGradient:!1,gradientDepth:"md",mediaType:"image",ctaVariant:"dark"},nK={rotationInterval:5e3},nX=5e3,nq={header:"Enter Header",title:"Enter Title",subtitle:"Enter Subtitle",body:"Enter Body Text"};import nY from"@emotion/styled";var nJ={mobile:0,tablet:768,desktop:1024,wide:1440},nZ={lora:"'Lora', Georgia, 'Times New Roman', serif",inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"},nQ={header:{mobile:"12px",tablet:"14px",desktop:"14px",wide:"16px"},title:{mobile:"24px",tablet:"32px",desktop:"40px",wide:"48px"},subtitle:{mobile:"16px",tablet:"18px",desktop:"20px",wide:"22px"},body:{mobile:"14px",tablet:"16px",desktop:"18px",wide:"20px"},cta:{mobile:"18px",tablet:"22px",wide:"24px"}},n0={headerMargin:"0 0 0.25rem 0",titleMargin:"0 0 0.75rem 0",subtitleMargin:"0 0 0.5rem 0",bodyMargin:"0",textGap:"1.5rem",desktopPadding:"3rem",mobilePadding:"2rem",carouselGap:"0.75rem",ctaPaddingDesktop:"16px 32px",ctaPaddingTablet:"12px 28px",ctaPaddingWide:"18px 36px"},n1={bannerHeightDesktop:"600px",bannerHeightMobile:"400px",textMaxWidth:"600px",indicatorSize:"12px",indicatorBorder:"2px"},n2={textWhite:"#ffffff",textDark:"#1D1D1B",textGray:"#666",ctaDark:"#888888",ctaBorder:"#888888",fallbackBg:"#f0f0f0",indicatorBorder:"rgba(255, 255, 255, 0.9)",indicatorActive:"rgba(255, 255, 255, 0.9)",indicatorInactive:"transparent"},n5={white:n2.textWhite,dark:n2.textDark},n6={fast:"0.1s ease",default:"0.3s ease",slow:"0.6s cubic-bezier(0.4, 0, 0.2, 1)"},n4={background:0,media:0,gradient:1,content:2,controls:3},n3={tablet:"@media (min-width: ".concat(nJ.tablet+1,"px) and (max-width: ").concat(nJ.desktop-1,"px)"),desktop:"@media (min-width: ".concat(nJ.desktop,"px) and (max-width: ").concat(nJ.wide-1,"px)"),wide:"@media (min-width: ".concat(nJ.wide,"px)"),mobileAndBelow:"@media (max-width: ".concat(nJ.tablet,"px)"),desktopAndUp:"@media (min-width: ".concat(nJ.desktop,"px)")};import{css as n8}from"@emotion/react";var n9=function(n){return n8(m(),n.mobile,n3.tablet,n.tablet||n.mobile,n3.desktop,n.desktop||n.tablet||n.mobile,n3.wide,n.wide||n.desktop||n.tablet||n.mobile)},n7=n8(g(),n3.mobileAndBelow),tn=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["background-color","color","border-color","transform","text-decoration"];return n8(h(),n.map(function(n){return"".concat(n," ").concat(n6.default)}).join(", "))};var tt=n8(b()),te=n8(x(),tt),ti=n8(w()),tr=n8(y()),to=n8(k());var ta=function(n,t,e,i){return n8(S(),n,i,t,i,e)},tl=function(n,t,e){return n8(T(),e,n,e,t)};var td=nY.div(E(),function(n){var t=n.textAlignment;return t},n7),tc=nY.p(L(),n0.headerMargin,nZ.inter,function(n){var t=n.fontColor;return t},n9(nQ.header)),tu=nY.h2(A(),n0.titleMargin,nZ.lora,function(n){var t=n.fontColor;return t},n9(nQ.title)),ts=nY.h3(I(),n0.subtitleMargin,nZ.inter,function(n){var t=n.fontColor;return t},n9(nQ.subtitle)),tf=nY.p(M(),n0.bodyMargin,nZ.inter,function(n){var t=n.fontColor;return t},n9(nQ.body));import{jsx as tv,jsxs as tp}from"react/jsx-runtime";function tm(n,t,e){if(e===!0&&(!n||n===t))return t;if(!(e===!1&&n===t))return n}function tg(n){var t=n.headerText,e=n.title,i=n.subtitle,r=n.bodyText,a=n.textColor,d=a===void 0?"#ffffff":a,c=n.textAlignment,u=c===void 0?"left":c,s=n.testId,f=n.$,v=n.isVisualBuilderContext;var p=tm(t,nq.header,v),m=tm(e,nq.title,v),g=tm(i,nq.subtitle,v),h=tm(r,nq.body,v);var b,x,w,y;return!p&&!m&&!g&&!h?null:tp(td,{textAlignment:u,"data-testid":s,children:[p&&tv(tc,l(o({fontColor:d},(b=f===null||f===void 0?void 0:f.header_text)!==null&&b!==void 0?b:{}),{children:p})),m&&tv(tu,l(o({fontColor:d},(x=f===null||f===void 0?void 0:f.title)!==null&&x!==void 0?x:{}),{children:m})),g&&tv(ts,l(o({fontColor:d},(w=f===null||f===void 0?void 0:f.subtitle)!==null&&w!==void 0?w:{}),{children:g})),h&&tv(tf,l(o({fontColor:d},(y=f===null||f===void 0?void 0:f.body_text)!==null&&y!==void 0?y:{}),{children:h}))]})}import th from"react";import tb from"@emotion/styled";var tx=tb.div(_()),tw=tb.img(C()),ty=tb.video(j()),tk=tb.div(O(),tr,n2.fallbackBg,n2.textGray),tS=tb.picture(D()),tT=tb.source(R());import{jsx as tE,jsxs as tL}from"react/jsx-runtime";function tA(n){var t=n.mediaUrl,e=n.fallbackMediaUrl,i=n.mediaType,r=i===void 0?"image":i,a=n.mediaAlt,d=a===void 0?"":a,c=n.onError,s=n.testId,f=n.$,v=n.isResponsive,p=n.desktopUrl,m=n.mobileUrl;var g=u(th.useState(t),2),h=g[0],b=g[1],x=u(th.useState(!1),2),w=x[0],y=x[1];th.useEffect(function(){b(t),y(!1)},[t]);var k=function(){e&&h!==e?b(e):y(!0),c===null||c===void 0?void 0:c()},S=function(){var n,t,i;return w&&!e?tE(tk,{}):r==="video"?tE(ty,o({src:h,onError:k,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,"data-testid":"".concat(s,"-video")},(n=f===null||f===void 0?void 0:f.bynder_media)!==null&&n!==void 0?n:{})):v&&m&&p?tL(tS,{children:[tE(tT,{media:"(max-width: 768px)",srcSet:m}),tE(tT,{media:"(min-width: 769px)",srcSet:p}),tE(tw,o({src:p,alt:d,onError:k,loading:"lazy","data-testid":"".concat(s,"-image")},(t=f===null||f===void 0?void 0:f.bynder_media)!==null&&t!==void 0?t:{}))]}):tE(tw,o({src:h,alt:d,onError:k,loading:"lazy","data-testid":"".concat(s,"-image")},(i=f===null||f===void 0?void 0:f.bynder_media)!==null&&i!==void 0?i:{}))};var T;return tE(tx,l(o({"data-testid":s},(T=f===null||f===void 0?void 0:f.bynder_media)!==null&&T!==void 0?T:{}),{children:S()}))}import tI from"@emotion/styled";import{css as tM}from"@emotion/react";var t_=tM(P(),n2.ctaDark,n2.textWhite,n2.ctaDark,n2.ctaDark,n2.textWhite,n2.textWhite,n2.textWhite),tC=tM(W(),n2.textDark,n2.ctaBorder,n2.textDark,n2.textWhite,n2.ctaBorder),tj=tI.a(U(),n0.ctaPaddingDesktop,nZ.lora,n6.default,n6.default,n6.default,n6.default,n6.default,function(n){var t=n.variant;return t==="dark"?t_:tC},n9(nQ.cta),n3.mobileAndBelow,n0.ctaPaddingTablet,n3.wide,n0.ctaPaddingWide);import{jsx as tO}from"react/jsx-runtime";function tD(n){var t=n.ctaLabel,e=n.ctaDestination,i=n.variant,r=i===void 0?"dark":i,a=n.onClick,d=n.testId,c=n.$;var u;return tO(tj,l(o({href:e,variant:r,onClick:a,"data-testid":d,"aria-label":t},(u=c===null||c===void 0?void 0:c.cta)!==null&&u!==void 0?u:{}),{children:t}))}import{useCallback as tR,useEffect as tP,useState as tW}from"react";import{useEffect as tU,useState as tG}from"react";function tB(){var n=u(tG(!1),2),t=n[0],e=n[1];return tU(function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!window.matchMedia)return;var n=window.matchMedia("(prefers-reduced-motion: reduce)");e(n.matches);var t=function(n){e(n.matches)};return n.addEventListener("change",t),function(){return n.removeEventListener("change",t)}},[]),t}function tN(n){var t=n.totalSlides,e=n.autoRotate,i=e===void 0?!1:e,r=n.rotationInterval,o=r===void 0?5e3:r,a=n.pauseOnHover,l=a===void 0?!0:a,d=n.initialIndex,c=d===void 0?0:d,s=u(tW(c),2),f=s[0],v=s[1],p=u(tW(!1),2),m=p[0],g=p[1],h=tB(),b=tR(function(){v(function(n){return(n+1)%t})},[t]),x=tR(function(){v(function(n){return(n-1+t)%t})},[t]),w=tR(function(n){n>=0&&n<t&&v(n)},[t]),y=tR(function(){g(!0)},[]),k=tR(function(){g(!1)},[]),S=tR(function(n){switch(n.key){case"ArrowLeft":n.preventDefault(),x();break;case"ArrowRight":n.preventDefault(),b();break;case"Home":n.preventDefault(),w(0);break;case"End":n.preventDefault(),w(t-1);break}},[b,x,w,t]);return tP(function(){if(!i||m||h)return;var n=setInterval(b,o);return function(){return clearInterval(n)}},[i,m,h,o,b]),{currentIndex:f,isPaused:m,totalSlides:t,goToNext:b,goToPrevious:x,goToSlide:w,pause:y,resume:k,handleKeyDown:S}}function tz(n){return Array.isArray(n.banners)&&n.banners.length>1}function t$(n){return!!n.mediaUrl}function tH(n){return!!(n.ctaLabel&&n.ctaDestination)}import tV from"@emotion/styled";var tF=tV.div(G()),tK=tV.div(B()),tX=tV.div(N(),n6.slow,function(n){var t=n.currentIndex;return t*100}),tq=tV.div(z()),tY=tV.div($(),function(n){var t=n.hasMedia;return t?n1.bannerHeightDesktop:"auto"},n3.mobileAndBelow,function(n){var t=n.hasMedia;return t?n1.bannerHeightMobile:"auto"}),tJ=tV.div(H(),tt,n4.media),tZ=tV.div(V(),n4.content,n0.textGap,n0.desktopPadding,n1.textMaxWidth,function(n){var t=n.position,e=t===void 0?"left":t;return e==="center"?"\n                margin: 0 auto;\n                align-items: center;\n                text-align: center;\n            ":e==="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        "},n3.mobileAndBelow,n0.mobilePadding),tQ=tV.div(F(),tt,n4.gradient,function(n){var t=n.direction,e=n.depth,i=n.color;var r={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},o=r[e],a=o.start,l=o.end,d=i==="black"?"0, 0, 0":"255, 255, 255";return t==="leftToRight"?ta("to right",a,l,d):t==="rightToLeft"?ta("to left",a,l,d):t==="radial"?tl(a,l,d):""},n3.mobileAndBelow,function(n){var t=n.depth,e=n.color;var i={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},r=i[t],o=r.start,a=r.end;return tl(o,a,e==="black"?"0, 0, 0":"255, 255, 255")}),t0=tV.div(K(),n0.carouselGap,ti,n4.controls,n0.carouselGap,n3.mobileAndBelow),t1=tV.button(X(),n1.indicatorSize,n1.indicatorSize,n1.indicatorBorder,n2.indicatorBorder,function(n){var t=n.active;return t?n2.indicatorActive:n2.indicatorInactive},tn(["all"]),n2.indicatorActive);import{jsx as t2,jsxs as t5}from"react/jsx-runtime";var t6=function(n,t,e,i){var r,o,a,l;var d=t$(n),c=tH(n),u=(o=(r=n.testId)!==null&&r!==void 0?r:i)!==null&&o!==void 0?o:"banner",s=n5[(a=n.textColor)!==null&&a!==void 0?a:"white"],f=n.showGradient===!0,v=(l=n.position)!==null&&l!==void 0?l:"left",p=n.textColor==="dark"?"white":"black",m;v==="left"?m="leftToRight":v==="right"?m="rightToLeft":m="radial";var g;var h,b;return v==="center"?g="center":v==="right"?g="right":g="left",t2(tq,{children:t5(tY,{hasMedia:d,children:[d&&n.mediaUrl&&t2(tJ,{children:t2(tA,{mediaUrl:n.mediaUrl,fallbackMediaUrl:n.fallbackMediaUrl,mediaType:n.mediaType,mediaAlt:n.mediaAlt,testId:"".concat(u,"-").concat(e,"-media"),$:n.$,isResponsive:n.isResponsive,desktopUrl:n.desktopUrl,mobileUrl:n.mobileUrl})}),f&&t2(tQ,{direction:m,depth:(h=n.gradientDepth)!==null&&h!==void 0?h:"md",color:p}),t5(tZ,{position:v,children:[t2(tg,{headerText:n.headerText,title:n.title,subtitle:n.subtitle,bodyText:n.bodyText,textColor:s,textAlignment:g,testId:"".concat(u,"-").concat(e,"-text"),$:n.$,isVisualBuilderContext:t}),c&&n.ctaLabel&&n.ctaDestination&&t2(tD,{ctaLabel:n.ctaLabel,ctaDestination:n.ctaDestination,variant:(b=n.ctaVariant)!==null&&b!==void 0?b:"dark",testId:"".concat(u,"-").concat(e,"-cta"),$:n.$})]})]})},"".concat(u,"-").concat(e))};function t4(n){var t=n.banners,e=n.rotationInterval,i=n.testId,r=n.isVisualBuilderContext,o=r===void 0?!1:r,a=tz(n),l=tN({totalSlides:t.length,autoRotate:a,rotationInterval:e!==null&&e!==void 0?e:5e3,pauseOnHover:!0,initialIndex:0});return t5(tF,{"data-testid":i!==null&&i!==void 0?i:"marketing-banner",onKeyDown:a?l.handleKeyDown:void 0,onMouseEnter:a?l.pause:void 0,onMouseLeave:a?l.resume:void 0,children:[t2(tK,{children:t2(tX,{currentIndex:l.currentIndex,totalSlides:t.length,children:t.map(function(n,t){return t6(n,o,t,i)})})}),a&&t2(t0,{children:t.map(function(n,t){var e;return t2(t1,{active:t===l.currentIndex,onClick:function(){return l.goToSlide(t)},"aria-label":"Go to slide ".concat(t+1)},"".concat(i!==null&&i!==void 0?i:"banner","-indicator-").concat(t,"-").concat((e=n.title)!==null&&e!==void 0?e:""))})})]})}function t3(n,t,e){var i=n!==null&&n!==void 0?n:{},r=i.url,o=r===void 0?"":r,a=i.type,l=a===void 0?"":a;var d;return l==="VIDEO"?t?o:(d=e===null||e===void 0?void 0:e[0])!==null&&d!==void 0?d:"":o}function t8(n,t){try{var e=new URL(n),i=e.searchParams.get("io");if(!i)return n;var r="".concat(i,",aspectratio:").concat(t),o=[];return o.push("io=".concat(r)),o.push("quality=95"),e.searchParams.forEach(function(n,t){t!=="io"&&o.push("".concat(t,"=").concat(n))}),"".concat(e.origin).concat(e.pathname,"?").concat(o.join("&"))}catch(t){return console.warn("Failed to generate responsive URL:",t),n}}function t9(n){try{return new URL(n).searchParams.has("io")?n:"".concat(n,"?io=transform:fill&quality=95")}catch(t){return n}}function t7(n){if(!n)return null;try{var t,e;var i=(e=JSON.parse(n))===null||e===void 0?void 0:(t=e.image)===null||t===void 0?void 0:t[0],r=i===null||i===void 0?void 0:i.selected,o=t3(r,i===null||i===void 0?void 0:i.isPublic,i===null||i===void 0?void 0:i.previewUrls),a="image";(r===null||r===void 0?void 0:r.type)==="VIDEO"?a="video":(r===null||r===void 0?void 0:r.type)==="IMAGE"&&(o===null||o===void 0?void 0:o.toLowerCase().endsWith(".gif"))&&(a="gif");var l;var d=(r===null||r===void 0?void 0:r.imageType)==="customTransformation",c={url:o,type:a,alt:(l=r===null||r===void 0?void 0:r.altText)!==null&&l!==void 0?l:""};return d&&a==="image"?(c.isResponsive=!0,c.desktopUrl=t8(o,"16x9"),c.mobileUrl=t8(o,"3x4"),c.url=c.desktopUrl):a==="image"&&(c.url=t9(o)),c}catch(n){return console.warn("Failed to parse bynder_media JSON:",n),null}}function en(n){var t,e,i,r,o;var a=t7(n.bynder_media);var l,d,c,u,s,f,v,p,m;return{title:n.title,headerText:n.header_text,subtitle:n.subtitle,bodyText:n.body_text,ctaLabel:(l=(t=n.cta)===null||t===void 0?void 0:t.label)!==null&&l!==void 0?l:n.cta_label,ctaDestination:(d=(e=n.cta)===null||e===void 0?void 0:e.url)!==null&&d!==void 0?d:n.cta_destination,ctaVariant:(c=(i=n.cta)===null||i===void 0?void 0:i.variant)!==null&&c!==void 0?c:n.cta_variant,mediaUrl:(u=a===null||a===void 0?void 0:a.url)!==null&&u!==void 0?u:"",fallbackMediaUrl:"",mediaType:(s=a===null||a===void 0?void 0:a.type)!==null&&s!==void 0?s:"image",mediaAlt:(f=a===null||a===void 0?void 0:a.alt)!==null&&f!==void 0?f:"",isResponsive:a===null||a===void 0?void 0:a.isResponsive,desktopUrl:a===null||a===void 0?void 0:a.desktopUrl,mobileUrl:a===null||a===void 0?void 0:a.mobileUrl,position:(v=n.content_position)!==null&&v!==void 0?v:n.position,textColor:n.text_color,showGradient:(p=(r=n.gradient)===null||r===void 0?void 0:r.show_gradient)!==null&&p!==void 0?p:n.show_gradient,gradientDepth:(m=(o=n.gradient)===null||o===void 0?void 0:o.gradient_depth)!==null&&m!==void 0?m:n.gradient_depth,$:n.$}}function et(n){return{banners:n.banners.map(en),rotationInterval:n.rotation_interval}}import{styled as ee}from"@nuskin/foundation-theme";var ei={thin:1,medium:2,thick:4},er={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 eo=ee("div")(function(n){var t=n.paddingVertical,i=n.dividerAlign;var r={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}}[t];var o;return o={display:"flex",flexDirection:"column",alignItems:i==="center"?"center":i==="right"?"flex-end":"flex-start",paddingTop:"".concat(r.mobile,"px"),paddingBottom:"".concat(r.mobile,"px")},e(o,"@media ".concat(er.tablet),{paddingTop:"".concat(r.tablet,"px"),paddingBottom:"".concat(r.tablet,"px")}),e(o,"@media ".concat(er.desktop),{paddingTop:"".concat(r.desktop,"px"),paddingBottom:"".concat(r.desktop,"px")}),e(o,"@media ".concat(er.ultra),{paddingTop:"".concat(r.ultra,"px"),paddingBottom:"".concat(r.ultra,"px")}),o}),ea=ee("div")(function(n){var t=n.dividerStyle,e=n.dividerThicknessPx,i=n.dividerColor,r=n.dividerGradient,o=n.dividerWidthPercent;var a={width:"".concat(Math.max(0,Math.min(100,o)),"%")};if(r&&t!=="none"){if(a.height="".concat(e,"px"),a.backgroundImage=r,a.backgroundSize="100% 100%",t==="dashed"){var l=Math.max(12,e*4),d=Math.max(6,e*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(t==="dotted"){var c=Math.max(2,e),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(e,"px"),a.WebkitMaskSize="".concat(u,"px ").concat(e,"px"),a.maskRepeat="repeat-x",a.WebkitMaskRepeat="repeat-x",a.maskPosition="0 center",a.WebkitMaskPosition="0 center"}}else t==="none"?(a.height="".concat(e,"px"),a.backgroundImage=r):(a.borderBottomStyle=t,a.borderBottomWidth="".concat(e,"px"),a.borderBottomColor=i,a.height=0);return a});var el=function(n){return n?/^#([A-Fa-f0-9]{6})$/.test(n):!1},ed=function(n){if(!n||!/^#([A-Fa-f0-9]{6})$/.test(n))return;var t=parseInt(n.slice(1,3),16),e=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return{r:t,g:e,b:i}},ec=function(n,t){if(!n||n==="none")return;var e;var i=(e=ed(t))!==null&&e!==void 0?e:{r:0,g:0,b:0};switch(n){case"soft":return"linear-gradient(90deg, rgba(".concat(i.r,",").concat(i.g,",").concat(i.b,",0.3), rgba(").concat(i.r,",").concat(i.g,",").concat(i.b,",0.8))");case"bold":return"linear-gradient(90deg, rgba(".concat(i.r,",").concat(i.g,",").concat(i.b,",0.6), rgba(").concat(i.r,",").concat(i.g,",").concat(i.b,",1.0))");case"faint":return"linear-gradient(90deg, rgba(".concat(i.r,",").concat(i.g,",").concat(i.b,",0.4), rgba(").concat(i.r,",").concat(i.g,",").concat(i.b,",0.4))");default:return}};import{jsx as eu}from"react/jsx-runtime";var es="#000000",ef=function(n){var t=n.paddingVertical,e=t===void 0?"small":t,i=n.dividerStyle,r=i===void 0?"solid":i,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=ei[a],m=el(l)?l:es,g=ec(c,m);return eu(eo,{paddingVertical:e,dividerAlign:v,children:r!=="none"&&eu(ea,{dividerStyle:r,dividerThicknessPx:p,dividerColor:m,dividerGradient:g,dividerWidthPercent:s!==null&&s!==void 0?s:100,"aria-hidden":"true"})})},ev=ef;import{useRef as ep,useMemo as em}from"react";import eg from"react-slick";import{styled as eh}from"@nuskin/foundation-theme";var eb={none:0,small:8,medium:12,large:16};function ex(n){return n===void 0?eb.large:typeof n=="number"?n:eb[n]}var ew={ULTRA_SMALL:320,EXTRA_SMALL:480,SMALL:600,MEDIUM:768,LARGE:1024,EXTRA_LARGE:1200,ULTRA_LARGE:1440,SUPER_LARGE:1920},ey=280,ek=320,eS=450,eT=4;var eE=eh("section")(function(n){var t=n.gap,i=n.height,r=n.columnHeight,a=n.maxColumnHeight,d=n.fullWidth;var c;return l(o({position:"relative",width:"100%",textAlign:"center",padding:"0 80px 50px",height:i,boxSizing:"border-box"},d&&{padding:"0"}),(c={},e(c,"@media (max-width: ".concat(ew.MEDIUM,"px)"),o({padding:"0 40px 50px"},d&&{padding:"0"})),e(c,"@media (max-width: ".concat(ew.SMALL,"px)"),o({padding:"0 20px 40px"},d&&{padding:"0"})),e(c,".slick-slider",{position:"relative",display:"block",height:"100%"}),e(c,".slick-list",l(o({position:"relative",overflow:"hidden",height:"100%"},r==="auto"&&{minHeight:280}),{margin:"0 -".concat(t/2,"px"),padding:"1px 0"})),e(c,".slick-track",{display:"flex",height:"100%"}),e(c,".slick-slide",l(o({padding:"0 ".concat(t/2,"px"),height:r==="auto"?"100%":r,minHeight:0},a!=null&&{maxHeight:"".concat(a,"px")}),{"& > div":{height:"100%",width:"100%","& > div":{height:"100%",width:"100%"}}})),e(c,".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"}}}),e(c,"@media (max-width: ".concat(ew.SMALL,"px)"),{".slick-dots":{bottom:-32,gap:6,li:{width:10,height:10,button:{width:10,height:10}}}}),c))}),eL=eh("div")(function(n){var t=n.gap;return{display:"flex",flexWrap:"wrap",gap:"".concat(t,"px"),width:"100%"}}),eA=eh("section")(function(n){var t=n.useFlexLayout,e=n.stackedVerticalGap,i=n.stackedItemHeight,r=n.stackedItemMaxHeight,a=n.slideWidth,d=n.flexBasis,c=n.isVariableWidth;return l(o({maxWidth:"none",margin:t?0:"0 0 ".concat(e,"px"),height:i==="auto"?"100%":i,minHeight:0},r!=null&&{maxHeight:r}),{width:a,flex:t&&d?"0 0 ".concat(d):void 0,boxSizing:t?"border-box":void 0,minWidth:c?0:ey,position:"relative"})}),eI=eh("div")(function(n){var t=n.stackedItemHeight;return{width:"100%",height:t==="auto"?"100%":t,minHeight:0,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"stretch",textAlign:"left",overflow:"hidden",minWidth:0,position:"relative"}}),eM=eh("div")({maxWidth:"100%",width:"100%",flex:1,minHeight:0,overflow:"hidden",display:"flex",flexDirection:"column"}),e_=eh("button")(function(n){var t=n.direction,i=n.fullWidth;var r;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"},i?t==="prev"?{left:8}:{right:8}:t==="prev"?{left:-60}:{right:-60}),(r={"&:hover":{background:"rgba(0, 0, 0, 0.7)"},"&:focus":{outline:"2px solid #4A90E2",outlineOffset:2},"&:disabled":{opacity:.3,cursor:"not-allowed"}},e(r,"@media (max-width: ".concat(ew.MEDIUM,"px)"),o({width:40,height:40},i?t==="prev"?{left:4}:{right:4}:t==="prev"?{left:-45}:{right:-45})),e(r,"@media (max-width: ".concat(ew.SMALL,"px)"),o({width:32,height:32,fontSize:20},i?t==="prev"?{left:2}:{right:2}:t==="prev"?{left:-35}:{right:-35})),r))}),eC=eh("div")({position:"relative",height:"100%"}),ej=eh("div")({padding:"10px",display:"flex",justifyContent:"center",alignItems:"center"});import eO from"react";function eD(n){return!n||typeof n=="function"?n:(typeof n==="undefined"?"undefined":f(n))=="object"&&n.default?n.default:n}var eR=function(n){var t=n.emptyBlockParentClass,e=n.text,i=e===void 0?"Add items to the column control/carousel":e;return eO.createElement(ej,{className:t},i)};function eP(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 eW(n,t){return t<=ew.MEDIUM?!1:n==="two-small-large"||n==="three-small-medium-large"}function eU(n,t,e){if(e<=ew.MEDIUM)return"auto";if(n==="two-small-large")return t%2===0?"33.33%":"66.67%";if(n==="three-small-medium-large"){var i=t%3;return i===0||i===2?"25%":"50%"}return"auto"}function eG(n,t){return n>=ew.EXTRA_LARGE?Math.min(t,4):n>=ew.LARGE?Math.min(t,3):n>=ew.SMALL?Math.min(t,2):1}function eB(n){var t=n.isGridLayout,e=n.isStackedViewport,i=n.isTabletGridViewport,r=n.gridSlides,o=n.presetColumns,a=n.slidesToShow;return t&&(e||i)?r.slice(0,Math.min(o,r.length)):t?r.slice(0,a):r}function eN(n){var t=n.isGridLayout,e=n.presetSlidesToShow,i=n.gridSlides,r=n.presetColumns,o=n.shouldShowDots,a=function(n){return Math.min(i.length,r,n)},l=function(n){return Math.min(e,n)};return[{breakpoint:ew.SMALL,settings:{slidesToShow:t?1:Math.min(e,1),slidesToScroll:1,swipeToSlide:!t,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:ew.MEDIUM,settings:{slidesToShow:t?a(2):l(2),slidesToScroll:1,swipeToSlide:!t,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:ew.LARGE,settings:{slidesToShow:t?a(eT):l(3),slidesToScroll:1,swipeToSlide:!t,arrows:!1,dots:o,variableWidth:!1}}]}import{useEffect as ez,useState as e$}from"react";function eH(n,t){var e=u(e$((typeof window==="undefined"?"undefined":f(window))<"u"?window.innerWidth:0),2),i=e[0],r=e[1],o=u(e$("carousel-".concat(n,"-").concat(t,"-").concat(Date.now())),2),a=o[0],l=o[1];return ez(function(){if((typeof window==="undefined"?"undefined":f(window))>"u")return;var e,i=function(){clearTimeout(e),e=setTimeout(function(){r(window.innerWidth),l("carousel-".concat(n,"-").concat(t,"-").concat(Date.now()))},150)};return window.addEventListener("resize",i),function(){clearTimeout(e),window.removeEventListener("resize",i)}},[n,t]),{windowWidth:i,carouselKey:a}}import"slick-carousel/slick/slick.css";import"slick-carousel/slick/slick-theme.css";import{Fragment as eV,jsx as eF,jsxs as eK}from"react/jsx-runtime";import{createElement as eX}from"react";var eq=eD(eg),eY=eD(eE),eJ=eD(e_),eZ=eD(eC),eQ=eD(eL),e0=eD(eA),e1=eD(eI),e2=eD(eM);function e5(n,t,e,i){var r=t<=ew.SMALL,o=n&&t>ew.SMALL&&t<=ew.LARGE;return{isStackedViewport:r,isTabletGridViewport:o,stackedItemHeight:"100%",stackedItemMaxHeight:eS,stackedVerticalGap:n&&r?e:0,containerHeight:i!==null&&i!==void 0?i:"auto"}}function e6(n,t,e,i,r){var o=t?n.slice(0,eT):n,a=t?Math.min(o.length,e,eT):i,l=t?r&&o.length>1:o.length>1;return{gridSlides:o,slidesToShow:a,shouldShowDots:l}}function e4(n){var t=n.slidesForRender,e=n.renderSlide,i=n.presetColumns,r=n.gap,a=n.isVariableWidth,d=n.getSlideWidth,c=n.stackedVerticalGap,u=n.stackedItemHeight,s=n.stackedItemMaxHeight,f=n.useFlexLayout,v=f===void 0?!1:f,p=n.$,m=p===void 0?{}:p,g=i===1?"100%":"calc(50% - ".concat(r/2,"px)");return t.map(function(n,i){var r;!v&&a&&(r=d(i));var f=n===null||n===void 0?void 0:n.id,p=f!=null?String(f):"slide-".concat(i);var h;return eF(e0,l(o({"aria-roledescription":"slide","aria-label":"Slide ".concat(i+1," of ").concat(t.length),useFlexLayout:v,stackedVerticalGap:c,stackedItemHeight:u,stackedItemMaxHeight:s,slideWidth:r,flexBasis:g,isVariableWidth:a},(h=m===null||m===void 0?void 0:m["slides__".concat(i)])!==null&&h!==void 0?h:{}),{children:eF(e1,{stackedItemHeight:u,stackedItemMaxHeight:s,children:eF(e2,{children:e(n,i)})})}),p)})}function e3(n){var t=n.emptyBlockParentClass,e=n.isStackedViewport,i=n.isTabletGridViewport,r=n.renderSlides,a=n.sliderRef,d=n.finalSettings,c=n.carouselKey,u=n.preset,s=n.slidesForRender,f=n.gap,v=n.$,p=v===void 0?{}:v;return e?eF("div",{className:"column-control-container",children:s.length>0?r():eF(eR,{emptyBlockParentClass:t})}):i?eF(eQ,{className:"column-control-container",gap:f,children:s.length>0?r(!0):eF(eR,{emptyBlockParentClass:t})}):s.length>0?eX(eq,l(o({ref:a},d),{key:"".concat(c,"-").concat(u)}),r(!0)):eF(eR,{emptyBlockParentClass:t})}function e8(n){var t=n.slides,e=n.renderSlide,i=n.preset,r=i===void 0?"single-full":i,a=n.layout,d=a===void 0?"grid":a,c=n.autoplayEnabled,u=c===void 0?!1:c,s=n.autoplayDuration,f=s===void 0?3:s,v=n.showPagination,p=v===void 0?!0:v,m=n.onSlideChange,g=n.className,h=n.slickSettings,b=n.gap,x=b===void 0?"medium":b,w=n.height,y=n.fullWidth,k=n.emptyBlockParentClass,S=n.isEditing,T=n.parent$,E=n.$;var L=ex(x),A=d==="grid",I=y!==null&&y!==void 0?y:A,M=eH(r,t.length),_=M.windowWidth,C=M.carouselKey,j=em(function(){return eP(r)},[r]),O=eG(_,j),D=eW(r,_),R=em(function(){return function(n){return eU(r,n,_)}},[r,_]),P=A?!1:u,W=A?!1:p,U=!A&&_>ew.LARGE,G=e5(A,_,L,w),B=G.isStackedViewport,N=G.isTabletGridViewport,z=G.stackedItemHeight,$=G.stackedItemMaxHeight,H=G.stackedVerticalGap,V=G.containerHeight,F=e6(t,A,j,O,W),K=F.gridSlides,X=F.slidesToShow,q=F.shouldShowDots,Y=em(function(){return eN({isGridLayout:A,presetSlidesToShow:O,gridSlides:K,presetColumns:j,shouldShowDots:q})},[A,O,K,j,q]),J=o({dots:q,infinite:!A&&K.length>X,speed:500,slidesToShow:X,slidesToScroll:1,autoplay:P,autoplaySpeed:f*1e3,pauseOnHover:!0,arrows:!1,variableWidth:D,swipe:!A,draggable:!A,beforeChange:function(n,t){m&&m(t)},responsive:Y},h),Z=ep(null),Q=function(){var n;(n=Z.current)===null||n===void 0?void 0:n.slickPrev()},nn=function(){var n;(n=Z.current)===null||n===void 0?void 0:n.slickNext()},nt=o({},J),ne=[g,A?"column-control-container":void 0].filter(Boolean).join(" "),ni=eB({isGridLayout:A,isStackedViewport:B,isTabletGridViewport:N,gridSlides:K,presetColumns:j,slidesToShow:X}),nr=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return e4({slidesForRender:ni,renderSlide:e,presetColumns:j,gap:L,isVariableWidth:D,getSlideWidth:R,stackedVerticalGap:H,stackedItemHeight:z,stackedItemMaxHeight:$,useFlexLayout:n,$:E})};var no,na;return eF(eY,l(o({gap:L,height:V,columnHeight:z,maxColumnHeight:$,isVariableWidth:D,className:ne,"aria-label":d==="carousel"?"Carousel Control":"Column Control",fullWidth:I},T!==null&&T!==void 0?T:{}),{children:eK(eZ,{children:[eK("div",l(o({},(no=E===null||E===void 0?void 0:E.slides)!==null&&no!==void 0?no:{},(na=E===null||E===void 0?void 0:E.slides__parent)!==null&&na!==void 0?na:{}),{"data-add-direction":"horizontal",children:[d==="carousel"&&eX(eq,l(o({ref:Z},nt),{key:C}),ni.length>0?nr():eF(eR,{emptyBlockParentClass:k})),d==="grid"&&eF(e3,{emptyBlockParentClass:k,slidesForRender:ni,isStackedViewport:B,isTabletGridViewport:N,renderSlides:nr,sliderRef:Z,finalSettings:nt,carouselKey:C,preset:r,gap:L,$:E})]})),d==="carousel"&&U&&t.length>X&&eK(eV,{children:[eF(eJ,{direction:"prev",onClick:Q,"aria-label":"Previous slide",fullWidth:I,children:"‹"}),eF(eJ,{direction:"next",onClick:nn,"aria-label":"Next slide",fullWidth:I,children:"›"})]})]})}))}var e9=e8;import{NsIcon as e7,NsIconVariants as it}from"@nuskin/foundation-ui-components";import{NsButton as ie}from"@nuskin/foundation-ui-components";import{styled as ii}from"@nuskin/foundation-theme";var ir="99px";var io="noopener noreferrer";var ia="http:",il="https:",id="disabled",ic="primary",iu="small",is="left",iv="left",ip="square",im="Enter Label",ig="No",ih="rounded",ib="square",ix="transparent";function iw(n){if(!n||n.trim()==="")return!1;var t=n.trim();if(t.startsWith("#")||t.startsWith("/")||t.startsWith("//"))return!0;try{var e=new URL(t);return e.protocol===ia||e.protocol===il}catch(n){return!1}}function iy(n){return n==="Yes"?"_blank":"_self"}function ik(n){return n==null?!1:typeof n=="string"?n===id:n}var iS={arrow:"arrowRight"};function iT(n){var t;if(n)return(t=iS[n])!==null&&t!==void 0?t:n}var iE={primary:{bg:"#1f1f1f",hover:"#3a3530",pressed:"#000000",text:"#ffffff",disabledBg:"#e6e6e6",disabledText:"#9e9e9e",focusRing:"#4f84b4"},secondary:{bg:"#ffffff",hover:"#f2f2f2",pressed:"#e6e6e6",text:"#000000",border:"#626262",disabledBg:"#f2f2f2",disabledText:"#b0b0b0",focusRing:"#4f84b4"}},iL={large:"400px",medium:"250px",small:"130px"},iA="130px";function iI(n){var t;return(t=iL[n])!==null&&t!==void 0?t:iA}var iM={small:"small",medium:"medium",large:"medium"},i_="medium";function iC(n){var t;return(t=iM[n])!==null&&t!==void 0?t:i_}var ij="4px",iO="70px",iD="30px",iR="769px",iP="768px",iW="425px",iU="13px",iG="12px",iB="10px",iN="10px 6px",iz="8px 6px",i$="4px 8px",iH=500,iV=400,iF="2px",iK="Lora, sans-serif",iX="transparent",iq="center",iY="flex-end",iJ="flex-start",iZ=function(n){return n==="center"?iq:n==="right"?iY:iJ},iQ=ii("div")(q(),function(n){return iZ(n.alignment)}),i0=ii(ie)(Y(),function(n){return n.$bg},function(n){return n.$hover},function(n){return n.$pressed},function(n){return n.$text},function(n){return n.$border},function(n){return n.$disabledBg},function(n){return n.$disabledText},function(n){return n.$focusRing},ij,iK,iO,iD,function(n){return n.$buttonWidth},function(n){return n.$buttonType===ih&&"border-radius: ".concat(ir,";")},iR,iU,iN,iH,iP,iG,iz,iV,iW,iB,i$,iV,iF,iX),i1=ii.span(J()),i2="".concat(2,"px"),i5=ii.span(Z(),function(n){return n.position==="left"&&"margin-right: ".concat(i2,";")},function(n){return n.position==="right"&&"margin-left: ".concat(i2,";")});import{jsx as i6,jsxs as i4}from"react/jsx-runtime";var i3=function(n){var t=n.label,e=n.open_in_new_tab,i=e===void 0?ig:e,r=n.variant,a=n.button_size,d=n.alignment,c=n.buttontype,u=c===void 0?ip:c,s=n.icon,f=n.iconposition,v=n.button_state,p=n.placeholder_text,m=p===void 0?im:p,g=n.isEditing,h=n.$,b=n.parent$;var x,w;var y,k,S;var T=r!==null&&r!==void 0?r:ic,E=a!==null&&a!==void 0?a:iu,L=d!==null&&d!==void 0?d:is,A=f!==null&&f!==void 0?f:iv,I=u===ih?ih:ib,M=(y=t===null||t===void 0?void 0:(x=t.href)===null||x===void 0?void 0:x.trim())!==null&&y!==void 0?y:void 0,_=iw(M)?M:void 0,C=(k=iE[T])!==null&&k!==void 0?k:iE[ic],j=iI(E),O=iy(i),D=ik(v),R=(S="border"in C?C.border:void 0)!==null&&S!==void 0?S:ix,P=iT(s),W=typeof P=="string"&&P in it,U=iC(E),G=function(n){if(!P||!W||A!==n)return null;var t=D?C.disabledText:C.text;var e;return i6(i5,{position:n,children:i6(e7,o({name:P,size:U,colorOverride:t},(e=h===null||h===void 0?void 0:h.icon)!==null&&e!==void 0?e:{}))})},B=function(){var n;var e=(n=t===null||t===void 0?void 0:t.title)!==null&&n!==void 0?n:"";return g?e:e===""||e===m?m:e};var N;return i6(iQ,{alignment:L,children:i4(i0,l(o(l(o({$variant:T,$buttonWidth:j,$buttonType:I,$bg:C.bg,$hover:C.hover,$pressed:C.pressed,$text:C.text,$border:R,$disabledBg:C.disabledBg,$disabledText:C.disabledText,$focusRing:C.focusRing,href:_,"data-variant":T},O==="_blank"?{target:"_blank",rel:io}:{}),{"aria-disabled":D,disabled:D}),b!==null&&b!==void 0?b:{}),{children:[G("left"),i6(i1,l(o({},(N=t===null||t===void 0?void 0:(w=t.$)===null||w===void 0?void 0:w.title)!==null&&N!==void 0?N:{}),{children:B()})),G("right")]}))})},i8=i3;import{NsTypography as i9}from"@nuskin/foundation-ui-components";import{jsx as i7}from"react/jsx-runtime";var rn=function(n){var t=n.value,e=n.placeholder,i=n.isEditing,r=n.typographyProps;var a=t;return!i&&t!==e?a=t:t===""&&(a=e),i7(i9,l(o({},r),{children:a}))};var rt="Enter Brand Caption",re="Enter Title",ri="Enter Subtitle",rr="Enter Body",ro="Hero banner",ra="lazy";import{Fragment as rl,jsx as rd}from"react/jsx-runtime";var rc=function(n,t,e,i){return[{value:n,placeholder:rt,variant:"body-s",className:"brand-caption",noSpacing:!0,editTagKey:"brandcaption"},{value:t,placeholder:re,variant:"h2",className:"title",weight:"bold",editTagKey:"title"},{value:e,placeholder:ri,variant:"h5",className:"subtitle",editTagKey:"subtitle"},{value:i,placeholder:rr,variant:"h6",className:"body",editTagKey:"body"}]},ru=function(n){var t=n.brandcaption,e=n.title,i=n.subtitle,r=n.body,a=n.isEditing,d=n.editTags,c=d===void 0?{}:d;var u=rc(t,e,i,r);return rd(rl,{children:u.map(function(n){var t;var e=l(o({variant:n.variant,className:n.className},n.noSpacing&&{noSpacing:!0},n.weight&&{weight:n.weight}),{additionalProps:o({},(t=c===null||c===void 0?void 0:c[n.editTagKey])!==null&&t!==void 0?t:{})});return rd(rn,{value:n.value,placeholder:n.placeholder,isEditing:a,typographyProps:e},n.editTagKey)})})};import{NsImage as rs}from"@nuskin/foundation-ui-components";import{styled as rf}from"@nuskin/foundation-theme";var rv=rf("section")(Q(),function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"},function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"},function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"},function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"}),rp={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},rm=function(n,t,e){var i=rp[t],r=i.start,o=i.end,a=e==="black"?"0, 0, 0":"255, 255, 255";return n==="leftToRight"?"background: linear-gradient(to right, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));"):n==="rightToLeft"?"background: linear-gradient(to left, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));"):"background: radial-gradient(circle, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));")},rg=rf.div(nn(),function(n){var t=n.direction,e=n.depth,i=n.color;return rm(t,e,i)},function(n){var t=n.depth,e=n.color;var i=rp[t],r=i.start,o=i.end,a=e==="black"?"0, 0, 0":"255, 255, 255";return"background: radial-gradient(circle, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));")}),rh=rf.picture(nt()),rb=rf.source(ne()),rx=rf.div(ni(),function(n){var t=n.justifyContent;return t!==null&&t!==void 0?t:"flex-start"}),rw=rf.div(nr(),function(n){var t=n.textAlign;return t!==null&&t!==void 0?t:"left"}),ry=function(n){return n==="center"?"center":n==="right"?"flex-end":"flex-start"};var rk="100%",rS="(max-width: 768px)",rT="(min-width: 769px)";function rE(n){return(typeof n==="undefined"?"undefined":f(n))=="object"&&n!==null&&"type"in n&&"src"in n}function rL(n){if(!n)return null;var t,e;if(rE(n))return{type:n.type,url:(t=n.src)!==null&&t!==void 0?t:"",alt:(e=n.alt)!==null&&e!==void 0?e:"",width:n.width,height:n.height,isResponsive:!1};if(typeof n=="string"){var i=t7(n);var r;if(i)return{type:i.type,url:i.url,alt:i.alt,isResponsive:(r=i.isResponsive)!==null&&r!==void 0?r:!1,desktopUrl:i.desktopUrl,mobileUrl:i.mobileUrl}}return null}function rA(n){return n!==null&&n!==void 0?n:"left"}function rI(n){return n!==null&&n!==void 0?n:"md"}function rM(n){return n==="white"?"white":"black"}function r_(n){if(!n)return;var t=String(n);return t!==""?t:void 0}function rC(n){if(!n)return;var t=String(n);return t!==""?t:void 0}function rj(n){return n==="black"?"white":"black"}var rO={left:"leftToRight",center:"radial",right:"rightToLeft"};function rD(n){return rO[n]}function rR(n,t){return String(n)===rk&&String(t)===rk}function rP(n,t,e){return n?{variant:"fill",className:"media-fill"}:{style:{width:String(t),height:String(e)}}}import{jsx as rW,jsxs as rU}from"react/jsx-runtime";var rG=function(n){var t=n.parsedMedia,e=n.mediaWidth,i=n.mediaHeight,r=n.mediaAttributes,a=r===void 0?{}:r;if(!t)return null;var d=rR(e,i),c=rP(d,e,i),u=function(){var n=o(l(o({},c),{loading:ra}),a);var e,i;return t.isResponsive&&t.desktopUrl&&t.mobileUrl?rU(rh,{children:[rW(rb,{media:rS,srcSet:t.mobileUrl}),rW(rb,{media:rT,srcSet:t.desktopUrl}),rW(rs,o({src:t.desktopUrl,alt:t.alt},n))]}):rW(rs,o({src:(e=t.url)!==null&&e!==void 0?e:"",alt:(i=t.alt)!==null&&i!==void 0?i:""},n))},s=t.type==="image"||t.type==="gif"?u():t.type==="video"?rW("video",o({src:t.url,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"auto",width:d?rk:e,height:d?rk:i,style:{objectFit:"cover"}},a)):null;return s?rW("div",{className:"media-layer",children:s}):null};import{jsx as rB,jsxs as rN}from"react/jsx-runtime";var rz=function(n){var t;var e=n.title,i=n.subtitle,r=n.body,a=n.brandcaption,d=n.button,c=n.media,u=n.class_name,s=n.content_alignment,f=n.width,v=n.height,p=n.gradient_enabled,m=p===void 0?!1:p,g=n.gradient_depth,h=n.text_color,b=n.$,x=b===void 0?{}:b,w=n.parent$,y=w===void 0?{}:w,k=n.isEditing,S=k===void 0?!1:k,T=rA(s),E=rI(g),L=rM(h),A=r_(f),I=rC(v),M=rL(c),_=A!==null&&A!==void 0?A:rk,C=I!==null&&I!==void 0?I:rk,j=ry(T),O=rj(L),D=rD(T),R=d&&(((t=d.label)===null||t===void 0?void 0:t.title)||S);var P;return rN(rv,l(o({className:u,textColor:L,"aria-label":ro},y!==null&&y!==void 0?y:{}),{children:[M&&rB(rG,{parsedMedia:M,mediaWidth:_,mediaHeight:C,mediaAttributes:(P=x===null||x===void 0?void 0:x.media)!==null&&P!==void 0?P:{}}),m&&rB(rg,{direction:D,depth:E,color:O,"aria-hidden":"true"}),rB(rx,{justifyContent:j,children:rN(rw,{textAlign:T,children:[rB(ru,{brandcaption:a,title:e,subtitle:i,body:r,isEditing:S,editTags:x}),R&&rB(i8,l(o({},d),{alignment:T!==null&&T!==void 0?T:d===null||d===void 0?void 0:d.alignment,parent$:x===null||x===void 0?void 0:x.button,isEditing:S}))]})})]}))},r$=rz;import{useMemo as rH}from"react";import rV from"dompurify";import{jsx as rF}from"react/jsx-runtime";var rK={ALLOWED_TAGS:["p","div","span","a","br","strong","b","em","i","u","h1","h2","h3","ul","ol","li"],ALLOWED_ATTR:["href","target","rel","title","class","style","data-testid","data-cs-id","data-cs-type","data-cslp"]},rX=function(n){return!n||typeof n!="string"?"":rV.sanitize(n,{ALLOWED_TAGS:rK.ALLOWED_TAGS,ALLOWED_ATTR:rK.ALLOWED_ATTR,KEEP_CONTENT:!0,RETURN_DOM:!1,RETURN_DOM_FRAGMENT:!1,FORCE_BODY:!1,SANITIZE_DOM:!0,IN_PLACE:!1})},rq=function(n){var t=n.text_editor,e=n.font_color,i=d(n,["text_editor","font_color"]);var r=rH(function(){return!t||typeof t!="string"||!t.trim()?"":rX(t)},[t]),a=e==="Light";return r?rF(nW,l(o({},i),{text_editor:r,font_color:a})):null},rY=rq;export{i8 as Button,e9 as ColumnControl,nV as CsImage,nW as CsTextComponent,nF as DEFAULT_BANNER_CONFIG,nK as DEFAULT_CAROUSEL_CONFIG,nX as DEFAULT_ROTATION_INTERVAL,ew as DEVICE_SIZES,eb as GAP_PRESET_VALUES,r$ as HeroBanner,eT as MAX_ALLOWED_COLUMN_CONTROL_ITEMS,eS as MAX_SLIDE_HEIGHT_PX,ek as MIN_SLIDE_HEIGHT_PX,ey as MIN_SLIDE_WIDTH_PX,t4 as MarketingBanner,nq as PLACEHOLDER_VALUES,rY as RichTextComponent,ev as SpacingDivider,ex as getGapPx,tH as hasCTA,t$ as hasMedia,tz as isCarouselMode,et as transformCSMarketingBanner};//# sourceMappingURL=index.mjs.map
+function n(n,t){if(t==null||t>n.length)t=n.length;for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function t(n){if(Array.isArray(n))return n}function e(n,t,e){if(t in n){Object.defineProperty(n,t,{value:e,enumerable:true,configurable:true,writable:true})}else{n[t]=e}return n}function i(n,t){var e=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(e==null)return;var i=[];var r=true;var o=false;var a,l;try{for(e=e.call(n);!(r=(a=e.next()).done);r=true){i.push(a.value);if(t&&i.length===t)break}}catch(n){o=true;l=n}finally{try{if(!r&&e["return"]!=null)e["return"]()}finally{if(o)throw l}}return i}function r(){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 t=1;t<arguments.length;t++){var i=arguments[t]!=null?arguments[t]:{};var r=Object.keys(i);if(typeof Object.getOwnPropertySymbols==="function"){r=r.concat(Object.getOwnPropertySymbols(i).filter(function(n){return Object.getOwnPropertyDescriptor(i,n).enumerable}))}r.forEach(function(t){e(n,t,i[t])})}return n}function a(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);if(t){i=i.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})}e.push.apply(e,i)}return e}function l(n,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(t))}else{a(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function d(n,t){if(n==null)return{};var e=c(n,t);var i,r;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++){i=o[r];if(t.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,i))continue;e[i]=n[i]}}return e}function c(n,t){if(n==null)return{};var e={};var i=Object.keys(n);var r,o;for(o=0;o<i.length;o++){r=i[o];if(t.indexOf(r)>=0)continue;e[r]=n[r]}return e}function u(n,e){return t(n)||i(n,e)||v(n,e)||r()}function s(n,t){if(!t){t=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function f(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function v(t,e){if(!t)return;if(typeof t==="string")return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);if(i==="Object"&&t.constructor)i=t.constructor.name;if(i==="Map"||i==="Set")return Array.from(i);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return n(t,e)}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 t(){return n};return n}function m(){var n=s(["\n    font-size: ",";\n\n    "," {\n        font-size: ",";\n    }\n    "," {\n        font-size: ",";\n    }\n    "," {\n        font-size: ",";\n    }\n"]);m=function t(){return n};return n}function g(){var n=s(["\n    "," {\n        text-align: center;\n    }\n"]);g=function t(){return n};return n}function h(){var n=s(["\n    transition: ",";\n"]);h=function t(){return n};return n}function b(){var n=s(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n"]);b=function t(){return n};return n}function x(){var n=s(["\n    ","\n    width: 100%;\n    height: 100%;\n"]);x=function t(){return n};return n}function w(){var n=s(["\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n"]);w=function t(){return n};return n}function y(){var n=s(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"]);y=function t(){return n};return n}function k(){var n=s(["\n    margin: 0;\n    padding: 0;\n"]);k=function t(){return n};return n}function S(){var n=s(["\n    background: linear-gradient(",", rgba(",", ","), rgba(",", ","));\n"]);S=function t(){return n};return n}function _(){var n=s(["\n    background: radial-gradient(circle, rgba(",", ","), rgba(",", ","));\n"]);_=function t(){return n};return n}function T(){var n=s(["\n    text-align: ",";\n    ","\n"]);T=function t(){return n};return n}function E(){var n=s(["\n    margin: ",";\n    font-weight: 500;\n    font-family: ",";\n    color: ",";\n    letter-spacing: 0.05em;\n    ","\n"]);E=function t(){return n};return n}function L(){var n=s(["\n    margin: ",";\n    font-weight: 700;\n    font-family: ",";\n    color: ",";\n    ","\n"]);L=function t(){return n};return n}function I(){var n=s(["\n    margin: ",";\n    font-weight: 600;\n    font-family: ",";\n    color: ",";\n    ","\n"]);I=function t(){return n};return n}function A(){var n=s(["\n    margin: ",";\n    line-height: 1.6;\n    font-family: ",";\n    color: ",";\n    ","\n"]);A=function t(){return n};return n}function M(){var n=s(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"]);M=function t(){return n};return n}function C(){var n=s(["\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n"]);C=function t(){return n};return n}function j(){var n=s(["\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n"]);j=function t(){return n};return n}function O(){var n=s(["\n    ","\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n    color: ",";\n    font-size: 14px;\n"]);O=function t(){return n};return n}function D(){var n=s(["\n    width: 100%;\n    height: 100%;\n    display: block;\n"]);D=function t(){return n};return n}function R(){var n=s(["\n    display: block;\n"]);R=function t(){return n};return n}function U(){var n=s(["\n    background-color: ",";\n    color: ",";\n    border: 1px solid ",";\n\n    &:hover {\n        background-color: ",";\n        color: ",";\n        border-color: ",";\n        text-decoration: underline;\n        transform: translateY(-2px);\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n        outline-offset: 4px;\n    }\n"]);U=function t(){return n};return n}function W(){var n=s(["\n    background-color: transparent;\n    color: ",";\n    border: 1px solid ",";\n\n    &:hover {\n        background-color: transparent;\n        color: ",";\n        border-color: ",";\n        text-decoration: underline;\n        transform: translateY(-2px);\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n        outline-offset: 4px;\n    }\n"]);W=function t(){return n};return n}function P(){var n=s(["\n    display: inline-block;\n    width: auto;\n    max-width: max-content;\n    padding: ",";\n    text-decoration: none;\n    font-family: ",";\n    font-weight: 400;\n    border-radius: 50px;\n    transition:\n        background-color ",",\n        color ",",\n        border-color ",",\n        transform ",",\n        text-decoration ",";\n\n    ","\n\n    &:active {\n        transform: translateY(0);\n    }\n\n    ","\n\n    /* Responsive padding */\n    "," {\n        padding: ",";\n    }\n\n    "," {\n        padding: ",";\n    }\n"]);P=function t(){return n};return n}function B(){var n=s(["\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n"]);B=function t(){return n};return n}function G(){var n=s(["\n    position: relative;\n    width: 100%;\n"]);G=function t(){return n};return n}function N(){var n=s(["\n    display: flex;\n    transition: transform ",";\n    transform: translateX(-","%);\n"]);N=function t(){return n};return n}function z(){var n=s(["\n    min-width: 100%;\n    position: relative;\n"]);z=function t(){return n};return n}function $(){var n=s(["\n    position: relative;\n    min-height: ",";\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    "," {\n        min-height: ",";\n    }\n"]);$=function t(){return n};return n}function H(){var n=s(["\n    ","\n    z-index: ",";\n"]);H=function t(){return n};return n}function V(){var n=s(["\n    position: relative;\n    z-index: ",";\n    display: flex;\n    flex-direction: column;\n    gap: ",";\n    justify-content: center;\n    padding: ",";\n    max-width: ",";\n    width: auto;\n\n    /* Base positioning from props (applies to desktop/tablet) */\n    ","\n\n    /* Mobile: Override to always center content */\n    "," {\n        padding: ",";\n        max-width: 100%;\n        margin: 0 auto;\n        align-items: center;\n        text-align: center;\n    }\n"]);V=function t(){return n};return n}function F(){var n=s(["\n    ","\n    z-index: ",";\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    "," {\n        ","\n    }\n"]);F=function t(){return n};return n}function K(){var n=s(["\n    position: absolute;\n    bottom: ",";\n    ","\n    z-index: ",";\n    display: flex;\n    gap: ",";\n    align-items: center;\n\n    "," {\n        bottom: 1.5rem;\n    }\n"]);K=function t(){return n};return n}function X(){var n=s(["\n    width: ",";\n    height: ",";\n    border-radius: 50%;\n    border: "," solid ",";\n    background-color: ",";\n    cursor: pointer;\n    padding: 0;\n    ","\n\n    &:hover {\n        background-color: ",";\n        transform: scale(1.15);\n    }\n"]);X=function t(){return n};return n}function q(){var n=s(["\n    display: flex;\n    justify-content: ",";\n    width: 100%;\n"]);q=function t(){return n};return n}function Y(){var n=s(["\n    --btn-bg: ",";\n    --btn-hover: ",";\n    --btn-pressed: ",";\n    --btn-color: ",";\n    --btn-border: ",";\n    --btn-disabled-bg: ",";\n    --btn-disabled-color: ",";\n    --btn-focus: ",";\n    \n    &&&:link:not(:disabled):not([aria-disabled='true']),\n    &&&:visited:not(:disabled):not([aria-disabled='true']) {\n        color: var(--btn-color);\n        text-decoration: none;\n    }\n\n    && {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: ",";\n        text-decoration: none;\n        background: var(--btn-bg);\n        color: var(--btn-color);\n        border: 1px solid var(--btn-border);\n        font-family: ",";\n        min-width: ",";\n        min-height: ",";\n        white-space: normal;\n        overflow: hidden;\n        box-sizing: border-box;\n        width: ",";\n        ","\n    }\n\n    @media (min-width: ",") {\n        && {\n            font-size: ",";\n            padding: ",";\n            font-weight: ",";\n        }\n    }\n    \n    @media (max-width: ",") {\n        && {\n            font-size: ",";\n            padding: ",";\n            font-weight: ",";\n        }\n    }\n\n    @media (max-width: ",") {\n        && {\n            font-size: ",";\n            padding: ",";\n            font-weight: ",";\n        }\n    }\n    \n    &&:hover {\n        background: var(--btn-hover);\n    }\n    \n    &&:active {\n        background: var(--btn-pressed);\n    }\n\n    &&:focus {\n        border: 1px solid var(--btn-border);\n    }\n\n    &&:not(:disabled):hover {\n        background: var(--btn-hover);\n        border-color: var(--btn-border);\n    }\n\n    &&:not(:disabled):active {\n        background: var(--btn-pressed);\n        border-color: var(--btn-border);\n    }\n    \n    &&:focus-visible {\n        outline: "," solid var(--btn-focus);\n        background: var(--btn-pressed);\n        border: 1px solid ",";\n    }\n    \n    &&:disabled:focus-visible {\n        box-shadow: none;\n    }\n\n    &&[aria-disabled='true'],\n    &&:disabled {\n        pointer-events: none;\n        cursor: not-allowed;\n        background: var(--btn-disabled-bg);\n        color: var(--btn-disabled-color);\n        border-color: var(--btn-border);\n        box-shadow: none;\n    }\n\n    &&&&:link[aria-disabled='true'],\n    &&&&:link:disabled,\n    &&&&:visited[aria-disabled='true'],\n    &&&&:visited:disabled {\n        color: var(--btn-disabled-color);\n        text-decoration: none;\n    }\n    \n    &&[data-variant='secondary'][aria-disabled='true'],\n    &&[data-variant='secondary']:disabled {\n        border-color: var(--btn-border);\n    }\n"]);Y=function t(){return n};return n}function J(){var n=s(["\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    min-width: 0;\n"]);J=function t(){return n};return n}function Z(){var n=s(["\n    flex-shrink: 0;\n    ","\n    ","\n"]);Z=function t(){return n};return n}function Q(){var n=s(["\n    width: 100%;\n    position: relative;\n    min-height: 450px;\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    .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"]);Q=function t(){return n};return n}function nn(){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"]);nn=function t(){return n};return n}function nt(){var n=s(["\n    width: 100%;\n    height: 100%;\n    display: block;\n"]);nt=function t(){return n};return n}function ne(){var n=s(["\n    display: block;\n"]);ne=function t(){return n};return n}function ni(){var n=s(["\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    justify-content: ",";\n\n    // Force center alignment on mobile\n    @media (max-width: 768px) {\n        justify-content: center;\n    }\n"]);ni=function t(){return n};return n}function nr(){var n=s(["\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    text-align: ",";\n\n    // Force center alignment on mobile\n    @media (max-width: 768px) {\n        text-align: center;\n    }\n"]);nr=function t(){return n};return n}import{useMemo as no}from"react";import na from"@emotion/styled";import{useMemo as nl}from"react";var nd="{%language}",nc="{%LANGUAGE}",nu="{%region}",ns="{%REGION}",nf=function(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return typeof n!="string"?"":(t.region&&(n=n.replace(nu,t.region),n=n.replace(ns,t.region.toUpperCase())),t.language&&(n=n.replace(nd,t.language),n=n.replace(nc,t.language.toUpperCase())),n)};var nv="us",np="en";function nm(n){var t;if(!(n===null||n===void 0?void 0:(t=n.startsWith)===null||t===void 0?void 0:t.call(n,"?")))return;var e=new URLSearchParams(n),i=e.get("region"),r=e.get("language");if(!(!i&&!r))return{region:i!==null&&i!==void 0?i:nv,language:r!==null&&r!==void 0?r:np}}function ng(n){if(!n)return;var t=n.split("/").filter(Boolean);if(t.length<2)return;var e=u(t,2),i=e[0],r=e[1];if((i===null||i===void 0?void 0:i.length)===2&&(r===null||r===void 0?void 0:r.length)===2)return{region:i,language:r}}var nh=function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!window.location)return{region:nv,language:np};var n=window.location,t=n.search,e=n.pathname;var i,r;return(r=(i=nm(t))!==null&&i!==void 0?i:ng(e))!==null&&r!==void 0?r:{region:nv,language:np}};import{useMemo as nb}from"react";import{useTheme as nx}from"@mui/material";import{ColorUtils as nw}from"@nuskin/foundation-theme";var ny=nw.getGenomeColor;import{useTheme as nk}from"@mui/material";import{ColorUtils as nS}from"@nuskin/foundation-theme";import{useMemo as n_}from"react";var nT=nS.getGenomeColor,nE=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;var t=nk();return n_(function(){return nT(t,"N10",n?"light":"dark")},[n,t])},nL=nE;import{jsx as nI}from"react/jsx-runtime";var nA=function(){return no(function(){return nh()},[])},nM=function(n,t){return!t||!n?n:nf(n,t)},nC=function(n,t){if((typeof window==="undefined"?"undefined":f(window))>"u"||!n||!t)return n;var e=new DOMParser().parseFromString(n,"text/html");return e.querySelectorAll("a").forEach(function(n){var e=n.getAttribute("href");e&&n.setAttribute("href",nM(e,t))}),e.body.innerHTML},nj=na.div(p(),function(n){var t=n.fullWidth;return t?"100%":"auto"},function(n){var t=n.bgColor;return t},function(n){var t=n.alignment;return t},function(n){var t=n.color;return t}),nO=function(n){var t,e;var i;var r=(i=n===null||n===void 0?void 0:(e=n.brandColor)===null||e===void 0?void 0:(t=e.colorObj)===null||t===void 0?void 0:t.light)!==null&&i!==void 0?i:n===null||n===void 0?void 0:n.color;return typeof r=="string"&&r.trim()?r:null},nD=function(n){try{var t,e,i;var r=(i=JSON.parse(n))===null||i===void 0?void 0:(e=i.brandColor)===null||e===void 0?void 0:(t=e.colorObj)===null||t===void 0?void 0:t.light;return typeof r=="string"&&r.trim()?r:null}catch(n){return null}},nR=function(n){if(!n)return"transparent";var t;if((typeof n==="undefined"?"undefined":f(n))=="object")return(t=nO(n))!==null&&t!==void 0?t:"transparent";if(typeof n=="string"){var e=n.trim();var i;return e?e.startsWith("{")?(i=nD(e))!==null&&i!==void 0?i:"transparent":e:"transparent"}return"transparent"},nU=function(n){var t=n.full_width,e=t===void 0?!1:t,i=n.container_background_color,r=n.alignment,a=r===void 0?"left":r,l=n.text_editor,d=n.font_color,c=d===void 0?!1:d,u=n.$;var s=nL(c),f=nA(),v=no(function(){return nR(i)},[i]),p=no(function(){return nC(l,f)},[l,f]);return l?nI(nj,{fullWidth:e,bgColor:v,alignment:a,color:s,children:nI("div",o({dangerouslySetInnerHTML:{__html:p}},u===null||u===void 0?void 0:u.text_editor))}):null},nW=nU;import{NsImage as nP}from"@nuskin/foundation-ui-components";import{styled as nB}from"@nuskin/foundation-theme";var nG=nB("div")(function(n){var t=n.image_alignment,e=t===void 0?"center":t,i=n.width,r=n.height;return{display:"flex",justifyContent:({left:"flex-start",right:"flex-end",center:"center"})[e],"& img":{maxWidth:"fit-content",objectFit:"contain",objectPosition:"center"}}});import{jsx as nN}from"react/jsx-runtime";var nz="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>'),n$=["alt","className","fill","height","id","src","variant","width"],nH=function(n){var t=n.image_alignment,e=t===void 0?"center":t,i=n.image,r=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 i=="string"?JSON.parse(i):i,m=p===null||p===void 0?void 0:(v=p.image)===null||v===void 0?void 0:v[0];(m===null||m===void 0?void 0:m.selected)||(m===null||m===void 0?void 0:m.files)?(u=m===null||m===void 0?void 0:m.selected,s=m===null||m===void 0?void 0:m.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=nz,h="Image not available",b="100%",x="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 S,_,T;(k===null||k===void 0?void 0:k.url)&&(g=k.url,h=(S=u===null||u===void 0?void 0:u.altText)!==null&&S!==void 0?S:"Image",b=(_=u===null||u===void 0?void 0:u.width)!==null&&_!==void 0?_:"100%",x=(T=u===null||u===void 0?void 0:u.height)!==null&&T!==void 0?T:"100%")}else(f===null||f===void 0?void 0:f.url)&&(g=f.url,h=f.title||f.filename||"Image");var E={src:g,alt:h,width:b,height:x};n$.forEach(function(n){c[n]!==void 0&&(E[n]=c[n])});var L=(c===null||c===void 0?void 0:c.full_width)?"container !p-0":"";return nN(nG,{image_alignment:e,width:E.width,height:E.height,className:L,children:nN(nP,o({},E,(l===null||l===void 0?void 0:l.image)||{}))})},nV=nH;var nF={position:"left",textColor:"white",showGradient:!1,gradientDepth:"md",mediaType:"image",ctaVariant:"dark"},nK={rotationInterval:5e3},nX=5e3,nq={header:"Enter Header",title:"Enter Title",subtitle:"Enter Subtitle",body:"Enter Body Text"};import nY from"@emotion/styled";var nJ={mobile:0,tablet:768,desktop:1024,wide:1440},nZ={lora:"'Lora', Georgia, 'Times New Roman', serif",inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"},nQ={header:{mobile:"12px",tablet:"14px",desktop:"14px",wide:"16px"},title:{mobile:"24px",tablet:"32px",desktop:"40px",wide:"48px"},subtitle:{mobile:"16px",tablet:"18px",desktop:"20px",wide:"22px"},body:{mobile:"14px",tablet:"16px",desktop:"18px",wide:"20px"},cta:{mobile:"18px",tablet:"22px",wide:"24px"}},n0={headerMargin:"0 0 0.25rem 0",titleMargin:"0 0 0.75rem 0",subtitleMargin:"0 0 0.5rem 0",bodyMargin:"0",textGap:"1.5rem",desktopPadding:"3rem",mobilePadding:"2rem",carouselGap:"0.75rem",ctaPaddingDesktop:"16px 32px",ctaPaddingTablet:"12px 28px",ctaPaddingWide:"18px 36px"},n1={bannerHeightDesktop:"600px",bannerHeightMobile:"400px",textMaxWidth:"600px",indicatorSize:"12px",indicatorBorder:"2px"},n2={textWhite:"#ffffff",textDark:"#1D1D1B",textGray:"#666",ctaDark:"#888888",ctaBorder:"#888888",fallbackBg:"#f0f0f0",indicatorBorder:"rgba(255, 255, 255, 0.9)",indicatorActive:"rgba(255, 255, 255, 0.9)",indicatorInactive:"transparent"},n5={white:n2.textWhite,dark:n2.textDark},n6={fast:"0.1s ease",default:"0.3s ease",slow:"0.6s cubic-bezier(0.4, 0, 0.2, 1)"},n4={background:0,media:0,gradient:1,content:2,controls:3},n3={tablet:"@media (min-width: ".concat(nJ.tablet+1,"px) and (max-width: ").concat(nJ.desktop-1,"px)"),desktop:"@media (min-width: ".concat(nJ.desktop,"px) and (max-width: ").concat(nJ.wide-1,"px)"),wide:"@media (min-width: ".concat(nJ.wide,"px)"),mobileAndBelow:"@media (max-width: ".concat(nJ.tablet,"px)"),desktopAndUp:"@media (min-width: ".concat(nJ.desktop,"px)")};import{css as n8}from"@emotion/react";var n9=function(n){return n8(m(),n.mobile,n3.tablet,n.tablet||n.mobile,n3.desktop,n.desktop||n.tablet||n.mobile,n3.wide,n.wide||n.desktop||n.tablet||n.mobile)},n7=n8(g(),n3.mobileAndBelow),tn=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["background-color","color","border-color","transform","text-decoration"];return n8(h(),n.map(function(n){return"".concat(n," ").concat(n6.default)}).join(", "))};var tt=n8(b()),te=n8(x(),tt),ti=n8(w()),tr=n8(y()),to=n8(k());var ta=function(n,t,e,i){return n8(S(),n,i,t,i,e)},tl=function(n,t,e){return n8(_(),e,n,e,t)};var td=nY.div(T(),function(n){var t=n.textAlignment;return t},n7),tc=nY.p(E(),n0.headerMargin,nZ.inter,function(n){var t=n.fontColor;return t},n9(nQ.header)),tu=nY.h2(L(),n0.titleMargin,nZ.lora,function(n){var t=n.fontColor;return t},n9(nQ.title)),ts=nY.h3(I(),n0.subtitleMargin,nZ.inter,function(n){var t=n.fontColor;return t},n9(nQ.subtitle)),tf=nY.p(A(),n0.bodyMargin,nZ.inter,function(n){var t=n.fontColor;return t},n9(nQ.body));import{jsx as tv,jsxs as tp}from"react/jsx-runtime";function tm(n,t,e){if(e===!0&&(!n||n===t))return t;if(!(e===!1&&n===t))return n}function tg(n){var t=n.headerText,e=n.title,i=n.subtitle,r=n.bodyText,a=n.textColor,d=a===void 0?"#ffffff":a,c=n.textAlignment,u=c===void 0?"left":c,s=n.testId,f=n.$,v=n.isVisualBuilderContext;var p=tm(t,nq.header,v),m=tm(e,nq.title,v),g=tm(i,nq.subtitle,v),h=tm(r,nq.body,v);var b,x,w,y;return!p&&!m&&!g&&!h?null:tp(td,{textAlignment:u,"data-testid":s,children:[p&&tv(tc,l(o({fontColor:d},(b=f===null||f===void 0?void 0:f.header_text)!==null&&b!==void 0?b:{}),{children:p})),m&&tv(tu,l(o({fontColor:d},(x=f===null||f===void 0?void 0:f.title)!==null&&x!==void 0?x:{}),{children:m})),g&&tv(ts,l(o({fontColor:d},(w=f===null||f===void 0?void 0:f.subtitle)!==null&&w!==void 0?w:{}),{children:g})),h&&tv(tf,l(o({fontColor:d},(y=f===null||f===void 0?void 0:f.body_text)!==null&&y!==void 0?y:{}),{children:h}))]})}import th from"react";import tb from"@emotion/styled";var tx=tb.div(M()),tw=tb.img(C()),ty=tb.video(j()),tk=tb.div(O(),tr,n2.fallbackBg,n2.textGray),tS=tb.picture(D()),t_=tb.source(R());import{jsx as tT,jsxs as tE}from"react/jsx-runtime";function tL(n){var t=n.mediaUrl,e=n.fallbackMediaUrl,i=n.mediaType,r=i===void 0?"image":i,a=n.mediaAlt,d=a===void 0?"":a,c=n.onError,s=n.testId,f=n.$,v=n.isResponsive,p=n.desktopUrl,m=n.mobileUrl;var g=u(th.useState(t),2),h=g[0],b=g[1],x=u(th.useState(!1),2),w=x[0],y=x[1];th.useEffect(function(){b(t),y(!1)},[t]);var k=function(){e&&h!==e?b(e):y(!0),c===null||c===void 0?void 0:c()},S=function(){var n,t,i;return w&&!e?tT(tk,{}):r==="video"?tT(ty,o({src:h,onError:k,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,"data-testid":"".concat(s,"-video")},(n=f===null||f===void 0?void 0:f.bynder_media)!==null&&n!==void 0?n:{})):v&&m&&p?tE(tS,{children:[tT(t_,{media:"(max-width: 768px)",srcSet:m}),tT(t_,{media:"(min-width: 769px)",srcSet:p}),tT(tw,o({src:p,alt:d,onError:k,loading:"lazy","data-testid":"".concat(s,"-image")},(t=f===null||f===void 0?void 0:f.bynder_media)!==null&&t!==void 0?t:{}))]}):tT(tw,o({src:h,alt:d,onError:k,loading:"lazy","data-testid":"".concat(s,"-image")},(i=f===null||f===void 0?void 0:f.bynder_media)!==null&&i!==void 0?i:{}))};var _;return tT(tx,l(o({"data-testid":s},(_=f===null||f===void 0?void 0:f.bynder_media)!==null&&_!==void 0?_:{}),{children:S()}))}import tI from"@emotion/styled";import{css as tA}from"@emotion/react";var tM=tA(U(),n2.ctaDark,n2.textWhite,n2.ctaDark,n2.ctaDark,n2.textWhite,n2.textWhite,n2.textWhite),tC=tA(W(),n2.textDark,n2.ctaBorder,n2.textDark,n2.textWhite,n2.ctaBorder),tj=tI.a(P(),n0.ctaPaddingDesktop,nZ.lora,n6.default,n6.default,n6.default,n6.default,n6.default,function(n){var t=n.variant;return t==="dark"?tM:tC},n9(nQ.cta),n3.mobileAndBelow,n0.ctaPaddingTablet,n3.wide,n0.ctaPaddingWide);import{jsx as tO}from"react/jsx-runtime";function tD(n){var t=n.ctaLabel,e=n.ctaDestination,i=n.variant,r=i===void 0?"dark":i,a=n.onClick,d=n.testId,c=n.$;var u;return tO(tj,l(o({href:e,variant:r,onClick:a,"data-testid":d,"aria-label":t},(u=c===null||c===void 0?void 0:c.cta)!==null&&u!==void 0?u:{}),{children:t}))}import{useCallback as tR,useEffect as tU,useState as tW}from"react";import{useEffect as tP,useState as tB}from"react";function tG(){var n=u(tB(!1),2),t=n[0],e=n[1];return tP(function(){if((typeof window==="undefined"?"undefined":f(window))>"u"||!window.matchMedia)return;var n=window.matchMedia("(prefers-reduced-motion: reduce)");e(n.matches);var t=function(n){e(n.matches)};return n.addEventListener("change",t),function(){return n.removeEventListener("change",t)}},[]),t}function tN(n){var t=n.totalSlides,e=n.autoRotate,i=e===void 0?!1:e,r=n.rotationInterval,o=r===void 0?5e3:r,a=n.pauseOnHover,l=a===void 0?!0:a,d=n.initialIndex,c=d===void 0?0:d,s=u(tW(c),2),f=s[0],v=s[1],p=u(tW(!1),2),m=p[0],g=p[1],h=tG(),b=tR(function(){v(function(n){return(n+1)%t})},[t]),x=tR(function(){v(function(n){return(n-1+t)%t})},[t]),w=tR(function(n){n>=0&&n<t&&v(n)},[t]),y=tR(function(){g(!0)},[]),k=tR(function(){g(!1)},[]),S=tR(function(n){switch(n.key){case"ArrowLeft":n.preventDefault(),x();break;case"ArrowRight":n.preventDefault(),b();break;case"Home":n.preventDefault(),w(0);break;case"End":n.preventDefault(),w(t-1);break}},[b,x,w,t]);return tU(function(){if(!i||m||h)return;var n=setInterval(b,o);return function(){return clearInterval(n)}},[i,m,h,o,b]),{currentIndex:f,isPaused:m,totalSlides:t,goToNext:b,goToPrevious:x,goToSlide:w,pause:y,resume:k,handleKeyDown:S}}function tz(n){return Array.isArray(n.banners)&&n.banners.length>1}function t$(n){return!!n.mediaUrl}function tH(n){return!!(n.ctaLabel&&n.ctaDestination)}import tV from"@emotion/styled";var tF=tV.div(B()),tK=tV.div(G()),tX=tV.div(N(),n6.slow,function(n){var t=n.currentIndex;return t*100}),tq=tV.div(z()),tY=tV.div($(),function(n){var t=n.hasMedia;return t?n1.bannerHeightDesktop:"auto"},n3.mobileAndBelow,function(n){var t=n.hasMedia;return t?n1.bannerHeightMobile:"auto"}),tJ=tV.div(H(),tt,n4.media),tZ=tV.div(V(),n4.content,n0.textGap,n0.desktopPadding,n1.textMaxWidth,function(n){var t=n.position,e=t===void 0?"left":t;return e==="center"?"\n                margin: 0 auto;\n                align-items: center;\n                text-align: center;\n            ":e==="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        "},n3.mobileAndBelow,n0.mobilePadding),tQ=tV.div(F(),tt,n4.gradient,function(n){var t=n.direction,e=n.depth,i=n.color;var r={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},o=r[e],a=o.start,l=o.end,d=i==="black"?"0, 0, 0":"255, 255, 255";return t==="leftToRight"?ta("to right",a,l,d):t==="rightToLeft"?ta("to left",a,l,d):t==="radial"?tl(a,l,d):""},n3.mobileAndBelow,function(n){var t=n.depth,e=n.color;var i={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},r=i[t],o=r.start,a=r.end;return tl(o,a,e==="black"?"0, 0, 0":"255, 255, 255")}),t0=tV.div(K(),n0.carouselGap,ti,n4.controls,n0.carouselGap,n3.mobileAndBelow),t1=tV.button(X(),n1.indicatorSize,n1.indicatorSize,n1.indicatorBorder,n2.indicatorBorder,function(n){var t=n.active;return t?n2.indicatorActive:n2.indicatorInactive},tn(["all"]),n2.indicatorActive);import{jsx as t2,jsxs as t5}from"react/jsx-runtime";var t6=function(n,t,e,i){var r,o,a,l;var d=t$(n),c=tH(n),u=(o=(r=n.testId)!==null&&r!==void 0?r:i)!==null&&o!==void 0?o:"banner",s=n5[(a=n.textColor)!==null&&a!==void 0?a:"white"],f=n.showGradient===!0,v=(l=n.position)!==null&&l!==void 0?l:"left",p=n.textColor==="dark"?"white":"black",m;v==="left"?m="leftToRight":v==="right"?m="rightToLeft":m="radial";var g;var h,b;return v==="center"?g="center":v==="right"?g="right":g="left",t2(tq,{children:t5(tY,{hasMedia:d,children:[d&&n.mediaUrl&&t2(tJ,{children:t2(tL,{mediaUrl:n.mediaUrl,fallbackMediaUrl:n.fallbackMediaUrl,mediaType:n.mediaType,mediaAlt:n.mediaAlt,testId:"".concat(u,"-").concat(e,"-media"),$:n.$,isResponsive:n.isResponsive,desktopUrl:n.desktopUrl,mobileUrl:n.mobileUrl})}),f&&t2(tQ,{direction:m,depth:(h=n.gradientDepth)!==null&&h!==void 0?h:"md",color:p}),t5(tZ,{position:v,children:[t2(tg,{headerText:n.headerText,title:n.title,subtitle:n.subtitle,bodyText:n.bodyText,textColor:s,textAlignment:g,testId:"".concat(u,"-").concat(e,"-text"),$:n.$,isVisualBuilderContext:t}),c&&n.ctaLabel&&n.ctaDestination&&t2(tD,{ctaLabel:n.ctaLabel,ctaDestination:n.ctaDestination,variant:(b=n.ctaVariant)!==null&&b!==void 0?b:"dark",testId:"".concat(u,"-").concat(e,"-cta"),$:n.$})]})]})},"".concat(u,"-").concat(e))};function t4(n){var t=n.banners,e=n.rotationInterval,i=n.testId,r=n.isVisualBuilderContext,o=r===void 0?!1:r,a=tz(n),l=tN({totalSlides:t.length,autoRotate:a,rotationInterval:e!==null&&e!==void 0?e:5e3,pauseOnHover:!0,initialIndex:0});return t5(tF,{"data-testid":i!==null&&i!==void 0?i:"marketing-banner",onKeyDown:a?l.handleKeyDown:void 0,onMouseEnter:a?l.pause:void 0,onMouseLeave:a?l.resume:void 0,children:[t2(tK,{children:t2(tX,{currentIndex:l.currentIndex,totalSlides:t.length,children:t.map(function(n,t){return t6(n,o,t,i)})})}),a&&t2(t0,{children:t.map(function(n,t){var e;return t2(t1,{active:t===l.currentIndex,onClick:function(){return l.goToSlide(t)},"aria-label":"Go to slide ".concat(t+1)},"".concat(i!==null&&i!==void 0?i:"banner","-indicator-").concat(t,"-").concat((e=n.title)!==null&&e!==void 0?e:""))})})]})}function t3(n,t,e){var i=n!==null&&n!==void 0?n:{},r=i.url,o=r===void 0?"":r,a=i.type,l=a===void 0?"":a;var d;return l==="VIDEO"?t?o:(d=e===null||e===void 0?void 0:e[0])!==null&&d!==void 0?d:"":o}function t8(n,t){try{var e=new URL(n),i=e.searchParams.get("io");if(!i)return n;var r="".concat(i,",aspectratio:").concat(t),o=[];return o.push("io=".concat(r)),o.push("quality=95"),e.searchParams.forEach(function(n,t){t!=="io"&&o.push("".concat(t,"=").concat(n))}),"".concat(e.origin).concat(e.pathname,"?").concat(o.join("&"))}catch(t){return console.warn("Failed to generate responsive URL:",t),n}}function t9(n){try{return new URL(n).searchParams.has("io")?n:"".concat(n,"?io=transform:fill&quality=95")}catch(t){return n}}function t7(n){if(!n)return null;try{var t,e;var i=(e=JSON.parse(n))===null||e===void 0?void 0:(t=e.image)===null||t===void 0?void 0:t[0],r=i===null||i===void 0?void 0:i.selected,o=t3(r,i===null||i===void 0?void 0:i.isPublic,i===null||i===void 0?void 0:i.previewUrls),a="image";(r===null||r===void 0?void 0:r.type)==="VIDEO"?a="video":(r===null||r===void 0?void 0:r.type)==="IMAGE"&&(o===null||o===void 0?void 0:o.toLowerCase().endsWith(".gif"))&&(a="gif");var l;var d=(r===null||r===void 0?void 0:r.imageType)==="customTransformation",c={url:o,type:a,alt:(l=r===null||r===void 0?void 0:r.altText)!==null&&l!==void 0?l:""};return d&&a==="image"?(c.isResponsive=!0,c.desktopUrl=t8(o,"16x9"),c.mobileUrl=t8(o,"3x4"),c.url=c.desktopUrl):a==="image"&&(c.url=t9(o)),c}catch(n){return console.warn("Failed to parse bynder_media JSON:",n),null}}function en(n){var t,e,i,r,o;var a=t7(n.bynder_media);var l,d,c,u,s,f,v,p,m;return{title:n.title,headerText:n.header_text,subtitle:n.subtitle,bodyText:n.body_text,ctaLabel:(l=(t=n.cta)===null||t===void 0?void 0:t.label)!==null&&l!==void 0?l:n.cta_label,ctaDestination:(d=(e=n.cta)===null||e===void 0?void 0:e.url)!==null&&d!==void 0?d:n.cta_destination,ctaVariant:(c=(i=n.cta)===null||i===void 0?void 0:i.variant)!==null&&c!==void 0?c:n.cta_variant,mediaUrl:(u=a===null||a===void 0?void 0:a.url)!==null&&u!==void 0?u:"",fallbackMediaUrl:"",mediaType:(s=a===null||a===void 0?void 0:a.type)!==null&&s!==void 0?s:"image",mediaAlt:(f=a===null||a===void 0?void 0:a.alt)!==null&&f!==void 0?f:"",isResponsive:a===null||a===void 0?void 0:a.isResponsive,desktopUrl:a===null||a===void 0?void 0:a.desktopUrl,mobileUrl:a===null||a===void 0?void 0:a.mobileUrl,position:(v=n.content_position)!==null&&v!==void 0?v:n.position,textColor:n.text_color,showGradient:(p=(r=n.gradient)===null||r===void 0?void 0:r.show_gradient)!==null&&p!==void 0?p:n.show_gradient,gradientDepth:(m=(o=n.gradient)===null||o===void 0?void 0:o.gradient_depth)!==null&&m!==void 0?m:n.gradient_depth,$:n.$}}function et(n){return{banners:n.banners.map(en),rotationInterval:n.rotation_interval}}import{styled as ee}from"@nuskin/foundation-theme";var ei={thin:1,medium:2,thick:4},er={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 eo=ee("div")(function(n){var t=n.vertical_padding,i=n.divider_alignment;var r={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}}[t];var o;return o={display:"flex",flexDirection:"column",alignItems:i==="center"?"center":i==="right"?"flex-end":"flex-start",paddingTop:"".concat(r.mobile,"px"),paddingBottom:"".concat(r.mobile,"px")},e(o,"@media ".concat(er.tablet),{paddingTop:"".concat(r.tablet,"px"),paddingBottom:"".concat(r.tablet,"px")}),e(o,"@media ".concat(er.desktop),{paddingTop:"".concat(r.desktop,"px"),paddingBottom:"".concat(r.desktop,"px")}),e(o,"@media ".concat(er.ultra),{paddingTop:"".concat(r.ultra,"px"),paddingBottom:"".concat(r.ultra,"px")}),o}),ea=ee("div")(function(n){var t=n.divider_style,e=n.divider_thickness_px,i=n.divider_color,r=n.divider_gradient,o=n.divider_width_percent;var a={width:"".concat(Math.max(0,Math.min(100,o)),"%")};if(r&&t!=="none"){if(a.height="".concat(e,"px"),a.backgroundImage=r,a.backgroundSize="100% 100%",t==="dashed"){var l=Math.max(12,e*4),d=Math.max(6,e*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(t==="dotted"){var c=Math.max(2,e),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(e,"px"),a.WebkitMaskSize="".concat(u,"px ").concat(e,"px"),a.maskRepeat="repeat-x",a.WebkitMaskRepeat="repeat-x",a.maskPosition="0 center",a.WebkitMaskPosition="0 center"}}else t==="none"?(a.height="".concat(e,"px"),a.backgroundImage=r):(a.borderBottomStyle=t,a.borderBottomWidth="".concat(e,"px"),a.borderBottomColor=i,a.height=0);return a});var el=function(n){return n?/^#([A-Fa-f0-9]{6})$/.test(n):!1},ed=function(n){if(!n||!/^#([A-Fa-f0-9]{6})$/.test(n))return;var t=parseInt(n.slice(1,3),16),e=parseInt(n.slice(3,5),16),i=parseInt(n.slice(5,7),16);return{r:t,g:e,b:i}},ec=function(n,t){if(!n||n==="none")return;var e;var i=(e=ed(t))!==null&&e!==void 0?e:{r:0,g:0,b:0};switch(n){case"soft":return"linear-gradient(90deg, rgba(".concat(i.r,",").concat(i.g,",").concat(i.b,",0.3), rgba(").concat(i.r,",").concat(i.g,",").concat(i.b,",0.8))");case"bold":return"linear-gradient(90deg, rgba(".concat(i.r,",").concat(i.g,",").concat(i.b,",0.6), rgba(").concat(i.r,",").concat(i.g,",").concat(i.b,",1.0))");case"faint":return"linear-gradient(90deg, rgba(".concat(i.r,",").concat(i.g,",").concat(i.b,",0.4), rgba(").concat(i.r,",").concat(i.g,",").concat(i.b,",0.4))");default:return}};import{jsx as eu}from"react/jsx-runtime";var es="#000000",ef=function(n){var t=n.vertical_padding,e=t===void 0?"small":t,i=n.divider_style,r=i===void 0?"solid":i,o=n.divider_thickness,a=o===void 0?"thin":o,l=n.divider_color,d=n.divider_gradient_preset,c=d===void 0?"none":d,u=n.divider_width_percent,s=u===void 0?100:u,f=n.divider_alignment,v=f===void 0?"left":f,p=ei[a],m=el(l)?l:es,g=ec(c,m);return eu(eo,{vertical_padding:e,divider_alignment:v,children:r!=="none"&&eu(ea,{divider_style:r,divider_thickness_px:p,divider_color:m,divider_gradient:g,divider_width_percent:s!==null&&s!==void 0?s:100,"aria-hidden":"true"})})},ev=ef;import{useRef as ep,useMemo as em}from"react";import eg from"react-slick";import{styled as eh}from"@nuskin/foundation-theme";var eb={none:0,small:8,medium:12,large:16};function ex(n){return n===void 0?eb.large:typeof n=="number"?n:eb[n]}var ew={ULTRA_SMALL:320,EXTRA_SMALL:480,SMALL:600,MEDIUM:768,LARGE:1024,EXTRA_LARGE:1200,ULTRA_LARGE:1440,SUPER_LARGE:1920},ey=280,ek=320,eS=450,e_=4;var eT=eh("section")(function(n){var t=n.gap,i=n.height,r=n.columnHeight,a=n.maxColumnHeight,d=n.fullWidth;var c;return l(o({position:"relative",width:"100%",textAlign:"center",padding:"0 80px 50px",height:i,boxSizing:"border-box"},d&&{padding:"0"}),(c={},e(c,"@media (max-width: ".concat(ew.MEDIUM,"px)"),o({padding:"0 40px 50px"},d&&{padding:"0"})),e(c,"@media (max-width: ".concat(ew.SMALL,"px)"),o({padding:"0 20px 40px"},d&&{padding:"0"})),e(c,".slick-slider",{position:"relative",display:"block",height:"100%"}),e(c,".slick-list",l(o({position:"relative",overflow:"hidden",height:"100%"},r==="auto"&&{minHeight:280}),{margin:"0 -".concat(t/2,"px"),padding:"1px 0"})),e(c,".slick-track",{display:"flex",height:"100%"}),e(c,".slick-slide",l(o({padding:"0 ".concat(t/2,"px"),height:r==="auto"?"100%":r,minHeight:0},a!=null&&{maxHeight:"".concat(a,"px")}),{"& > div":{height:"100%",width:"100%","& > div":{height:"100%",width:"100%"}}})),e(c,".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"}}}),e(c,"@media (max-width: ".concat(ew.SMALL,"px)"),{".slick-dots":{bottom:-32,gap:6,li:{width:10,height:10,button:{width:10,height:10}}}}),c))}),eE=eh("div")(function(n){var t=n.gap;return{display:"flex",flexWrap:"wrap",gap:"".concat(t,"px"),width:"100%"}}),eL=eh("section")(function(n){var t=n.useFlexLayout,e=n.stackedVerticalGap,i=n.stackedItemHeight,r=n.stackedItemMaxHeight,a=n.slideWidth,d=n.flexBasis,c=n.isVariableWidth;return l(o({maxWidth:"none",margin:t?0:"0 0 ".concat(e,"px"),height:i==="auto"?"100%":i,minHeight:0},r!=null&&{maxHeight:r}),{width:a,flex:t&&d?"0 0 ".concat(d):void 0,boxSizing:t?"border-box":void 0,minWidth:c?0:ey,position:"relative"})}),eI=eh("div")(function(n){var t=n.stackedItemHeight;return{width:"100%",height:t==="auto"?"100%":t,minHeight:0,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"stretch",textAlign:"left",overflow:"hidden",minWidth:0,position:"relative"}}),eA=eh("div")({maxWidth:"100%",width:"100%",flex:1,minHeight:0,overflow:"hidden",display:"flex",flexDirection:"column"}),eM=eh("button")(function(n){var t=n.direction,i=n.fullWidth;var r;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"},i?t==="prev"?{left:8}:{right:8}:t==="prev"?{left:-60}:{right:-60}),(r={"&:hover":{background:"rgba(0, 0, 0, 0.7)"},"&:focus":{outline:"2px solid #4A90E2",outlineOffset:2},"&:disabled":{opacity:.3,cursor:"not-allowed"}},e(r,"@media (max-width: ".concat(ew.MEDIUM,"px)"),o({width:40,height:40},i?t==="prev"?{left:4}:{right:4}:t==="prev"?{left:-45}:{right:-45})),e(r,"@media (max-width: ".concat(ew.SMALL,"px)"),o({width:32,height:32,fontSize:20},i?t==="prev"?{left:2}:{right:2}:t==="prev"?{left:-35}:{right:-35})),r))}),eC=eh("div")({position:"relative",height:"100%"}),ej=eh("div")({padding:"10px",display:"flex",justifyContent:"center",alignItems:"center"});import eO from"react";function eD(n){return!n||typeof n=="function"?n:(typeof n==="undefined"?"undefined":f(n))=="object"&&n.default?n.default:n}var eR=function(n){var t=n.emptyBlockParentClass,e=n.text,i=e===void 0?"Add items to the column control/carousel":e;return eO.createElement(ej,{className:t},i)};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 eW(n,t){return t<=ew.MEDIUM?!1:n==="two-small-large"||n==="three-small-medium-large"}function eP(n,t,e){if(e<=ew.MEDIUM)return"auto";if(n==="two-small-large")return t%2===0?"33.33%":"66.67%";if(n==="three-small-medium-large"){var i=t%3;return i===0||i===2?"25%":"50%"}return"auto"}function eB(n,t){return n>=ew.EXTRA_LARGE?Math.min(t,4):n>=ew.LARGE?Math.min(t,3):n>=ew.SMALL?Math.min(t,2):1}function eG(n){var t=n.isGridLayout,e=n.isStackedViewport,i=n.isTabletGridViewport,r=n.gridSlides,o=n.presetColumns,a=n.slidesToShow;return t&&(e||i)?r.slice(0,Math.min(o,r.length)):t?r.slice(0,a):r}function eN(n){var t=n.isGridLayout,e=n.presetSlidesToShow,i=n.gridSlides,r=n.presetColumns,o=n.shouldShowDots,a=function(n){return Math.min(i.length,r,n)},l=function(n){return Math.min(e,n)};return[{breakpoint:ew.SMALL,settings:{slidesToShow:t?1:Math.min(e,1),slidesToScroll:1,swipeToSlide:!t,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:ew.MEDIUM,settings:{slidesToShow:t?a(2):l(2),slidesToScroll:1,swipeToSlide:!t,arrows:!1,dots:o,variableWidth:!1}},{breakpoint:ew.LARGE,settings:{slidesToShow:t?a(e_):l(3),slidesToScroll:1,swipeToSlide:!t,arrows:!1,dots:o,variableWidth:!1}}]}import{useEffect as ez,useState as e$}from"react";function eH(n,t){var e=u(e$((typeof window==="undefined"?"undefined":f(window))<"u"?window.innerWidth:0),2),i=e[0],r=e[1],o=u(e$("carousel-".concat(n,"-").concat(t,"-").concat(Date.now())),2),a=o[0],l=o[1];return ez(function(){if((typeof window==="undefined"?"undefined":f(window))>"u")return;var e,i=function(){clearTimeout(e),e=setTimeout(function(){r(window.innerWidth),l("carousel-".concat(n,"-").concat(t,"-").concat(Date.now()))},150)};return window.addEventListener("resize",i),function(){clearTimeout(e),window.removeEventListener("resize",i)}},[n,t]),{windowWidth:i,carouselKey:a}}import"slick-carousel/slick/slick.css";import"slick-carousel/slick/slick-theme.css";import{Fragment as eV,jsx as eF,jsxs as eK}from"react/jsx-runtime";import{createElement as eX}from"react";var eq=eD(eg),eY=eD(eT),eJ=eD(eM),eZ=eD(eC),eQ=eD(eE),e0=eD(eL),e1=eD(eI),e2=eD(eA);function e5(n,t,e,i){var r=t<=ew.SMALL,o=n&&t>ew.SMALL&&t<=ew.LARGE;return{isStackedViewport:r,isTabletGridViewport:o,stackedItemHeight:"100%",stackedItemMaxHeight:eS,stackedVerticalGap:n&&r?e:0,containerHeight:i!==null&&i!==void 0?i:"auto"}}function e6(n,t,e,i,r){var o=t?n.slice(0,e_):n,a=t?Math.min(o.length,e,e_):i,l=t?r&&o.length>1:o.length>1;return{gridSlides:o,slidesToShow:a,shouldShowDots:l}}function e4(n){var t=n.slidesForRender,e=n.renderSlide,i=n.presetColumns,r=n.gap,a=n.isVariableWidth,d=n.getSlideWidth,c=n.stackedVerticalGap,u=n.stackedItemHeight,s=n.stackedItemMaxHeight,f=n.useFlexLayout,v=f===void 0?!1:f,p=n.$,m=p===void 0?{}:p,g=i===1?"100%":"calc(50% - ".concat(r/2,"px)");return t.map(function(n,i){var r;!v&&a&&(r=d(i));var f=n===null||n===void 0?void 0:n.id,p=f!=null?String(f):"slide-".concat(i);var h;return eF(e0,l(o({"aria-roledescription":"slide","aria-label":"Slide ".concat(i+1," of ").concat(t.length),useFlexLayout:v,stackedVerticalGap:c,stackedItemHeight:u,stackedItemMaxHeight:s,slideWidth:r,flexBasis:g,isVariableWidth:a},(h=m===null||m===void 0?void 0:m["slides__".concat(i)])!==null&&h!==void 0?h:{}),{children:eF(e1,{stackedItemHeight:u,stackedItemMaxHeight:s,children:eF(e2,{children:e(n,i)})})}),p)})}function e3(n){var t=n.emptyBlockParentClass,e=n.isStackedViewport,i=n.isTabletGridViewport,r=n.renderSlides,a=n.sliderRef,d=n.finalSettings,c=n.carouselKey,u=n.preset,s=n.slidesForRender,f=n.gap,v=n.$,p=v===void 0?{}:v;return e?eF("div",{className:"column-control-container",children:s.length>0?r():eF(eR,{emptyBlockParentClass:t})}):i?eF(eQ,{className:"column-control-container",gap:f,children:s.length>0?r(!0):eF(eR,{emptyBlockParentClass:t})}):s.length>0?eX(eq,l(o({ref:a},d),{key:"".concat(c,"-").concat(u)}),r(!0)):eF(eR,{emptyBlockParentClass:t})}function e8(n){var t=n.slides,e=n.renderSlide,i=n.preset,r=i===void 0?"single-full":i,a=n.layout,d=a===void 0?"grid":a,c=n.autoplayEnabled,u=c===void 0?!1:c,s=n.autoplayDuration,f=s===void 0?3:s,v=n.showPagination,p=v===void 0?!0:v,m=n.onSlideChange,g=n.className,h=n.slickSettings,b=n.gap,x=b===void 0?"medium":b,w=n.height,y=n.fullWidth,k=n.emptyBlockParentClass,S=n.isEditing,_=n.parent$,T=n.$;var E=ex(x),L=d==="grid",I=y!==null&&y!==void 0?y:L,A=eH(r,t.length),M=A.windowWidth,C=A.carouselKey,j=em(function(){return eU(r)},[r]),O=eB(M,j),D=eW(r,M),R=em(function(){return function(n){return eP(r,n,M)}},[r,M]),U=L?!1:u,W=L?!1:p,P=!L&&M>ew.LARGE,B=e5(L,M,E,w),G=B.isStackedViewport,N=B.isTabletGridViewport,z=B.stackedItemHeight,$=B.stackedItemMaxHeight,H=B.stackedVerticalGap,V=B.containerHeight,F=e6(t,L,j,O,W),K=F.gridSlides,X=F.slidesToShow,q=F.shouldShowDots,Y=em(function(){return eN({isGridLayout:L,presetSlidesToShow:O,gridSlides:K,presetColumns:j,shouldShowDots:q})},[L,O,K,j,q]),J=o({dots:q,infinite:!L&&K.length>X,speed:500,slidesToShow:X,slidesToScroll:1,autoplay:U,autoplaySpeed:f*1e3,pauseOnHover:!0,arrows:!1,variableWidth:D,swipe:!L,draggable:!L,beforeChange:function(n,t){m&&m(t)},responsive:Y},h),Z=ep(null),Q=function(){var n;(n=Z.current)===null||n===void 0?void 0:n.slickPrev()},nn=function(){var n;(n=Z.current)===null||n===void 0?void 0:n.slickNext()},nt=o({},J),ne=[g,L?"column-control-container":void 0].filter(Boolean).join(" "),ni=eG({isGridLayout:L,isStackedViewport:G,isTabletGridViewport:N,gridSlides:K,presetColumns:j,slidesToShow:X}),nr=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return e4({slidesForRender:ni,renderSlide:e,presetColumns:j,gap:E,isVariableWidth:D,getSlideWidth:R,stackedVerticalGap:H,stackedItemHeight:z,stackedItemMaxHeight:$,useFlexLayout:n,$:T})};var no,na;return eF(eY,l(o({gap:E,height:V,columnHeight:z,maxColumnHeight:$,isVariableWidth:D,className:ne,"aria-label":d==="carousel"?"Carousel Control":"Column Control",fullWidth:I},_!==null&&_!==void 0?_:{}),{children:eK(eZ,{children:[eK("div",l(o({},(no=T===null||T===void 0?void 0:T.slides)!==null&&no!==void 0?no:{},(na=T===null||T===void 0?void 0:T.slides__parent)!==null&&na!==void 0?na:{}),{"data-add-direction":"horizontal",children:[d==="carousel"&&eX(eq,l(o({ref:Z},nt),{key:C}),ni.length>0?nr():eF(eR,{emptyBlockParentClass:k})),d==="grid"&&eF(e3,{emptyBlockParentClass:k,slidesForRender:ni,isStackedViewport:G,isTabletGridViewport:N,renderSlides:nr,sliderRef:Z,finalSettings:nt,carouselKey:C,preset:r,gap:E,$:T})]})),d==="carousel"&&P&&t.length>X&&eK(eV,{children:[eF(eJ,{direction:"prev",onClick:Q,"aria-label":"Previous slide",fullWidth:I,children:"‹"}),eF(eJ,{direction:"next",onClick:nn,"aria-label":"Next slide",fullWidth:I,children:"›"})]})]})}))}var e9=e8;import{NsIcon as e7,NsIconVariants as it}from"@nuskin/foundation-ui-components";import{NsButton as ie}from"@nuskin/foundation-ui-components";import{styled as ii}from"@nuskin/foundation-theme";var ir="99px";var io="noopener noreferrer";var ia="http:",il="https:",id="disabled",ic="primary",iu="small",is="left",iv="left",ip="square",im="Enter Label",ig="No",ih="rounded",ib="square",ix="transparent";function iw(n){if(!n||n.trim()==="")return!1;var t=n.trim();if(t.startsWith("#")||t.startsWith("/")||t.startsWith("//"))return!0;try{var e=new URL(t);return e.protocol===ia||e.protocol===il}catch(n){return!1}}function iy(n){return n==="Yes"?"_blank":"_self"}function ik(n){return n==null?!1:typeof n=="string"?n===id:n}var iS={arrow:"arrowRight"};function i_(n){var t;if(n)return(t=iS[n])!==null&&t!==void 0?t:n}var iT={primary:{bg:"#1f1f1f",hover:"#3a3530",pressed:"#000000",text:"#ffffff",disabledBg:"#e6e6e6",disabledText:"#9e9e9e",focusRing:"#4f84b4"},secondary:{bg:"#ffffff",hover:"#f2f2f2",pressed:"#e6e6e6",text:"#000000",border:"#626262",disabledBg:"#f2f2f2",disabledText:"#b0b0b0",focusRing:"#4f84b4"}},iE={large:"400px",medium:"250px",small:"130px"},iL="130px";function iI(n){var t;return(t=iE[n])!==null&&t!==void 0?t:iL}var iA={small:"small",medium:"medium",large:"medium"},iM="medium";function iC(n){var t;return(t=iA[n])!==null&&t!==void 0?t:iM}var ij="4px",iO="70px",iD="30px",iR="769px",iU="768px",iW="425px",iP="13px",iB="12px",iG="10px",iN="10px 6px",iz="8px 6px",i$="4px 8px",iH=500,iV=400,iF="2px",iK="Lora, sans-serif",iX="transparent",iq="center",iY="flex-end",iJ="flex-start",iZ=function(n){return n==="center"?iq:n==="right"?iY:iJ},iQ=ii("div")(q(),function(n){return iZ(n.alignment)}),i0=ii(ie)(Y(),function(n){return n.$bg},function(n){return n.$hover},function(n){return n.$pressed},function(n){return n.$text},function(n){return n.$border},function(n){return n.$disabledBg},function(n){return n.$disabledText},function(n){return n.$focusRing},ij,iK,iO,iD,function(n){return n.$buttonWidth},function(n){return n.$buttonType===ih&&"border-radius: ".concat(ir,";")},iR,iP,iN,iH,iU,iB,iz,iV,iW,iG,i$,iV,iF,iX),i1=ii.span(J()),i2="".concat(2,"px"),i5=ii.span(Z(),function(n){return n.position==="left"&&"margin-right: ".concat(i2,";")},function(n){return n.position==="right"&&"margin-left: ".concat(i2,";")});import{jsx as i6,jsxs as i4}from"react/jsx-runtime";var i3=function(n){var t=n.label,e=n.open_in_new_tab,i=e===void 0?ig:e,r=n.variant,a=n.button_size,d=n.alignment,c=n.buttontype,u=c===void 0?ip:c,s=n.icon,f=n.iconposition,v=n.button_state,p=n.placeholder_text,m=p===void 0?im:p,g=n.isEditing,h=n.$,b=n.parent$;var x,w;var y,k,S;var _=r!==null&&r!==void 0?r:ic,T=a!==null&&a!==void 0?a:iu,E=d!==null&&d!==void 0?d:is,L=f!==null&&f!==void 0?f:iv,I=u===ih?ih:ib,A=(y=t===null||t===void 0?void 0:(x=t.href)===null||x===void 0?void 0:x.trim())!==null&&y!==void 0?y:void 0,M=iw(A)?A:void 0,C=(k=iT[_])!==null&&k!==void 0?k:iT[ic],j=iI(T),O=iy(i),D=ik(v),R=(S="border"in C?C.border:void 0)!==null&&S!==void 0?S:ix,U=i_(s),W=typeof U=="string"&&U in it,P=iC(T),B=function(n){if(!U||!W||L!==n)return null;var t=D?C.disabledText:C.text;var e;return i6(i5,{position:n,children:i6(e7,o({name:U,size:P,colorOverride:t},(e=h===null||h===void 0?void 0:h.icon)!==null&&e!==void 0?e:{}))})},G=function(){var n;var e=(n=t===null||t===void 0?void 0:t.title)!==null&&n!==void 0?n:"";return g?e:e===""||e===m?m:e};var N;return i6(iQ,{alignment:E,children:i4(i0,l(o(l(o({$variant:_,$buttonWidth:j,$buttonType:I,$bg:C.bg,$hover:C.hover,$pressed:C.pressed,$text:C.text,$border:R,$disabledBg:C.disabledBg,$disabledText:C.disabledText,$focusRing:C.focusRing,href:M,"data-variant":_},O==="_blank"?{target:"_blank",rel:io}:{}),{"aria-disabled":D,disabled:D}),b!==null&&b!==void 0?b:{}),{children:[B("left"),i6(i1,l(o({},(N=t===null||t===void 0?void 0:(w=t.$)===null||w===void 0?void 0:w.title)!==null&&N!==void 0?N:{}),{children:G()})),B("right")]}))})},i8=i3;import{NsTypography as i9}from"@nuskin/foundation-ui-components";import{jsx as i7}from"react/jsx-runtime";var rn=function(n){var t=n.value,e=n.placeholder,i=n.isEditing,r=n.typographyProps;var a=t;return!i&&t!==e?a=t:t===""&&(a=e),i7(i9,l(o({},r),{children:a}))};var rt="Enter Brand Caption",re="Enter Title",ri="Enter Subtitle",rr="Enter Body",ro="Hero banner",ra="lazy";import{Fragment as rl,jsx as rd}from"react/jsx-runtime";var rc=function(n,t,e,i){return[{value:n,placeholder:rt,variant:"body-s",className:"brand-caption",noSpacing:!0,editTagKey:"brandcaption"},{value:t,placeholder:re,variant:"h2",className:"title",weight:"bold",editTagKey:"title"},{value:e,placeholder:ri,variant:"h5",className:"subtitle",editTagKey:"subtitle"},{value:i,placeholder:rr,variant:"h6",className:"body",editTagKey:"body"}]},ru=function(n){var t=n.brandcaption,e=n.title,i=n.subtitle,r=n.body,a=n.isEditing,d=n.editTags,c=d===void 0?{}:d;var u=rc(t,e,i,r);return rd(rl,{children:u.map(function(n){var t;var e=l(o({variant:n.variant,className:n.className},n.noSpacing&&{noSpacing:!0},n.weight&&{weight:n.weight}),{additionalProps:o({},(t=c===null||c===void 0?void 0:c[n.editTagKey])!==null&&t!==void 0?t:{})});return rd(rn,{value:n.value,placeholder:n.placeholder,isEditing:a,typographyProps:e},n.editTagKey)})})};import{NsImage as rs}from"@nuskin/foundation-ui-components";import{styled as rf}from"@nuskin/foundation-theme";var rv=rf("section")(Q(),function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"},function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"},function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"},function(n){var t=n.textColor;return t!==null&&t!==void 0?t:"inherit"}),rp={sm:{start:.3,end:0},md:{start:.6,end:0},lg:{start:.9,end:0}},rm=function(n,t,e){var i=rp[t],r=i.start,o=i.end,a=e==="black"?"0, 0, 0":"255, 255, 255";return n==="leftToRight"?"background: linear-gradient(to right, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));"):n==="rightToLeft"?"background: linear-gradient(to left, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));"):"background: radial-gradient(circle, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));")},rg=rf.div(nn(),function(n){var t=n.direction,e=n.depth,i=n.color;return rm(t,e,i)},function(n){var t=n.depth,e=n.color;var i=rp[t],r=i.start,o=i.end,a=e==="black"?"0, 0, 0":"255, 255, 255";return"background: radial-gradient(circle, rgba(".concat(a,", ").concat(r,"), rgba(").concat(a,", ").concat(o,"));")}),rh=rf.picture(nt()),rb=rf.source(ne()),rx=rf.div(ni(),function(n){var t=n.justifyContent;return t!==null&&t!==void 0?t:"flex-start"}),rw=rf.div(nr(),function(n){var t=n.textAlign;return t!==null&&t!==void 0?t:"left"}),ry=function(n){return n==="center"?"center":n==="right"?"flex-end":"flex-start"};var rk="100%",rS="(max-width: 768px)",r_="(min-width: 769px)";function rT(n){return(typeof n==="undefined"?"undefined":f(n))=="object"&&n!==null&&"type"in n&&"src"in n}function rE(n){if(!n)return null;var t,e;if(rT(n))return{type:n.type,url:(t=n.src)!==null&&t!==void 0?t:"",alt:(e=n.alt)!==null&&e!==void 0?e:"",width:n.width,height:n.height,isResponsive:!1};if(typeof n=="string"){var i=t7(n);var r;if(i)return{type:i.type,url:i.url,alt:i.alt,isResponsive:(r=i.isResponsive)!==null&&r!==void 0?r:!1,desktopUrl:i.desktopUrl,mobileUrl:i.mobileUrl}}return null}function rL(n){return n!==null&&n!==void 0?n:"left"}function rI(n){return n!==null&&n!==void 0?n:"md"}function rA(n){return n==="white"?"white":"black"}function rM(n){if(!n)return;var t=String(n);return t!==""?t:void 0}function rC(n){if(!n)return;var t=String(n);return t!==""?t:void 0}function rj(n){return n==="black"?"white":"black"}var rO={left:"leftToRight",center:"radial",right:"rightToLeft"};function rD(n){return rO[n]}function rR(n,t){return String(n)===rk&&String(t)===rk}function rU(n,t,e){return n?{variant:"fill",className:"media-fill"}:{style:{width:String(t),height:String(e)}}}import{jsx as rW,jsxs as rP}from"react/jsx-runtime";var rB=function(n){var t=n.parsedMedia,e=n.mediaWidth,i=n.mediaHeight,r=n.mediaAttributes,a=r===void 0?{}:r;if(!t)return null;var d=rR(e,i),c=rU(d,e,i),u=function(){var n=o(l(o({},c),{loading:ra}),a);var e,i;return t.isResponsive&&t.desktopUrl&&t.mobileUrl?rP(rh,{children:[rW(rb,{media:rS,srcSet:t.mobileUrl}),rW(rb,{media:r_,srcSet:t.desktopUrl}),rW(rs,o({src:t.desktopUrl,alt:t.alt},n))]}):rW(rs,o({src:(e=t.url)!==null&&e!==void 0?e:"",alt:(i=t.alt)!==null&&i!==void 0?i:""},n))},s=t.type==="image"||t.type==="gif"?u():t.type==="video"?rW("video",o({src:t.url,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"auto",width:d?rk:e,height:d?rk:i,style:{objectFit:"cover"}},a)):null;return s?rW("div",{className:"media-layer",children:s}):null};import{jsx as rG,jsxs as rN}from"react/jsx-runtime";var rz=function(n){var t;var e=n.title,i=n.subtitle,r=n.body,a=n.brandcaption,d=n.button,c=n.media,u=n.class_name,s=n.content_alignment,f=n.width,v=n.height,p=n.gradient_enabled,m=p===void 0?!1:p,g=n.gradient_depth,h=n.text_color,b=n.$,x=b===void 0?{}:b,w=n.parent$,y=w===void 0?{}:w,k=n.isEditing,S=k===void 0?!1:k,_=rL(s),T=rI(g),E=rA(h),L=rM(f),I=rC(v),A=rE(c),M=L!==null&&L!==void 0?L:rk,C=I!==null&&I!==void 0?I:rk,j=ry(_),O=rj(E),D=rD(_),R=d&&(((t=d.label)===null||t===void 0?void 0:t.title)||S);var U;return rN(rv,l(o({className:u,textColor:E,"aria-label":ro},y!==null&&y!==void 0?y:{}),{children:[A&&rG(rB,{parsedMedia:A,mediaWidth:M,mediaHeight:C,mediaAttributes:(U=x===null||x===void 0?void 0:x.media)!==null&&U!==void 0?U:{}}),m&&rG(rg,{direction:D,depth:T,color:O,"aria-hidden":"true"}),rG(rx,{justifyContent:j,children:rN(rw,{textAlign:_,children:[rG(ru,{brandcaption:a,title:e,subtitle:i,body:r,isEditing:S,editTags:x}),R&&rG(i8,l(o({},d),{alignment:_!==null&&_!==void 0?_:d===null||d===void 0?void 0:d.alignment,parent$:x===null||x===void 0?void 0:x.button,isEditing:S}))]})})]}))},r$=rz;import{useMemo as rH}from"react";import rV from"dompurify";import{jsx as rF}from"react/jsx-runtime";var rK={ALLOWED_TAGS:["p","div","span","a","br","strong","b","em","i","u","h1","h2","h3","ul","ol","li"],ALLOWED_ATTR:["href","target","rel","title","class","style","data-testid","data-cs-id","data-cs-type","data-cslp"]},rX=function(n){return!n||typeof n!="string"?"":rV.sanitize(n,{ALLOWED_TAGS:rK.ALLOWED_TAGS,ALLOWED_ATTR:rK.ALLOWED_ATTR,KEEP_CONTENT:!0,RETURN_DOM:!1,RETURN_DOM_FRAGMENT:!1,FORCE_BODY:!1,SANITIZE_DOM:!0,IN_PLACE:!1})},rq=function(n){var t=n.text_editor,e=n.font_color,i=d(n,["text_editor","font_color"]);var r=rH(function(){return!t||typeof t!="string"||!t.trim()?"":rX(t)},[t]),a=e==="Light";return r?rF(nW,l(o({},i),{text_editor:r,font_color:a})):null},rY=rq;export{i8 as Button,e9 as ColumnControl,nV as CsImage,nW as CsTextComponent,nF as DEFAULT_BANNER_CONFIG,nK as DEFAULT_CAROUSEL_CONFIG,nX as DEFAULT_ROTATION_INTERVAL,ew as DEVICE_SIZES,eb as GAP_PRESET_VALUES,r$ as HeroBanner,e_ as MAX_ALLOWED_COLUMN_CONTROL_ITEMS,eS as MAX_SLIDE_HEIGHT_PX,ek as MIN_SLIDE_HEIGHT_PX,ey as MIN_SLIDE_WIDTH_PX,t4 as MarketingBanner,nq as PLACEHOLDER_VALUES,rY as RichTextComponent,ev as SpacingDivider,ex as getGapPx,tH as hasCTA,t$ as hasMedia,tz as isCarouselMode,et as transformCSMarketingBanner};//# sourceMappingURL=index.mjs.map