lion-make 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/footer/Disclosure.d.ts +3 -2
- package/dist/components/footer/DisclosureToggleOpen.d.ts +13 -0
- package/dist/components/footer/LegalLinks.d.ts +16 -0
- package/dist/components/footer/LinksAndSocial.d.ts +25 -0
- package/dist/components/general/AccordionBlock.d.ts +15 -0
- package/dist/components/general/AllBlogsPostBlock.d.ts +21 -0
- package/dist/components/general/BackgroundColorBlock.d.ts +12 -0
- package/dist/components/general/BasicContentBlock.d.ts +18 -0
- package/dist/components/general/BodyTextCopyBlock.d.ts +12 -0
- package/dist/components/general/ContentImageBlock.d.ts +15 -0
- package/dist/components/general/CrossSellCardBlock.d.ts +18 -0
- package/dist/components/general/DecorativeListBlock.d.ts +13 -0
- package/dist/components/general/EmailCalloutBlock.d.ts +14 -0
- package/dist/components/general/EmbeddedVideoBlock.d.ts +15 -0
- package/dist/components/general/FullSizeImageWithHighlightBox.d.ts +21 -0
- package/dist/components/general/HorizontalRule.d.ts +13 -0
- package/dist/components/general/HotJobsBlock.d.ts +21 -0
- package/dist/components/general/InlineMessage.d.ts +14 -0
- package/dist/components/general/LastChanceBlock.d.ts +15 -0
- package/dist/components/general/MultiStepLeadForm.d.ts +19 -0
- package/dist/components/general/MultiTestimonial.d.ts +19 -0
- package/dist/components/general/OptIn.d.ts +16 -0
- package/dist/components/general/ProductBlock.d.ts +17 -0
- package/dist/components/general/PullQuote.d.ts +12 -0
- package/dist/components/general/RTBDescriptive.d.ts +18 -0
- package/dist/components/general/RTBDynamic.d.ts +21 -0
- package/dist/components/general/RTBHighlight.d.ts +18 -0
- package/dist/components/general/RecentBlogPostsBlock.d.ts +22 -0
- package/dist/components/general/ResourceSpotlight.d.ts +18 -0
- package/dist/components/general/SideMenuExplorer.d.ts +16 -0
- package/dist/components/general/SimpleCTABlock.d.ts +15 -0
- package/dist/components/general/SpacingBlock.d.ts +12 -0
- package/dist/components/general/SpeedBump.d.ts +16 -0
- package/dist/components/general/TableBlock.d.ts +13 -0
- package/dist/components/general/WAHFU.d.ts +15 -0
- package/dist/components/header/HeaderCTA.d.ts +9 -0
- package/dist/components/header/HeaderLogo.d.ts +10 -0
- package/dist/components/header/HeaderProduct.d.ts +10 -0
- package/dist/components/header/HeaderSectionNavigation.d.ts +12 -0
- package/dist/components/header/HeaderSectionTitle.d.ts +8 -0
- package/dist/components/header/HeaderUnderwriter.d.ts +9 -0
- package/dist/components/header/TopLevelNavigation.d.ts +13 -0
- package/dist/components/hero/CTAHeroBlock.d.ts +24 -0
- package/dist/components/hero/HeroBlock.d.ts +18 -0
- package/dist/components/hero/MultiHero.d.ts +25 -0
- package/dist/components/hero/NotAvailableHeroBlock.d.ts +22 -0
- package/dist/index.d.ts +92 -2
- package/dist/lion-make.js +1855 -545
- package/dist/lion-make.umd.cjs +10 -10
- package/guidelines/Guidelines.md +46 -50
- package/guidelines/composition/constraints.md +40 -8
- package/guidelines/composition/zones.md +49 -11
- package/guidelines/content-types/footer/anklet.md +62 -0
- package/guidelines/content-types/footer/compliance.md +49 -0
- package/guidelines/content-types/footer/disclaimers.md +48 -0
- package/guidelines/content-types/footer/disclosure-toggle-open.md +51 -0
- package/guidelines/content-types/footer/disclosures.md +50 -0
- package/guidelines/content-types/footer/legal-links.md +59 -0
- package/guidelines/content-types/footer/links-and-social.md +94 -0
- package/guidelines/content-types/footer/overview.md +73 -16
- package/guidelines/content-types/general/accordion-block.md +42 -0
- package/guidelines/content-types/general/all-blogs-post-block.md +52 -0
- package/guidelines/content-types/general/background-color-block.md +42 -0
- package/guidelines/content-types/general/basic-content-block.md +43 -0
- package/guidelines/content-types/general/body-text-copy-block.md +38 -0
- package/guidelines/content-types/general/content-image-block.md +37 -0
- package/guidelines/content-types/general/cross-sell-card-block.md +45 -0
- package/guidelines/content-types/general/decorative-list-block.md +40 -0
- package/guidelines/content-types/general/email-callout-block.md +38 -0
- package/guidelines/content-types/general/embedded-video-block.md +36 -0
- package/guidelines/content-types/general/full-size-image-with-highlight-box.md +52 -0
- package/guidelines/content-types/general/horizontal-rule.md +35 -0
- package/guidelines/content-types/general/hot-jobs-block.md +52 -0
- package/guidelines/content-types/general/inline-message.md +36 -0
- package/guidelines/content-types/general/last-chance-block.md +40 -0
- package/guidelines/content-types/general/multi-step-lead-form.md +60 -0
- package/guidelines/content-types/general/multi-testimonial.md +49 -0
- package/guidelines/content-types/general/opt-in.md +42 -0
- package/guidelines/content-types/general/overview.md +134 -24
- package/guidelines/content-types/general/product-block.md +43 -0
- package/guidelines/content-types/general/pull-quote.md +36 -0
- package/guidelines/content-types/general/recent-blog-posts-block.md +48 -0
- package/guidelines/content-types/general/resource-spotlight.md +44 -0
- package/guidelines/content-types/general/rtb-descriptive.md +53 -0
- package/guidelines/content-types/general/rtb-dynamic.md +55 -0
- package/guidelines/content-types/general/rtb-highlight.md +50 -0
- package/guidelines/content-types/general/side-menu-explorer.md +62 -0
- package/guidelines/content-types/general/simple-cta-block.md +44 -0
- package/guidelines/content-types/general/spacing-block.md +40 -0
- package/guidelines/content-types/general/speed-bump.md +45 -0
- package/guidelines/content-types/general/table-block.md +55 -0
- package/guidelines/content-types/general/wahfu.md +66 -0
- package/guidelines/content-types/header/header-cta.md +41 -0
- package/guidelines/content-types/header/header-logo.md +45 -0
- package/guidelines/content-types/header/header-product.md +45 -0
- package/guidelines/content-types/header/header-section-navigation.md +55 -0
- package/guidelines/content-types/header/header-section-title.md +43 -0
- package/guidelines/content-types/header/header-underwriter.md +46 -0
- package/guidelines/content-types/header/overview.md +61 -15
- package/guidelines/content-types/header/top-level-navigation.md +70 -0
- package/guidelines/content-types/hero/cta-hero-block.md +70 -0
- package/guidelines/content-types/hero/hero-block.md +56 -0
- package/guidelines/content-types/hero/multi-hero.md +78 -0
- package/guidelines/content-types/hero/not-available-hero-block.md +64 -0
- package/guidelines/content-types/hero/overview.md +53 -18
- package/guidelines/content-types/overview.md +86 -29
- package/guidelines/discovery.md +158 -0
- package/guidelines/setup.md +90 -16
- package/package.json +1 -1
package/dist/lion-make.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var re={exports:{}},$={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var Se;function
|
|
9
|
+
*/var Se;function hr(){if(Se)return $;Se=1;var t=R,n=Symbol.for("react.element"),o=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function l(d,g,b){var y,z={},p=null,S=null;b!==void 0&&(p=""+b),g.key!==void 0&&(p=""+g.key),g.ref!==void 0&&(S=g.ref);for(y in g)a.call(g,y)&&!s.hasOwnProperty(y)&&(z[y]=g[y]);if(d&&d.defaultProps)for(y in g=d.defaultProps,g)z[y]===void 0&&(z[y]=g[y]);return{$$typeof:n,type:d,key:p,ref:S,props:z,_owner:i.current}}return $.Fragment=o,$.jsx=l,$.jsxs=l,$}var I={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var Be;function gr(){return Be||(Be=1,process.env.NODE_ENV!=="production"&&function(){var t=R,n=Symbol.for("react.element"),o=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),d=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),S=Symbol.for("react.offscreen"),C=Symbol.iterator,L="@@iterator";function D(r){if(r===null||typeof r!="object")return null;var c=C&&r[C]||r[L];return typeof c=="function"?c:null}var T=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(r){{for(var c=arguments.length,h=new Array(c>1?c-1:0),v=1;v<c;v++)h[v-1]=arguments[v];Ce("error",r,h)}}function Ce(r,c,h){{var v=T.ReactDebugCurrentFrame,m=v.getStackAddendum();m!==""&&(c+="%s",h=h.concat([m]));var x=h.map(function(u){return String(u)});x.unshift("Warning: "+c),Function.prototype.apply.call(console[r],console,x)}}var Te=!1,Ee=!1,We=!1,Ae=!1,Pe=!1,ae;ae=Symbol.for("react.module.reference");function Oe(r){return!!(typeof r=="string"||typeof r=="function"||r===a||r===s||Pe||r===i||r===b||r===y||Ae||r===S||Te||Ee||We||typeof r=="object"&&r!==null&&(r.$$typeof===p||r.$$typeof===z||r.$$typeof===l||r.$$typeof===d||r.$$typeof===g||r.$$typeof===ae||r.getModuleId!==void 0))}function De(r,c,h){var v=r.displayName;if(v)return v;var m=c.displayName||c.name||"";return m!==""?h+"("+m+")":h}function oe(r){return r.displayName||"Context"}function E(r){if(r==null)return null;if(typeof r.tag=="number"&&k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case a:return"Fragment";case o:return"Portal";case s:return"Profiler";case i:return"StrictMode";case b:return"Suspense";case y:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case d:var c=r;return oe(c)+".Consumer";case l:var h=r;return oe(h._context)+".Provider";case g:return De(r,r.render,"ForwardRef");case z:var v=r.displayName||null;return v!==null?v:E(r.type)||"Memo";case p:{var m=r,x=m._payload,u=m._init;try{return E(u(x))}catch{return null}}}return null}var W=Object.assign,F=0,te,ne,ie,le,se,ce,de;function he(){}he.__reactDisabledLog=!0;function Fe(){{if(F===0){te=console.log,ne=console.info,ie=console.warn,le=console.error,se=console.group,ce=console.groupCollapsed,de=console.groupEnd;var r={configurable:!0,enumerable:!0,value:he,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}F++}}function He(){{if(F--,F===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},r,{value:te}),info:W({},r,{value:ne}),warn:W({},r,{value:ie}),error:W({},r,{value:le}),group:W({},r,{value:se}),groupCollapsed:W({},r,{value:ce}),groupEnd:W({},r,{value:de})})}F<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var U=T.ReactCurrentDispatcher,V;function G(r,c,h){{if(V===void 0)try{throw Error()}catch(m){var v=m.stack.trim().match(/\n( *(at )?)/);V=v&&v[1]||""}return`
|
|
18
|
+
`+V+r}}var J=!1,M;{var $e=typeof WeakMap=="function"?WeakMap:Map;M=new $e}function ge(r,c){if(!r||J)return"";{var h=M.get(r);if(h!==void 0)return h}var v;J=!0;var m=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var x;x=U.current,U.current=null,Fe();try{if(c){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(w){v=w}Reflect.construct(r,[],u)}else{try{u.call()}catch(w){v=w}r.call(u.prototype)}}else{try{throw Error()}catch(w){v=w}r()}}catch(w){if(w&&v&&typeof w.stack=="string"){for(var f=w.stack.split(`
|
|
19
|
+
`),N=v.stack.split(`
|
|
20
|
+
`),_=f.length-1,j=N.length-1;_>=1&&j>=0&&f[_]!==N[j];)j--;for(;_>=1&&j>=0;_--,j--)if(f[_]!==N[j]){if(_!==1||j!==1)do if(_--,j--,j<0||f[_]!==N[j]){var B=`
|
|
21
|
+
`+f[_].replace(" at new "," at ");return r.displayName&&B.includes("<anonymous>")&&(B=B.replace("<anonymous>",r.displayName)),typeof r=="function"&&M.set(r,B),B}while(_>=1&&j>=0);break}}}finally{J=!1,U.current=x,He(),Error.prepareStackTrace=m}var O=r?r.displayName||r.name:"",A=O?G(O):"";return typeof r=="function"&&M.set(r,A),A}function Ie(r,c,h){return ge(r,!1)}function Le(r){var c=r.prototype;return!!(c&&c.isReactComponent)}function q(r,c,h){if(r==null)return"";if(typeof r=="function")return ge(r,Le(r));if(typeof r=="string")return G(r);switch(r){case b:return G("Suspense");case y:return G("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case g:return Ie(r.render);case z:return q(r.type,c,h);case p:{var v=r,m=v._payload,x=v._init;try{return q(x(m),c,h)}catch{}}}return""}var H=Object.prototype.hasOwnProperty,ve={},fe=T.ReactDebugCurrentFrame;function Y(r){if(r){var c=r._owner,h=q(r.type,r._source,c?c.type:null);fe.setExtraStackFrame(h)}else fe.setExtraStackFrame(null)}function Ge(r,c,h,v,m){{var x=Function.call.bind(H);for(var u in r)if(x(r,u)){var f=void 0;try{if(typeof r[u]!="function"){var N=Error((v||"React class")+": "+h+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw N.name="Invariant Violation",N}f=r[u](c,u,v,h,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(_){f=_}f&&!(f instanceof Error)&&(Y(m),k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",v||"React class",h,u,typeof f),Y(null)),f instanceof Error&&!(f.message in ve)&&(ve[f.message]=!0,Y(m),k("Failed %s type: %s",h,f.message),Y(null))}}}var Me=Array.isArray;function K(r){return Me(r)}function qe(r){{var c=typeof Symbol=="function"&&Symbol.toStringTag,h=c&&r[Symbol.toStringTag]||r.constructor.name||"Object";return h}}function Ye(r){try{return ue(r),!1}catch{return!0}}function ue(r){return""+r}function pe(r){if(Ye(r))return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",qe(r)),ue(r)}var me=T.ReactCurrentOwner,Ue={key:!0,ref:!0,__self:!0,__source:!0},be,ye;function Ve(r){if(H.call(r,"ref")){var c=Object.getOwnPropertyDescriptor(r,"ref").get;if(c&&c.isReactWarning)return!1}return r.ref!==void 0}function Je(r){if(H.call(r,"key")){var c=Object.getOwnPropertyDescriptor(r,"key").get;if(c&&c.isReactWarning)return!1}return r.key!==void 0}function Ke(r,c){typeof r.ref=="string"&&me.current}function Xe(r,c){{var h=function(){be||(be=!0,k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",c))};h.isReactWarning=!0,Object.defineProperty(r,"key",{get:h,configurable:!0})}}function Qe(r,c){{var h=function(){ye||(ye=!0,k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",c))};h.isReactWarning=!0,Object.defineProperty(r,"ref",{get:h,configurable:!0})}}var Ze=function(r,c,h,v,m,x,u){var f={$$typeof:n,type:r,key:c,ref:h,props:u,_owner:x};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:m}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function er(r,c,h,v,m){{var x,u={},f=null,N=null;h!==void 0&&(pe(h),f=""+h),Je(c)&&(pe(c.key),f=""+c.key),Ve(c)&&(N=c.ref,Ke(c,m));for(x in c)H.call(c,x)&&!Ue.hasOwnProperty(x)&&(u[x]=c[x]);if(r&&r.defaultProps){var _=r.defaultProps;for(x in _)u[x]===void 0&&(u[x]=_[x])}if(f||N){var j=typeof r=="function"?r.displayName||r.name||"Unknown":r;f&&Xe(u,j),N&&Qe(u,j)}return Ze(r,f,N,m,v,me.current,u)}}var X=T.ReactCurrentOwner,xe=T.ReactDebugCurrentFrame;function P(r){if(r){var c=r._owner,h=q(r.type,r._source,c?c.type:null);xe.setExtraStackFrame(h)}else xe.setExtraStackFrame(null)}var Q;Q=!1;function Z(r){return typeof r=="object"&&r!==null&&r.$$typeof===n}function _e(){{if(X.current){var r=E(X.current.type);if(r)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+
|
|
23
|
+
Check the render method of \``+r+"`."}return""}}function rr(r){return""}var je={};function ar(r){{var c=_e();if(!c){var h=typeof r=="string"?r:r.displayName||r.name;h&&(c=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
25
|
+
Check the top-level render call using <`+h+">.")}return c}}function ze(r,c){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var h=ar(c);if(je[h])return;je[h]=!0;var v="";r&&r._owner&&r._owner!==X.current&&(v=" It was passed a child from "+E(r._owner.type)+"."),P(r),k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',h,v),P(null)}}function ke(r,c){{if(typeof r!="object")return;if(K(r))for(var h=0;h<r.length;h++){var v=r[h];Z(v)&&ze(v,c)}else if(Z(r))r._store&&(r._store.validated=!0);else if(r){var m=D(r);if(typeof m=="function"&&m!==r.entries)for(var x=m.call(r),u;!(u=x.next()).done;)Z(u.value)&&ze(u.value,c)}}}function or(r){{var c=r.type;if(c==null||typeof c=="string")return;var h;if(typeof c=="function")h=c.propTypes;else if(typeof c=="object"&&(c.$$typeof===g||c.$$typeof===z))h=c.propTypes;else return;if(h){var v=E(c);Ge(h,r.props,"prop",v,r)}else if(c.PropTypes!==void 0&&!Q){Q=!0;var m=E(c);k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",m||"Unknown")}typeof c.getDefaultProps=="function"&&!c.getDefaultProps.isReactClassApproved&&k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function tr(r){{for(var c=Object.keys(r.props),h=0;h<c.length;h++){var v=c[h];if(v!=="children"&&v!=="key"){P(r),k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",v),P(null);break}}r.ref!==null&&(P(r),k("Invalid attribute `ref` supplied to `React.Fragment`."),P(null))}}var Ne={};function we(r,c,h,v,m,x){{var u=Oe(r);if(!u){var f="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(f+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var N=rr();N?f+=N:f+=_e();var _;r===null?_="null":K(r)?_="array":r!==void 0&&r.$$typeof===n?(_="<"+(E(r.type)||"Unknown")+" />",f=" Did you accidentally export a JSX literal instead of a component?"):_=typeof r,k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",_,f)}var j=er(r,c,h,m,x);if(j==null)return j;if(u){var B=c.children;if(B!==void 0)if(v)if(K(B)){for(var O=0;O<B.length;O++)ke(B[O],r);Object.freeze&&Object.freeze(B)}else k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ke(B,r)}if(H.call(c,"key")){var A=E(r),w=Object.keys(c).filter(function(dr){return dr!=="key"}),ee=w.length>0?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}";if(!Ne[A+ee]){var cr=w.length>0?"{"+w.join(": ..., ")+": ...}":"{}";k(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,K,O,sr,O),Re[O+K]=!0}}return e===f?nr(_):ar(_),_}}function tr(e,r,a){return Ee(e,r,a,!0)}function or(e,r,a){return Ee(e,r,a,!1)}var ir=or,lr=tr;$.Fragment=f,$.jsx=ir,$.jsxs=lr}()),$}process.env.NODE_ENV==="production"?X.exports=ur():X.exports=dr();var n=X.exports;const fr=({children:i,className:l})=>n.jsx("div",{"data-template":"forehead",className:["lion-page","lion-page--forehead",l].filter(Boolean).join(" "),style:{maxWidth:"var(--max-width, 1600px)",margin:"0 auto"},children:i}),vr=({children:i,className:l})=>n.jsx("div",{"data-template":"sideburn",className:["lion-page","lion-page--sideburn",l].filter(Boolean).join(" "),style:{maxWidth:"var(--max-width, 1600px)",margin:"0 auto"},children:i}),hr=({zone:i,children:l,className:o})=>n.jsx("section",{"data-zone":i,className:["lion-section",`lion-section--${i}`,o].filter(Boolean).join(" "),children:l}),pr=({type:i="single",children:l,className:o})=>n.jsx("div",{"data-container-type":i,className:["lion-container",`lion-container--${i}`,o].filter(Boolean).join(" "),children:l}),mr=({links:i,className:l})=>n.jsx("nav",{"data-zone":"anklet",className:["lion-anklet",l].filter(Boolean).join(" "),"aria-label":"Quick links",children:n.jsx("ul",{className:"lion-anklet__list",children:i.map(o=>n.jsx("li",{className:"lion-anklet__item",children:n.jsx("a",{href:o.href,className:"lion-anklet__link",children:o.label})},o.href))})}),gr=({logoSrc:i,logoAlt:l,selectedState:o,onStateChange:f,className:h})=>n.jsxs("div",{"data-zone":"header","data-content-type":"corporate-universal-header",className:["lion-corporate-header",h].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-blue-dark)"},children:[n.jsx("img",{src:i,alt:l,className:"lion-corporate-header__logo"}),f&&n.jsx("select",{className:"lion-corporate-header__state-selector",value:o,onChange:m=>f(m.target.value),"aria-label":"Select state"})]}),_r=({logoSrc:i,logoAlt:l,underwriterInfo:o,ctas:f=[],className:h})=>n.jsxs("header",{"data-zone":"header","data-content-type":"global-header-bar",className:["lion-global-header",h].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-white)"},children:[n.jsx("img",{src:i,alt:l,className:"lion-global-header__logo"}),o&&n.jsx("span",{className:"lion-global-header__underwriter",children:o}),f.length>0&&n.jsx("nav",{className:"lion-global-header__ctas","aria-label":"Header actions",children:f.map(m=>n.jsx("a",{href:m.href,className:`lion-global-header__cta lion-global-header__cta--${m.type??"link"}`,children:m.label},m.href))})]}),br=({variant:i,heading:l,subheading:o,imageSrc:f,imageAlt:h,ctaLabel:m,ctaHref:d,className:b})=>n.jsxs("div",{"data-zone":"hero","data-content-type":`hero-${i}`,className:["lion-hero",`lion-hero--${i}`,b].filter(Boolean).join(" "),children:[n.jsxs("div",{className:"lion-hero__content",children:[n.jsx("h1",{className:"lion-hero__heading",style:{fontSize:"var(--h1-font-size)",lineHeight:"var(--h1-line-height)"},children:l}),o&&n.jsx("p",{className:"lion-hero__subheading",style:{fontSize:"var(--font-size-base)"},children:o}),m&&d&&n.jsx("a",{href:d,className:"lion-hero__cta",style:{color:"var(--color-white)",backgroundColor:"var(--color-brand)"},children:m})]}),f&&n.jsx("div",{className:"lion-hero__image-wrapper",children:n.jsx("img",{src:f,alt:h??"",className:"lion-hero__image"})})]}),yr=({type:i,label:l,href:o,phone:f,variant:h="primary",opensInNewTab:m=!1,className:d})=>{const b=m?"_blank":void 0,p=m?"noopener noreferrer":void 0,S=i==="phone"?`tel:${f}`:o;return n.jsx("a",{"data-zone":"general","data-content-type":"cta",href:S,target:b,rel:p,className:["lion-cta",`lion-cta--${i}`,`lion-cta--${h}`,d].filter(Boolean).join(" "),style:{fontFamily:"var(--font-family-sans-serif)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",backgroundColor:h==="primary"?"var(--color-brand)":"transparent",color:h==="primary"?"var(--color-white)":"var(--color-link)",borderWidth:h==="secondary"?"var(--border-width-base)":void 0,borderStyle:h==="secondary"?"solid":void 0,borderColor:h==="secondary"?"var(--color-brand)":void 0},children:l})},jr=({heading:i,body:l,ctaLabel:o,ctaHref:f,className:h})=>n.jsxs("div",{"data-zone":"general","data-content-type":"callout",className:["lion-callout",h].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-teal-tint)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-edge)"},children:[n.jsx("h2",{className:"lion-callout__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)"},children:i}),n.jsx("p",{className:"lion-callout__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:l}),o&&f&&n.jsx("a",{href:f,className:"lion-callout__cta",style:{color:"var(--color-link)"},children:o})]}),xr=({items:i,className:l})=>n.jsx("ul",{"data-zone":"general","data-content-type":"rtbs",className:["lion-rtbs",l].filter(Boolean).join(" "),style:{listStyle:"none",padding:0,margin:0},children:i.map((o,f)=>n.jsxs("li",{className:"lion-rtbs__item",children:[o.illustrationSrc&&n.jsx("img",{src:o.illustrationSrc,alt:o.illustrationAlt??"",className:"lion-rtbs__illustration"}),n.jsx("h3",{className:"lion-rtbs__heading",style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-600)"},children:o.heading}),n.jsx("p",{className:"lion-rtbs__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:o.body})]},f))}),Rr=["Risk-free","No Obligation","Protected Privacy"],Er=({tags:i=Rr,className:l})=>n.jsx("ul",{"data-zone":"general","data-content-type":"confidence-tags",className:["lion-confidence-tags",l].filter(Boolean).join(" "),style:{listStyle:"none",padding:0,margin:0,display:"flex",gap:"var(--Grid-gutter-size)"},children:i.map(o=>n.jsx("li",{className:"lion-confidence-tags__tag",style:{fontSize:"var(--h5-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-brand)",borderRadius:"var(--border-radius-small)",padding:"var(--padding-small-vertical) var(--padding-small-horizontal)",backgroundColor:"var(--color-teal-opaque)"},children:o},o))}),Sr=({fields:i,submitLabel:l="Submit",onSubmit:o,mediaCode:f,className:h})=>{const m=d=>{if(d.preventDefault(),!o)return;const b=new FormData(d.currentTarget),p={};b.forEach((S,y)=>{p[y]=S}),o(p)};return n.jsxs("form",{"data-zone":"general","data-content-type":"lead-form","data-media-code":f,className:["lion-lead-form",h].filter(Boolean).join(" "),onSubmit:m,children:[i.map(d=>{var b;return n.jsxs("div",{className:"lion-lead-form__field",children:[n.jsxs("label",{htmlFor:d.name,className:"lion-lead-form__label",style:{fontWeight:"var(--font-weight-600)"},children:[d.label,d.required&&n.jsx("span",{"aria-hidden":"true",children:" *"})]}),d.type==="select"?n.jsx("select",{id:d.name,name:d.name,required:d.required,className:"lion-lead-form__select",children:(b=d.options)==null?void 0:b.map(p=>n.jsx("option",{value:p,children:p},p))}):n.jsx("input",{id:d.name,name:d.name,type:d.type,required:d.required,className:"lion-lead-form__input"})]},d.name)}),n.jsx("button",{type:"submit",className:"lion-lead-form__submit",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)"},children:l})]})},Tr=({html:i,className:l})=>n.jsx("div",{"data-zone":"general","data-content-type":"rich-text",className:["lion-rich-text",l].filter(Boolean).join(" "),style:{fontFamily:"var(--font-family-sans-serif)",fontSize:"var(--font-size-base)",lineHeight:"var(--line-height-base)",color:"var(--color-text)"},dangerouslySetInnerHTML:{__html:i}}),Cr=({text:i,itemNumber:l,className:o})=>n.jsxs("div",{"data-zone":"footer","data-content-type":"disclaimer",className:["lion-disclaimer",o].filter(Boolean).join(" "),style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",lineHeight:"var(--h6-line-height)"},children:[n.jsx("p",{className:"lion-disclaimer__text",children:i}),l&&n.jsx("span",{className:"lion-disclaimer__item-number","aria-label":"Item number",children:l})]}),kr=({triggerLabel:i,content:l,materialId:o,className:f})=>{const[h,m]=Q.useState(!1);return n.jsxs("div",{"data-zone":"footer","data-content-type":"disclosure","data-material-id":o,className:["lion-disclosure",f].filter(Boolean).join(" "),children:[n.jsx("button",{type:"button",className:"lion-disclosure__trigger","aria-expanded":h,onClick:()=>m(d=>!d),style:{fontFamily:"var(--font-family-sans-serif)",fontSize:"var(--h6-font-size)",color:"var(--color-link)",background:"none",border:"none",cursor:"pointer",padding:0},children:i}),h&&n.jsxs("div",{className:"lion-disclosure__content",style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",marginTop:"var(--padding-small-vertical)"},children:[l,o&&n.jsxs("span",{className:"lion-disclosure__material-id","aria-label":"Material ID",children:[" ","(",o,")"]})]})]})},wr=({itemNumber:i,materialId:l,text:o,className:f})=>n.jsxs("div",{"data-zone":"footer","data-content-type":"compliance-block",className:["lion-compliance",f].filter(Boolean).join(" "),style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",lineHeight:"var(--h6-line-height)"},children:[o&&n.jsx("p",{className:"lion-compliance__text",children:o}),n.jsxs("dl",{className:"lion-compliance__ids",children:[i&&n.jsxs(n.Fragment,{children:[n.jsx("dt",{className:"lion-compliance__label",children:"Item #"}),n.jsx("dd",{className:"lion-compliance__value",children:i})]}),l&&n.jsxs(n.Fragment,{children:[n.jsx("dt",{className:"lion-compliance__label",children:"Material ID"}),n.jsx("dd",{className:"lion-compliance__value",children:l})]})]})]});exports.Anklet=mr;exports.CTA=yr;exports.CallOut=jr;exports.ComplianceBlock=wr;exports.ConfidenceTags=Er;exports.Container=pr;exports.CorporateUniversalHeader=gr;exports.Disclaimer=Cr;exports.Disclosure=kr;exports.GlobalHeaderBar=_r;exports.Hero=br;exports.LeadForm=Sr;exports.PageForehead=fr;exports.PageSideburn=vr;exports.RTBs=xr;exports.RichText=Tr;exports.Section=hr;
|
|
30
|
+
<%s key={someKey} {...props} />`,ee,A,cr,A),Ne[A+ee]=!0}}return r===a?tr(j):or(j),j}}function nr(r,c,h){return we(r,c,h,!0)}function ir(r,c,h){return we(r,c,h,!1)}var lr=ir,sr=nr;I.Fragment=a,I.jsx=lr,I.jsxs=sr}()),I}process.env.NODE_ENV==="production"?re.exports=hr():re.exports=gr();var e=re.exports;const vr=({children:t,className:n})=>e.jsx("div",{"data-template":"forehead",className:["lion-page","lion-page--forehead",n].filter(Boolean).join(" "),style:{maxWidth:"var(--max-width, 1600px)",margin:"0 auto"},children:t}),fr=({children:t,className:n})=>e.jsx("div",{"data-template":"sideburn",className:["lion-page","lion-page--sideburn",n].filter(Boolean).join(" "),style:{maxWidth:"var(--max-width, 1600px)",margin:"0 auto"},children:t}),ur=({zone:t,children:n,className:o})=>e.jsx("section",{"data-zone":t,className:["lion-section",`lion-section--${t}`,o].filter(Boolean).join(" "),children:n}),pr=({type:t="single",children:n,className:o})=>e.jsx("div",{"data-container-type":t,className:["lion-container",`lion-container--${t}`,o].filter(Boolean).join(" "),children:n}),mr=({links:t,className:n})=>e.jsx("nav",{"data-zone":"anklet",className:["lion-anklet",n].filter(Boolean).join(" "),"aria-label":"Quick links",children:e.jsx("ul",{className:"lion-anklet__list",children:t.map(o=>e.jsx("li",{className:"lion-anklet__item",children:e.jsx("a",{href:o.href,className:"lion-anklet__link",children:o.label})},o.href))})}),br=({logoSrc:t,logoAlt:n,selectedState:o,onStateChange:a,className:i})=>e.jsxs("div",{"data-zone":"header","data-content-type":"corporate-universal-header",className:["lion-corporate-header",i].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-blue-dark)"},children:[e.jsx("img",{src:t,alt:n,className:"lion-corporate-header__logo"}),a&&e.jsx("select",{className:"lion-corporate-header__state-selector",value:o,onChange:s=>a(s.target.value),"aria-label":"Select state"})]}),yr=({logoSrc:t,logoAlt:n,underwriterInfo:o,ctas:a=[],className:i})=>e.jsxs("header",{"data-zone":"header","data-content-type":"global-header-bar",className:["lion-global-header",i].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-white)"},children:[e.jsx("img",{src:t,alt:n,className:"lion-global-header__logo"}),o&&e.jsx("span",{className:"lion-global-header__underwriter",children:o}),a.length>0&&e.jsx("nav",{className:"lion-global-header__ctas","aria-label":"Header actions",children:a.map(s=>e.jsx("a",{href:s.href,className:`lion-global-header__cta lion-global-header__cta--${s.type??"link"}`,children:s.label},s.href))})]}),xr=({label:t,href:n,variant:o="button",className:a})=>e.jsx("a",{href:n,"data-zone":"header","data-content-type":"header-cta","data-variant":o,className:["lion-header-cta",`lion-header-cta--${o}`,a].filter(Boolean).join(" "),children:t}),_r=({src:t,alt:n,href:o="/",width:a,height:i,className:s})=>e.jsx("a",{href:o,"data-zone":"header","data-content-type":"header-logo",className:["lion-header-logo",s].filter(Boolean).join(" "),"aria-label":"Go to homepage",children:e.jsx("img",{src:t,alt:n,width:a,height:i,className:"lion-header-logo__img"})}),jr=({name:t,logoSrc:n,logoAlt:o,href:a,tagline:i,className:s})=>{const l=e.jsxs("div",{className:"lion-header-product__inner",children:[n&&e.jsx("img",{src:n,alt:o??"",className:"lion-header-product__logo"}),e.jsx("span",{className:"lion-header-product__name",children:t}),i&&e.jsx("span",{className:"lion-header-product__tagline",children:i})]});return e.jsx("div",{"data-zone":"header","data-content-type":"header-product",className:["lion-header-product",s].filter(Boolean).join(" "),children:a?e.jsx("a",{href:a,children:l}):l})},zr=({items:t,ariaLabel:n="Section navigation",className:o})=>e.jsx("nav",{"aria-label":n,"data-zone":"header","data-content-type":"header-section-navigation",className:["lion-header-section-nav",o].filter(Boolean).join(" "),children:e.jsx("ul",{className:"lion-header-section-nav__list",role:"list",children:t.map(a=>e.jsx("li",{className:"lion-header-section-nav__item",children:e.jsx("a",{href:a.href,className:["lion-header-section-nav__link",a.isActive?"is-active":""].filter(Boolean).join(" "),"aria-current":a.isActive?"page":void 0,children:a.label})},a.href))})}),kr=({title:t,subtitle:n,as:o="h1",className:a})=>e.jsxs("div",{"data-zone":"header","data-content-type":"header-section-title",className:["lion-header-section-title",a].filter(Boolean).join(" "),children:[e.jsx(o,{className:"lion-header-section-title__title",children:t}),n&&e.jsx("p",{className:"lion-header-section-title__subtitle",children:n})]}),Nr=({items:t,ariaLabel:n="Main navigation",className:o})=>e.jsx("nav",{"aria-label":n,"data-zone":"header","data-content-type":"top-level-navigation",className:["lion-top-nav",o].filter(Boolean).join(" "),children:e.jsx("ul",{className:"lion-top-nav__list",role:"list",children:t.map(a=>{var i,s;return e.jsxs("li",{className:["lion-top-nav__item",(i=a.children)!=null&&i.length?"has-children":""].filter(Boolean).join(" "),children:[e.jsx("a",{href:a.href,className:["lion-top-nav__link",a.isActive?"is-active":""].filter(Boolean).join(" "),"aria-current":a.isActive?"page":void 0,"aria-haspopup":(s=a.children)!=null&&s.length?"true":void 0,children:a.label}),a.children&&a.children.length>0&&e.jsx("ul",{className:"lion-top-nav__dropdown",role:"list",children:a.children.map(l=>e.jsx("li",{className:"lion-top-nav__dropdown-item",children:e.jsx("a",{href:l.href,className:"lion-top-nav__dropdown-link",children:l.label})},l.href))})]},a.href)})})}),wr=({text:t,logoSrc:n,logoAlt:o,href:a,className:i})=>{const s=e.jsxs("div",{className:"lion-header-underwriter__inner",children:[n&&e.jsx("img",{src:n,alt:o??"",className:"lion-header-underwriter__logo"}),e.jsx("span",{className:"lion-header-underwriter__text",children:t})]});return e.jsx("div",{"data-zone":"header","data-content-type":"header-underwriter",className:["lion-header-underwriter",i].filter(Boolean).join(" "),children:a?e.jsx("a",{href:a,children:s}):s})},Sr=({heading:t,subheading:n,body:o,ctas:a=[],imageSrc:i,imageAlt:s,layout:l="split-right",backgroundSrc:d,legalText:g,className:b})=>e.jsxs("div",{"data-zone":"hero","data-content-type":"cta-hero-block","data-layout":l,className:["lion-cta-hero",`lion-cta-hero--${l}`,b].filter(Boolean).join(" "),style:d?{backgroundImage:`url(${d})`}:void 0,children:[e.jsxs("div",{className:"lion-cta-hero__content",children:[e.jsx("h1",{className:"lion-cta-hero__heading",style:{fontSize:"var(--h1-font-size)",lineHeight:"var(--h1-line-height)",fontWeight:"var(--font-weight-700)"},children:t}),n&&e.jsx("p",{className:"lion-cta-hero__subheading",style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-300)"},children:n}),o&&e.jsx("p",{className:"lion-cta-hero__body",style:{fontSize:"var(--body-font-size)"},children:o}),a.length>0&&e.jsx("div",{className:"lion-cta-hero__ctas",children:a.map(y=>e.jsx("a",{href:y.href,className:["lion-cta-hero__cta",`lion-cta-hero__cta--${y.variant??"primary"}`].join(" "),children:y.label},y.href))}),g&&e.jsx("p",{className:"lion-cta-hero__legal",style:{fontSize:"var(--h6-font-size)"},children:g})]}),i&&e.jsx("div",{className:"lion-cta-hero__image-wrapper",children:e.jsx("img",{src:i,alt:s??"",className:"lion-cta-hero__image"})})]}),Br=({heading:t,subheading:n,body:o,imageSrc:a,imageAlt:i,layout:s="full-bleed",backgroundSrc:l,eyebrow:d,className:g})=>e.jsxs("div",{"data-zone":"hero","data-content-type":"hero-block","data-layout":s,className:["lion-hero-block",`lion-hero-block--${s}`,g].filter(Boolean).join(" "),style:l?{backgroundImage:`url(${l})`}:void 0,children:[e.jsxs("div",{className:"lion-hero-block__content",children:[d&&e.jsx("p",{className:"lion-hero-block__eyebrow",style:{fontSize:"var(--h6-font-size)",fontWeight:"var(--font-weight-600)",textTransform:"uppercase",letterSpacing:"0.08em"},children:d}),e.jsx("h1",{className:"lion-hero-block__heading",style:{fontSize:"var(--h1-font-size)",lineHeight:"var(--h1-line-height)",fontWeight:"var(--font-weight-700)"},children:t}),n&&e.jsx("p",{className:"lion-hero-block__subheading",style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-300)"},children:n}),o&&e.jsx("p",{className:"lion-hero-block__body",style:{fontSize:"var(--body-font-size)"},children:o})]}),a&&e.jsx("div",{className:"lion-hero-block__image-wrapper",children:e.jsx("img",{src:a,alt:i??"",className:"lion-hero-block__image"})})]}),Rr=({panels:t,autoRotate:n=!1,rotateIntervalMs:o=5e3,defaultActiveIndex:a=0,showIndicators:i=!0,className:s})=>e.jsxs("div",{"data-zone":"hero","data-content-type":"multi-hero","data-auto-rotate":n,"data-rotate-interval":o,className:["lion-multi-hero",s].filter(Boolean).join(" "),children:[e.jsx("div",{className:"lion-multi-hero__track",children:t.map((l,d)=>e.jsxs("div",{className:["lion-multi-hero__panel",d===a?"is-active":""].filter(Boolean).join(" "),"aria-hidden":d!==a,children:[e.jsxs("div",{className:"lion-multi-hero__content",children:[e.jsx("h1",{className:"lion-multi-hero__heading",style:{fontSize:"var(--h1-font-size)",lineHeight:"var(--h1-line-height)",fontWeight:"var(--font-weight-700)"},children:l.heading}),l.subheading&&e.jsx("p",{className:"lion-multi-hero__subheading",style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-300)"},children:l.subheading}),l.body&&e.jsx("p",{className:"lion-multi-hero__body",style:{fontSize:"var(--body-font-size)"},children:l.body}),l.ctaLabel&&l.ctaHref&&e.jsx("a",{href:l.ctaHref,className:"lion-multi-hero__cta",children:l.ctaLabel})]}),l.imageSrc&&e.jsx("div",{className:"lion-multi-hero__image-wrapper",children:e.jsx("img",{src:l.imageSrc,alt:l.imageAlt??"",className:"lion-multi-hero__image"})})]},l.id??d))}),i&&t.length>1&&e.jsx("div",{className:"lion-multi-hero__indicators",role:"tablist","aria-label":"Hero slides",children:t.map((l,d)=>e.jsx("button",{role:"tab","aria-selected":d===a,"aria-label":`Slide ${d+1}: ${l.heading}`,className:["lion-multi-hero__indicator",d===a?"is-active":""].filter(Boolean).join(" ")},l.id??d))})]}),Cr=({heading:t,body:n,stateName:o,alternatives:a=[],contactCtaLabel:i,contactCtaHref:s,imageSrc:l,imageAlt:d,className:g})=>{const b=t??(o?`Not available in ${o}`:"Not available in your state"),y=n??"This product is not currently offered in your area. Explore available options below or contact us for help finding coverage.";return e.jsxs("div",{"data-zone":"hero","data-content-type":"not-available-hero-block",className:["lion-not-available-hero",g].filter(Boolean).join(" "),children:[e.jsxs("div",{className:"lion-not-available-hero__content",children:[e.jsx("h1",{className:"lion-not-available-hero__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)"},children:b}),e.jsx("p",{className:"lion-not-available-hero__body",style:{fontSize:"var(--body-font-size)"},children:y}),a.length>0&&e.jsx("ul",{className:"lion-not-available-hero__alternatives",children:a.map(z=>e.jsx("li",{children:e.jsx("a",{href:z.href,className:"lion-not-available-hero__alternative-link",children:z.label})},z.href))}),i&&s&&e.jsx("a",{href:s,className:"lion-not-available-hero__contact-cta",children:i})]}),l&&e.jsx("div",{className:"lion-not-available-hero__image-wrapper",children:e.jsx("img",{src:l,alt:d??"",className:"lion-not-available-hero__image"})})]})},Tr=({variant:t,heading:n,subheading:o,imageSrc:a,imageAlt:i,ctaLabel:s,ctaHref:l,className:d})=>e.jsxs("div",{"data-zone":"hero","data-content-type":`hero-${t}`,className:["lion-hero",`lion-hero--${t}`,d].filter(Boolean).join(" "),children:[e.jsxs("div",{className:"lion-hero__content",children:[e.jsx("h1",{className:"lion-hero__heading",style:{fontSize:"var(--h1-font-size)",lineHeight:"var(--h1-line-height)"},children:n}),o&&e.jsx("p",{className:"lion-hero__subheading",style:{fontSize:"var(--font-size-base)"},children:o}),s&&l&&e.jsx("a",{href:l,className:"lion-hero__cta",style:{color:"var(--color-white)",backgroundColor:"var(--color-brand)"},children:s})]}),a&&e.jsx("div",{className:"lion-hero__image-wrapper",children:e.jsx("img",{src:a,alt:i??"",className:"lion-hero__image"})})]}),Er=({items:t,className:n})=>e.jsx("ul",{"data-zone":"general","data-content-type":"rtbs",className:["lion-rtbs",n].filter(Boolean).join(" "),style:{listStyle:"none",padding:0,margin:0},children:t.map((o,a)=>e.jsxs("li",{className:"lion-rtbs__item",children:[o.illustrationSrc&&e.jsx("img",{src:o.illustrationSrc,alt:o.illustrationAlt??"",className:"lion-rtbs__illustration"}),e.jsx("h3",{className:"lion-rtbs__heading",style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-600)"},children:o.heading}),e.jsx("p",{className:"lion-rtbs__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:o.body})]},a))}),Wr=({items:t,heading:n,className:o})=>e.jsxs("div",{"data-zone":"general","data-content-type":"rtb-descriptive",className:["lion-rtb-descriptive",o].filter(Boolean).join(" "),children:[n&&e.jsx("h2",{className:"lion-rtb-descriptive__section-heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--padding-edge)"},children:n}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"flex",flexDirection:"column",gap:"var(--padding-edge)"},children:t.map((a,i)=>e.jsxs("li",{className:"lion-rtb-descriptive__item",style:{display:"flex",gap:"var(--padding-base-horizontal)",alignItems:"flex-start"},children:[a.illustrationSrc&&e.jsx("img",{src:a.illustrationSrc,alt:a.illustrationAlt??"",style:{width:"64px",height:"64px",objectFit:"contain",flexShrink:0}}),e.jsxs("div",{children:[e.jsx("h3",{style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-text)",marginBottom:"var(--padding-small-vertical)"},children:a.heading}),e.jsx("p",{style:{fontSize:"var(--font-size-base)",color:"var(--color-text)",lineHeight:"var(--line-height-base)"},children:a.body})]})]},i))})]}),Ar=({items:t,heading:n,className:o})=>e.jsxs("div",{"data-zone":"general","data-content-type":"rtb-highlight",className:["lion-rtb-highlight",o].filter(Boolean).join(" "),children:[n&&e.jsx("h2",{style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--padding-edge)",textAlign:"center"},children:n}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"grid",gridTemplateColumns:`repeat(${Math.min(t.length,3)}, 1fr)`,gap:"var(--Grid-gutter-size)",textAlign:"center"},children:t.map((a,i)=>e.jsxs("li",{className:"lion-rtb-highlight__item",style:{padding:"var(--padding-base-horizontal)",backgroundColor:"var(--color-gray-lightest)",borderRadius:"var(--border-radius-base)"},children:[e.jsx("span",{className:"lion-rtb-highlight__stat",style:{display:"block",fontSize:"var(--h1-md-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-brand)",lineHeight:1},children:a.stat}),e.jsx("span",{className:"lion-rtb-highlight__label",style:{display:"block",fontSize:"var(--font-size-base)",fontWeight:"var(--font-weight-600)",color:"var(--color-text)",marginTop:"var(--padding-small-vertical)"},children:a.label}),a.body&&e.jsx("p",{className:"lion-rtb-highlight__body",style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray)",marginTop:"var(--padding-small-vertical)"},children:a.body})]},i))})]}),Pr=({items:t,heading:n,columns:o=3,className:a})=>e.jsxs("div",{"data-zone":"general","data-content-type":"rtb-dynamic",className:["lion-rtb-dynamic",a].filter(Boolean).join(" "),children:[n&&e.jsx("h2",{style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--padding-edge)"},children:n}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"grid",gridTemplateColumns:`repeat(${o}, 1fr)`,gap:"var(--Grid-gutter-size)"},children:t.map((i,s)=>e.jsxs("li",{className:"lion-rtb-dynamic__item",children:[i.iconSrc&&e.jsx("img",{src:i.iconSrc,alt:i.iconAlt??"",style:{width:"48px",height:"48px",objectFit:"contain",marginBottom:"var(--Grid-gutter-size)"}}),e.jsx("h3",{style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-text)",marginBottom:"var(--padding-small-vertical)"},children:i.heading}),e.jsx("p",{style:{fontSize:"var(--font-size-base)",color:"var(--color-text)",lineHeight:"var(--line-height-base)"},children:i.body}),i.ctaLabel&&i.ctaHref&&e.jsx("a",{href:i.ctaHref,style:{color:"var(--color-link)",fontWeight:"var(--font-weight-600)",display:"inline-block",marginTop:"var(--Grid-gutter-size)"},children:i.ctaLabel})]},s))})]}),Or=({type:t,label:n,href:o,phone:a,variant:i="primary",opensInNewTab:s=!1,className:l})=>{const d=s?"_blank":void 0,g=s?"noopener noreferrer":void 0,b=t==="phone"?`tel:${a}`:o;return e.jsx("a",{"data-zone":"general","data-content-type":"cta",href:b,target:d,rel:g,className:["lion-cta",`lion-cta--${t}`,`lion-cta--${i}`,l].filter(Boolean).join(" "),style:{fontFamily:"var(--font-family-sans-serif)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",backgroundColor:i==="primary"?"var(--color-brand)":"transparent",color:i==="primary"?"var(--color-white)":"var(--color-link)",borderWidth:i==="secondary"?"var(--border-width-base)":void 0,borderStyle:i==="secondary"?"solid":void 0,borderColor:i==="secondary"?"var(--color-brand)":void 0},children:n})},Dr=({heading:t,ctaLabel:n,ctaHref:o,ctaType:a="button",body:i,className:s})=>e.jsxs("div",{"data-zone":"general","data-content-type":"simple-cta-block",className:["lion-simple-cta",s].filter(Boolean).join(" "),style:{padding:"var(--padding-edge)",textAlign:"center"},children:[e.jsx("h2",{style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-text)",marginBottom:i?"var(--Grid-gutter-size)":"var(--padding-edge)"},children:t}),i&&e.jsx("p",{style:{fontSize:"var(--font-size-base)",color:"var(--color-text)",marginBottom:"var(--padding-edge)"},children:i}),e.jsx("a",{href:o,style:a==="button"?{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",display:"inline-block"}:{color:"var(--color-link)",fontWeight:"var(--font-weight-600)"},children:n})]}),Fr=({items:t,allowMultipleOpen:n=!1,className:o})=>{const[a,i]=R.useState([]),s=l=>{i(n?d=>d.includes(l)?d.filter(g=>g!==l):[...d,l]:d=>d.includes(l)?[]:[l])};return e.jsx("div",{"data-zone":"general","data-content-type":"accordion-block",className:["lion-accordion",o].filter(Boolean).join(" "),children:t.map((l,d)=>{const g=a.includes(d);return e.jsxs("div",{className:"lion-accordion__item",style:{borderBottom:"var(--border-width-thin) solid var(--color-line)"},children:[e.jsx("button",{type:"button","aria-expanded":g,onClick:()=>s(d),className:"lion-accordion__trigger",style:{width:"100%",textAlign:"left",background:"none",border:"none",cursor:"pointer",padding:"var(--padding-base-vertical) 0",fontWeight:"var(--font-weight-600)",fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:l.heading}),g&&e.jsx("div",{className:"lion-accordion__body",style:{padding:"0 0 var(--padding-base-vertical)",fontSize:"var(--font-size-base)",color:"var(--color-text)",lineHeight:"var(--line-height-base)"},children:l.body})]},d)})})},Hr={white:"var(--color-white)","gray-lightest":"var(--color-gray-lightest)","teal-tint":"var(--color-teal-tint)",sand:"var(--color-sand)","blue-dark":"var(--color-blue-dark)",teal:"var(--color-teal)",brand:"var(--color-brand)"},$r=({color:t,children:n,className:o})=>e.jsx("div",{"data-zone":"general","data-content-type":"background-color-block","data-color":t,className:["lion-bg-color-block",`lion-bg-color-block--${t}`,o].filter(Boolean).join(" "),style:{backgroundColor:Hr[t],padding:"var(--padding-edge)"},children:n}),Ir=({heading:t,body:n,imageSrc:o,imageAlt:a,imagePosition:i="top",ctaLabel:s,ctaHref:l,className:d})=>{const g=i==="left"||i==="right";return e.jsxs("div",{"data-zone":"general","data-content-type":"basic-content-block",className:["lion-basic-content",d].filter(Boolean).join(" "),style:{display:g?"flex":"block",flexDirection:i==="right"?"row-reverse":"row",gap:"var(--Grid-gutter-size)"},children:[o&&i!=="none"&&e.jsx("img",{src:o,alt:a??"",className:"lion-basic-content__image",style:{flex:g?"0 0 40%":void 0,width:g?void 0:"100%"}}),e.jsxs("div",{className:"lion-basic-content__text",children:[e.jsx("h2",{className:"lion-basic-content__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-text)"},children:t}),e.jsx("p",{className:"lion-basic-content__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)",lineHeight:"var(--line-height-base)"},children:n}),s&&l&&e.jsx("a",{href:l,className:"lion-basic-content__cta",style:{color:"var(--color-link)",fontWeight:"var(--font-weight-600)"},children:s})]})]})},Lr=({html:t,className:n})=>e.jsx("div",{"data-zone":"general","data-content-type":"body-text-copy-block",className:["lion-body-text",n].filter(Boolean).join(" "),style:{fontFamily:"var(--font-family-sans-serif)",fontSize:"var(--font-size-base)",lineHeight:"var(--line-height-base)",color:"var(--color-text)",maxWidth:"72ch"},dangerouslySetInnerHTML:{__html:t}}),Gr=({heading:t,body:n,ctaLabel:o,ctaHref:a,className:i})=>e.jsxs("div",{"data-zone":"general","data-content-type":"callout",className:["lion-callout",i].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-teal-tint)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-edge)"},children:[e.jsx("h2",{className:"lion-callout__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)"},children:t}),e.jsx("p",{className:"lion-callout__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:n}),o&&a&&e.jsx("a",{href:a,className:"lion-callout__cta",style:{color:"var(--color-link)"},children:o})]}),Mr=["Risk-free","No Obligation","Protected Privacy"],qr=({tags:t=Mr,className:n})=>e.jsx("ul",{"data-zone":"general","data-content-type":"confidence-tags",className:["lion-confidence-tags",n].filter(Boolean).join(" "),style:{listStyle:"none",padding:0,margin:0,display:"flex",gap:"var(--Grid-gutter-size)"},children:t.map(o=>e.jsx("li",{className:"lion-confidence-tags__tag",style:{fontSize:"var(--h5-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-brand)",borderRadius:"var(--border-radius-small)",padding:"var(--padding-small-vertical) var(--padding-small-horizontal)",backgroundColor:"var(--color-teal-opaque)"},children:o},o))}),Yr=({src:t,alt:n,caption:o,width:a="full",alignment:i="left",linkHref:s,className:l})=>{const d={full:"100%",half:"50%",third:"33.333%"},g=e.jsx("img",{src:t,alt:n,className:"lion-content-image__img",style:{width:"100%",display:"block",borderRadius:"var(--border-radius-base)"}});return e.jsxs("figure",{"data-zone":"general","data-content-type":"content-image-block",className:["lion-content-image",l].filter(Boolean).join(" "),style:{margin:0,width:d[a],marginLeft:i==="center"?"auto":void 0,marginRight:i==="center"||i==="right"?"auto":void 0},children:[s?e.jsx("a",{href:s,children:g}):g,o&&e.jsx("figcaption",{className:"lion-content-image__caption",style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",marginTop:"var(--padding-small-vertical)"},children:o})]})},Ur=({cards:t,className:n})=>e.jsx("ul",{"data-zone":"general","data-content-type":"cross-sell-card-block",className:["lion-cross-sell",n].filter(Boolean).join(" "),style:{listStyle:"none",padding:0,margin:0,display:"grid",gridTemplateColumns:`repeat(${Math.min(t.length,3)}, 1fr)`,gap:"var(--Grid-gutter-size)"},children:t.map((o,a)=>e.jsxs("li",{className:"lion-cross-sell__card",style:{borderRadius:"var(--border-radius-base)",border:"var(--border-width-thin) solid var(--color-line)",overflow:"hidden"},children:[o.imageSrc&&e.jsx("img",{src:o.imageSrc,alt:o.imageAlt??"",className:"lion-cross-sell__image",style:{width:"100%",display:"block"}}),e.jsxs("div",{className:"lion-cross-sell__body",style:{padding:"var(--padding-base-horizontal)"},children:[e.jsx("h3",{className:"lion-cross-sell__heading",style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-text)"},children:o.heading}),e.jsx("p",{className:"lion-cross-sell__description",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:o.body}),e.jsx("a",{href:o.ctaHref,className:"lion-cross-sell__cta",style:{color:"var(--color-link)",fontWeight:"var(--font-weight-600)"},children:o.ctaLabel})]})]},a))}),Vr={checkmark:"✓",bullet:"•",number:"",icon:"→"},Jr=({items:t,style:n="checkmark",heading:o,className:a})=>{const i=n==="number"?"ol":"ul";return e.jsxs("div",{"data-zone":"general","data-content-type":"decorative-list-block",className:["lion-decorative-list",a].filter(Boolean).join(" "),children:[o&&e.jsx("h2",{className:"lion-decorative-list__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--Grid-gutter-size)"},children:o}),e.jsx(i,{className:"lion-decorative-list__list",style:{listStyle:"none",padding:0,margin:0},children:t.map((s,l)=>e.jsxs("li",{className:"lion-decorative-list__item",style:{display:"flex",gap:"var(--Grid-gutter-size)",alignItems:"flex-start",padding:"var(--padding-small-vertical) 0",fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:[e.jsx("span",{className:"lion-decorative-list__marker",style:{color:"var(--color-brand)",fontWeight:"var(--font-weight-700)",flexShrink:0},children:n==="number"?`${l+1}.`:Vr[n]}),e.jsx("span",{children:s})]},l))})]})},Kr=({heading:t,body:n,placeholder:o="Enter your email",submitLabel:a="Subscribe",onSubmit:i,className:s})=>{const[l,d]=R.useState(""),g=b=>{b.preventDefault(),i==null||i(l)};return e.jsxs("div",{"data-zone":"general","data-content-type":"email-callout-block",className:["lion-email-callout",s].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-teal-tint)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-edge)"},children:[e.jsx("h2",{className:"lion-email-callout__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-text)"},children:t}),n&&e.jsx("p",{className:"lion-email-callout__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:n}),e.jsxs("form",{className:"lion-email-callout__form",onSubmit:g,style:{display:"flex",gap:"var(--Grid-gutter-size)"},children:[e.jsx("input",{type:"email",required:!0,value:l,onChange:b=>d(b.target.value),placeholder:o,className:"lion-email-callout__input",style:{flex:1,borderRadius:"var(--border-radius-base)",borderWidth:"var(--border-width-base)",borderStyle:"solid",borderColor:"var(--color-line)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)"}}),e.jsx("button",{type:"submit",className:"lion-email-callout__submit",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",border:"none",cursor:"pointer"},children:a})]})]})},Xr={"16/9":"56.25%","4/3":"75%","1/1":"100%"},Qr=({src:t,title:n,aspectRatio:o="16/9",autoplay:a=!1,caption:i,className:s})=>{const l=a?`${t}${t.includes("?")?"&":"?"}autoplay=1`:t;return e.jsxs("figure",{"data-zone":"general","data-content-type":"embedded-video-block",className:["lion-video",s].filter(Boolean).join(" "),style:{margin:0},children:[e.jsx("div",{className:"lion-video__wrapper",style:{position:"relative",paddingBottom:Xr[o],height:0,overflow:"hidden",borderRadius:"var(--border-radius-base)"},children:e.jsx("iframe",{src:l,title:n,className:"lion-video__iframe",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:0},allowFullScreen:!0})}),i&&e.jsx("figcaption",{className:"lion-video__caption",style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",marginTop:"var(--padding-small-vertical)"},children:i})]})},Zr=({imageSrc:t,imageAlt:n,highlightBox:o,highlightBoxPosition:a="bottom-left",className:i})=>{const s={"bottom-left":{bottom:"var(--padding-edge)",left:"var(--padding-edge)"},"bottom-right":{bottom:"var(--padding-edge)",right:"var(--padding-edge)"},"top-left":{top:"var(--padding-edge)",left:"var(--padding-edge)"},"top-right":{top:"var(--padding-edge)",right:"var(--padding-edge)"}};return e.jsxs("div",{"data-zone":"general","data-content-type":"full-size-image-with-highlight-box",className:["lion-full-image",i].filter(Boolean).join(" "),style:{position:"relative",overflow:"hidden",borderRadius:"var(--border-radius-base)"},children:[e.jsx("img",{src:t,alt:n,className:"lion-full-image__img",style:{width:"100%",display:"block"}}),e.jsxs("div",{className:"lion-full-image__highlight-box",style:{position:"absolute",...s[a],backgroundColor:"var(--color-white)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-edge)",maxWidth:"360px"},children:[e.jsx("h2",{className:"lion-full-image__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-text)"},children:o.heading}),e.jsx("p",{className:"lion-full-image__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:o.body}),o.ctaLabel&&o.ctaHref&&e.jsx("a",{href:o.ctaHref,className:"lion-full-image__cta",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",display:"inline-block"},children:o.ctaLabel})]})]})},ea={thin:"var(--border-width-thin)",base:"var(--border-width-base)",thick:"var(--border-width-thick)"},ra=({style:t="solid",color:n="var(--color-line)",thickness:o="thin",className:a})=>e.jsx("hr",{"data-zone":"general","data-content-type":"horizontal-rule",className:["lion-horizontal-rule",a].filter(Boolean).join(" "),style:{border:"none",borderTopWidth:ea[o],borderTopStyle:t,borderTopColor:n,margin:"var(--padding-edge) 0"}}),aa={info:{bg:"var(--color-teal-tint)",color:"var(--color-teal-dark)",border:"var(--color-teal)"},warning:{bg:"var(--color-yellow-light)",color:"var(--color-yellow)",border:"var(--color-yellow)"},success:{bg:"var(--color-green-light)",color:"var(--color-green)",border:"var(--color-green)"},error:{bg:"var(--color-red-light)",color:"var(--color-red)",border:"var(--color-red)"}},oa=({type:t,message:n,heading:o,dismissible:a=!1,className:i})=>{const[s,l]=R.useState(!1);if(s)return null;const d=aa[t];return e.jsxs("div",{role:"alert","data-zone":"general","data-content-type":"inline-message","data-type":t,className:["lion-inline-message",`lion-inline-message--${t}`,i].filter(Boolean).join(" "),style:{backgroundColor:d.bg,borderLeft:`var(--border-width-thick) solid ${d.border}`,borderRadius:"var(--border-radius-small)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[e.jsxs("div",{children:[o&&e.jsx("strong",{className:"lion-inline-message__heading",style:{color:d.color,display:"block",fontWeight:"var(--font-weight-600)"},children:o}),e.jsx("span",{className:"lion-inline-message__text",style:{fontSize:"var(--font-size-base)",color:d.color},children:n})]}),a&&e.jsx("button",{type:"button",onClick:()=>l(!0),"aria-label":"Dismiss",style:{background:"none",border:"none",cursor:"pointer",color:d.color,fontWeight:"var(--font-weight-700)",fontSize:"1.2em",padding:0,marginLeft:"var(--Grid-gutter-size)"},children:"×"})]})},ta=({heading:t,body:n,deadline:o,ctaLabel:a,ctaHref:i,className:s})=>e.jsxs("div",{"data-zone":"general","data-content-type":"last-chance-block",className:["lion-last-chance",s].filter(Boolean).join(" "),style:{background:"var(--gradient-blue-to-teal)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-edge)",color:"var(--color-white)",textAlign:"center"},children:[o&&e.jsxs("p",{className:"lion-last-chance__deadline",style:{fontSize:"var(--h5-font-size)",fontWeight:"var(--font-weight-600)",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:"var(--Grid-gutter-size)"},children:["Deadline: ",o]}),e.jsx("h2",{className:"lion-last-chance__heading",style:{fontSize:"var(--h1-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--Grid-gutter-size)"},children:t}),e.jsx("p",{className:"lion-last-chance__body",style:{fontSize:"var(--font-size-base)",marginBottom:"var(--padding-edge)"},children:n}),e.jsx("a",{href:i,className:"lion-last-chance__cta",style:{backgroundColor:"var(--color-white)",color:"var(--color-brand)",fontWeight:"var(--font-weight-700)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-large-vertical) var(--padding-large-horizontal)",display:"inline-block"},children:a})]}),na=({fields:t,submitLabel:n="Submit",onSubmit:o,mediaCode:a,className:i})=>{const s=l=>{if(l.preventDefault(),!o)return;const d=new FormData(l.currentTarget),g={};d.forEach((b,y)=>{g[y]=b}),o(g)};return e.jsxs("form",{"data-zone":"general","data-content-type":"lead-form","data-media-code":a,className:["lion-lead-form",i].filter(Boolean).join(" "),onSubmit:s,children:[t.map(l=>{var d;return e.jsxs("div",{className:"lion-lead-form__field",children:[e.jsxs("label",{htmlFor:l.name,className:"lion-lead-form__label",style:{fontWeight:"var(--font-weight-600)"},children:[l.label,l.required&&e.jsx("span",{"aria-hidden":"true",children:" *"})]}),l.type==="select"?e.jsx("select",{id:l.name,name:l.name,required:l.required,className:"lion-lead-form__select",children:(d=l.options)==null?void 0:d.map(g=>e.jsx("option",{value:g,children:g},g))}):e.jsx("input",{id:l.name,name:l.name,type:l.type,required:l.required,className:"lion-lead-form__input"})]},l.name)}),e.jsx("button",{type:"submit",className:"lion-lead-form__submit",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)"},children:n})]})},ia=({steps:t,submitLabel:n="Submit",onSubmit:o,mediaCode:a,className:i})=>{const[s,l]=R.useState(0),[d,g]=R.useState({}),b=s===t.length-1,y=t[s],z=p=>{p.preventDefault();const S=new FormData(p.currentTarget),C={};S.forEach((D,T)=>{C[T]=D});const L={...d,...C};g(L),b?o==null||o(L):l(D=>D+1)};return e.jsxs("div",{"data-zone":"general","data-content-type":"multi-step-lead-form","data-media-code":a,className:["lion-multi-step-form",i].filter(Boolean).join(" "),children:[e.jsx("div",{className:"lion-multi-step-form__progress",style:{display:"flex",gap:"var(--padding-small-horizontal)",marginBottom:"var(--padding-edge)"},children:t.map((p,S)=>e.jsx("div",{className:"lion-multi-step-form__step-indicator",style:{flex:1,height:"4px",borderRadius:"2px",backgroundColor:S<=s?"var(--color-brand)":"var(--color-gray-light)"}},S))}),e.jsxs("p",{className:"lion-multi-step-form__step-label",style:{fontSize:"var(--h5-font-size)",color:"var(--color-gray)",marginBottom:"var(--Grid-gutter-size)"},children:["Step ",s+1," of ",t.length,": ",y.title]}),e.jsxs("form",{onSubmit:z,children:[y.fields.map(p=>{var S;return e.jsxs("div",{className:"lion-multi-step-form__field",style:{marginBottom:"var(--Grid-gutter-size)"},children:[e.jsxs("label",{htmlFor:p.name,style:{display:"block",fontWeight:"var(--font-weight-600)",marginBottom:"0.4rem"},children:[p.label,p.required&&e.jsx("span",{"aria-hidden":"true",children:" *"})]}),p.type==="select"?e.jsx("select",{id:p.name,name:p.name,required:p.required,style:{width:"100%",borderRadius:"var(--border-radius-base)",borderWidth:"var(--border-width-base)",borderStyle:"solid",borderColor:"var(--color-line)"},children:(S=p.options)==null?void 0:S.map(C=>e.jsx("option",{value:C,children:C},C))}):e.jsx("input",{id:p.name,name:p.name,type:p.type,required:p.required,style:{width:"100%",borderRadius:"var(--border-radius-base)",borderWidth:"var(--border-width-base)",borderStyle:"solid",borderColor:"var(--color-line)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)"}})]},p.name)}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",gap:"var(--Grid-gutter-size)"},children:[s>0&&e.jsx("button",{type:"button",onClick:()=>l(p=>p-1),style:{background:"none",border:"var(--border-width-base) solid var(--color-brand)",color:"var(--color-link)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",cursor:"pointer",fontWeight:"var(--font-weight-600)"},children:"Back"}),e.jsx("button",{type:"submit",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",border:"none",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",cursor:"pointer",fontWeight:"var(--font-weight-600)",marginLeft:"auto"},children:b?n:"Next"})]})]})]})},la=({testimonials:t,heading:n,className:o})=>e.jsxs("div",{"data-zone":"general","data-content-type":"multi-testimonial",className:["lion-testimonials",o].filter(Boolean).join(" "),children:[n&&e.jsx("h2",{className:"lion-testimonials__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--padding-edge)"},children:n}),e.jsx("ul",{className:"lion-testimonials__list",style:{listStyle:"none",padding:0,margin:0,display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px, 1fr))",gap:"var(--Grid-gutter-size)"},children:t.map((a,i)=>e.jsxs("li",{className:"lion-testimonials__item",style:{backgroundColor:"var(--color-gray-lightest)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-horizontal)"},children:[a.rating&&e.jsxs("div",{className:"lion-testimonials__rating","aria-label":`${a.rating} out of 5 stars`,style:{color:"var(--color-gold)",marginBottom:"var(--Grid-gutter-size)"},children:["★".repeat(a.rating),"☆".repeat(5-a.rating)]}),e.jsxs("blockquote",{className:"lion-testimonials__quote",style:{margin:0,fontSize:"var(--font-size-base)",color:"var(--color-text)",lineHeight:"var(--line-height-base)",fontStyle:"italic"},children:['"',a.quote,'"']}),e.jsxs("div",{className:"lion-testimonials__attribution",style:{display:"flex",alignItems:"center",gap:"var(--Grid-gutter-size)",marginTop:"var(--Grid-gutter-size)"},children:[a.imageSrc&&e.jsx("img",{src:a.imageSrc,alt:a.imageAlt??a.author,style:{width:"40px",height:"40px",borderRadius:"50%",objectFit:"cover"}}),e.jsxs("div",{children:[e.jsx("strong",{className:"lion-testimonials__author",style:{fontSize:"var(--font-size-base)",fontWeight:"var(--font-weight-600)",color:"var(--color-text)",display:"block"},children:a.author}),a.role&&e.jsx("span",{className:"lion-testimonials__role",style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray)"},children:a.role})]})]})]},i))})]}),sa=({heading:t,body:n,emailLabel:o="Email address",submitLabel:a="Sign me up",onSubmit:i,defaultChecked:s=!1,className:l})=>{const[d,g]=R.useState(""),[b,y]=R.useState(s),z=p=>{p.preventDefault(),i==null||i(d,b)};return e.jsxs("form",{"data-zone":"general","data-content-type":"opt-in",className:["lion-opt-in",l].filter(Boolean).join(" "),onSubmit:z,children:[e.jsx("h2",{className:"lion-opt-in__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-text)"},children:t}),n&&e.jsx("p",{className:"lion-opt-in__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:n}),e.jsxs("div",{className:"lion-opt-in__field",children:[e.jsx("label",{htmlFor:"opt-in-email",className:"lion-opt-in__label",style:{fontWeight:"var(--font-weight-600)",display:"block"},children:o}),e.jsx("input",{id:"opt-in-email",type:"email",required:!0,value:d,onChange:p=>g(p.target.value),className:"lion-opt-in__input",style:{borderRadius:"var(--border-radius-base)",borderWidth:"var(--border-width-base)",borderStyle:"solid",borderColor:"var(--color-line)"}})]}),e.jsxs("label",{className:"lion-opt-in__consent",style:{display:"flex",gap:"var(--Grid-gutter-size)",alignItems:"flex-start"},children:[e.jsx("input",{type:"checkbox",checked:b,onChange:p=>y(p.target.checked),className:"lion-opt-in__checkbox"}),e.jsx("span",{style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)"},children:"I agree to receive marketing emails. I can unsubscribe at any time."})]}),e.jsx("button",{type:"submit",className:"lion-opt-in__submit",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",border:"none",cursor:"pointer"},children:a})]})},ca=({imageSrc:t,imageAlt:n,heading:o,body:a,ctaLabel:i,ctaHref:s,badgeLabel:l,className:d})=>e.jsxs("div",{"data-zone":"general","data-content-type":"product-block",className:["lion-product-block",d].filter(Boolean).join(" "),style:{borderRadius:"var(--border-radius-base)",overflow:"hidden"},children:[t&&e.jsx("div",{className:"lion-product-block__image-wrapper",children:e.jsx("img",{src:t,alt:n??"",className:"lion-product-block__image"})}),e.jsxs("div",{className:"lion-product-block__body",style:{padding:"var(--padding-edge)"},children:[l&&e.jsx("span",{className:"lion-product-block__badge",style:{fontSize:"var(--h6-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-brand)",backgroundColor:"var(--color-teal-opaque)",borderRadius:"var(--border-radius-small)",padding:"var(--padding-small-vertical) var(--padding-small-horizontal)"},children:l}),e.jsx("h2",{className:"lion-product-block__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-text)"},children:o}),e.jsx("p",{className:"lion-product-block__description",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)",lineHeight:"var(--line-height-base)"},children:a}),i&&s&&e.jsx("a",{href:s,className:"lion-product-block__cta",style:{color:"var(--color-white)",backgroundColor:"var(--color-brand)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",display:"inline-block"},children:i})]})]}),da=({quote:t,attribution:n,role:o,className:a})=>e.jsxs("blockquote",{"data-zone":"general","data-content-type":"pull-quote",className:["lion-pull-quote",a].filter(Boolean).join(" "),style:{margin:0,borderLeft:"var(--border-width-thick) solid var(--color-brand)",paddingLeft:"var(--padding-edge)",paddingTop:"var(--padding-base-vertical)",paddingBottom:"var(--padding-base-vertical)"},children:[e.jsxs("p",{className:"lion-pull-quote__text",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-300)",color:"var(--color-text)",lineHeight:"var(--h2-line-height)",fontStyle:"italic",margin:0},children:['"',t,'"']}),n&&e.jsx("footer",{className:"lion-pull-quote__footer",style:{marginTop:"var(--Grid-gutter-size)"},children:e.jsxs("cite",{style:{fontStyle:"normal",fontSize:"var(--font-size-base)",fontWeight:"var(--font-weight-600)",color:"var(--color-gray-dark)"},children:[n,o&&e.jsxs("span",{style:{fontWeight:"var(--font-weight-400)",color:"var(--color-gray)"},children:[", ",o]})]})})]}),ha=({title:t,description:n,resourceType:o,imageSrc:a,imageAlt:i,ctaLabel:s,ctaHref:l,downloadUrl:d,className:g})=>{const b=d??l;return e.jsxs("div",{"data-zone":"general","data-content-type":"resource-spotlight","data-resource-type":o,className:["lion-resource-spotlight",g].filter(Boolean).join(" "),style:{display:"flex",gap:"var(--padding-edge)",alignItems:"flex-start",borderRadius:"var(--border-radius-base)",border:"var(--border-width-thin) solid var(--color-line)",padding:"var(--padding-base-horizontal)"},children:[a&&e.jsx("img",{src:a,alt:i??"",className:"lion-resource-spotlight__image",style:{width:"120px",height:"90px",objectFit:"cover",borderRadius:"var(--border-radius-small)",flexShrink:0}}),e.jsxs("div",{className:"lion-resource-spotlight__content",children:[e.jsx("span",{className:"lion-resource-spotlight__type",style:{fontSize:"var(--h6-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-brand)",textTransform:"uppercase",letterSpacing:"0.05em"},children:o}),e.jsx("h3",{className:"lion-resource-spotlight__title",style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-text)",margin:"var(--padding-small-vertical) 0"},children:t}),e.jsx("p",{className:"lion-resource-spotlight__description",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:n}),b&&e.jsx("a",{href:b,className:"lion-resource-spotlight__cta",download:!!d||void 0,style:{color:"var(--color-link)",fontWeight:"var(--font-weight-600)"},children:s??(d?"Download":"View resource")})]})]})},ga=({html:t,className:n})=>e.jsx("div",{"data-zone":"general","data-content-type":"rich-text",className:["lion-rich-text",n].filter(Boolean).join(" "),style:{fontFamily:"var(--font-family-sans-serif)",fontSize:"var(--font-size-base)",lineHeight:"var(--line-height-base)",color:"var(--color-text)"},dangerouslySetInnerHTML:{__html:t}}),va=({tabs:t,defaultTab:n=0,className:o})=>{var s;const[a,i]=R.useState(n);return e.jsxs("div",{"data-zone":"general","data-content-type":"side-menu-explorer",className:["lion-side-menu-explorer",o].filter(Boolean).join(" "),style:{display:"flex",gap:"var(--padding-edge)"},children:[e.jsx("nav",{className:"lion-side-menu-explorer__menu","aria-label":"Content sections",style:{width:"220px",flexShrink:0},children:e.jsx("ul",{role:"tablist",style:{listStyle:"none",padding:0,margin:0},children:t.map((l,d)=>e.jsx("li",{role:"tab","aria-selected":a===d,children:e.jsx("button",{type:"button",onClick:()=>i(d),className:`lion-side-menu-explorer__tab${a===d?" is-active":""}`,style:{width:"100%",textAlign:"left",background:"none",border:"none",borderLeft:a===d?"var(--border-width-thick) solid var(--color-brand)":"var(--border-width-thin) solid var(--color-line)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",fontWeight:a===d?"var(--font-weight-600)":"var(--font-weight-400)",color:a===d?"var(--color-brand)":"var(--color-text)",cursor:"pointer",fontSize:"var(--font-size-base)"},children:l.label})},d))})}),e.jsx("div",{className:"lion-side-menu-explorer__content",role:"tabpanel",style:{flex:1},children:(s=t[a])==null?void 0:s.content})]})},fa={xs:"0.8rem",sm:"var(--Grid-gutter-size)",md:"var(--padding-edge)",lg:"4.8rem",xl:"6.4rem"},ua=({size:t="md",className:n})=>e.jsx("div",{"data-zone":"general","data-content-type":"spacing-block","data-size":t,className:["lion-spacing-block",`lion-spacing-block--${t}`,n].filter(Boolean).join(" "),style:{height:fa[t],display:"block"},"aria-hidden":"true"}),pa=({href:t,label:n,warningHeading:o="You are leaving this site",warningBody:a="You are about to visit a third-party website. We are not responsible for its content.",continueLabel:i="Continue",cancelLabel:s="Cancel",className:l})=>{const[d,g]=R.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx("a",{href:"#speed-bump","data-zone":"general","data-content-type":"speed-bump",className:["lion-speed-bump__trigger",l].filter(Boolean).join(" "),style:{color:"var(--color-link)"},onClick:b=>{b.preventDefault(),g(!0)},children:n}),d&&e.jsx("div",{role:"dialog","aria-modal":"true","aria-labelledby":"speed-bump-heading",className:"lion-speed-bump__overlay",style:{position:"fixed",inset:0,backgroundColor:"var(--color-gray-darker-opaque)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:"var(--z-index-overlays-and-headers)"},children:e.jsxs("div",{className:"lion-speed-bump__dialog",style:{backgroundColor:"var(--color-white)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-edge)",maxWidth:"480px",width:"100%"},children:[e.jsx("h2",{id:"speed-bump-heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--Grid-gutter-size)"},children:o}),e.jsx("p",{style:{fontSize:"var(--font-size-base)",color:"var(--color-text)",marginBottom:"var(--padding-edge)"},children:a}),e.jsxs("div",{style:{display:"flex",gap:"var(--Grid-gutter-size)"},children:[e.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"lion-speed-bump__continue",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)"},onClick:()=>g(!1),children:i}),e.jsx("button",{type:"button",className:"lion-speed-bump__cancel",style:{background:"none",border:"var(--border-width-base) solid var(--color-brand)",color:"var(--color-link)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",cursor:"pointer"},onClick:()=>g(!1),children:s})]})]})})]})},ma=({caption:t,headers:n,rows:o,striped:a=!0,className:i})=>e.jsx("div",{"data-zone":"general","data-content-type":"table-block",className:["lion-table-block",i].filter(Boolean).join(" "),style:{overflowX:"auto"},children:e.jsxs("table",{className:"lion-table",style:{width:"100%",borderCollapse:"collapse",fontFamily:"var(--font-family-sans-serif)",fontSize:"var(--font-size-base)"},children:[t&&e.jsx("caption",{style:{captionSide:"top",textAlign:"left",marginBottom:"var(--Grid-gutter-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-text)"},children:t}),e.jsx("thead",{children:e.jsx("tr",{children:n.map((s,l)=>e.jsx("th",{scope:"col",style:{backgroundColor:"var(--color-blue-dark)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",textAlign:"left",whiteSpace:"nowrap"},children:s},l))})}),e.jsx("tbody",{children:o.map((s,l)=>e.jsx("tr",{style:{backgroundColor:a&&l%2===1?"var(--color-gray-lightest)":"var(--color-white)"},children:s.map((d,g)=>e.jsx("td",{style:{padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",color:"var(--color-text)",borderBottom:"var(--border-width-thin) solid var(--color-line)"},children:d},g))},l))})]})}),ba=({heading:t="We are here for you",body:n,ctaLabel:o,ctaHref:a,phone:i,className:s})=>e.jsxs("div",{"data-zone":"general","data-content-type":"wahfu",className:["lion-wahfu",s].filter(Boolean).join(" "),style:{backgroundColor:"var(--color-teal-tint)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-edge)",textAlign:"center"},children:[e.jsx("h2",{className:"lion-wahfu__heading",style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-teal-dark)",marginBottom:"var(--Grid-gutter-size)"},children:t}),e.jsx("p",{className:"lion-wahfu__body",style:{fontSize:"var(--font-size-base)",color:"var(--color-text)",lineHeight:"var(--line-height-base)",marginBottom:"var(--padding-edge)"},children:n}),e.jsxs("div",{className:"lion-wahfu__actions",style:{display:"flex",gap:"var(--Grid-gutter-size)",justifyContent:"center",flexWrap:"wrap"},children:[o&&a&&e.jsx("a",{href:a,className:"lion-wahfu__cta",style:{backgroundColor:"var(--color-brand)",color:"var(--color-white)",fontWeight:"var(--font-weight-600)",borderRadius:"var(--border-radius-base)",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",display:"inline-block"},children:o}),i&&e.jsx("a",{href:`tel:${i.replace(/\D/g,"")}`,className:"lion-wahfu__phone",style:{color:"var(--color-brand)",fontWeight:"var(--font-weight-600)",fontSize:"var(--h3-font-size)"},children:i})]})]}),ya=({posts:t,heading:n,className:o})=>e.jsxs("div",{"data-zone":"general","data-content-type":"all-blogs-post-block","data-platform":"blog",className:["lion-all-blogs",o].filter(Boolean).join(" "),children:[n&&e.jsx("h2",{style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--padding-edge)"},children:n}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"flex",flexDirection:"column",gap:"var(--Grid-gutter-size)"},children:t.map((a,i)=>e.jsxs("li",{style:{display:"flex",gap:"var(--padding-base-horizontal)",borderBottom:"var(--border-width-thin) solid var(--color-line)",paddingBottom:"var(--Grid-gutter-size)"},children:[a.imageSrc&&e.jsx("img",{src:a.imageSrc,alt:a.imageAlt??"",style:{width:"120px",height:"80px",objectFit:"cover",borderRadius:"var(--border-radius-small)",flexShrink:0}}),e.jsxs("div",{children:[a.category&&e.jsx("span",{style:{fontSize:"var(--h6-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-brand)",textTransform:"uppercase"},children:a.category}),e.jsx("h3",{style:{fontSize:"var(--h3-font-size)",fontWeight:"var(--font-weight-600)"},children:e.jsx("a",{href:a.href,style:{color:"var(--color-link)"},children:a.title})}),e.jsx("p",{style:{fontSize:"var(--font-size-base)",color:"var(--color-text)"},children:a.excerpt}),e.jsx("time",{style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray)"},children:a.date})]})]},i))})]}),xa=({posts:t,heading:n="Recent Posts",count:o=3,className:a})=>{const i=t.slice(0,o),s=o===4?4:3;return e.jsxs("div",{"data-zone":"general","data-content-type":"recent-blog-posts-block","data-platform":"blog",className:["lion-recent-posts",a].filter(Boolean).join(" "),children:[n&&e.jsx("h2",{style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",marginBottom:"var(--padding-edge)"},children:n}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"grid",gridTemplateColumns:`repeat(${s}, 1fr)`,gap:"var(--Grid-gutter-size)"},children:i.map((l,d)=>e.jsxs("li",{style:{borderRadius:"var(--border-radius-base)",overflow:"hidden",border:"var(--border-width-thin) solid var(--color-line)"},children:[l.imageSrc&&e.jsx("img",{src:l.imageSrc,alt:l.imageAlt??"",style:{width:"100%",height:"160px",objectFit:"cover",display:"block"}}),e.jsxs("div",{style:{padding:"var(--padding-base-horizontal)"},children:[l.category&&e.jsx("span",{style:{fontSize:"var(--h6-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-brand)",textTransform:"uppercase"},children:l.category}),e.jsx("h3",{style:{fontSize:"var(--h4-font-size)",fontWeight:"var(--font-weight-600)",margin:"var(--padding-small-vertical) 0"},children:e.jsx("a",{href:l.href,style:{color:"var(--color-text)"},children:l.title})}),e.jsx("p",{style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray)"},children:l.date})]})]},d))})]})},_a=({jobs:t,heading:n="Hot Jobs",viewAllHref:o,viewAllLabel:a="View all openings",className:i})=>e.jsxs("div",{"data-zone":"general","data-content-type":"hot-jobs-block","data-platform":"careers",className:["lion-hot-jobs",i].filter(Boolean).join(" "),children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",marginBottom:"var(--padding-edge)"},children:[e.jsx("h2",{style:{fontSize:"var(--h2-font-size)",fontWeight:"var(--font-weight-700)",color:"var(--color-text)"},children:n}),o&&e.jsx("a",{href:o,style:{color:"var(--color-link)",fontWeight:"var(--font-weight-600)",fontSize:"var(--font-size-base)"},children:a})]}),e.jsx("ul",{style:{listStyle:"none",padding:0,margin:0,display:"flex",flexDirection:"column",gap:"var(--padding-small-vertical)"},children:t.map((s,l)=>e.jsxs("li",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"var(--padding-base-vertical) var(--padding-base-horizontal)",borderRadius:"var(--border-radius-small)",border:"var(--border-width-thin) solid var(--color-line)"},children:[e.jsxs("div",{children:[e.jsx("a",{href:s.href,style:{fontSize:"var(--font-size-base)",fontWeight:"var(--font-weight-600)",color:"var(--color-link)"},children:s.title}),e.jsxs("p",{style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray)",margin:0},children:[s.location,s.department?` · ${s.department}`:"",s.type?` · ${s.type}`:""]})]}),e.jsx("a",{href:s.href,style:{color:"var(--color-brand)",fontWeight:"var(--font-weight-600)",fontSize:"var(--h6-font-size)",whiteSpace:"nowrap"},children:"Apply →"})]},l))})]}),ja=({columns:t,socialLinks:n=[],className:o})=>e.jsxs("div",{"data-zone":"footer","data-content-type":"links-and-social",className:["lion-links-social",o].filter(Boolean).join(" "),children:[e.jsx("div",{className:"lion-links-social__columns",children:t.map(a=>e.jsxs("div",{className:"lion-links-social__column",children:[e.jsx("h3",{className:"lion-links-social__column-heading",style:{fontSize:"var(--h5-font-size)",fontWeight:"var(--font-weight-600)",color:"var(--color-white)"},children:a.heading}),e.jsx("ul",{className:"lion-links-social__column-list",role:"list",children:a.links.map(i=>e.jsx("li",{className:"lion-links-social__column-item",children:e.jsx("a",{href:i.href,className:"lion-links-social__column-link",style:{fontSize:"var(--h6-font-size)",color:"var(--color-white-opaque)",textDecoration:"none"},children:i.label})},i.href))})]},a.heading))}),n.length>0&&e.jsx("ul",{className:"lion-links-social__social",role:"list","aria-label":"Social media links",children:n.map(a=>e.jsx("li",{className:"lion-links-social__social-item",children:e.jsx("a",{href:a.href,className:`lion-links-social__social-link lion-links-social__social-link--${a.platform}`,"aria-label":a.label??a.platform,rel:"noopener noreferrer",target:"_blank",children:e.jsx("span",{"aria-hidden":"true",className:`lion-icon lion-icon--${a.platform}`})})},a.platform))})]}),za=({text:t,itemNumber:n,className:o})=>e.jsxs("div",{"data-zone":"footer","data-content-type":"disclaimer",className:["lion-disclaimer",o].filter(Boolean).join(" "),style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",lineHeight:"var(--h6-line-height)"},children:[e.jsx("p",{className:"lion-disclaimer__text",children:t}),n&&e.jsx("span",{className:"lion-disclaimer__item-number","aria-label":"Item number",children:n})]}),Re=({triggerLabel:t,content:n,materialId:o,defaultOpen:a=!1,className:i})=>{const[s,l]=R.useState(a);return e.jsxs("div",{"data-zone":"footer","data-content-type":a?"disclosure-toggle-open":"disclosure","data-material-id":o,className:["lion-disclosure",a?"lion-disclosure--open":"",i].filter(Boolean).join(" "),children:[e.jsx("button",{type:"button",className:"lion-disclosure__trigger","aria-expanded":s,onClick:()=>l(d=>!d),style:{fontFamily:"var(--font-family-sans-serif)",fontSize:"var(--h6-font-size)",color:"var(--color-link)",background:"none",border:"none",cursor:"pointer",padding:0},children:t}),s&&e.jsxs("div",{className:"lion-disclosure__content",style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",marginTop:"var(--padding-small-vertical)"},children:[n,o&&e.jsxs("span",{className:"lion-disclosure__material-id","aria-label":"Material ID",children:[" ","(",o,")"]})]})]})},ka=t=>e.jsx(Re,{...t,defaultOpen:!0}),Na=({itemNumber:t,materialId:n,text:o,className:a})=>e.jsxs("div",{"data-zone":"footer","data-content-type":"compliance-block",className:["lion-compliance",a].filter(Boolean).join(" "),style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)",lineHeight:"var(--h6-line-height)"},children:[o&&e.jsx("p",{className:"lion-compliance__text",children:o}),e.jsxs("dl",{className:"lion-compliance__ids",children:[t&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{className:"lion-compliance__label",children:"Item #"}),e.jsx("dd",{className:"lion-compliance__value",children:t})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("dt",{className:"lion-compliance__label",children:"Material ID"}),e.jsx("dd",{className:"lion-compliance__value",children:n})]})]})]}),wa=({links:t,copyrightText:n,className:o})=>e.jsxs("div",{"data-zone":"footer","data-content-type":"legal-links",className:["lion-legal-links",o].filter(Boolean).join(" "),style:{fontSize:"var(--h6-font-size)",color:"var(--color-gray-dark)"},children:[n&&e.jsx("p",{className:"lion-legal-links__copyright",children:n}),e.jsx("ul",{className:"lion-legal-links__list",role:"list",children:t.map(a=>e.jsx("li",{className:"lion-legal-links__item",children:e.jsx("a",{href:a.href,className:"lion-legal-links__link",style:{color:"var(--color-link)",textDecoration:"none"},children:a.label})},a.href))})]});exports.AccordionBlock=Fr;exports.AllBlogsPostBlock=ya;exports.Anklet=mr;exports.BackgroundColorBlock=$r;exports.BasicContentBlock=Ir;exports.BodyTextCopyBlock=Lr;exports.CTA=Or;exports.CTAHeroBlock=Sr;exports.CallOut=Gr;exports.ComplianceBlock=Na;exports.ConfidenceTags=qr;exports.Container=pr;exports.ContentImageBlock=Yr;exports.CorporateUniversalHeader=br;exports.CrossSellCardBlock=Ur;exports.DecorativeListBlock=Jr;exports.Disclaimer=za;exports.Disclosure=Re;exports.DisclosureToggleOpen=ka;exports.EmailCalloutBlock=Kr;exports.EmbeddedVideoBlock=Qr;exports.FullSizeImageWithHighlightBox=Zr;exports.GlobalHeaderBar=yr;exports.HeaderCTA=xr;exports.HeaderLogo=_r;exports.HeaderProduct=jr;exports.HeaderSectionNavigation=zr;exports.HeaderSectionTitle=kr;exports.HeaderUnderwriter=wr;exports.Hero=Tr;exports.HeroBlock=Br;exports.HorizontalRule=ra;exports.HotJobsBlock=_a;exports.InlineMessage=oa;exports.LastChanceBlock=ta;exports.LeadForm=na;exports.LegalLinks=wa;exports.LinksAndSocial=ja;exports.MultiHero=Rr;exports.MultiStepLeadForm=ia;exports.MultiTestimonial=la;exports.NotAvailableHeroBlock=Cr;exports.OptIn=sa;exports.PageForehead=vr;exports.PageSideburn=fr;exports.ProductBlock=ca;exports.PullQuote=da;exports.RTBDescriptive=Wr;exports.RTBDynamic=Pr;exports.RTBHighlight=Ar;exports.RTBs=Er;exports.RecentBlogPostsBlock=xa;exports.ResourceSpotlight=ha;exports.RichText=ga;exports.Section=ur;exports.SideMenuExplorer=va;exports.SimpleCTABlock=Dr;exports.SpacingBlock=ua;exports.SpeedBump=pa;exports.TableBlock=ma;exports.TopLevelNavigation=Nr;exports.WAHFU=ba;
|
package/guidelines/Guidelines.md
CHANGED
|
@@ -1,68 +1,64 @@
|
|
|
1
|
-
# lion-make Design System
|
|
1
|
+
# lion-make — Mondrian Design System
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## What This System Is
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
lion-make is a **zone-locked CMS design system** modeled on the Mondrian layout engine. It is not a free-composition component library. Every page is divided into fixed zones — Header, Hero, General Content, Anklet, Footer — and each zone accepts only its designated content types. This is the system's single most important structural rule.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
**Do not invent components, layouts, or structures outside the defined content types. If it is not in this system, it does not exist here.**
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
│ ├── Sideburn (Sideburn template only)
|
|
19
|
-
│ └── Outro (Sideburn template only)
|
|
20
|
-
├── Anklet → Quick-links only (fixed structure)
|
|
21
|
-
└── Footer zone → Footer content types only
|
|
22
|
-
├── Disclaimer subsection
|
|
23
|
-
├── Disclosure subsection
|
|
24
|
-
└── Compliance subsection
|
|
25
|
-
```
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
## Product Character
|
|
12
|
+
|
|
13
|
+
Use these defaults for every design decision unless a prompt overrides them explicitly.
|
|
14
|
+
|
|
15
|
+
**Density:** Medium. Comfortable whitespace between sections. Not compact like a data dashboard — these are marketing and product pages. Generous vertical padding (3.2rem base, 6.4rem between major sections).
|
|
16
|
+
|
|
17
|
+
**Surfaces:** White primary. `--color-gray-lightest` for secondary panels and card backgrounds. `--color-brand` (#105fa8, brand blue) for emphasis zones, CTAs, and header/footer backgrounds. No heavy gradients outside of designated components (`BackgroundColorBlock`, `LastChanceBlock`).
|
|
26
18
|
|
|
27
|
-
**
|
|
19
|
+
**Elevation:** Flat. Separation is achieved with borders (`--color-line`, 1px) and background color contrast. Avoid drop shadows except where a component's own spec calls for them.
|
|
28
20
|
|
|
29
|
-
|
|
21
|
+
**Typography:** Source Sans Pro exclusively. Base: 1.6rem (desktop), 1.8rem (md+). Root set at 62.5%. Use the scale defined in `src/tokens/typography.css` — do not invent sizes. Headlines are bold (`--font-weight-700`); body copy is regular (`--font-weight-400`); supporting copy and legal text is light (`--font-weight-300`) or regular.
|
|
30
22
|
|
|
31
|
-
|
|
32
|
-
|---|---|
|
|
33
|
-
| **Template** | Page-level layout choice: Forehead (single column) or Sideburn (8+4 column). Permanent after creation. |
|
|
34
|
-
| **Zone** | A fixed section of the page (Header, Hero, Primary Column, Sideburn, Outro, Anklet, Footer). |
|
|
35
|
-
| **Container** | Holds components within a zone. Types: `single`, `category`, `quick-spacer`, `location-lookup`. |
|
|
36
|
-
| **Component** | A reusable group of variations. Shared across pages — edits propagate everywhere. |
|
|
37
|
-
| **Variation** | The actual content instance inside a Component, targeted by a facet. Only one displays at a time. |
|
|
38
|
-
| **Facet** | A targeting trigger (e.g., state, county) that determines which Variation is shown. One value per variation. |
|
|
39
|
-
| **Content Type** | A predefined design pattern that determines the structure and display of a Variation. |
|
|
23
|
+
**Color:** Brand blue (`--color-brand`, #105fa8) is the primary action color. Teal (`--color-teal`, #03a0ad) is the secondary accent. Use `--color-text` (near-black) for all body copy. Never use raw hex values — always reference CSS custom properties.
|
|
40
24
|
|
|
41
|
-
|
|
25
|
+
**Tone:** Trustworthy, plain-language, empathetic. This is insurance. No jargon, no aggressive sales language, no decorative chrome. Accessible contrast on all text.
|
|
42
26
|
|
|
43
|
-
|
|
27
|
+
**Responsive:** Mobile-first. All components must work at every breakpoint defined in `src/tokens/breakpoints.css`. The grid collapses at `--bp-md` (767px).
|
|
44
28
|
|
|
45
|
-
|
|
46
|
-
- **Sideburn** — 8-col primary + 4-col sidebar. DLP-specific. Zones: Header, Hero, Primary Column, Sideburn, Outro, Anklet, Footer.
|
|
29
|
+
---
|
|
47
30
|
|
|
48
|
-
|
|
31
|
+
## Non-Negotiable Principles
|
|
32
|
+
|
|
33
|
+
1. **Zone lock.** Content types belong to exactly one zone. A hero component in the footer is invalid. Check `composition/zones.md` if unsure.
|
|
34
|
+
2. **Template permanence.** Forehead (single column) or Sideburn (8+4 col) is chosen once per page and cannot be changed. Default to Forehead unless a sidebar is explicitly required.
|
|
35
|
+
3. **Only defined content types.** There are 7 header types, 4 hero types, 37 general types, and 7 footer types. Use only these. Do not generate arbitrary divs or custom components that bypass the content type system.
|
|
36
|
+
4. **Tokens, not values.** Always use CSS custom properties from `src/tokens/`. Never hardcode colors, font sizes, spacing, or z-index values.
|
|
37
|
+
|
|
38
|
+
---
|
|
49
39
|
|
|
50
40
|
## Reading Order
|
|
51
41
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
42
|
+
Read these files in order when starting a new page or feature. Reference individual files only when the task requires it — do not scan all files on every prompt.
|
|
43
|
+
|
|
44
|
+
| Step | When | File |
|
|
45
|
+
|---|---|---|
|
|
46
|
+
| 1 — Always first | Any task | **[discovery.md](./discovery.md)** — navigate the system, find the right file, verify before building |
|
|
47
|
+
| 2 — Package setup | First time or after updates | **[setup.md](./setup.md)** — install, token imports, font, minimal page example |
|
|
48
|
+
| 3 — Pick a template | New page | **[composition/templates.md](./composition/templates.md)** — Forehead vs Sideburn |
|
|
49
|
+
| 4 — Pick a zone | Any content decision | **[composition/zones.md](./composition/zones.md)** — the authoritative placement table |
|
|
50
|
+
| 5 — Pick a content type | Once zone is known | **[content-types/overview.md](./content-types/overview.md)** — full catalog by zone |
|
|
51
|
+
| 6 — Use a specific type | When implementing | `content-types/[zone]/[type].md` — props, usage, tokens |
|
|
52
|
+
| 7 — Token lookup | When styling | `foundations/[category].md` — color, typography, spacing, breakpoints |
|
|
53
|
+
| 8 — Constraints | When uncertain | **[composition/constraints.md](./composition/constraints.md)** — hard rules |
|
|
56
54
|
|
|
57
|
-
|
|
55
|
+
---
|
|
58
56
|
|
|
59
|
-
|
|
60
|
-
- **Hard constraints:** [composition/constraints.md](./composition/constraints.md)
|
|
61
|
-
- **Template selection:** [composition/templates.md](./composition/templates.md)
|
|
57
|
+
## Zones at a Glance
|
|
62
58
|
|
|
63
|
-
|
|
59
|
+
```
|
|
60
|
+
Header → Hero → General Content (Primary Column / Sideburn / Outro) → Anklet → Footer
|
|
61
|
+
```
|
|
64
62
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
- Variations are audience-targeted. One component, multiple variations, one displayed at a time.
|
|
68
|
-
- Content types are the vocabulary. Only use defined content types — do not invent ad-hoc structures.
|
|
63
|
+
Full placement table: [composition/zones.md](./composition/zones.md)
|
|
64
|
+
Full content type catalog: [content-types/overview.md](./content-types/overview.md)
|
|
@@ -7,13 +7,38 @@ Hard rules that apply across the entire design system. These are non-negotiable.
|
|
|
7
7
|
- **Template choice is permanent.** Once a page is created with the Forehead or Sideburn template, it cannot be changed without reimporting all components.
|
|
8
8
|
- **The Sideburn and Outro zones do not exist in the Forehead template.** Do not design Sideburn or Outro content for a Forehead page.
|
|
9
9
|
- **Platform cannot be changed after page creation.** Set the platform correctly at the start.
|
|
10
|
+
- If in doubt between templates, choose Forehead — it is easier to migrate Forehead → Sideburn than the reverse.
|
|
10
11
|
|
|
11
12
|
## Zone Constraints
|
|
12
13
|
|
|
13
|
-
- Content types are zone-locked. A Hero content type placed outside the Hero zone is invalid
|
|
14
|
-
- The Anklet zone
|
|
15
|
-
- Header
|
|
16
|
-
-
|
|
14
|
+
- Content types are zone-locked. A Hero content type placed outside the Hero zone is invalid.
|
|
15
|
+
- **The Anklet zone is structurally fixed** — it only accepts the `Anklet` component (quick-links list). No other content types can be placed there.
|
|
16
|
+
- **Header structural bars are not content types.** `CorporateUniversalHeader` and `GlobalHeaderBar` are containers. The 7 header content types (`HeaderCTA`, `HeaderLogo`, `HeaderProduct`, `HeaderSectionNavigation`, `HeaderSectionTitle`, `TopLevelNavigation`, `HeaderUnderwriter`) go inside them.
|
|
17
|
+
- **One hero per page.** Do not stack multiple hero types (`CTAHeroBlock`, `HeroBlock`, `MultiHero`, `NotAvailableHeroBlock`) on the same page. When a product is state-unavailable, `NotAvailableHeroBlock` replaces the standard hero entirely.
|
|
18
|
+
- Footer content types must follow the mandatory render order: Links & Social → Disclaimers → Disclosures → Compliance → Legal Links. Do not reorder them.
|
|
19
|
+
- **Anklet is not in the footer zone.** It sits between General Content and `<Section zone="footer">` — outside any Section wrapper.
|
|
20
|
+
|
|
21
|
+
## Header-Specific Constraints
|
|
22
|
+
|
|
23
|
+
- `HeaderLogo` — one per page, mandatory.
|
|
24
|
+
- `TopLevelNavigation` — one per page, mandatory.
|
|
25
|
+
- `HeaderUnderwriter` — required on all product DLPs where a specific underwriting entity applies. Exact text is set by compliance team.
|
|
26
|
+
- `HeaderProduct` — use only on product DLPs, not on general or hub pages.
|
|
27
|
+
- `HeaderSectionNavigation` — only include when the current page belongs to a multi-page section.
|
|
28
|
+
|
|
29
|
+
## Hero-Specific Constraints
|
|
30
|
+
|
|
31
|
+
- `CTAHeroBlock` — use when the hero's primary goal is a conversion action.
|
|
32
|
+
- `HeroBlock` — use for informational pages with no CTA in the hero.
|
|
33
|
+
- `MultiHero` — hub/home pages only. Limit to 2–5 panels. Avoid on product DLPs.
|
|
34
|
+
- `NotAvailableHeroBlock` — must be rendered conditionally from facet/state data; never hardcode unavailability.
|
|
35
|
+
|
|
36
|
+
## Footer-Specific Constraints
|
|
37
|
+
|
|
38
|
+
- `Disclosure` starts collapsed; `DisclosureToggleOpen` starts expanded. Use Toggle Open only when regulation mandates the disclosure is visible on page load.
|
|
39
|
+
- `ComplianceBlock` — required on all regulated product pages. Item Numbers and Material IDs come from the compliance team.
|
|
40
|
+
- `LegalLinks` — required on every page. Must be the last element in the footer.
|
|
41
|
+
- Do not place marketing content in the Footer zone.
|
|
17
42
|
|
|
18
43
|
## Container Constraints
|
|
19
44
|
|
|
@@ -35,12 +60,19 @@ Hard rules that apply across the entire design system. These are non-negotiable.
|
|
|
35
60
|
- Facets are targeting triggers (e.g., state, county). Only one facet value per variation.
|
|
36
61
|
- The most common facet is `state`. Other facets like `county` are supported but less common.
|
|
37
62
|
- When no facet matches, no variation displays from that Component. Plan a default (untagged) variation where needed.
|
|
63
|
+
- `NotAvailableHeroBlock` is a common facet-triggered type — show it when the state facet matches an unavailable state.
|
|
64
|
+
|
|
65
|
+
## Platform-Specific Content Types
|
|
66
|
+
|
|
67
|
+
Three general content types are restricted by platform:
|
|
38
68
|
|
|
39
|
-
|
|
69
|
+
| Content type | Component | Platform restriction |
|
|
70
|
+
|---|---|---|
|
|
71
|
+
| All Blog Posts Block | `AllBlogsPostBlock` | Blog platform only (`data-platform="blog"`) |
|
|
72
|
+
| Recent Blog Posts Block | `RecentBlogPostsBlock` | Blog platform only (`data-platform="blog"`) |
|
|
73
|
+
| Hot Jobs Block | `HotJobsBlock` | Careers platform only (`data-platform="careers"`) |
|
|
40
74
|
|
|
41
|
-
|
|
42
|
-
- Some content types are platform-specific. Verify platform compatibility before using.
|
|
43
|
-
- A content type placed in the wrong zone is a design error — the system will not render it correctly.
|
|
75
|
+
Do not use these on non-matching platforms.
|
|
44
76
|
|
|
45
77
|
## Cross-references
|
|
46
78
|
|