hds-web 1.32.5 → 1.32.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.es.css +1 -1
  3. package/dist/index.es.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
  6. package/src/HDS/components/Hero/herolinkcard.js +87 -87
package/dist/index.js CHANGED
@@ -26,4 +26,4 @@ object-assign
26
26
  *
27
27
  * This source code is licensed under the MIT license found in the
28
28
  * LICENSE file in the root directory of this source tree.
29
- */"production"===process.env.NODE_ENV?ioe.exports=function(){if(ooe)return loe;ooe=1;var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),l=Symbol.for("react.context"),s=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.for("react.offscreen");function d(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:switch(e=e.type){case n:case o:case a:case u:case h:return e;default:switch(e=e&&e.$$typeof){case s:case l:case c:case p:case m:case i:return e;default:return f}}case r:return f}}}return e=Symbol.for("react.module.reference"),loe.ContextConsumer=l,loe.ContextProvider=i,loe.Element=t,loe.ForwardRef=c,loe.Fragment=n,loe.Lazy=p,loe.Memo=m,loe.Portal=r,loe.Profiler=o,loe.StrictMode=a,loe.Suspense=u,loe.SuspenseList=h,loe.isAsyncMode=function(){return!1},loe.isConcurrentMode=function(){return!1},loe.isContextConsumer=function(e){return d(e)===l},loe.isContextProvider=function(e){return d(e)===i},loe.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},loe.isForwardRef=function(e){return d(e)===c},loe.isFragment=function(e){return d(e)===n},loe.isLazy=function(e){return d(e)===p},loe.isMemo=function(e){return d(e)===m},loe.isPortal=function(e){return d(e)===r},loe.isProfiler=function(e){return d(e)===o},loe.isStrictMode=function(e){return d(e)===a},loe.isSuspense=function(e){return d(e)===u},loe.isSuspenseList=function(e){return d(e)===h},loe.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===o||t===a||t===u||t===h||t===f||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===m||t.$$typeof===i||t.$$typeof===l||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},loe.typeOf=d,loe}():ioe.exports=(soe||(soe=1,"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),l=Symbol.for("react.context"),s=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.for("react.offscreen");function d(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:var d=e.type;switch(d){case n:case o:case a:case u:case h:return d;default:var v=d&&d.$$typeof;switch(v){case s:case l:case c:case p:case m:case i:return v;default:return f}}case r:return f}}}e=Symbol.for("react.module.reference");var v=l,g=i,b=t,w=c,y=n,x=p,O=m,E=r,j=o,C=a,P=u,M=h,k=!1,S=!1;coe.ContextConsumer=v,coe.ContextProvider=g,coe.Element=b,coe.ForwardRef=w,coe.Fragment=y,coe.Lazy=x,coe.Memo=O,coe.Portal=E,coe.Profiler=j,coe.StrictMode=C,coe.Suspense=P,coe.SuspenseList=M,coe.isAsyncMode=function(e){return k||(k=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},coe.isConcurrentMode=function(e){return S||(S=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},coe.isContextConsumer=function(e){return d(e)===l},coe.isContextProvider=function(e){return d(e)===i},coe.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},coe.isForwardRef=function(e){return d(e)===c},coe.isFragment=function(e){return d(e)===n},coe.isLazy=function(e){return d(e)===p},coe.isMemo=function(e){return d(e)===m},coe.isPortal=function(e){return d(e)===r},coe.isProfiler=function(e){return d(e)===o},coe.isStrictMode=function(e){return d(e)===a},coe.isSuspense=function(e){return d(e)===u},coe.isSuspenseList=function(e){return d(e)===h},coe.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===o||t===a||t===u||t===h||t===f||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===m||t.$$typeof===i||t.$$typeof===l||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},coe.typeOf=d}()),coe);var uoe=b(ioe.exports);function hoe(e){const t=e&&"object"==typeof e&&"text"===e.type?e.value||"":e;return"string"==typeof t&&""===t.replace(/[ \t\n\f\r]/g,"")}var moe={exports:{}},poe=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,foe=/\n/g,doe=/^\s*/,voe=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,goe=/^:\s*/,boe=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,woe=/^[;\s]*/,yoe=/^\s+|\s+$/g,xoe="";function Ooe(e){return e?e.replace(yoe,xoe):xoe}var Eoe=function(e,t){if("string"!=typeof e)throw new TypeError("First argument must be a string");if(!e)return[];t=t||{};var r=1,n=1;function a(e){var t=e.match(foe);t&&(r+=t.length);var a=e.lastIndexOf("\n");n=~a?e.length-a:n+e.length}function o(){var e={line:r,column:n};return function(t){return t.position=new i(e),c(),t}}function i(e){this.start=e,this.end={line:r,column:n},this.source=t.source}function l(a){var o=new Error(t.source+":"+r+":"+n+": "+a);if(o.reason=a,o.filename=t.source,o.line=r,o.column=n,o.source=e,!t.silent)throw o}function s(t){var r=t.exec(e);if(r){var n=r[0];return a(n),e=e.slice(n.length),r}}function c(){s(doe)}function u(e){var t;for(e=e||[];t=h();)!1!==t&&e.push(t);return e}function h(){var t=o();if("/"==e.charAt(0)&&"*"==e.charAt(1)){for(var r=2;xoe!=e.charAt(r)&&("*"!=e.charAt(r)||"/"!=e.charAt(r+1));)++r;if(r+=2,xoe===e.charAt(r-1))return l("End of comment missing");var i=e.slice(2,r-2);return n+=2,a(i),e=e.slice(r),n+=2,t({type:"comment",comment:i})}}function m(){var e=o(),t=s(voe);if(t){if(h(),!s(goe))return l("property missing ':'");var r=s(boe),n=e({type:"declaration",property:Ooe(t[0].replace(poe,xoe)),value:r?Ooe(r[0].replace(poe,xoe)):xoe});return s(woe),n}}return i.prototype.content=e,c(),function(){var e,t=[];for(u(t);e=m();)!1!==e&&(t.push(e),u(t));return t}()};function joe(e,t){var r,n=null;if(!e||"string"!=typeof e)return n;for(var a,o,i=Eoe(e),l="function"==typeof t,s=0,c=i.length;s<c;s++)a=(r=i[s]).property,o=r.value,l?t(a,o,r):o&&(n||(n={}),n[a]=o);return n}moe.exports=joe,moe.exports.default=joe;var Coe=b(moe.exports);const Poe={}.hasOwnProperty,Moe=new Set(["table","thead","tbody","tfoot","tr"]);function koe(e,t){const r=[];let n,a=-1;for(;++a<t.children.length;)n=t.children[a],"element"===n.type?r.push(Soe(e,n,a,t)):"text"===n.type?"element"===t.type&&Moe.has(t.tagName)&&hoe(n)||r.push(n.value):"raw"!==n.type||e.options.skipHtml||r.push(n.value);return r}function Soe(e,t,r,n){const a=e.options,o=void 0===a.transformLinkUri?cte:a.transformLinkUri,i=e.schema,l=t.tagName,s={};let c,h=i;if("html"===i.space&&"svg"===l&&(h=Kae,e.schema=h),t.properties)for(c in t.properties)Poe.call(t.properties,c)&&Boe(s,c,t.properties[c],e);"ol"!==l&&"ul"!==l||e.listDepth++;const m=koe(e,t);"ol"!==l&&"ul"!==l||e.listDepth--,e.schema=i;const p=t.position||{start:{line:null,column:null,offset:null},end:{line:null,column:null,offset:null}},f=a.components&&Poe.call(a.components,l)?a.components[l]:l,d="string"==typeof f||f===u.default.Fragment;if(!uoe.isValidElementType(f))throw new TypeError(`Component for name \`${l}\` not defined or is not renderable`);if(s.key=r,"a"===l&&a.linkTarget&&(s.target="function"==typeof a.linkTarget?a.linkTarget(String(s.href||""),t.children,"string"==typeof s.title?s.title:null):a.linkTarget),"a"===l&&o&&(s.href=o(String(s.href||""),t.children,"string"==typeof s.title?s.title:null)),d||"code"!==l||"element"!==n.type||"pre"===n.tagName||(s.inline=!0),d||"h1"!==l&&"h2"!==l&&"h3"!==l&&"h4"!==l&&"h5"!==l&&"h6"!==l||(s.level=Number.parseInt(l.charAt(1),10)),"img"===l&&a.transformImageUri&&(s.src=a.transformImageUri(String(s.src||""),String(s.alt||""),"string"==typeof s.title?s.title:null)),!d&&"li"===l&&"element"===n.type){const e=function(e){let t=-1;for(;++t<e.children.length;){const r=e.children[t];if("element"===r.type&&"input"===r.tagName)return r}return null}(t);s.checked=e&&e.properties?Boolean(e.properties.checked):null,s.index=Noe(n,t),s.ordered="ol"===n.tagName}var v;return d||"ol"!==l&&"ul"!==l||(s.ordered="ol"===l,s.depth=e.listDepth),"td"!==l&&"th"!==l||(s.align&&(s.style||(s.style={}),s.style.textAlign=s.align,delete s.align),d||(s.isHeader="th"===l)),d||"tr"!==l||"element"!==n.type||(s.isHeader=Boolean("thead"===n.tagName)),a.sourcePos&&(s["data-sourcepos"]=[(v=p).start.line,":",v.start.column,"-",v.end.line,":",v.end.column].map(String).join("")),!d&&a.rawSourcePos&&(s.sourcePosition=t.position),!d&&a.includeElementIndex&&(s.index=Noe(n,t),s.siblingCount=Noe(n)),d||(s.node=t),m.length>0?u.default.createElement(f,s,m):u.default.createElement(f,s)}function Noe(e,t){let r=-1,n=0;for(;++r<e.children.length&&e.children[r]!==t;)"element"===e.children[r].type&&n++;return n}function Boe(e,t,r,n){const a=function(e,t){const r=wae(t);let n=t,a=yae;if(r in e.normal)return e.property[e.normal[r]];if(r.length>4&&"data"===r.slice(0,4)&&Uae.test(t)){if("-"===t.charAt(4)){const e=t.slice(5).replace($ae,Gae);n="data"+e.charAt(0).toUpperCase()+e.slice(1)}else{const e=t.slice(4);if(!$ae.test(e)){let r=e.replace(zae,Wae);"-"!==r.charAt(0)&&(r="-"+r),t="data"+r}}a=Rae}return new a(n,t)}(n.schema,t);let o=r;null!=o&&o==o&&(Array.isArray(o)&&(o=a.commaSeparated?function(e,t){const r=t||{};return(""===e[e.length-1]?[...e,""]:e).join((r.padRight?" ":"")+","+(!1===r.padLeft?"":" ")).trim()}(o):o.join(" ").trim()),"style"===a.property&&"string"==typeof o&&(o=function(e){const t={};try{Coe(e,r)}catch{}return t;function r(e,r){const n="-ms-"===e.slice(0,4)?`ms-${e.slice(4)}`:e;t[n.replace(/-([a-z])/g,Roe)]=r}}(o)),a.space&&a.property?e[Poe.call(Qae,a.property)?Qae[a.property]:a.property]=o:a.attribute&&(e[a.attribute]=o))}function Roe(e,t){return t.toUpperCase()}const Voe={}.hasOwnProperty,Aoe="https://github.com/remarkjs/react-markdown/blob/main/changelog.md",Toe={plugins:{to:"remarkPlugins",id:"change-plugins-to-remarkplugins"},renderers:{to:"components",id:"change-renderers-to-components"},astPlugins:{id:"remove-buggy-html-in-markdown-parser"},allowDangerousHtml:{id:"remove-buggy-html-in-markdown-parser"},escapeHtml:{id:"remove-buggy-html-in-markdown-parser"},source:{to:"children",id:"change-source-to-children"},allowNode:{to:"allowElement",id:"replace-allownode-allowedtypes-and-disallowedtypes"},allowedTypes:{to:"allowedElements",id:"replace-allownode-allowedtypes-and-disallowedtypes"},disallowedTypes:{to:"disallowedElements",id:"replace-allownode-allowedtypes-and-disallowedtypes"},includeNodeIndex:{to:"includeElementIndex",id:"change-includenodeindex-to-includeelementindex"}};function Hoe(e){for(const t in Toe)if(Voe.call(Toe,t)&&Voe.call(e,t)){const e=Toe[t];console.warn(`[react-markdown] Warning: please ${e.to?`use \`${e.to}\` instead of`:"remove"} \`${t}\` (see <${Aoe}#${e.id}> for more info)`),delete Toe[t]}const t=Tte().use(_ne).use(e.remarkPlugins||[]).use(vae,{...e.remarkRehypeOptions,allowDangerousHtml:!0}).use(e.rehypePlugins||[]).use(aoe,e),r=new bte;"string"==typeof e.children?r.value=e.children:void 0!==e.children&&null!==e.children&&console.warn(`[react-markdown] Warning: please pass a string as \`children\` (not: \`${e.children}\`)`);const n=t.runSync(t.parse(r),r);if("root"!==n.type)throw new TypeError("Expected a `root` node");let a=u.default.createElement(u.default.Fragment,{},koe({options:e,schema:Yae,listDepth:0},n));return e.className&&(a=u.default.createElement("div",{className:e.className},a)),a}Hoe.propTypes={children:$.string,className:$.string,allowElement:$.func,allowedElements:$.arrayOf($.string),disallowedElements:$.arrayOf($.string),unwrapDisallowed:$.bool,remarkPlugins:$.arrayOf($.oneOfType([$.object,$.func,$.arrayOf($.oneOfType([$.bool,$.string,$.object,$.func,$.arrayOf($.any)]))])),rehypePlugins:$.arrayOf($.oneOfType([$.object,$.func,$.arrayOf($.oneOfType([$.bool,$.string,$.object,$.func,$.arrayOf($.any)]))])),sourcePos:$.bool,rawSourcePos:$.bool,skipHtml:$.bool,includeElementIndex:$.bool,transformLinkUri:$.oneOfType([$.func,$.bool]),linkTarget:$.oneOfType([$.func,$.string]),transformImageUri:$.func,components:$.object};const Loe={withButton:{cardStyle:"p-10 ",iconWidthStyle:"h-20 w-20",iconStyle:"h-10 w-10",titleTextStyle:"h4",titleClasses:"mb-1 text-blue-800 text-hds-m-h4 tb:text-hds-t-h4 db:text-hds-d-h4",descTextStyle:"body1c",descClasses:"text-neutral-1000 text-hds-m-body1c tb:text-hds-t-body1c db:text-hds-d-body1c"},withoutButton:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"h5",titleClasses:"mb-1 text-blue-600 text-hds-m-h5 tb:text-hds-t-h5 db:text-hds-d-h5",descTextStyle:"body1",descClasses:"text-neutral-1000 text-hds-m-body1 tb:text-hds-t-body1 db:text-hds-d-body1"},sm:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"body1c-semi-bold",titleClasses:"mb-1 text-neutral-800 text-hds-m-body1c-semi-bold tb:text-hds-t-body1c-semi-bold db:text-hds-d-body1c-semi-bold",descTextStyle:"body3",descClasses:"text-neutral-800 text-hds-m-body3 tb:text-hds-t-body3 db:text-hds-d-body3"}};function Ioe(e){const t=g(e.iconBg);return u.default.createElement(u.default.Fragment,null,e.readMoreBtn&&e.button||!e.readMoreBtn&&!e.button||e.button&&e.button.length>1||!e.linkHover?u.default.createElement("div",{className:`bg-neutral-0 grid h-full transition-all ease-in-out rounded-3xl ${Loe[e.cardType].cardStyle} `+(e.cardBorder?e.cardBorder:"tb:shadow")},u.default.createElement("div",{className:" self-start"},u.default.createElement("div",{className:`${t} ${Loe[e.cardType].iconWidthStyle} w-12 h-12 flex items-center justify-center rounded-full mb-6`},u.default.createElement(G$,{height:`stroke-[1.5px] ${Loe[e.cardType].iconStyle}`,variant:e.iconVariant,strokeColor:e.iconStroke,strokeClass:g(e.iconStrokeClass)})),u.default.createElement("div",{className:"flex-1"},e.cardType&&u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:Loe[e.cardType].titleTextStyle,className:Loe[e.cardType].titleClasses},e.title),u.default.createElement(z,{textStyle:Loe[e.cardType].descTextStyle,className:`${Loe[e.cardType].descClasses} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`},u.default.createElement(Hoe,null,e.description))))),e.readMoreBtn&&u.default.createElement(u.default.Fragment,null,e.linkHover?u.default.createElement("a",{href:e.readMoreBtn.cta_link,className:"flex self-end"},u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-4"}))):u.default.createElement("div",{className:"flex self-end"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!1,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-neutral-800",btnTextHoverClass:"",className:" mt-4 hover:cursor-default"}))),e.button&&u.default.createElement("div",{className:"flex gap-2 "},e.button.map(((e,t)=>u.default.createElement("a",{href:e.cta_link,key:t,className:"flex self-end mt-7"},u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.cta_text,type:e.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.btnBg,btnTextHoverClass:e.btnTextColorClass,animatedHoverStroke:e.animatedHoverStroke,btnTextColorClass:e.btnTextColorClass}))))))):u.default.createElement("a",{href:e.readMoreBtn&&!e.button?e.readMoreBtn.cta_link:e.button[0].cta_link,className:`bg-neutral-0 group grid h-full duration-300 transition-all ease-in-out rounded-3xl ${Loe[e.cardType].cardStyle} `+(e.cardBorder?e.cardBorder:"tb:shadow")+(e.readMoreBtn||e.button||e.linkHover?" hover:shadow-lg hover:translate-y-0.5 ":"")},u.default.createElement("div",{className:" self-start"},u.default.createElement("div",{className:`${t} ${Loe[e.cardType].iconWidthStyle} w-12 h-12 flex items-center justify-center rounded-full mb-6`},u.default.createElement(G$,{height:`stroke-[1.5px] ${Loe[e.cardType].iconStyle}`,variant:e.iconVariant,strokeColor:e.iconStroke,strokeClass:g(e.iconStrokeClass)})),u.default.createElement("div",{className:"flex-1"},e.cardType&&u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:Loe[e.cardType].titleTextStyle,className:Loe[e.cardType].titleClasses},e.title),u.default.createElement(z,{textStyle:Loe[e.cardType].descTextStyle,className:`${Loe[e.cardType].descClasses} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`},u.default.createElement(Hoe,null,e.description))))),e.readMoreBtn&&u.default.createElement("div",{className:"flex self-end"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-4"})),e.button&&u.default.createElement("div",{className:"flex pt-4 gap-2 self-end"},e.button.map(((e,t)=>u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.cta_text,type:e.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.btnBg,btnTextHoverClass:e.btnTextColorClass,animatedHoverStroke:e.animatedHoverStroke,btnTextColorClass:e.btnTextColorClass})))))))}Ioe.defaultProps={cardType:"withoutButton",iconStrokeClass:"stroke-neutral-1000",linkHover:"true"},G$.propTypes={cardType:$.oneOf(["withoutButton","withButton","sm"])};const Foe={withButton:{cardStyle:"p-10 ",iconWidthStyle:"h-20 w-20",iconStyle:"h-10 w-10",titleTextStyle:"h4",titleClasses:"mb-1 text-hds-m-h4 tb:text-hds-t-h4 db:text-hds-d-h4",descTextStyle:"body1c",descClasses:"text-hds-m-body1c tb:text-hds-t-body1c db:text-hds-d-body1c"},withoutButton:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"h5",titleClasses:"mb-1 text-blue-600 text-hds-m-h5 tb:text-hds-t-h5 db:text-hds-d-h5",descTextStyle:"body1",descClasses:"text-neutral-1000 text-hds-m-body1 tb:text-hds-t-body1 db:text-hds-d-body1"},sm:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"body3c",titleClasses:"mb-1 text-neutral-800 text-hds-m-body3c-bold tb:text-hds-t-body3c-bold db:text-hds-d-body3c-bold",descTextStyle:"body3",descClasses:"text-neutral-800 text-hds-m-body3 tb:text-hds-t-body3 db:text-hds-d-body3"}};function _oe(e){const t=e.iconBg?g(e.iconBg):"",r=e.titleColorClass?g(e.titleColorClass):"text-neutral-1000",n=e.descColorClass?g(e.descColorClass):"text-neutral-800";return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",null,e.imgUrl?u.default.createElement("div",{className:`${Foe[e.cardType].iconWidthStyle} w-12 h-12 inline-flex items-center justify-center rounded-full mb-6`},u.default.createElement("img",{className:"w-full",src:e.imgUrl,alt:e.title})):u.default.createElement("div",{className:`${t} ${Foe[e.cardType].iconWidthStyle} w-12 h-12 flex items-center justify-center rounded-full mb-6`},u.default.createElement(G$,{height:`stroke-[1.5px] ${Foe[e.cardType].iconStyle}`,variant:e.iconVariant,strokeColor:e.iconStroke,strokeClass:g(e.iconStrokeClass)})),e.cardType&&u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:Foe[e.cardType].titleTextStyle,className:`${Foe[e.cardType].titleClasses} ${r}`},e.title),u.default.createElement(z,{textStyle:Foe[e.cardType].descTextStyle,className:`${Foe[e.cardType].descClasses} ${n} [&>p]:${n} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`},u.default.createElement(Hoe,null,e.description)))),e.button&&u.default.createElement("div",{className:"inline-flex pt-6"},u.default.createElement(s8,{label:e.button.cta_text,type:e.button.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.button.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.button.btnBg,btnTextHoverClass:e.button.btnTextColorClass,animatedHoverStroke:e.button.animatedHoverStroke,btnTextColorClass:e.button.btnTextColorClass})))}function Zoe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"pt-10 db:pt-20"},u.default.createElement(z,{textStyle:"h6",as:"h6",className:"pb-6 db:pb-10 text-center text-neutral-400 uppercase"},"40+ of the fortune100 companies use hasura"),u.default.createElement("div",{className:"gridAutoClass"},e.imgArray.map(((e,t)=>u.default.createElement("div",{key:t,className:"border"},u.default.createElement("img",{src:e.imgSrc,alt:e.imgAlt}))))))))}function Doe(e){return u.default.createElement("div",null,u.default.createElement("div",{className:"tb-l:flex mb-2 tb-l:mb-0 flex w-full tb-l:bg-neutral-150 flex-col tb-l:flex-row max-w-7xl tb-l:gap-2 rounded-2xl "},e.primaryCard&&u.default.createElement("div",{className:""},u.default.createElement("div",{className:" bg-neutral-0 rounded-2xl h-full w-full min-w-[250px]"},u.default.createElement(ote,e.primaryCard))),u.default.createElement("div",{className:"tb-l:flex-row tb-l:flex mt-2 flex flex-col gap-2 tb-l:mt-0"},e.secondaryCardArr&&e.secondaryCardArr.map(((e,t)=>u.default.createElement("div",{key:t,className:(e.card_bg,"bg-neutral-0 rounded-2xl")},u.default.createElement(ate,{label:e.label,childArray:e.childArray,split:e.split}))))),e.flyoutD&&u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" bg-neutral-0 shadow rounded-2xl w-full tb-l:w-[170px] tb-xl:w-[223px] px-6 py-6 mt-2 tb-l:mt-0"},u.default.createElement("div",null,u.default.createElement(lte,e.flyoutD))))))}function qoe(e){let t="";return e.logoBg&&(t=g(e.logoBg)),u.default.createElement("a",{href:e.caseStudyUrl,className:"group bg-neutral-0 rounded-3xl shadow p-6 tb-l:p-10 grid mb-6 db-s:mb-0 last:mb-0 flex-1 max-w-[920px] mx-auto flex-col transition-all duration-300 ease-in-out hover:shadow-lg hover:translate-y-0.5"},u.default.createElement("div",{className:" self-start"},u.default.createElement(G5,{name:e.speakerName,size:"xl",designation:e.speakerDesignation,imageUrl:e.speakerImgUrl,avatarVariant:"circle",avatarType:"secondary"}),u.default.createElement("div",{className:e.dividerClass?"py-8":"py-6"},u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-600"},e.description))),u.default.createElement("div",{className:" self-end"},e.dividerClass&&u.default.createElement("div",{className:`${g(e.dividerClass)} mb-2`}),u.default.createElement("div",{className:"mb-s:flex items-start"+(e.dividerClass?" pt-6":"mt-0")},u.default.createElement("div",{className:"border border-neutral-150 p-2 flex items-center justify-center rounded-2xl "+t+(e.dividerClass?" w-[72px] h-[56px] min-w-[72px]":" w-[112px] h-[90px] min-w-[112px] ")},u.default.createElement("img",{className:"max-h-[20px]",src:e.brandImgUrl,alt:e.brandImgAlt})),u.default.createElement("div",{className:"pt-4 mb-s:pt-0 "+(e.dividerClass?"mb-s:pl-6":"mb-s:pl-8")},u.default.createElement(z,{textStyle:e.dividerClass?"body2":"body1",className:"text-neutral-600 pb-1"},e.blurb),u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.ctaText,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",className:"mt-0 justify-start",btnTextColorClass:"text-blue-500",btnTextHoverClass:"hover:text-blue-500",animatedHoverStroke:"group-hover:stroke-blue-500"}))))))}function Uoe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("a",{href:e.linkUrl,className:"rounded-2xl p-6 h-full flex flex-col justify-between"},e.brandImageUrl?u.default.createElement("div",{className:"flex flex-col"},e.iconArrowVariant&&u.default.createElement("div",{className:"flex justify-end items-end"},u.default.createElement(G$,{height:"w-6 h-6 stroke-[1.5px] stroke-blue-400",variant:e.iconArrowVariant,strokeColor:e.iconArrowStrokeColor,strokeClass:g(e.iconArrowStrokeClass)})),u.default.createElement("img",{src:e.brandImageUrl,alt:e.brandImageAlt})):u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex items-center"},u.default.createElement("div",{className:"flex items-center flex-1 pb-2"},e.iconVariant&&u.default.createElement(G$,{height:"w-6 h-6 mr-2 stroke-[1.5px] ",variant:e.iconVariant,strokeColor:e.iconStrokeColor,strokeClass:g(e.iconStrokeClass)}),u.default.createElement(z,{as:"h5",textStyle:"body1c-bold",className:g(e.titleTextColor)},e.title)),e.iconArrowVariant&&u.default.createElement(G$,{height:"w-6 h-6 stroke-[1.5px] stroke-blue-400",variant:e.iconArrowVariant,strokeColor:e.iconArrowStrokeColor,strokeClass:g(e.iconArrowStrokeClass)})),e.description&&u.default.createElement("div",null,u.default.createElement(z,{textStyle:"body3",className:`${g(e.descTextColor)} mt-2`},e.description)))))}function $oe(e){return g(e.iconBg),u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:`p-8 ${e.cardBg} min-w-[18rem] rounded-3xl`},e.title&&u.default.createElement(z,{textStyle:"h6",className:`uppercase ${e.title_text_color}`},e.title),u.default.createElement("div",{className:"mt-6"},e.resourcesArr.map(((e,t)=>u.default.createElement("a",{key:t,href:e.cta_linkUrl,className:"flex gap-2 mt-4"},u.default.createElement(G$,{height:"w-6 h-6 mr-2 stroke-[1.5px] stroke-blue-600",variant:e.cta_icon,strokeClass:e.cta_stroke}),u.default.createElement(z,{textStyle:"body2c",className:e.cta_text_color},e.cta_text)))))))}function zoe(t){const r="undefined"!=typeof window;g(t.badgeLeftIconColor);const[n,a]=e.useState(!1);return e.useEffect((()=>{if(r&&"localStorage"in window&&window.localStorage&&"getItem"in window.localStorage){window.localStorage.getItem("hasCon2023TalkVideoConsent")&&a(!0)}}),[]),u.default.createElement("div",{className:"grid grid-cols-1 tb-m:grid-cols-2 gap-6 db:gap-28 tb-m:gap-16"},u.default.createElement("div",{className:"tb-m:sticky tb-m:self-start tb-m:top-36"},u.default.createElement("div",{className:"flex flex-row flex-wrap tb:gap-3 gap-2"},t.badges&&t.badges.map(((e,t)=>u.default.createElement("div",{key:t,className:"flex whitespace-nowrap"},u.default.createElement(X5,{size:e.size,color:e.color,leftIconVariant:e.leftIconVariant,leftIconColor:e.leftIconColor,leftIconColorClass:g(e.leftIconColorClass),children:e.label}))))),t.tag_line&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-600 uppercase pt-4 pb-2"},t.tag_line),t.title&&u.default.createElement(z,{textStyle:"h3",as:"h3",className:"text-blue-900 pb-6 db:pb-0"},t.title),t.social_share&&u.default.createElement("div",{className:"flex pb-6 tb:pt-0 tb:pb-0 items-center "},t.social_share.map(((e,t)=>u.default.createElement("a",{key:t,href:e.share_url,className:"mx-2 first:ml-0 last:mr-0"},u.default.createElement("img",{src:e.img_url,alt:e.img_alt}))))),t.speaker_card&&u.default.createElement("div",{className:"border-t border-neutral-200 border-b pb-6 tb:border-0 tb:pb-0"},u.default.createElement(z,{textStyle:"h6",as:"h6",className:"uppercase text-neutral-500 pb-6 pt-6 tb:pt-14"},"speakers"),t.speaker_card.map(((e,r)=>u.default.createElement("div",{key:r,className:"pb-4 last:pb-0"},u.default.createElement(G5,{name:e.name,size:"md",designation:e.designation,imageUrl:e.imageUrl,avatarVariant:"circle",avatarBgColor:t.avatarBgColor})))))),u.default.createElement("div",null,t.videoUrl&&u.default.createElement("div",{className:"pb-6"},n?u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"relative pb-[56.2%]"},u.default.createElement("iframe",{loading:"lazy",title:t.title,src:t.videoUrl,frameBorder:"0",allowFullScreen:!0,className:"absolute w-full h-full"}))):u.default.createElement("div",{className:"p-5 md:pt-10 md:px-6 lg:px-9 rounded-3xl border border-neutral-200"},u.default.createElement(z,{textStyle:"h6",as:"h6",className:"text-neutral-800 uppercase flex items-center"},u.default.createElement(G$,{height:"w-6 h-6 mr-3 stroke-neutral-800 stroke-[1.5px]",variant:"ticket01",strokeColor:"#1F2A37"}),t.formTitle),u.default.createElement(L5,{onSubmitCB:()=>{r&&window.localStorage.setItem("hasCon2023TalkVideoConsent","true")},formId:t.paperformId,styleClass:"paper-form-wrapper"}))),u.default.createElement(z,{textStyle:"h4",as:"h4",className:"text-neutral-800 pb-4"},"About the Talk"),t.description&&u.default.createElement(z,{className:"text-neutral-800 [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0",textStyle:"body1"},u.default.createElement(Hoe,null,t.description))))}_oe.defaultProps={cardType:"withoutButton",iconStrokeClass:"stroke-neutral-1000",iconVariant:"cube01"},_oe.propTypes={cardType:$.oneOf(["withoutButton","withButton","sm"])},Zoe.defaultProps={rotate:"false",imgArray:[{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/costco_eb2lmu.png",imgAlt:""},{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/verizon_sj4rgc.png",imgAlt:""},{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/costco_eb2lmu.png",imgAlt:""},{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/costco_eb2lmu.png",imgAlt:""}]},Doe.defaultProps={secondaryCardArr:[{childArray:[{description:"",href:"#",icon:"cube01",name:"Analytics"},{description:"",href:"#",icon:"cube01",name:"Engagement"},{description:"",href:"#",icon:"cube01",name:"Security"},{description:"",href:"#",icon:"cube01",name:"Security"},{description:"",href:"#",icon:"cube01",name:"Security"}],label:"Label1"}]},qoe.defaultProps={ctaText:"Read the case study"},Uoe.defaultProps={descTextColor:"",titleTextColor:"",brandImageUrl:"",brandImageAlt:"",linkUrl:"#",iconVariant:"videorecorder",iconStrokeColor:"blue-500",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},$oe.defaultProps={cardBg:"bg-neutral-0",title:"Resources Card",title_text_color:"text-blue-600",resourcesArr:[{cta_text:"This is one really long link that may spill onto the next line",cta_icon:"linkexternal01",cta_text_color:"text-neutral-700 hover:text-blue-600 ",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"},{cta_text:"This is a regular link that fits in one line",cta_text_color:"text-neutral-700",cta_icon:"linkexternal01",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"},{cta_text:"text3",cta_text_color:"text-neutral-700",cta_icon:"linkexternal01",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"},{cta_text:"text4",cta_text_color:"text-neutral-700",cta_icon:"linkexternal01",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"}]},zoe.defaultProps={};const Woe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M8.67602 24.7482C16.8006 24.7482 21.2437 18.0172 21.2437 12.1806C21.2437 11.9893 21.2398 11.7991 21.2309 11.6096C22.0934 10.9861 22.8431 10.208 23.4345 9.32253C22.6431 9.67415 21.7914 9.91094 20.8979 10.0177C21.8098 9.47092 22.5101 8.60557 22.8404 7.5742C21.9868 8.08033 21.0417 8.44812 20.0358 8.64646C19.2294 7.78796 18.0815 7.25098 16.8114 7.25098C14.3718 7.25098 12.3935 9.22924 12.3935 11.6676C12.3935 12.0143 12.4325 12.3513 12.5079 12.6747C8.83714 12.4903 5.58191 10.7325 3.4036 8.06001C3.02381 8.71257 2.80515 9.47116 2.80515 10.2799C2.80515 11.8123 3.58504 13.1652 4.77092 13.9568C4.04637 13.9345 3.36564 13.7352 2.77038 13.4042C2.7694 13.4225 2.7694 13.4411 2.7694 13.4605C2.7694 15.5999 4.29221 17.3859 6.31308 17.7907C5.94211 17.8918 5.55179 17.9462 5.14875 17.9462C4.86421 17.9462 4.58752 17.9178 4.31841 17.8666C4.88062 19.6213 6.51142 20.8985 8.44486 20.9345C6.93283 22.1194 5.02827 22.8253 2.95892 22.8253C2.60265 22.8253 2.25102 22.805 1.90527 22.7641C3.86002 24.0168 6.18109 24.7482 8.67602 24.7482Z",fill:"#00acee"}));const Goe={blue:"bg-neutral-0 tb:bg-blue-500 text-blue-500 tb:text-neutral-0",purple:"bg-neutral-0 tb:bg-purple-500 text-purple-500 tb:text-neutral-0",pink:"bg-neutral-0 tb:bg-pink-500 text-pink-500 tb:text-neutral-0",amber:"bg-neutral-0 tb:bg-amber-500 text-amber-500 tb:text-neutral-0",cyan:"bg-neutral-0 tb:bg-cyan-500 text-cyan-500 tb:text-neutral-0",green:"bg-neutral-0 tb:bg-green-500 text-green-500 tb:text-neutral-0"};const Qoe={blue:"bg-neutral-0 tb:bg-blue-500 text-blue-500 tb:text-neutral-0",purple:"bg-neutral-0 tb:bg-purple-500 text-purple-500 tb:text-neutral-0",pink:"bg-neutral-0 tb:bg-pink-500 text-pink-500 tb:text-neutral-0",amber:"bg-neutral-0 tb:bg-amber-500 text-amber-500 tb:text-neutral-0",cyan:"bg-neutral-0 tb:bg-cyan-500 text-cyan-500 tb:text-neutral-0",green:"bg-neutral-0 tb:bg-green-500 text-green-500 tb:text-neutral-0"},Yoe="undefined"!=typeof window;function Koe(t){const[r,n]=e.useState(!1),a=e=>(e=e.card,u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" backdrop-blur-lg bg-neutral-1000 bg-opacity-20 rounded-[6px] w-[220px] h-[428px] flex flex-col justify-between "},u.default.createElement("div",{className:"h-[428px]"},u.default.createElement("div",{className:" pt-8 pl-6"},u.default.createElement("img",{src:e.title_img,alt:"Card",className:" inline-block w-16 "})),e.subtitle&&u.default.createElement("div",{className:"mt-6 px-6 font-petrona text-base font-normal text-neutral-0 "},e.subtitle)),u.default.createElement("div",{className:"pl-6 pb-8"},e.avatar.img_url&&u.default.createElement("img",{className:` w-14 h-14 shadow rounded-full ${e.avatarBgColor??"bg-neutral-0"} rounded inline-block`,alt:"avatar",src:e.avatar.img_url}),u.default.createElement("div",{className:" pt-3"},e.avatar&&e.avatar.name&&u.default.createElement(z,{textStyle:"body2c-bold",className:" text-neutral-0"},e.avatar.name),e.avatar&&e.avatar.designation&&u.default.createElement(z,{textStyle:"body3c",className:" text-neutral-0 mt-1"},e.avatar.designation)))))),o=e=>(e=e.cardHover,u.default.createElement("div",{className:"h-[428px]"},u.default.createElement("div",{className:`${g(e.cardBg)} rounded-[6px] w-[220px] justify-between h-[428px] flex flex-col`},u.default.createElement("div",{className:" "},u.default.createElement("div",{className:"pt-8 pl-6 "},u.default.createElement("img",{src:e.img_url,alt:"Card",className:" inline-block max-w-[148px]"})),u.default.createElement("div",{className:"mt-6 px-6 text-xl leading-[27px] font-semibold text-neutral-0"},e.title)),u.default.createElement("div",{className:"flex pb-8 pl-6 pt-5"},u.default.createElement("a",{href:e?.slideCTA||""},u.default.createElement(s8,{className:"flex",label:e.button.cta_text,type:"secondaryLink",btnTextHoverClass:"hover:text-neutral-0",btnTextColorClass:"text-neutral-0"}))))));return u.default.createElement("div",{className:" w-[220px] h-[428px] rounded-2xl",onMouseEnter:()=>{n(!0)},onMouseLeave:()=>{n(!1)}},u.default.createElement("div",{className:"transition-all max-w-[220px] absolute left-0 top-0 ease-in-out rounded-[6px] duration-300 "+(r?"opacity-0 ":"opacity-100")},u.default.createElement(a,{card:t.card})),u.default.createElement("div",{className:"transition-al absolute left-0 top-0 ease-in-out rounded-[6px] duration-300 "+(r?"opacity-100":"opacity-0")},u.default.createElement(o,{cardHover:t.cardHover})))}function Xoe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"relative overflow-hidden"},u.default.createElement("div",{className:"absolute z-50 right-[4px] rounded-[6px] hidden min-[699px]:block w-[220px] h-[428px] top-[4px] bg-neutral-0/40"},u.default.createElement(Koe,{card:e.testimonial.card,cardHover:e.testimonial.cardHover})),u.default.createElement("div",{className:" relative hidden w-[580px] h-[436px] rounded-2xl min-[699px]:flex justify-center items-center"},u.default.createElement("div",{className:"w-[580px] h-[436px] rounded-lg flex flex-col items-center justify-center overflow-hidden"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("video",{autoPlay:!0,loop:!0,muted:!0,className:" object-fill max-w-full max-h-full scale-150",src:e.video_url}),u.default.createElement("div",{className:"w-full relative z-50 flex-col flex items-center"},u.default.createElement("div",{className:"relative top-[55px] left-[0px] w-[147px] h-[3px] bg-neutral-0/20"})))))),u.default.createElement("div",{className:"overflow-x-hidden w-screen min-[699px]:hidden"},u.default.createElement("div",{className:"max-[375]:h-[684px] h-[600px] rounded flex flex-col items-center justify-cente overflow-hidden"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"h-[348px]"},u.default.createElement("video",{autoPlay:!0,loop:!0,muted:!0,className:" object-fill max-w-full max-h-full min-[699px]:scale-[1.7]",src:e.video_url})),u.default.createElement("div",{className:"absolute max-[365px]:h-[657px] h-[600px] z-50 top-[72px] px-4"},u.default.createElement("div",{className:""},u.default.createElement(qoe,{brandImgUrl:e.testimonial.card.title_img,brandImgAlt:e.testimonial.card.avatar.name,description:e.testimonial.card.subtitle,speakerName:e.testimonial.card.avatar.name,speakerDesignation:e.testimonial.card.avatar.designation,speakerImgUrl:e.testimonial.card.avatar.img_url,blurb:e.testimonial.cardHover.title,dividerClass:"border-b border-neutral-150",caseStudyUrl:e.testimonial.cardHover.button.cta_text})))))))))}Koe.defaultProps={card:{cardBg:"",img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1679302435/main-web/roadshow/nagaraja-nayak_l4xte5.png",title_img:"Optum",img_alt:"optum",subtitle:"“Optum goes from concept to production in 100 days with Hasura”",avatar:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1679302435/main-web/roadshow/nagaraja-nayak_l4xte5.png",name:"Nagaraja Nayak",designation:"Optum",avatarBgColor:"bg-yellow-400"}},cardHover:{cardBg:"bg-green-500",img_url:"",img_alt:"",title:"Optum goes from concept to production in 100 days with Hasura",button:{cta_text:"Read the case Study"}}};const Joe=e.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"}),eie=e.createContext({}),tie=e.createContext(null),rie="undefined"!=typeof document,nie=rie?e.useLayoutEffect:e.useEffect,aie=e.createContext({strict:!1});function oie(e){return"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"current")}function iie(e){return"string"==typeof e||Array.isArray(e)}function lie(e){return"object"==typeof e&&"function"==typeof e.start}const sie=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],cie=["initial",...sie];function uie(e){return lie(e.animate)||cie.some((t=>iie(e[t])))}function hie(e){return Boolean(uie(e)||e.variants)}function mie(t){const{initial:r,animate:n}=function(e,t){if(uie(e)){const{initial:t,animate:r}=e;return{initial:!1===t||iie(t)?t:void 0,animate:iie(r)?r:void 0}}return!1!==e.inherit?t:{}}(t,e.useContext(eie));return e.useMemo((()=>({initial:r,animate:n})),[pie(r),pie(n)])}function pie(e){return Array.isArray(e)?e.join(" "):e}const fie={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},die={};for(const e in fie)die[e]={isEnabled:t=>fie[e].some((e=>!!t[e]))};const vie=e.createContext({}),gie=e.createContext({}),bie=Symbol.for("motionComponentSymbol");function wie({preloadedFeatures:t,createVisualElement:r,useRender:n,useVisualState:a,Component:o}){t&&function(e){for(const t in e)die[t]={...die[t],...e[t]}}(t);const i=e.forwardRef((function(i,l){let s;const c={...e.useContext(Joe),...i,layoutId:yie(i)},{isStatic:u}=c,m=mie(i),p=a(i,u);if(!u&&rie){m.visualElement=function(t,r,n,a){const{visualElement:o}=e.useContext(eie),i=e.useContext(aie),l=e.useContext(tie),s=e.useContext(Joe).reducedMotion,c=e.useRef();a=a||i.renderer,!c.current&&a&&(c.current=a(t,{visualState:r,parent:o,props:n,presenceContext:l,blockInitialAnimation:!!l&&!1===l.initial,reducedMotionConfig:s}));const u=c.current;return e.useInsertionEffect((()=>{u&&u.update(n,l)})),nie((()=>{u&&u.render()})),e.useEffect((()=>{u&&u.updateFeatures()})),(window.HandoffAppearAnimations?nie:e.useEffect)((()=>{u&&u.animationState&&u.animationState.animateChanges()})),u}(o,p,c,r);const n=e.useContext(gie),a=e.useContext(aie).strict;m.visualElement&&(s=m.visualElement.loadFeatures(c,a,t,n))}return h.createElement(eie.Provider,{value:m},s&&m.visualElement?h.createElement(s,{visualElement:m.visualElement,...c}):null,n(o,i,function(t,r,n){return e.useCallback((e=>{e&&t.mount&&t.mount(e),r&&(e?r.mount(e):r.unmount()),n&&("function"==typeof n?n(e):oie(n)&&(n.current=e))}),[r])}(p,m.visualElement,l),p,u,m.visualElement))}));return i[bie]=o,i}function yie({layoutId:t}){const r=e.useContext(vie).id;return r&&void 0!==t?r+"-"+t:t}function xie(e){function t(t,r={}){return wie(e(t,r))}if("undefined"==typeof Proxy)return t;const r=new Map;return new Proxy(t,{get:(e,n)=>(r.has(n)||r.set(n,t(n)),r.get(n))})}const Oie=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function Eie(e){return"string"==typeof e&&!e.includes("-")&&!!(Oie.indexOf(e)>-1||/[A-Z]/.test(e))}const jie={};const Cie=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Pie=new Set(Cie);function Mie(e,{layout:t,layoutId:r}){return Pie.has(e)||e.startsWith("origin")||(t||void 0!==r)&&(!!jie[e]||"opacity"===e)}const kie=e=>Boolean(e&&e.getVelocity),Sie={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Nie=Cie.length;const Bie=e=>t=>"string"==typeof t&&t.startsWith(e),Rie=Bie("--"),Vie=Bie("var(--"),Aie=(e,t)=>t&&"number"==typeof e?t.transform(e):e,Tie=(e,t,r)=>Math.min(Math.max(r,e),t),Hie={test:e=>"number"==typeof e,parse:parseFloat,transform:e=>e},Lie={...Hie,transform:e=>Tie(0,1,e)},Iie={...Hie,default:1},Fie=e=>Math.round(1e5*e)/1e5,_ie=/(-)?([\d]*\.?[\d])+/g,Zie=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Die=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function qie(e){return"string"==typeof e}const Uie=e=>({test:t=>qie(t)&&t.endsWith(e)&&1===t.split(" ").length,parse:parseFloat,transform:t=>`${t}${e}`}),$ie=Uie("deg"),zie=Uie("%"),Wie=Uie("px"),Gie=Uie("vh"),Qie=Uie("vw"),Yie={...zie,parse:e=>zie.parse(e)/100,transform:e=>zie.transform(100*e)},Kie={...Hie,transform:Math.round},Xie={borderWidth:Wie,borderTopWidth:Wie,borderRightWidth:Wie,borderBottomWidth:Wie,borderLeftWidth:Wie,borderRadius:Wie,radius:Wie,borderTopLeftRadius:Wie,borderTopRightRadius:Wie,borderBottomRightRadius:Wie,borderBottomLeftRadius:Wie,width:Wie,maxWidth:Wie,height:Wie,maxHeight:Wie,size:Wie,top:Wie,right:Wie,bottom:Wie,left:Wie,padding:Wie,paddingTop:Wie,paddingRight:Wie,paddingBottom:Wie,paddingLeft:Wie,margin:Wie,marginTop:Wie,marginRight:Wie,marginBottom:Wie,marginLeft:Wie,rotate:$ie,rotateX:$ie,rotateY:$ie,rotateZ:$ie,scale:Iie,scaleX:Iie,scaleY:Iie,scaleZ:Iie,skew:$ie,skewX:$ie,skewY:$ie,distance:Wie,translateX:Wie,translateY:Wie,translateZ:Wie,x:Wie,y:Wie,z:Wie,perspective:Wie,transformPerspective:Wie,opacity:Lie,originX:Yie,originY:Yie,originZ:Wie,zIndex:Kie,fillOpacity:Lie,strokeOpacity:Lie,numOctaves:Kie};function Jie(e,t,r,n){const{style:a,vars:o,transform:i,transformOrigin:l}=e;let s=!1,c=!1,u=!0;for(const e in t){const r=t[e];if(Rie(e)){o[e]=r;continue}const n=Xie[e],h=Aie(r,n);if(Pie.has(e)){if(s=!0,i[e]=h,!u)continue;r!==(n.default||0)&&(u=!1)}else e.startsWith("origin")?(c=!0,l[e]=h):a[e]=h}if(t.transform||(s||n?a.transform=function(e,{enableHardwareAcceleration:t=!0,allowTransformNone:r=!0},n,a){let o="";for(let t=0;t<Nie;t++){const r=Cie[t];void 0!==e[r]&&(o+=`${Sie[r]||r}(${e[r]}) `)}return t&&!e.z&&(o+="translateZ(0)"),o=o.trim(),a?o=a(e,n?"":o):r&&n&&(o="none"),o}(e.transform,r,u,n):a.transform&&(a.transform="none")),c){const{originX:e="50%",originY:t="50%",originZ:r=0}=l;a.transformOrigin=`${e} ${t} ${r}`}}const ele=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function tle(e,t,r){for(const n in t)kie(t[n])||Mie(n,r)||(e[n]=t[n])}function rle(t,r,n){const a={};return tle(a,t.style||{},t),Object.assign(a,function({transformTemplate:t},r,n){return e.useMemo((()=>{const e=ele();return Jie(e,r,{enableHardwareAcceleration:!n},t),Object.assign({},e.vars,e.style)}),[r])}(t,r,n)),t.transformValues?t.transformValues(a):a}function nle(e,t,r){const n={},a=rle(e,t,r);return e.drag&&!1!==e.dragListener&&(n.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=!0===e.drag?"none":"pan-"+("x"===e.drag?"y":"x")),void 0===e.tabIndex&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=a,n}const ale=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function ole(e){return e.startsWith("while")||e.startsWith("drag")&&"draggable"!==e||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||ale.has(e)}let ile=e=>!ole(e);try{(lle=require("@emotion/is-prop-valid").default)&&(ile=e=>e.startsWith("on")?!ole(e):lle(e))}catch(e){}var lle;function sle(e,t,r){return"string"==typeof e?e:Wie.transform(t+r*e)}const cle={offset:"stroke-dashoffset",array:"stroke-dasharray"},ule={offset:"strokeDashoffset",array:"strokeDasharray"};function hle(e,{attrX:t,attrY:r,attrScale:n,originX:a,originY:o,pathLength:i,pathSpacing:l=1,pathOffset:s=0,...c},u,h,m){if(Jie(e,c,u,m),h)return void(e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox));e.attrs=e.style,e.style={};const{attrs:p,style:f,dimensions:d}=e;p.transform&&(d&&(f.transform=p.transform),delete p.transform),d&&(void 0!==a||void 0!==o||f.transform)&&(f.transformOrigin=function(e,t,r){return`${sle(t,e.x,e.width)} ${sle(r,e.y,e.height)}`}(d,void 0!==a?a:.5,void 0!==o?o:.5)),void 0!==t&&(p.x=t),void 0!==r&&(p.y=r),void 0!==n&&(p.scale=n),void 0!==i&&function(e,t,r=1,n=0,a=!0){e.pathLength=1;const o=a?cle:ule;e[o.offset]=Wie.transform(-n);const i=Wie.transform(t),l=Wie.transform(r);e[o.array]=`${i} ${l}`}(p,i,l,s,!1)}const mle=()=>({...ele(),attrs:{}}),ple=e=>"string"==typeof e&&"svg"===e.toLowerCase();function fle(t,r,n,a){const o=e.useMemo((()=>{const e=mle();return hle(e,r,{enableHardwareAcceleration:!1},ple(a),t.transformTemplate),{...e.attrs,style:{...e.style}}}),[r]);if(t.style){const e={};tle(e,t.style,t),o.style={...e,...o.style}}return o}function dle(t=!1){return(r,n,a,{latestValues:o},i)=>{const l=(Eie(r)?fle:nle)(n,o,i,r),s=function(e,t,r){const n={};for(const a in e)"values"===a&&"object"==typeof e.values||(ile(a)||!0===r&&ole(a)||!t&&!ole(a)||e.draggable&&a.startsWith("onDrag"))&&(n[a]=e[a]);return n}(n,"string"==typeof r,t),c={...s,...l,ref:a},{children:u}=n,h=e.useMemo((()=>kie(u)?u.get():u),[u]);return e.createElement(r,{...c,children:h})}}const vle=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function gle(e,{style:t,vars:r},n,a){Object.assign(e.style,t,a&&a.getProjectionStyles(n));for(const t in r)e.style.setProperty(t,r[t])}const ble=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function wle(e,t,r,n){gle(e,t,void 0,n);for(const r in t.attrs)e.setAttribute(ble.has(r)?r:vle(r),t.attrs[r])}function yle(e,t){const{style:r}=e,n={};for(const a in r)(kie(r[a])||t.style&&kie(t.style[a])||Mie(a,e))&&(n[a]=r[a]);return n}function xle(e,t){const r=yle(e,t);for(const n in e)if(kie(e[n])||kie(t[n])){r[-1!==Cie.indexOf(n)?"attr"+n.charAt(0).toUpperCase()+n.substring(1):n]=e[n]}return r}function Ole(e,t,r,n={},a={}){return"function"==typeof t&&(t=t(void 0!==r?r:e.custom,n,a)),"string"==typeof t&&(t=e.variants&&e.variants[t]),"function"==typeof t&&(t=t(void 0!==r?r:e.custom,n,a)),t}function Ele(t){const r=e.useRef(null);return null===r.current&&(r.current=t()),r.current}const jle=e=>Array.isArray(e),Cle=e=>Boolean(e&&"object"==typeof e&&e.mix&&e.toValue),Ple=e=>jle(e)?e[e.length-1]||0:e;function Mle(e){const t=kie(e)?e.get():e;return Cle(t)?t.toValue():t}const kle=t=>(r,n)=>{const a=e.useContext(eie),o=e.useContext(tie),i=()=>function({scrapeMotionValuesFromProps:e,createRenderState:t,onMount:r},n,a,o){const i={latestValues:Sle(n,a,o,e),renderState:t()};return r&&(i.mount=e=>r(n,e,i)),i}(t,r,a,o);return n?i():Ele(i)};function Sle(e,t,r,n){const a={},o=n(e,{});for(const e in o)a[e]=Mle(o[e]);let{initial:i,animate:l}=e;const s=uie(e),c=hie(e);t&&c&&!s&&!1!==e.inherit&&(void 0===i&&(i=t.initial),void 0===l&&(l=t.animate));let u=!!r&&!1===r.initial;u=u||!1===i;const h=u?l:i;if(h&&"boolean"!=typeof h&&!lie(h)){(Array.isArray(h)?h:[h]).forEach((t=>{const r=Ole(e,t);if(!r)return;const{transitionEnd:n,transition:o,...i}=r;for(const e in i){let t=i[e];if(Array.isArray(t)){t=t[u?t.length-1:0]}null!==t&&(a[e]=t)}for(const e in n)a[e]=n[e]}))}return a}const Nle={useVisualState:kle({scrapeMotionValuesFromProps:xle,createRenderState:mle,onMount:(e,t,{renderState:r,latestValues:n})=>{try{r.dimensions="function"==typeof t.getBBox?t.getBBox():t.getBoundingClientRect()}catch(e){r.dimensions={x:0,y:0,width:0,height:0}}hle(r,n,{enableHardwareAcceleration:!1},ple(t.tagName),e.transformTemplate),wle(t,r)}})},Ble={useVisualState:kle({scrapeMotionValuesFromProps:yle,createRenderState:ele})};function Rle(e,t,r,n={passive:!0}){return e.addEventListener(t,r,n),()=>e.removeEventListener(t,r)}const Vle=e=>"mouse"===e.pointerType?"number"!=typeof e.button||e.button<=0:!1!==e.isPrimary;function Ale(e,t="page"){return{point:{x:e[t+"X"],y:e[t+"Y"]}}}const Tle=e=>t=>Vle(t)&&e(t,Ale(t));function Hle(e,t,r,n){return Rle(e,t,Tle(r),n)}const Lle=(e,t)=>r=>t(e(r)),Ile=(...e)=>e.reduce(Lle);function Fle(e){let t=null;return()=>{const r=()=>{t=null};return null===t&&(t=e,r)}}const _le=Fle("dragHorizontal"),Zle=Fle("dragVertical");function Dle(e){let t=!1;if("y"===e)t=Zle();else if("x"===e)t=_le();else{const e=_le(),r=Zle();e&&r?t=()=>{e(),r()}:(e&&e(),r&&r())}return t}function qle(){const e=Dle(!0);return!e||(e(),!1)}class Ule{constructor(e){this.isMounted=!1,this.node=e}update(){}}const $le={delta:0,timestamp:0,isProcessing:!1};let zle=!0,Wle=!1;const Gle=["read","update","preRender","render","postRender"],Qle=Gle.reduce(((e,t)=>(e[t]=function(e){let t=[],r=[],n=0,a=!1,o=!1;const i=new WeakSet,l={schedule:(e,o=!1,l=!1)=>{const s=l&&a,c=s?t:r;return o&&i.add(e),-1===c.indexOf(e)&&(c.push(e),s&&a&&(n=t.length)),e},cancel:e=>{const t=r.indexOf(e);-1!==t&&r.splice(t,1),i.delete(e)},process:s=>{if(a)o=!0;else{if(a=!0,[t,r]=[r,t],r.length=0,n=t.length,n)for(let r=0;r<n;r++){const n=t[r];n(s),i.has(n)&&(l.schedule(n),e())}a=!1,o&&(o=!1,l.process(s))}}};return l}((()=>Wle=!0)),e)),{}),Yle=e=>Qle[e].process($le),Kle=e=>{Wle=!1,$le.delta=zle?1e3/60:Math.max(Math.min(e-$le.timestamp,40),1),$le.timestamp=e,$le.isProcessing=!0,Gle.forEach(Yle),$le.isProcessing=!1,Wle&&(zle=!1,requestAnimationFrame(Kle))},Xle=Gle.reduce(((e,t)=>{const r=Qle[t];return e[t]=(e,t=!1,n=!1)=>(Wle||(Wle=!0,zle=!0,$le.isProcessing||requestAnimationFrame(Kle)),r.schedule(e,t,n)),e}),{});function Jle(e){Gle.forEach((t=>Qle[t].cancel(e)))}function ese(e,t){const r="pointer"+(t?"enter":"leave"),n="onHover"+(t?"Start":"End");return Hle(e.current,r,((r,a)=>{if("touch"===r.type||qle())return;const o=e.getProps();e.animationState&&o.whileHover&&e.animationState.setActive("whileHover",t),o[n]&&Xle.update((()=>o[n](r,a)))}),{passive:!e.getProps()[n]})}const tse=(e,t)=>!!t&&(e===t||tse(e,t.parentElement)),rse=e=>e;function nse(e,t){if(!t)return;const r=new PointerEvent("pointer"+e);t(r,Ale(r))}const ase=new WeakMap,ose=new WeakMap,ise=e=>{const t=ase.get(e.target);t&&t(e)},lse=e=>{e.forEach(ise)};function sse(e,t,r){const n=function({root:e,...t}){const r=e||document;ose.has(r)||ose.set(r,{});const n=ose.get(r),a=JSON.stringify(t);return n[a]||(n[a]=new IntersectionObserver(lse,{root:e,...t})),n[a]}(t);return ase.set(e,r),n.observe(e),()=>{ase.delete(e),n.unobserve(e)}}const cse={some:0,all:1};const use={inView:{Feature:class extends Ule{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:t,margin:r,amount:n="some",once:a}=e,o={root:t?t.current:void 0,rootMargin:r,threshold:"number"==typeof n?n:cse[n]};return sse(this.node.current,o,(e=>{const{isIntersecting:t}=e;if(this.isInView===t)return;if(this.isInView=t,a&&!t&&this.hasEnteredView)return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:r,onViewportLeave:n}=this.node.getProps(),o=t?r:n;o&&o(e)}))}mount(){this.startObserver()}update(){if("undefined"==typeof IntersectionObserver)return;const{props:e,prevProps:t}=this.node;["amount","margin","root"].some(function({viewport:e={}},{viewport:t={}}={}){return r=>e[r]!==t[r]}(e,t))&&this.startObserver()}unmount(){}}},tap:{Feature:class extends Ule{constructor(){super(...arguments),this.removeStartListeners=rse,this.removeEndListeners=rse,this.removeAccessibleListeners=rse,this.startPointerPress=(e,t)=>{if(this.removeEndListeners(),this.isPressing)return;const r=this.node.getProps(),n=Hle(window,"pointerup",((e,t)=>{if(!this.checkPressEnd())return;const{onTap:r,onTapCancel:n}=this.node.getProps();Xle.update((()=>{tse(this.node.current,e.target)?r&&r(e,t):n&&n(e,t)}))}),{passive:!(r.onTap||r.onPointerUp)}),a=Hle(window,"pointercancel",((e,t)=>this.cancelPress(e,t)),{passive:!(r.onTapCancel||r.onPointerCancel)});this.removeEndListeners=Ile(n,a),this.startPress(e,t)},this.startAccessiblePress=()=>{const e=Rle(this.node.current,"keydown",(e=>{if("Enter"!==e.key||this.isPressing)return;this.removeEndListeners(),this.removeEndListeners=Rle(this.node.current,"keyup",(e=>{"Enter"===e.key&&this.checkPressEnd()&&nse("up",((e,t)=>{const{onTap:r}=this.node.getProps();r&&Xle.update((()=>r(e,t)))}))})),nse("down",((e,t)=>{this.startPress(e,t)}))})),t=Rle(this.node.current,"blur",(()=>{this.isPressing&&nse("cancel",((e,t)=>this.cancelPress(e,t)))}));this.removeAccessibleListeners=Ile(e,t)}}startPress(e,t){this.isPressing=!0;const{onTapStart:r,whileTap:n}=this.node.getProps();n&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),r&&Xle.update((()=>r(e,t)))}checkPressEnd(){this.removeEndListeners(),this.isPressing=!1;return this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!qle()}cancelPress(e,t){if(!this.checkPressEnd())return;const{onTapCancel:r}=this.node.getProps();r&&Xle.update((()=>r(e,t)))}mount(){const e=this.node.getProps(),t=Hle(this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),r=Rle(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=Ile(t,r)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}},focus:{Feature:class extends Ule{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch(t){e=!0}e&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Ile(Rle(this.node.current,"focus",(()=>this.onFocus())),Rle(this.node.current,"blur",(()=>this.onBlur())))}unmount(){}}},hover:{Feature:class extends Ule{mount(){this.unmount=Ile(ese(this.node,!0),ese(this.node,!1))}unmount(){}}}};function hse(e,t){if(!Array.isArray(t))return!1;const r=t.length;if(r!==e.length)return!1;for(let n=0;n<r;n++)if(t[n]!==e[n])return!1;return!0}function mse(e,t,r){const n=e.getProps();return Ole(n,t,void 0!==r?r:n.custom,function(e){const t={};return e.values.forEach(((e,r)=>t[r]=e.get())),t}(e),function(e){const t={};return e.values.forEach(((e,r)=>t[r]=e.getVelocity())),t}(e))}const pse="data-"+vle("framerAppearId");let fse=rse,dse=rse;"production"!==process.env.NODE_ENV&&(fse=(e,t)=>{e||"undefined"==typeof console||console.warn(t)},dse=(e,t)=>{if(!e)throw new Error(t)});const vse=e=>1e3*e,gse=e=>e/1e3,bse=!1,wse=e=>Array.isArray(e)&&"number"==typeof e[0];function yse(e){return Boolean(!e||"string"==typeof e&&Ose[e]||wse(e)||Array.isArray(e)&&e.every(yse))}const xse=([e,t,r,n])=>`cubic-bezier(${e}, ${t}, ${r}, ${n})`,Ose={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:xse([0,.65,.55,1]),circOut:xse([.55,0,1,.45]),backIn:xse([.31,.01,.66,-.59]),backOut:xse([.33,1.53,.69,.99])};function Ese(e){if(e)return wse(e)?xse(e):Array.isArray(e)?e.map(Ese):Ose[e]}const jse={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},Cse={},Pse={};for(const e in jse)Pse[e]=()=>(void 0===Cse[e]&&(Cse[e]=jse[e]()),Cse[e]);const Mse=(e,t,r)=>(((1-3*r+3*t)*e+(3*r-6*t))*e+3*t)*e,kse=1e-7,Sse=12;function Nse(e,t,r,n){if(e===t&&r===n)return rse;const a=t=>function(e,t,r,n,a){let o,i,l=0;do{i=t+(r-t)/2,o=Mse(i,n,a)-e,o>0?r=i:t=i}while(Math.abs(o)>kse&&++l<Sse);return i}(t,0,1,e,r);return e=>0===e||1===e?e:Mse(a(e),t,n)}const Bse=Nse(.42,0,1,1),Rse=Nse(0,0,.58,1),Vse=Nse(.42,0,.58,1),Ase=e=>Array.isArray(e)&&"number"!=typeof e[0],Tse=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Hse=e=>t=>1-e(1-t),Lse=e=>1-Math.sin(Math.acos(e)),Ise=Hse(Lse),Fse=Tse(Ise),_se=Nse(.33,1.53,.69,.99),Zse=Hse(_se),Dse=Tse(Zse),qse={linear:rse,easeIn:Bse,easeInOut:Vse,easeOut:Rse,circIn:Lse,circInOut:Fse,circOut:Ise,backIn:Zse,backInOut:Dse,backOut:_se,anticipate:e=>(e*=2)<1?.5*Zse(e):.5*(2-Math.pow(2,-10*(e-1)))},Use=e=>{if(Array.isArray(e)){dse(4===e.length,"Cubic bezier arrays must contain four numerical values.");const[t,r,n,a]=e;return Nse(t,r,n,a)}return"string"==typeof e?(dse(void 0!==qse[e],`Invalid easing type '${e}'`),qse[e]):e},$se=(e,t)=>r=>Boolean(qie(r)&&Die.test(r)&&r.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(r,t)),zse=(e,t,r)=>n=>{if(!qie(n))return n;const[a,o,i,l]=n.match(_ie);return{[e]:parseFloat(a),[t]:parseFloat(o),[r]:parseFloat(i),alpha:void 0!==l?parseFloat(l):1}},Wse={...Hie,transform:e=>Math.round((e=>Tie(0,255,e))(e))},Gse={test:$se("rgb","red"),parse:zse("red","green","blue"),transform:({red:e,green:t,blue:r,alpha:n=1})=>"rgba("+Wse.transform(e)+", "+Wse.transform(t)+", "+Wse.transform(r)+", "+Fie(Lie.transform(n))+")"};const Qse={test:$se("#"),parse:function(e){let t="",r="",n="",a="";return e.length>5?(t=e.substring(1,3),r=e.substring(3,5),n=e.substring(5,7),a=e.substring(7,9)):(t=e.substring(1,2),r=e.substring(2,3),n=e.substring(3,4),a=e.substring(4,5),t+=t,r+=r,n+=n,a+=a),{red:parseInt(t,16),green:parseInt(r,16),blue:parseInt(n,16),alpha:a?parseInt(a,16)/255:1}},transform:Gse.transform},Yse={test:$se("hsl","hue"),parse:zse("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:r,alpha:n=1})=>"hsla("+Math.round(e)+", "+zie.transform(Fie(t))+", "+zie.transform(Fie(r))+", "+Fie(Lie.transform(n))+")"},Kse={test:e=>Gse.test(e)||Qse.test(e)||Yse.test(e),parse:e=>Gse.test(e)?Gse.parse(e):Yse.test(e)?Yse.parse(e):Qse.parse(e),transform:e=>qie(e)?e:e.hasOwnProperty("red")?Gse.transform(e):Yse.transform(e)},Xse=(e,t,r)=>-r*e+r*t+e;function Jse(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}const ece=(e,t,r)=>{const n=e*e;return Math.sqrt(Math.max(0,r*(t*t-n)+n))},tce=[Qse,Gse,Yse];function rce(e){const t=(e=>tce.find((t=>t.test(e))))(e);dse(Boolean(t),`'${e}' is not an animatable color. Use the equivalent color code instead.`);let r=t.parse(e);return t===Yse&&(r=function({hue:e,saturation:t,lightness:r,alpha:n}){e/=360,r/=100;let a=0,o=0,i=0;if(t/=100){const n=r<.5?r*(1+t):r+t-r*t,l=2*r-n;a=Jse(l,n,e+1/3),o=Jse(l,n,e),i=Jse(l,n,e-1/3)}else a=o=i=r;return{red:Math.round(255*a),green:Math.round(255*o),blue:Math.round(255*i),alpha:n}}(r)),r}const nce=(e,t)=>{const r=rce(e),n=rce(t),a={...r};return e=>(a.red=ece(r.red,n.red,e),a.green=ece(r.green,n.green,e),a.blue=ece(r.blue,n.blue,e),a.alpha=Xse(r.alpha,n.alpha,e),Gse.transform(a))};const ace={regex:/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g,countKey:"Vars",token:"${v}",parse:rse},oce={regex:Zie,countKey:"Colors",token:"${c}",parse:Kse.parse},ice={regex:_ie,countKey:"Numbers",token:"${n}",parse:Hie.parse};function lce(e,{regex:t,countKey:r,token:n,parse:a}){const o=e.tokenised.match(t);o&&(e["num"+r]=o.length,e.tokenised=e.tokenised.replace(t,n),e.values.push(...o.map(a)))}function sce(e){const t=e.toString(),r={value:t,tokenised:t,values:[],numVars:0,numColors:0,numNumbers:0};return r.value.includes("var(--")&&lce(r,ace),lce(r,oce),lce(r,ice),r}function cce(e){return sce(e).values}function uce(e){const{values:t,numColors:r,numVars:n,tokenised:a}=sce(e),o=t.length;return e=>{let t=a;for(let a=0;a<o;a++)t=a<n?t.replace(ace.token,e[a]):a<n+r?t.replace(oce.token,Kse.transform(e[a])):t.replace(ice.token,Fie(e[a]));return t}}const hce=e=>"number"==typeof e?0:e;const mce={test:function(e){var t,r;return isNaN(e)&&qie(e)&&((null===(t=e.match(_ie))||void 0===t?void 0:t.length)||0)+((null===(r=e.match(Zie))||void 0===r?void 0:r.length)||0)>0},parse:cce,createTransformer:uce,getAnimatableNone:function(e){const t=cce(e);return uce(e)(t.map(hce))}},pce=(e,t)=>r=>`${r>0?t:e}`;function fce(e,t){return"number"==typeof e?r=>Xse(e,t,r):Kse.test(e)?nce(e,t):e.startsWith("var(")?pce(e,t):gce(e,t)}const dce=(e,t)=>{const r=[...e],n=r.length,a=e.map(((e,r)=>fce(e,t[r])));return e=>{for(let t=0;t<n;t++)r[t]=a[t](e);return r}},vce=(e,t)=>{const r={...e,...t},n={};for(const a in r)void 0!==e[a]&&void 0!==t[a]&&(n[a]=fce(e[a],t[a]));return e=>{for(const t in n)r[t]=n[t](e);return r}},gce=(e,t)=>{const r=mce.createTransformer(t),n=sce(e),a=sce(t);return n.numVars===a.numVars&&n.numColors===a.numColors&&n.numNumbers>=a.numNumbers?Ile(dce(n.values,a.values),r):(fse(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),pce(e,t))},bce=(e,t,r)=>{const n=t-e;return 0===n?1:(r-e)/n},wce=(e,t)=>r=>Xse(e,t,r);function yce(e,t,r){const n=[],a=r||function(e){return"number"==typeof e?wce:"string"==typeof e?Kse.test(e)?nce:gce:Array.isArray(e)?dce:"object"==typeof e?vce:wce}(e[0]),o=e.length-1;for(let r=0;r<o;r++){let o=a(e[r],e[r+1]);if(t){const e=Array.isArray(t)?t[r]||rse:t;o=Ile(e,o)}n.push(o)}return n}function xce(e,t,{clamp:r=!0,ease:n,mixer:a}={}){const o=e.length;if(dse(o===t.length,"Both input and output ranges must be the same length"),1===o)return()=>t[0];e[0]>e[o-1]&&(e=[...e].reverse(),t=[...t].reverse());const i=yce(t,n,a),l=i.length,s=t=>{let r=0;if(l>1)for(;r<e.length-2&&!(t<e[r+1]);r++);const n=bce(e[r],e[r+1],t);return i[r](n)};return r?t=>s(Tie(e[0],e[o-1],t)):s}function Oce(e){const t=[0];return function(e,t){const r=e[e.length-1];for(let n=1;n<=t;n++){const a=bce(0,t,n);e.push(Xse(r,1,a))}}(t,e.length-1),t}function Ece({duration:e=300,keyframes:t,times:r,ease:n="easeInOut"}){const a=Ase(n)?n.map(Use):Use(n),o={done:!1,value:t[0]},i=function(e,t){return e.map((e=>e*t))}(r&&r.length===t.length?r:Oce(t),e),l=xce(i,t,{ease:Array.isArray(a)?a:(s=t,c=a,s.map((()=>c||Vse)).splice(0,s.length-1))});var s,c;return{calculatedDuration:e,next:t=>(o.value=l(t),o.done=t>=e,o)}}function jce(e,t){return t?e*(1e3/t):0}const Cce=5;function Pce(e,t,r){const n=Math.max(t-Cce,0);return jce(r-e(n),t-n)}const Mce=.001,kce=.01,Sce=10,Nce=.05,Bce=1;function Rce({duration:e=800,bounce:t=.25,velocity:r=0,mass:n=1}){let a,o;fse(e<=vse(Sce),"Spring duration must be 10 seconds or less");let i=1-t;i=Tie(Nce,Bce,i),e=Tie(kce,Sce,gse(e)),i<1?(a=t=>{const n=t*i,a=n*e,o=n-r,l=Ace(t,i),s=Math.exp(-a);return Mce-o/l*s},o=t=>{const n=t*i*e,o=n*r+r,l=Math.pow(i,2)*Math.pow(t,2)*e,s=Math.exp(-n),c=Ace(Math.pow(t,2),i);return(-a(t)+Mce>0?-1:1)*((o-l)*s)/c}):(a=t=>Math.exp(-t*e)*((t-r)*e+1)-Mce,o=t=>Math.exp(-t*e)*(e*e*(r-t)));const l=function(e,t,r){let n=r;for(let r=1;r<Vce;r++)n-=e(n)/t(n);return n}(a,o,5/e);if(e=vse(e),isNaN(l))return{stiffness:100,damping:10,duration:e};{const t=Math.pow(l,2)*n;return{stiffness:t,damping:2*i*Math.sqrt(n*t),duration:e}}}const Vce=12;function Ace(e,t){return e*Math.sqrt(1-t*t)}const Tce=["duration","bounce"],Hce=["stiffness","damping","mass"];function Lce(e,t){return t.some((t=>void 0!==e[t]))}function Ice({keyframes:e,restDelta:t,restSpeed:r,...n}){const a=e[0],o=e[e.length-1],i={done:!1,value:a},{stiffness:l,damping:s,mass:c,velocity:u,duration:h,isResolvedFromDuration:m}=function(e){let t={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...e};if(!Lce(e,Hce)&&Lce(e,Tce)){const r=Rce(e);t={...t,...r,velocity:0,mass:1},t.isResolvedFromDuration=!0}return t}(n),p=u?-gse(u):0,f=s/(2*Math.sqrt(l*c)),d=o-a,v=gse(Math.sqrt(l/c)),g=Math.abs(d)<5;let b;if(r||(r=g?.01:2),t||(t=g?.005:.5),f<1){const e=Ace(v,f);b=t=>{const r=Math.exp(-f*v*t);return o-r*((p+f*v*d)/e*Math.sin(e*t)+d*Math.cos(e*t))}}else if(1===f)b=e=>o-Math.exp(-v*e)*(d+(p+v*d)*e);else{const e=v*Math.sqrt(f*f-1);b=t=>{const r=Math.exp(-f*v*t),n=Math.min(e*t,300);return o-r*((p+f*v*d)*Math.sinh(n)+e*d*Math.cosh(n))/e}}return{calculatedDuration:m&&h||null,next:e=>{const n=b(e);if(m)i.done=e>=h;else{let a=p;0!==e&&(a=f<1?Pce(b,e,n):0);const l=Math.abs(a)<=r,s=Math.abs(o-n)<=t;i.done=l&&s}return i.value=i.done?o:n,i}}}function Fce({keyframes:e,velocity:t=0,power:r=.8,timeConstant:n=325,bounceDamping:a=10,bounceStiffness:o=500,modifyTarget:i,min:l,max:s,restDelta:c=.5,restSpeed:u}){const h=e[0],m={done:!1,value:h},p=e=>void 0===l?s:void 0===s||Math.abs(l-e)<Math.abs(s-e)?l:s;let f=r*t;const d=h+f,v=void 0===i?d:i(d);v!==d&&(f=v-h);const g=e=>-f*Math.exp(-e/n),b=e=>v+g(e),w=e=>{const t=g(e),r=b(e);m.done=Math.abs(t)<=c,m.value=m.done?v:r};let y,x;const O=e=>{(e=>void 0!==l&&e<l||void 0!==s&&e>s)(m.value)&&(y=e,x=Ice({keyframes:[m.value,p(m.value)],velocity:Pce(b,e,m.value),damping:a,stiffness:o,restDelta:c,restSpeed:u}))};return O(0),{calculatedDuration:null,next:e=>{let t=!1;return x||void 0!==y||(t=!0,w(e),O(e)),void 0!==y&&e>y?x.next(e-y):(!t&&w(e),m)}}}const _ce=e=>{const t=({timestamp:t})=>e(t);return{start:()=>Xle.update(t,!0),stop:()=>Jle(t),now:()=>$le.isProcessing?$le.timestamp:performance.now()}},Zce=2e4;function Dce(e){let t=0;let r=e.next(t);for(;!r.done&&t<Zce;)t+=50,r=e.next(t);return t>=Zce?1/0:t}const qce={decay:Fce,inertia:Fce,tween:Ece,keyframes:Ece,spring:Ice};function Uce({autoplay:e=!0,delay:t=0,driver:r=_ce,keyframes:n,type:a="keyframes",repeat:o=0,repeatDelay:i=0,repeatType:l="loop",onPlay:s,onStop:c,onComplete:u,onUpdate:h,...m}){let p,f,d=1,v=!1;const g=()=>{p&&p(),f=new Promise((e=>{p=e}))};let b;g();const w=qce[a]||Ece;let y;w!==Ece&&"number"!=typeof n[0]&&(y=xce([0,100],n,{clamp:!1}),n=[0,100]);const x=w({...m,keyframes:n});let O;"mirror"===l&&(O=w({...m,keyframes:[...n].reverse(),velocity:-(m.velocity||0)}));let E="idle",j=null,C=null,P=null;null===x.calculatedDuration&&o&&(x.calculatedDuration=Dce(x));const{calculatedDuration:M}=x;let k=1/0,S=1/0;null!==M&&(k=M+i,S=k*(o+1)-i);let N=0;const B=e=>{if(null===C)return;d>0&&(C=Math.min(C,e)),N=null!==j?j:(e-C)*d;const r=N-t,a=r<0;N=Math.max(r,0),"finished"===E&&null===j&&(N=S);let s=N,c=x;if(o){const e=N/k;let t=Math.floor(e),r=e%1;!r&&e>=1&&(r=1),1===r&&t--,t=Math.min(t,o+1);const n=Boolean(t%2);n&&("reverse"===l?(r=1-r,i&&(r-=i/k)):"mirror"===l&&(c=O));let a=Tie(0,1,r);N>S&&(a="reverse"===l&&n?1:0),s=a*k}const u=a?{done:!1,value:n[0]}:c.next(s);y&&(u.value=y(u.value));let{done:m}=u;a||null===M||(m=N>=S);const p=null===j&&("finished"===E||"running"===E&&m||d<0&&N<=0);return h&&h(u.value),p&&A(),u},R=()=>{b&&b.stop(),b=void 0},V=()=>{E="idle",R(),g(),C=P=null},A=()=>{E="finished",u&&u(),R(),g()},T=()=>{if(v)return;b||(b=r(B));const e=b.now();s&&s(),null!==j?C=e-j:C&&"finished"!==E||(C=e),P=C,j=null,E="running",b.start()};e&&T();const H={then:(e,t)=>f.then(e,t),get time(){return gse(N)},set time(e){e=vse(e),N=e,null===j&&b&&0!==d?C=b.now()-e/d:j=e},get duration(){const e=null===x.calculatedDuration?Dce(x):x.calculatedDuration;return gse(e)},get speed(){return d},set speed(e){e!==d&&b&&(d=e,H.time=gse(N))},get state(){return E},play:T,pause:()=>{E="paused",j=N},stop:()=>{v=!0,"idle"!==E&&(E="idle",c&&c(),V())},cancel:()=>{null!==P&&B(P),V()},complete:()=>{E="finished"},sample:e=>(C=0,B(e))};return H}const $ce=new Set(["opacity","clipPath","filter","transform","backgroundColor"]);function zce(e,t,{onUpdate:r,onComplete:n,...a}){if(!(Pse.waapi()&&$ce.has(t)&&!a.repeatDelay&&"mirror"!==a.repeatType&&0!==a.damping&&"inertia"!==a.type))return!1;let o,i,l=!1;const s=()=>{i=new Promise((e=>{o=e}))};s();let{keyframes:c,duration:u=300,ease:h,times:m}=a;if(((e,t)=>"spring"===t.type||"backgroundColor"===e||!yse(t.ease))(t,a)){const e=Uce({...a,repeat:0,delay:0});let t={done:!1,value:c[0]};const r=[];let n=0;for(;!t.done&&n<2e4;)t=e.sample(n),r.push(t.value),n+=10;m=void 0,c=r,u=n-10,h="linear"}const p=function(e,t,r,{delay:n=0,duration:a,repeat:o=0,repeatType:i="loop",ease:l,times:s}={}){const c={[t]:r};s&&(c.offset=s);const u=Ese(l);return Array.isArray(u)&&(c.easing=u),e.animate(c,{delay:n,duration:a,easing:Array.isArray(u)?"linear":u,fill:"both",iterations:o+1,direction:"reverse"===i?"alternate":"normal"})}(e.owner.current,t,c,{...a,duration:u,ease:h,times:m}),f=()=>p.cancel(),d=()=>{Xle.update(f),o(),s()};return p.onfinish=()=>{e.set(function(e,{repeat:t,repeatType:r="loop"}){return e[t&&"loop"!==r&&t%2==1?0:e.length-1]}(c,a)),n&&n(),d()},{then:(e,t)=>i.then(e,t),get time(){return gse(p.currentTime||0)},set time(e){p.currentTime=vse(e)},get speed(){return p.playbackRate},set speed(e){p.playbackRate=e},get duration(){return gse(u)},play:()=>{l||(p.play(),Jle(f))},pause:()=>p.pause(),stop:()=>{if(l=!0,"idle"===p.playState)return;const{currentTime:t}=p;if(t){const r=Uce({...a,autoplay:!1});e.setWithVelocity(r.sample(t-10).value,r.sample(t).value,10)}d()},complete:()=>p.finish(),cancel:d}}const Wce={type:"spring",stiffness:500,damping:25,restSpeed:10},Gce={type:"keyframes",duration:.8},Qce={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Yce=(e,{keyframes:t})=>t.length>2?Gce:Pie.has(e)?e.startsWith("scale")?{type:"spring",stiffness:550,damping:0===t[1]?2*Math.sqrt(550):30,restSpeed:10}:Wce:Qce,Kce=(e,t)=>"zIndex"!==e&&(!("number"!=typeof t&&!Array.isArray(t))||!("string"!=typeof t||!mce.test(t)&&"0"!==t||t.startsWith("url("))),Xce=new Set(["brightness","contrast","saturate","opacity"]);function Jce(e){const[t,r]=e.slice(0,-1).split("(");if("drop-shadow"===t)return e;const[n]=r.match(_ie)||[];if(!n)return e;const a=r.replace(n,"");let o=Xce.has(t)?1:0;return n!==r&&(o*=100),t+"("+o+a+")"}const eue=/([a-z-]*)\(.*?\)/g,tue={...mce,getAnimatableNone:e=>{const t=e.match(eue);return t?t.map(Jce).join(" "):e}},rue={...Xie,color:Kse,backgroundColor:Kse,outlineColor:Kse,fill:Kse,stroke:Kse,borderColor:Kse,borderTopColor:Kse,borderRightColor:Kse,borderBottomColor:Kse,borderLeftColor:Kse,filter:tue,WebkitFilter:tue},nue=e=>rue[e];function aue(e,t){let r=nue(e);return r!==tue&&(r=mce),r.getAnimatableNone?r.getAnimatableNone(t):void 0}const oue=e=>/^0[^.\s]+$/.test(e);function iue(e){return"number"==typeof e?0===e:null!==e?"none"===e||"0"===e||oue(e):void 0}function lue(e,t){return e[t]||e.default||e}const sue=(e,t,r,n={})=>a=>{const o=lue(n,e)||{},i=o.delay||n.delay||0;let{elapsed:l=0}=n;l-=vse(i);const s=function(e,t,r,n){const a=Kce(t,r);let o;o=Array.isArray(r)?[...r]:[null,r];const i=void 0!==n.from?n.from:e.get();let l;const s=[];for(let e=0;e<o.length;e++)null===o[e]&&(o[e]=0===e?i:o[e-1]),iue(o[e])&&s.push(e),"string"==typeof o[e]&&"none"!==o[e]&&"0"!==o[e]&&(l=o[e]);if(a&&s.length&&l)for(let e=0;e<s.length;e++)o[s[e]]=aue(t,l);return o}(t,e,r,o),c=s[0],u=s[s.length-1],h=Kce(e,c),m=Kce(e,u);fse(h===m,`You are trying to animate ${e} from "${c}" to "${u}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${u} via the \`style\` property.`);let p={keyframes:s,velocity:t.getVelocity(),ease:"easeOut",...o,delay:-l,onUpdate:e=>{t.set(e),o.onUpdate&&o.onUpdate(e)},onComplete:()=>{a(),o.onComplete&&o.onComplete()}};if(function({when:e,delay:t,delayChildren:r,staggerChildren:n,staggerDirection:a,repeat:o,repeatType:i,repeatDelay:l,from:s,elapsed:c,...u}){return!!Object.keys(u).length}(o)||(p={...p,...Yce(e,p)}),p.duration&&(p.duration=vse(p.duration)),p.repeatDelay&&(p.repeatDelay=vse(p.repeatDelay)),!h||!m||bse||!1===o.type)return function({keyframes:e,delay:t,onUpdate:r,onComplete:n}){const a=()=>(r&&r(e[e.length-1]),n&&n(),{time:0,speed:1,duration:0,play:rse,pause:rse,stop:rse,then:e=>(e(),Promise.resolve()),cancel:rse,complete:rse});return t?Uce({keyframes:[0,1],duration:0,delay:t,onComplete:a}):a()}(p);if(t.owner&&t.owner.current instanceof HTMLElement&&!t.owner.getProps().onUpdate){const r=zce(t,e,p);if(r)return r}return Uce(p)};function cue(e){return Boolean(kie(e)&&e.add)}const uue=e=>/^\-?\d*\.?\d+$/.test(e);function hue(e,t){-1===e.indexOf(t)&&e.push(t)}function mue(e,t){const r=e.indexOf(t);r>-1&&e.splice(r,1)}class pue{constructor(){this.subscriptions=[]}add(e){return hue(this.subscriptions,e),()=>mue(this.subscriptions,e)}notify(e,t,r){const n=this.subscriptions.length;if(n)if(1===n)this.subscriptions[0](e,t,r);else for(let a=0;a<n;a++){const n=this.subscriptions[a];n&&n(e,t,r)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const fue=new Set;function due(e,t,r){e||fue.has(t)||(console.warn(t),r&&console.warn(r),fue.add(t))}class vue{constructor(e,t={}){this.version="10.12.16",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(e,t=!0)=>{this.prev=this.current,this.current=e;const{delta:r,timestamp:n}=$le;this.lastUpdated!==n&&(this.timeDelta=r,this.lastUpdated=n,Xle.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),t&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>Xle.postRender(this.velocityCheck),this.velocityCheck=({timestamp:e})=>{e!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=e,this.canTrackVelocity=(e=>!isNaN(parseFloat(e)))(this.current),this.owner=t.owner}onChange(e){return"production"!==process.env.NODE_ENV&&due(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",e)}on(e,t){this.events[e]||(this.events[e]=new pue);const r=this.events[e].add(t);return"change"===e?()=>{r(),Xle.read((()=>{this.events.change.getSize()||this.stop()}))}:r}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e,t=!0){t&&this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e,t)}setWithVelocity(e,t,r){this.set(t),this.prev=e,this.timeDelta=r}jump(e){this.updateAndNotify(e),this.prev=e,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?jce(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(e){return this.stop(),new Promise((t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function gue(e,t){return new vue(e,t)}const bue=e=>t=>t.test(e),wue=[Hie,Wie,zie,$ie,Qie,Gie,{test:e=>"auto"===e,parse:e=>e}],yue=e=>wue.find(bue(e)),xue=[...wue,Kse,mce],Oue=e=>xue.find(bue(e));function Eue(e,t,r){e.hasValue(t)?e.getValue(t).set(r):e.addValue(t,gue(r))}function jue(e,t){if(!t)return;return(t[e]||t.default||t).from}function Cue({protectedKeys:e,needsAnimating:t},r){const n=e.hasOwnProperty(r)&&!0!==t[r];return t[r]=!1,n}function Pue(e,t,{delay:r=0,transitionOverride:n,type:a}={}){let{transition:o=e.getDefaultTransition(),transitionEnd:i,...l}=e.makeTargetAnimatable(t);const s=e.getValue("willChange");n&&(o=n);const c=[],u=a&&e.animationState&&e.animationState.getState()[a];for(const t in l){const n=e.getValue(t),a=l[t];if(!n||void 0===a||u&&Cue(u,t))continue;const i={delay:r,elapsed:0,...o};if(window.HandoffAppearAnimations&&!n.hasAnimated){const r=e.getProps()[pse];r&&(i.elapsed=window.HandoffAppearAnimations(r,t,n,Xle))}n.start(sue(t,n,a,e.shouldReduceMotion&&Pie.has(t)?{type:!1}:i));const h=n.animation;cue(s)&&(s.add(t),h.then((()=>s.remove(t)))),c.push(h)}return i&&Promise.all(c).then((()=>{i&&function(e,t){const r=mse(e,t);let{transitionEnd:n={},transition:a={},...o}=r?e.makeTargetAnimatable(r,!1):{};o={...o,...n};for(const t in o)Eue(e,t,Ple(o[t]))}(e,i)})),c}function Mue(e,t,r={}){const n=mse(e,t,r.custom);let{transition:a=e.getDefaultTransition()||{}}=n||{};r.transitionOverride&&(a=r.transitionOverride);const o=n?()=>Promise.all(Pue(e,n,r)):()=>Promise.resolve(),i=e.variantChildren&&e.variantChildren.size?(n=0)=>{const{delayChildren:o=0,staggerChildren:i,staggerDirection:l}=a;return function(e,t,r=0,n=0,a=1,o){const i=[],l=(e.variantChildren.size-1)*n,s=1===a?(e=0)=>e*n:(e=0)=>l-e*n;return Array.from(e.variantChildren).sort(kue).forEach(((e,n)=>{e.notify("AnimationStart",t),i.push(Mue(e,t,{...o,delay:r+s(n)}).then((()=>e.notify("AnimationComplete",t))))})),Promise.all(i)}(e,t,o+n,i,l,r)}:()=>Promise.resolve(),{when:l}=a;if(l){const[e,t]="beforeChildren"===l?[o,i]:[i,o];return e().then((()=>t()))}return Promise.all([o(),i(r.delay)])}function kue(e,t){return e.sortNodePosition(t)}const Sue=[...sie].reverse(),Nue=sie.length;function Bue(e){return t=>Promise.all(t.map((({animation:t,options:r})=>function(e,t,r={}){let n;if(e.notify("AnimationStart",t),Array.isArray(t)){const a=t.map((t=>Mue(e,t,r)));n=Promise.all(a)}else if("string"==typeof t)n=Mue(e,t,r);else{const a="function"==typeof t?mse(e,t,r.custom):t;n=Promise.all(Pue(e,a,r))}return n.then((()=>e.notify("AnimationComplete",t)))}(e,t,r))))}function Rue(e){let t=Bue(e);const r={animate:Aue(!0),whileInView:Aue(),whileHover:Aue(),whileTap:Aue(),whileDrag:Aue(),whileFocus:Aue(),exit:Aue()};let n=!0;const a=(t,r)=>{const n=mse(e,r);if(n){const{transition:e,transitionEnd:r,...a}=n;t={...t,...a,...r}}return t};function o(o,i){const l=e.getProps(),s=e.getVariantContext(!0)||{},c=[],u=new Set;let h={},m=1/0;for(let t=0;t<Nue;t++){const p=Sue[t],f=r[p],d=void 0!==l[p]?l[p]:s[p],v=iie(d),g=p===i?f.isActive:null;!1===g&&(m=t);let b=d===s[p]&&d!==l[p]&&v;if(b&&n&&e.manuallyAnimateOnMount&&(b=!1),f.protectedKeys={...h},!f.isActive&&null===g||!d&&!f.prevProp||lie(d)||"boolean"==typeof d)continue;const w=Vue(f.prevProp,d);let y=w||p===i&&f.isActive&&!b&&v||t>m&&v;const x=Array.isArray(d)?d:[d];let O=x.reduce(a,{});!1===g&&(O={});const{prevResolvedValues:E={}}=f,j={...E,...O},C=e=>{y=!0,u.delete(e),f.needsAnimating[e]=!0};for(const e in j){const t=O[e],r=E[e];h.hasOwnProperty(e)||(t!==r?jle(t)&&jle(r)?!hse(t,r)||w?C(e):f.protectedKeys[e]=!0:void 0!==t?C(e):u.add(e):void 0!==t&&u.has(e)?C(e):f.protectedKeys[e]=!0)}f.prevProp=d,f.prevResolvedValues=O,f.isActive&&(h={...h,...O}),n&&e.blockInitialAnimation&&(y=!1),y&&!b&&c.push(...x.map((e=>({animation:e,options:{type:p,...o}}))))}if(u.size){const t={};u.forEach((r=>{const n=e.getBaseTarget(r);void 0!==n&&(t[r]=n)})),c.push({animation:t})}let p=Boolean(c.length);return n&&!1===l.initial&&!e.manuallyAnimateOnMount&&(p=!1),n=!1,p?t(c):Promise.resolve()}return{animateChanges:o,setActive:function(t,n,a){var i;if(r[t].isActive===n)return Promise.resolve();null===(i=e.variantChildren)||void 0===i||i.forEach((e=>{var r;return null===(r=e.animationState)||void 0===r?void 0:r.setActive(t,n)})),r[t].isActive=n;const l=o(a,t);for(const e in r)r[e].protectedKeys={};return l},setAnimateFunction:function(r){t=r(e)},getState:()=>r}}function Vue(e,t){return"string"==typeof t?t!==e:!!Array.isArray(t)&&!hse(t,e)}function Aue(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}let Tue=0;const Hue={animation:{Feature:class extends Ule{constructor(e){super(e),e.animationState||(e.animationState=Rue(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();this.unmount(),lie(e)&&(this.unmount=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:t}=this.node.prevProps||{};e!==t&&this.updateAnimationControlsSubscription()}unmount(){}}},exit:{Feature:class extends Ule{constructor(){super(...arguments),this.id=Tue++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:t,custom:r}=this.node.presenceContext,{isPresent:n}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===n)return;const a=this.node.animationState.setActive("exit",!e,{custom:null!=r?r:this.node.getProps().custom});t&&!e&&a.then((()=>t(this.id)))}mount(){const{register:e}=this.node.presenceContext||{};e&&(this.unmount=e(this.id))}unmount(){}}}},Lue=(e,t)=>Math.abs(e-t);class Iue{constructor(e,t,{transformPagePoint:r}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const e=Zue(this.lastMoveEventInfo,this.history),t=null!==this.startEvent,r=function(e,t){const r=Lue(e.x,t.x),n=Lue(e.y,t.y);return Math.sqrt(r**2+n**2)}(e.offset,{x:0,y:0})>=3;if(!t&&!r)return;const{point:n}=e,{timestamp:a}=$le;this.history.push({...n,timestamp:a});const{onStart:o,onMove:i}=this.handlers;t||(o&&o(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),i&&i(this.lastMoveEvent,e)},this.handlePointerMove=(e,t)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=Fue(t,this.transformPagePoint),Xle.update(this.updatePoint,!0)},this.handlePointerUp=(e,t)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:r,onSessionEnd:n}=this.handlers,a=Zue("pointercancel"===e.type?this.lastMoveEventInfo:Fue(t,this.transformPagePoint),this.history);this.startEvent&&r&&r(e,a),n&&n(e,a)},!Vle(e))return;this.handlers=t,this.transformPagePoint=r;const n=Fue(Ale(e),this.transformPagePoint),{point:a}=n,{timestamp:o}=$le;this.history=[{...a,timestamp:o}];const{onSessionStart:i}=t;i&&i(e,Zue(n,this.history)),this.removeListeners=Ile(Hle(window,"pointermove",this.handlePointerMove),Hle(window,"pointerup",this.handlePointerUp),Hle(window,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),Jle(this.updatePoint)}}function Fue(e,t){return t?{point:t(e.point)}:e}function _ue(e,t){return{x:e.x-t.x,y:e.y-t.y}}function Zue({point:e},t){return{point:e,delta:_ue(e,que(t)),offset:_ue(e,Due(t)),velocity:Uue(t,.1)}}function Due(e){return e[0]}function que(e){return e[e.length-1]}function Uue(e,t){if(e.length<2)return{x:0,y:0};let r=e.length-1,n=null;const a=que(e);for(;r>=0&&(n=e[r],!(a.timestamp-n.timestamp>vse(t)));)r--;if(!n)return{x:0,y:0};const o=gse(a.timestamp-n.timestamp);if(0===o)return{x:0,y:0};const i={x:(a.x-n.x)/o,y:(a.y-n.y)/o};return i.x===1/0&&(i.x=0),i.y===1/0&&(i.y=0),i}function $ue(e){return e.max-e.min}function zue(e,t=0,r=.01){return Math.abs(e-t)<=r}function Wue(e,t,r,n=.5){e.origin=n,e.originPoint=Xse(t.min,t.max,e.origin),e.scale=$ue(r)/$ue(t),(zue(e.scale,1,1e-4)||isNaN(e.scale))&&(e.scale=1),e.translate=Xse(r.min,r.max,e.origin)-e.originPoint,(zue(e.translate)||isNaN(e.translate))&&(e.translate=0)}function Gue(e,t,r,n){Wue(e.x,t.x,r.x,n?n.originX:void 0),Wue(e.y,t.y,r.y,n?n.originY:void 0)}function Que(e,t,r){e.min=r.min+t.min,e.max=e.min+$ue(t)}function Yue(e,t,r){e.min=t.min-r.min,e.max=e.min+$ue(t)}function Kue(e,t,r){Yue(e.x,t.x,r.x),Yue(e.y,t.y,r.y)}function Xue(e,t,r){return{min:void 0!==t?e.min+t:void 0,max:void 0!==r?e.max+r-(e.max-e.min):void 0}}function Jue(e,t){let r=t.min-e.min,n=t.max-e.max;return t.max-t.min<e.max-e.min&&([r,n]=[n,r]),{min:r,max:n}}const ehe=.35;function the(e,t,r){return{min:rhe(e,t),max:rhe(e,r)}}function rhe(e,t){return"number"==typeof e?e:e[t]||0}const nhe=()=>({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),ahe=()=>({x:{min:0,max:0},y:{min:0,max:0}});function ohe(e){return[e("x"),e("y")]}function ihe({top:e,left:t,right:r,bottom:n}){return{x:{min:t,max:r},y:{min:e,max:n}}}function lhe(e){return void 0===e||1===e}function she({scale:e,scaleX:t,scaleY:r}){return!lhe(e)||!lhe(t)||!lhe(r)}function che(e){return she(e)||uhe(e)||e.z||e.rotate||e.rotateX||e.rotateY}function uhe(e){return hhe(e.x)||hhe(e.y)}function hhe(e){return e&&"0%"!==e}function mhe(e,t,r){return r+t*(e-r)}function phe(e,t,r,n,a){return void 0!==a&&(e=mhe(e,a,n)),mhe(e,r,n)+t}function fhe(e,t=0,r=1,n,a){e.min=phe(e.min,t,r,n,a),e.max=phe(e.max,t,r,n,a)}function dhe(e,{x:t,y:r}){fhe(e.x,t.translate,t.scale,t.originPoint),fhe(e.y,r.translate,r.scale,r.originPoint)}function vhe(e){return Number.isInteger(e)||e>1.0000000000001||e<.999999999999?e:1}function ghe(e,t){e.min=e.min+t,e.max=e.max+t}function bhe(e,t,[r,n,a]){const o=void 0!==t[a]?t[a]:.5,i=Xse(e.min,e.max,o);fhe(e,t[r],t[n],i,t.scale)}const whe=["x","scaleX","originX"],yhe=["y","scaleY","originY"];function xhe(e,t){bhe(e.x,t,whe),bhe(e.y,t,yhe)}function Ohe(e,t){return ihe(function(e,t){if(!t)return e;const r=t({x:e.left,y:e.top}),n=t({x:e.right,y:e.bottom});return{top:r.y,left:r.x,bottom:n.y,right:n.x}}(e.getBoundingClientRect(),t))}const Ehe=new WeakMap;class jhe{constructor(e){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=ahe(),this.visualElement=e}start(e,{snapToCursor:t=!1}={}){const{presenceContext:r}=this.visualElement;if(r&&!1===r.isPresent)return;this.panSession=new Iue(e,{onSessionStart:e=>{this.stopAnimation(),t&&this.snapToCursor(Ale(e,"page").point)},onStart:(e,t)=>{const{drag:r,dragPropagation:n,onDragStart:a}=this.getProps();if(r&&!n&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=Dle(r),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),ohe((e=>{let t=this.getAxisMotionValue(e).get()||0;if(zie.test(t)){const{projection:r}=this.visualElement;if(r&&r.layout){const n=r.layout.layoutBox[e];if(n){t=$ue(n)*(parseFloat(t)/100)}}}this.originPoint[e]=t})),a&&Xle.update((()=>a(e,t)),!1,!0);const{animationState:o}=this.visualElement;o&&o.setActive("whileDrag",!0)},onMove:(e,t)=>{const{dragPropagation:r,dragDirectionLock:n,onDirectionLock:a,onDrag:o}=this.getProps();if(!r&&!this.openGlobalLock)return;const{offset:i}=t;if(n&&null===this.currentDirection)return this.currentDirection=function(e,t=10){let r=null;Math.abs(e.y)>t?r="y":Math.abs(e.x)>t&&(r="x");return r}(i),void(null!==this.currentDirection&&a&&a(this.currentDirection));this.updateAxis("x",t.point,i),this.updateAxis("y",t.point,i),this.visualElement.render(),o&&o(e,t)},onSessionEnd:(e,t)=>this.stop(e,t)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(e,t){const r=this.isDragging;if(this.cancel(),!r)return;const{velocity:n}=t;this.startAnimation(n);const{onDragEnd:a}=this.getProps();a&&Xle.update((()=>a(e,t)))}cancel(){this.isDragging=!1;const{projection:e,animationState:t}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:r}=this.getProps();!r&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),t&&t.setActive("whileDrag",!1)}updateAxis(e,t,r){const{drag:n}=this.getProps();if(!r||!Che(e,n,this.currentDirection))return;const a=this.getAxisMotionValue(e);let o=this.originPoint[e]+r[e];this.constraints&&this.constraints[e]&&(o=function(e,{min:t,max:r},n){return void 0!==t&&e<t?e=n?Xse(t,e,n.min):Math.max(e,t):void 0!==r&&e>r&&(e=n?Xse(r,e,n.max):Math.min(e,r)),e}(o,this.constraints[e],this.elastic[e])),a.set(o)}resolveConstraints(){const{dragConstraints:e,dragElastic:t}=this.getProps(),{layout:r}=this.visualElement.projection||{},n=this.constraints;e&&oie(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!e||!r)&&function(e,{top:t,left:r,bottom:n,right:a}){return{x:Xue(e.x,r,a),y:Xue(e.y,t,n)}}(r.layoutBox,e),this.elastic=function(e=ehe){return!1===e?e=0:!0===e&&(e=ehe),{x:the(e,"left","right"),y:the(e,"top","bottom")}}(t),n!==this.constraints&&r&&this.constraints&&!this.hasMutatedConstraints&&ohe((e=>{this.getAxisMotionValue(e)&&(this.constraints[e]=function(e,t){const r={};return void 0!==t.min&&(r.min=t.min-e.min),void 0!==t.max&&(r.max=t.max-e.min),r}(r.layoutBox[e],this.constraints[e]))}))}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:t}=this.getProps();if(!e||!oie(e))return!1;const r=e.current;dse(null!==r,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:n}=this.visualElement;if(!n||!n.layout)return!1;const a=function(e,t,r){const n=Ohe(e,r),{scroll:a}=t;return a&&(ghe(n.x,a.offset.x),ghe(n.y,a.offset.y)),n}(r,n.root,this.visualElement.getTransformPagePoint());let o=function(e,t){return{x:Jue(e.x,t.x),y:Jue(e.y,t.y)}}(n.layout.layoutBox,a);if(t){const e=t(function({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}(o));this.hasMutatedConstraints=!!e,e&&(o=ihe(e))}return o}startAnimation(e){const{drag:t,dragMomentum:r,dragElastic:n,dragTransition:a,dragSnapToOrigin:o,onDragTransitionEnd:i}=this.getProps(),l=this.constraints||{},s=ohe((i=>{if(!Che(i,t,this.currentDirection))return;let s=l&&l[i]||{};o&&(s={min:0,max:0});const c=n?200:1e6,u=n?40:1e7,h={type:"inertia",velocity:r?e[i]:0,bounceStiffness:c,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...a,...s};return this.startAxisValueAnimation(i,h)}));return Promise.all(s).then(i)}startAxisValueAnimation(e,t){const r=this.getAxisMotionValue(e);return r.start(sue(e,r,0,t))}stopAnimation(){ohe((e=>this.getAxisMotionValue(e).stop()))}getAxisMotionValue(e){const t="_drag"+e.toUpperCase(),r=this.visualElement.getProps(),n=r[t];return n||this.visualElement.getValue(e,(r.initial?r.initial[e]:void 0)||0)}snapToCursor(e){ohe((t=>{const{drag:r}=this.getProps();if(!Che(t,r,this.currentDirection))return;const{projection:n}=this.visualElement,a=this.getAxisMotionValue(t);if(n&&n.layout){const{min:r,max:o}=n.layout.layoutBox[t];a.set(e[t]-Xse(r,o,.5))}}))}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:t}=this.getProps(),{projection:r}=this.visualElement;if(!oie(t)||!r||!this.constraints)return;this.stopAnimation();const n={x:0,y:0};ohe((e=>{const t=this.getAxisMotionValue(e);if(t){const r=t.get();n[e]=function(e,t){let r=.5;const n=$ue(e),a=$ue(t);return a>n?r=bce(t.min,t.max-n,e.min):n>a&&(r=bce(e.min,e.max-a,t.min)),Tie(0,1,r)}({min:r,max:r},this.constraints[e])}}));const{transformTemplate:a}=this.visualElement.getProps();this.visualElement.current.style.transform=a?a({},""):"none",r.root&&r.root.updateScroll(),r.updateLayout(),this.resolveConstraints(),ohe((t=>{if(!Che(t,e,null))return;const r=this.getAxisMotionValue(t),{min:a,max:o}=this.constraints[t];r.set(Xse(a,o,n[t]))}))}addListeners(){if(!this.visualElement.current)return;Ehe.set(this.visualElement,this);const e=Hle(this.visualElement.current,"pointerdown",(e=>{const{drag:t,dragListener:r=!0}=this.getProps();t&&r&&this.start(e)})),t=()=>{const{dragConstraints:e}=this.getProps();oie(e)&&(this.constraints=this.resolveRefConstraints())},{projection:r}=this.visualElement,n=r.addEventListener("measure",t);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),t();const a=Rle(window,"resize",(()=>this.scalePositionWithinConstraints())),o=r.addEventListener("didUpdate",(({delta:e,hasLayoutChanged:t})=>{this.isDragging&&t&&(ohe((t=>{const r=this.getAxisMotionValue(t);r&&(this.originPoint[t]+=e[t].translate,r.set(r.get()+e[t].translate))})),this.visualElement.render())}));return()=>{a(),e(),n(),o&&o()}}getProps(){const e=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:r=!1,dragPropagation:n=!1,dragConstraints:a=!1,dragElastic:o=ehe,dragMomentum:i=!0}=e;return{...e,drag:t,dragDirectionLock:r,dragPropagation:n,dragConstraints:a,dragElastic:o,dragMomentum:i}}}function Che(e,t,r){return!(!0!==t&&t!==e||null!==r&&r!==e)}const Phe=e=>(t,r)=>{e&&Xle.update((()=>e(t,r)))};const Mhe={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function khe(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const She={correct:(e,t)=>{if(!t.target)return e;if("string"==typeof e){if(!Wie.test(e))return e;e=parseFloat(e)}return`${khe(e,t.target.x)}% ${khe(e,t.target.y)}%`}},Nhe={correct:(e,{treeScale:t,projectionDelta:r})=>{const n=e,a=mce.parse(e);if(a.length>5)return n;const o=mce.createTransformer(e),i="number"!=typeof a[0]?1:0,l=r.x.scale*t.x,s=r.y.scale*t.y;a[0+i]/=l,a[1+i]/=s;const c=Xse(l,s,.5);return"number"==typeof a[2+i]&&(a[2+i]/=c),"number"==typeof a[3+i]&&(a[3+i]/=c),o(a)}};class Bhe extends u.default.Component{componentDidMount(){const{visualElement:e,layoutGroup:t,switchLayoutGroup:r,layoutId:n}=this.props,{projection:a}=e;var o;o=Vhe,Object.assign(jie,o),a&&(t.group&&t.group.add(a),r&&r.register&&n&&r.register(a),a.root.didUpdate(),a.addEventListener("animationComplete",(()=>{this.safeToRemove()})),a.setOptions({...a.options,onExitComplete:()=>this.safeToRemove()})),Mhe.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:t,visualElement:r,drag:n,isPresent:a}=this.props,o=r.projection;return o?(o.isPresent=a,n||e.layoutDependency!==t||void 0===t?o.willUpdate():this.safeToRemove(),e.isPresent!==a&&(a?o.promote():o.relegate()||Xle.postRender((()=>{const e=o.getStack();e&&e.members.length||this.safeToRemove()}))),null):null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask((()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()})))}componentWillUnmount(){const{visualElement:e,layoutGroup:t,switchLayoutGroup:r}=this.props,{projection:n}=e;n&&(n.scheduleCheckAfterUnmount(),t&&t.group&&t.group.remove(n),r&&r.deregister&&r.deregister(n))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function Rhe(t){const[r,n]=function(){const t=e.useContext(tie);if(null===t)return[!0,null];const{isPresent:r,onExitComplete:n,register:a}=t,o=e.useId();return e.useEffect((()=>a(o)),[]),!r&&n?[!1,()=>n&&n(o)]:[!0]}(),a=e.useContext(vie);return u.default.createElement(Bhe,{...t,layoutGroup:a,switchLayoutGroup:e.useContext(gie),isPresent:r,safeToRemove:n})}const Vhe={borderRadius:{...She,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:She,borderTopRightRadius:She,borderBottomLeftRadius:She,borderBottomRightRadius:She,boxShadow:Nhe},Ahe=["TopLeft","TopRight","BottomLeft","BottomRight"],The=Ahe.length,Hhe=e=>"string"==typeof e?parseFloat(e):e,Lhe=e=>"number"==typeof e||Wie.test(e);function Ihe(e,t){return void 0!==e[t]?e[t]:e.borderRadius}const Fhe=Zhe(0,.5,Ise),_he=Zhe(.5,.95,rse);function Zhe(e,t,r){return n=>n<e?0:n>t?1:r(bce(e,t,n))}function Dhe(e,t){e.min=t.min,e.max=t.max}function qhe(e,t){Dhe(e.x,t.x),Dhe(e.y,t.y)}function Uhe(e,t,r,n,a){return e=mhe(e-=t,1/r,n),void 0!==a&&(e=mhe(e,1/a,n)),e}function $he(e,t,[r,n,a],o,i){!function(e,t=0,r=1,n=.5,a,o=e,i=e){zie.test(t)&&(t=parseFloat(t),t=Xse(i.min,i.max,t/100)-i.min);if("number"!=typeof t)return;let l=Xse(o.min,o.max,n);e===o&&(l-=t),e.min=Uhe(e.min,t,r,l,a),e.max=Uhe(e.max,t,r,l,a)}(e,t[r],t[n],t[a],t.scale,o,i)}const zhe=["x","scaleX","originX"],Whe=["y","scaleY","originY"];function Ghe(e,t,r,n){$he(e.x,t,zhe,r?r.x:void 0,n?n.x:void 0),$he(e.y,t,Whe,r?r.y:void 0,n?n.y:void 0)}function Qhe(e){return 0===e.translate&&1===e.scale}function Yhe(e){return Qhe(e.x)&&Qhe(e.y)}function Khe(e,t){return e.x.min===t.x.min&&e.x.max===t.x.max&&e.y.min===t.y.min&&e.y.max===t.y.max}function Xhe(e){return $ue(e.x)/$ue(e.y)}class Jhe{constructor(){this.members=[]}add(e){hue(this.members,e),e.scheduleRender()}remove(e){if(mue(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const e=this.members[this.members.length-1];e&&this.promote(e)}}relegate(e){const t=this.members.findIndex((t=>e===t));if(0===t)return!1;let r;for(let e=t;e>=0;e--){const t=this.members[e];if(!1!==t.isPresent){r=t;break}}return!!r&&(this.promote(r),!0)}promote(e,t){const r=this.lead;if(e!==r&&(this.prevLead=r,this.lead=e,e.show(),r)){r.instance&&r.scheduleRender(),e.scheduleRender(),e.resumeFrom=r,t&&(e.resumeFrom.preserveOpacity=!0),r.snapshot&&(e.snapshot=r.snapshot,e.snapshot.latestValues=r.animationValues||r.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:n}=e.options;!1===n&&r.hide()}}exitAnimationComplete(){this.members.forEach((e=>{const{options:t,resumingFrom:r}=e;t.onExitComplete&&t.onExitComplete(),r&&r.options.onExitComplete&&r.options.onExitComplete()}))}scheduleRender(){this.members.forEach((e=>{e.instance&&e.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function eme(e,t,r){let n="";const a=e.x.translate/t.x,o=e.y.translate/t.y;if((a||o)&&(n=`translate3d(${a}px, ${o}px, 0) `),1===t.x&&1===t.y||(n+=`scale(${1/t.x}, ${1/t.y}) `),r){const{rotate:e,rotateX:t,rotateY:a}=r;e&&(n+=`rotate(${e}deg) `),t&&(n+=`rotateX(${t}deg) `),a&&(n+=`rotateY(${a}deg) `)}const i=e.x.scale*t.x,l=e.y.scale*t.y;return 1===i&&1===l||(n+=`scale(${i}, ${l})`),n||"none"}const tme=(e,t)=>e.depth-t.depth;class rme{constructor(){this.children=[],this.isDirty=!1}add(e){hue(this.children,e),this.isDirty=!0}remove(e){mue(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(tme),this.isDirty=!1,this.children.forEach(e)}}const nme=["","X","Y","Z"];let ame=0;const ome={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function ime({attachResizeListener:e,defaultParent:t,measureScroll:r,checkIsScrollRoot:n,resetTransform:a}){return class{constructor(e={},r=(null==t?void 0:t())){this.id=ame++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{var e;ome.totalNodes=ome.resolvedTargetDeltas=ome.recalculatedProjection=0,this.nodes.forEach(cme),this.nodes.forEach(vme),this.nodes.forEach(gme),this.nodes.forEach(ume),e=ome,window.MotionDebug&&window.MotionDebug.record(e)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=e,this.root=r?r.root||r:this,this.path=r?[...r.path,r]:[],this.parent=r,this.depth=r?r.depth+1:0;for(let e=0;e<this.path.length;e++)this.path[e].shouldResetTransform=!0;this.root===this&&(this.nodes=new rme)}addEventListener(e,t){return this.eventHandlers.has(e)||this.eventHandlers.set(e,new pue),this.eventHandlers.get(e).add(t)}notifyListeners(e,...t){const r=this.eventHandlers.get(e);r&&r.notify(...t)}hasListeners(e){return this.eventHandlers.has(e)}mount(t,r=this.root.hasTreeAnimated){if(this.instance)return;var n;this.isSVG=(n=t)instanceof SVGElement&&"svg"!==n.tagName,this.instance=t;const{layoutId:a,layout:o,visualElement:i}=this.options;if(i&&!i.current&&i.mount(t),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),r&&(o||a)&&(this.isLayoutDirty=!0),e){let r;const n=()=>this.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,r&&r(),r=function(e,t){const r=performance.now(),n=({timestamp:a})=>{const o=a-r;o>=t&&(Jle(n),e(o-t))};return Xle.read(n,!0),()=>Jle(n)}(n,250),Mhe.hasAnimatedSinceResize&&(Mhe.hasAnimatedSinceResize=!1,this.nodes.forEach(dme))}))}a&&this.root.registerSharedNode(a,this),!1!==this.options.animate&&i&&(a||o)&&this.addEventListener("didUpdate",(({delta:e,hasLayoutChanged:t,hasRelativeTargetChanged:r,layout:n})=>{if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const a=this.options.transition||i.getDefaultTransition()||Eme,{onLayoutAnimationStart:o,onLayoutAnimationComplete:l}=i.getProps(),s=!this.targetLayout||!Khe(this.targetLayout,n)||r,c=!t&&r;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||c||t&&(s||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,c);const t={...lue(a,"layout"),onPlay:o,onComplete:l};(i.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else t||dme(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=n}))}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const e=this.getStack();e&&e.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,Jle(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(bme),this.animationId++)}getTransformTemplate(){const{visualElement:e}=this.options;return e&&e.getProps().transformTemplate}willUpdate(e=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked())return void(this.options.onExitComplete&&this.options.onExitComplete());if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let e=0;e<this.path.length;e++){const t=this.path[e];t.shouldResetTransform=!0,t.updateScroll("snapshot"),t.options.layoutRoot&&t.willUpdate(!1)}const{layoutId:t,layout:r}=this.options;if(void 0===t&&!r)return;const n=this.getTransformTemplate();this.prevTransformTemplateValue=n?n(this.latestValues,""):void 0,this.updateSnapshot(),e&&this.notifyListeners("willUpdate")}update(){this.updateScheduled=!1;if(this.isUpdateBlocked())return this.unblockUpdate(),this.clearAllSnapshots(),void this.nodes.forEach(mme);this.isUpdating||this.nodes.forEach(pme),this.isUpdating=!1,this.nodes.forEach(fme),this.nodes.forEach(lme),this.nodes.forEach(sme),this.clearAllSnapshots();const e=performance.now();$le.delta=Tie(0,1e3/60,e-$le.timestamp),$le.timestamp=e,$le.isProcessing=!0,Qle.update.process($le),Qle.preRender.process($le),Qle.render.process($le),$le.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,queueMicrotask((()=>this.update())))}clearAllSnapshots(){this.nodes.forEach(hme),this.sharedNodes.forEach(wme)}scheduleUpdateProjection(){Xle.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){Xle.postRender((()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure())}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let e=0;e<this.path.length;e++){this.path[e].updateScroll()}const e=this.layout;this.layout=this.measure(!1),this.layoutCorrected=ahe(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:t}=this.options;t&&t.notify("LayoutMeasure",this.layout.layoutBox,e?e.layoutBox:void 0)}updateScroll(e="measure"){let t=Boolean(this.options.layoutScroll&&this.instance);this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===e&&(t=!1),t&&(this.scroll={animationId:this.root.animationId,phase:e,isRoot:n(this.instance),offset:r(this.instance)})}resetTransform(){if(!a)return;const e=this.isLayoutDirty||this.shouldResetTransform,t=this.projectionDelta&&!Yhe(this.projectionDelta),r=this.getTransformTemplate(),n=r?r(this.latestValues,""):void 0,o=n!==this.prevTransformTemplateValue;e&&(t||che(this.latestValues)||o)&&(a(this.instance,n),this.shouldResetTransform=!1,this.scheduleRender())}measure(e=!0){const t=this.measurePageBox();let r=this.removeElementScroll(t);var n;return e&&(r=this.removeTransform(r)),jme((n=r).x),jme(n.y),{animationId:this.root.animationId,measuredBox:t,layoutBox:r,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:e}=this.options;if(!e)return ahe();const t=e.measureViewportBox(),{scroll:r}=this.root;return r&&(ghe(t.x,r.offset.x),ghe(t.y,r.offset.y)),t}removeElementScroll(e){const t=ahe();qhe(t,e);for(let r=0;r<this.path.length;r++){const n=this.path[r],{scroll:a,options:o}=n;if(n!==this.root&&a&&o.layoutScroll){if(a.isRoot){qhe(t,e);const{scroll:r}=this.root;r&&(ghe(t.x,-r.offset.x),ghe(t.y,-r.offset.y))}ghe(t.x,a.offset.x),ghe(t.y,a.offset.y)}}return t}applyTransform(e,t=!1){const r=ahe();qhe(r,e);for(let e=0;e<this.path.length;e++){const n=this.path[e];!t&&n.options.layoutScroll&&n.scroll&&n!==n.root&&xhe(r,{x:-n.scroll.offset.x,y:-n.scroll.offset.y}),che(n.latestValues)&&xhe(r,n.latestValues)}return che(this.latestValues)&&xhe(r,this.latestValues),r}removeTransform(e){const t=ahe();qhe(t,e);for(let e=0;e<this.path.length;e++){const r=this.path[e];if(!r.instance)continue;if(!che(r.latestValues))continue;she(r.latestValues)&&r.updateSnapshot();const n=ahe();qhe(n,r.measurePageBox()),Ghe(t,r.latestValues,r.snapshot?r.snapshot.layoutBox:void 0,n)}return che(this.latestValues)&&Ghe(t,this.latestValues),t}setTargetDelta(e){this.targetDelta=e,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(e){this.options={...this.options,...e,crossfade:void 0===e.crossfade||e.crossfade}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==$le.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(e=!1){var t;const r=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=r.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=r.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=r.isSharedProjectionDirty);const n=Boolean(this.resumingFrom)||this!==r;if(!(e||n&&this.isSharedProjectionDirty||this.isProjectionDirty||(null===(t=this.parent)||void 0===t?void 0:t.isProjectionDirty)||this.attemptToResolveRelativeTarget))return;const{layout:a,layoutId:o}=this.options;if(this.layout&&(a||o)){if(this.resolvedRelativeTargetAt=$le.timestamp,!this.targetDelta&&!this.relativeTarget){const e=this.getClosestProjectingParent();e&&e.layout&&1!==this.animationProgress?(this.relativeParent=e,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ahe(),this.relativeTargetOrigin=ahe(),Kue(this.relativeTargetOrigin,this.layout.layoutBox,e.layout.layoutBox),qhe(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(this.relativeTarget||this.targetDelta){var i,l,s;if(this.target||(this.target=ahe(),this.targetWithTransforms=ahe()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),i=this.target,l=this.relativeTarget,s=this.relativeParent.target,Que(i.x,l.x,s.x),Que(i.y,l.y,s.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.layoutBox):qhe(this.target,this.layout.layoutBox),dhe(this.target,this.targetDelta)):qhe(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const e=this.getClosestProjectingParent();e&&Boolean(e.resumingFrom)===Boolean(this.resumingFrom)&&!e.options.layoutScroll&&e.target&&1!==this.animationProgress?(this.relativeParent=e,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ahe(),this.relativeTargetOrigin=ahe(),Kue(this.relativeTargetOrigin,this.target,e.target),qhe(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}ome.resolvedTargetDeltas++}}}getClosestProjectingParent(){if(this.parent&&!she(this.parent.latestValues)&&!uhe(this.parent.latestValues))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return Boolean((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var e;const t=this.getLead(),r=Boolean(this.resumingFrom)||this!==t;let n=!0;if((this.isProjectionDirty||(null===(e=this.parent)||void 0===e?void 0:e.isProjectionDirty))&&(n=!1),r&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(n=!1),this.resolvedRelativeTargetAt===$le.timestamp&&(n=!1),n)return;const{layout:a,layoutId:o}=this.options;if(this.isTreeAnimating=Boolean(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!a&&!o)return;qhe(this.layoutCorrected,this.layout.layoutBox);const i=this.treeScale.x,l=this.treeScale.y;!function(e,t,r,n=!1){const a=r.length;if(!a)return;let o,i;t.x=t.y=1;for(let l=0;l<a;l++){o=r[l],i=o.projectionDelta;const a=o.instance;a&&a.style&&"contents"===a.style.display||(n&&o.options.layoutScroll&&o.scroll&&o!==o.root&&xhe(e,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),i&&(t.x*=i.x.scale,t.y*=i.y.scale,dhe(e,i)),n&&che(o.latestValues)&&xhe(e,o.latestValues))}t.x=vhe(t.x),t.y=vhe(t.y)}(this.layoutCorrected,this.treeScale,this.path,r),!t.layout||t.target||1===this.treeScale.x&&1===this.treeScale.y||(t.target=t.layout.layoutBox);const{target:s}=t;if(!s)return void(this.projectionTransform&&(this.projectionDelta=nhe(),this.projectionTransform="none",this.scheduleRender()));this.projectionDelta||(this.projectionDelta=nhe(),this.projectionDeltaWithTransform=nhe());const c=this.projectionTransform;Gue(this.projectionDelta,this.layoutCorrected,s,this.latestValues),this.projectionTransform=eme(this.projectionDelta,this.treeScale),this.projectionTransform===c&&this.treeScale.x===i&&this.treeScale.y===l||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",s)),ome.recalculatedProjection++}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(e=!0){if(this.options.scheduleRender&&this.options.scheduleRender(),e){const e=this.getStack();e&&e.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}setAnimationOrigin(e,t=!1){const r=this.snapshot,n=r?r.latestValues:{},a={...this.latestValues},o=nhe();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!t;const i=ahe(),l=(r?r.source:void 0)!==(this.layout?this.layout.source:void 0),s=this.getStack(),c=!s||s.members.length<=1,u=Boolean(l&&!c&&!0===this.options.crossfade&&!this.path.some(Ome));let h;this.animationProgress=0,this.mixTargetDelta=t=>{const r=t/1e3;yme(o.x,e.x,r),yme(o.y,e.y,r),this.setTargetDelta(o),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Kue(i,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(e,t,r,n){xme(e.x,t.x,r.x,n),xme(e.y,t.y,r.y,n)}(this.relativeTarget,this.relativeTargetOrigin,i,r),h&&Khe(this.relativeTarget,h)&&(this.isProjectionDirty=!1),h||(h=ahe()),qhe(h,this.relativeTarget)),l&&(this.animationValues=a,function(e,t,r,n,a,o){a?(e.opacity=Xse(0,void 0!==r.opacity?r.opacity:1,Fhe(n)),e.opacityExit=Xse(void 0!==t.opacity?t.opacity:1,0,_he(n))):o&&(e.opacity=Xse(void 0!==t.opacity?t.opacity:1,void 0!==r.opacity?r.opacity:1,n));for(let a=0;a<The;a++){const o=`border${Ahe[a]}Radius`;let i=Ihe(t,o),l=Ihe(r,o);void 0===i&&void 0===l||(i||(i=0),l||(l=0),0===i||0===l||Lhe(i)===Lhe(l)?(e[o]=Math.max(Xse(Hhe(i),Hhe(l),n),0),(zie.test(l)||zie.test(i))&&(e[o]+="%")):e[o]=l)}(t.rotate||r.rotate)&&(e.rotate=Xse(t.rotate||0,r.rotate||0,n))}(a,n,this.latestValues,r,u,c)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=r},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(e){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(Jle(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=Xle.update((()=>{Mhe.hasAnimatedSinceResize=!0,this.currentAnimation=function(e,t,r){const n=kie(e)?e:gue(e);return n.start(sue("",n,t,r)),n.animation}(0,1e3,{...e,onUpdate:t=>{this.mixTargetDelta(t),e.onUpdate&&e.onUpdate(t)},onComplete:()=>{e.onComplete&&e.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const e=this.getStack();e&&e.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const e=this.getLead();let{targetWithTransforms:t,target:r,layout:n,latestValues:a}=e;if(t&&r&&n){if(this!==e&&this.layout&&n&&Cme(this.options.animationType,this.layout.layoutBox,n.layoutBox)){r=this.target||ahe();const t=$ue(this.layout.layoutBox.x);r.x.min=e.target.x.min,r.x.max=r.x.min+t;const n=$ue(this.layout.layoutBox.y);r.y.min=e.target.y.min,r.y.max=r.y.min+n}qhe(t,r),xhe(t,a),Gue(this.projectionDeltaWithTransform,this.layoutCorrected,t,a)}}registerSharedNode(e,t){this.sharedNodes.has(e)||this.sharedNodes.set(e,new Jhe);this.sharedNodes.get(e).add(t);const r=t.options.initialPromotionConfig;t.promote({transition:r?r.transition:void 0,preserveFollowOpacity:r&&r.shouldPreserveFollowOpacity?r.shouldPreserveFollowOpacity(t):void 0})}isLead(){const e=this.getStack();return!e||e.lead===this}getLead(){var e;const{layoutId:t}=this.options;return t&&(null===(e=this.getStack())||void 0===e?void 0:e.lead)||this}getPrevLead(){var e;const{layoutId:t}=this.options;return t?null===(e=this.getStack())||void 0===e?void 0:e.prevLead:void 0}getStack(){const{layoutId:e}=this.options;if(e)return this.root.sharedNodes.get(e)}promote({needsReset:e,transition:t,preserveFollowOpacity:r}={}){const n=this.getStack();n&&n.promote(this,r),e&&(this.projectionDelta=void 0,this.needsReset=!0),t&&this.setOptions({transition:t})}relegate(){const e=this.getStack();return!!e&&e.relegate(this)}resetRotation(){const{visualElement:e}=this.options;if(!e)return;let t=!1;const{latestValues:r}=e;if((r.rotate||r.rotateX||r.rotateY||r.rotateZ)&&(t=!0),!t)return;const n={};for(let t=0;t<nme.length;t++){const a="rotate"+nme[t];r[a]&&(n[a]=r[a],e.setStaticValue(a,0))}e.render();for(const t in n)e.setStaticValue(t,n[t]);e.scheduleRender()}getProjectionStyles(e={}){var t,r;const n={};if(!this.instance||this.isSVG)return n;if(!this.isVisible)return{visibility:"hidden"};n.visibility="";const a=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,n.opacity="",n.pointerEvents=Mle(e.pointerEvents)||"",n.transform=a?a(this.latestValues,""):"none",n;const o=this.getLead();if(!this.projectionDelta||!this.layout||!o.target){const t={};return this.options.layoutId&&(t.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,t.pointerEvents=Mle(e.pointerEvents)||""),this.hasProjected&&!che(this.latestValues)&&(t.transform=a?a({},""):"none",this.hasProjected=!1),t}const i=o.animationValues||o.latestValues;this.applyTransformsToTarget(),n.transform=eme(this.projectionDeltaWithTransform,this.treeScale,i),a&&(n.transform=a(i,n.transform));const{x:l,y:s}=this.projectionDelta;n.transformOrigin=`${100*l.origin}% ${100*s.origin}% 0`,o.animationValues?n.opacity=o===this?null!==(r=null!==(t=i.opacity)&&void 0!==t?t:this.latestValues.opacity)&&void 0!==r?r:1:this.preserveOpacity?this.latestValues.opacity:i.opacityExit:n.opacity=o===this?void 0!==i.opacity?i.opacity:"":void 0!==i.opacityExit?i.opacityExit:0;for(const e in jie){if(void 0===i[e])continue;const{correct:t,applyTo:r}=jie[e],a="none"===n.transform?i[e]:t(i[e],o);if(r){const e=r.length;for(let t=0;t<e;t++)n[r[t]]=a}else n[e]=a}return this.options.layoutId&&(n.pointerEvents=o===this?Mle(e.pointerEvents)||"":"none"),n}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach((e=>{var t;return null===(t=e.currentAnimation)||void 0===t?void 0:t.stop()})),this.root.nodes.forEach(mme),this.root.sharedNodes.clear()}}}function lme(e){e.updateLayout()}function sme(e){var t;const r=(null===(t=e.resumeFrom)||void 0===t?void 0:t.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&r&&e.hasListeners("didUpdate")){const{layoutBox:t,measuredBox:n}=e.layout,{animationType:a}=e.options,o=r.source!==e.layout.source;"size"===a?ohe((e=>{const n=o?r.measuredBox[e]:r.layoutBox[e],a=$ue(n);n.min=t[e].min,n.max=n.min+a})):Cme(a,r.layoutBox,t)&&ohe((n=>{const a=o?r.measuredBox[n]:r.layoutBox[n],i=$ue(t[n]);a.max=a.min+i,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[n].max=e.relativeTarget[n].min+i)}));const i=nhe();Gue(i,t,r.layoutBox);const l=nhe();o?Gue(l,e.applyTransform(n,!0),r.measuredBox):Gue(l,t,r.layoutBox);const s=!Yhe(i);let c=!1;if(!e.resumeFrom){const n=e.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:a,layout:o}=n;if(a&&o){const i=ahe();Kue(i,r.layoutBox,a.layoutBox);const l=ahe();Kue(l,t,o.layoutBox),Khe(i,l)||(c=!0),n.options.layoutRoot&&(e.relativeTarget=l,e.relativeTargetOrigin=i,e.relativeParent=n)}}}e.notifyListeners("didUpdate",{layout:t,snapshot:r,delta:l,layoutDelta:i,hasLayoutChanged:s,hasRelativeTargetChanged:c})}else if(e.isLead()){const{onExitComplete:t}=e.options;t&&t()}e.options.transition=void 0}function cme(e){ome.totalNodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=Boolean(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function ume(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function hme(e){e.clearSnapshot()}function mme(e){e.clearMeasurements()}function pme(e){e.isLayoutDirty=!1}function fme(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function dme(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function vme(e){e.resolveTargetDelta()}function gme(e){e.calcProjection()}function bme(e){e.resetRotation()}function wme(e){e.removeLeadSnapshot()}function yme(e,t,r){e.translate=Xse(t.translate,0,r),e.scale=Xse(t.scale,1,r),e.origin=t.origin,e.originPoint=t.originPoint}function xme(e,t,r,n){e.min=Xse(t.min,r.min,n),e.max=Xse(t.max,r.max,n)}function Ome(e){return e.animationValues&&void 0!==e.animationValues.opacityExit}const Eme={duration:.45,ease:[.4,0,.1,1]};function jme(e){e.min=Math.round(e.min),e.max=Math.round(e.max)}function Cme(e,t,r){return"position"===e||"preserve-aspect"===e&&!zue(Xhe(t),Xhe(r),.2)}const Pme=ime({attachResizeListener:(e,t)=>Rle(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Mme={current:void 0},kme=ime({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!Mme.current){const e=new Pme({});e.mount(window),e.setOptions({layoutScroll:!0}),Mme.current=e}return Mme.current},resetTransform:(e,t)=>{e.style.transform=void 0!==t?t:"none"},checkIsScrollRoot:e=>Boolean("fixed"===window.getComputedStyle(e).position)}),Sme={pan:{Feature:class extends Ule{constructor(){super(...arguments),this.removePointerDownListener=rse}onPointerDown(e){this.session=new Iue(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:r,onPanEnd:n}=this.node.getProps();return{onSessionStart:Phe(e),onStart:Phe(t),onMove:r,onEnd:(e,t)=>{delete this.session,n&&Xle.update((()=>n(e,t)))}}}mount(){this.removePointerDownListener=Hle(this.node.current,"pointerdown",(e=>this.onPointerDown(e)))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class extends Ule{constructor(e){super(e),this.removeGroupControls=rse,this.removeListeners=rse,this.controls=new jhe(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||rse}unmount(){this.removeGroupControls(),this.removeListeners()}},ProjectionNode:kme,MeasureLayout:Rhe}},Nme=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const Bme=4;function Rme(e,t,r=1){dse(r<=Bme,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);const[n,a]=function(e){const t=Nme.exec(e);if(!t)return[,];const[,r,n]=t;return[r,n]}(e);if(!n)return;const o=window.getComputedStyle(t).getPropertyValue(n);return o?o.trim():Vie(a)?Rme(a,t,r+1):a}const Vme=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),Ame=e=>Vme.has(e),Tme=e=>e===Hie||e===Wie,Hme=(e,t)=>parseFloat(e.split(", ")[t]),Lme=(e,t)=>(r,{transform:n})=>{if("none"===n||!n)return 0;const a=n.match(/^matrix3d\((.+)\)$/);if(a)return Hme(a[1],t);{const t=n.match(/^matrix\((.+)\)$/);return t?Hme(t[1],e):0}},Ime=new Set(["x","y","z"]),Fme=Cie.filter((e=>!Ime.has(e)));const _me={width:({x:e},{paddingLeft:t="0",paddingRight:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),height:({y:e},{paddingTop:t="0",paddingBottom:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:Lme(4,13),y:Lme(5,14)},Zme=(e,t,r={},n={})=>{t={...t},n={...n};const a=Object.keys(t).filter(Ame);let o=[],i=!1;const l=[];if(a.forEach((a=>{const s=e.getValue(a);if(!e.hasValue(a))return;let c=r[a],u=yue(c);const h=t[a];let m;if(jle(h)){const e=h.length,t=null===h[0]?1:0;c=h[t],u=yue(c);for(let r=t;r<e&&null!==h[r];r++)m?dse(yue(h[r])===m,"All keyframes must be of the same type"):(m=yue(h[r]),dse(m===u||Tme(u)&&Tme(m),"Keyframes must be of the same dimension as the current value"))}else m=yue(h);if(u!==m)if(Tme(u)&&Tme(m)){const e=s.get();"string"==typeof e&&s.set(parseFloat(e)),"string"==typeof h?t[a]=parseFloat(h):Array.isArray(h)&&m===Wie&&(t[a]=h.map(parseFloat))}else(null==u?void 0:u.transform)&&(null==m?void 0:m.transform)&&(0===c||0===h)?0===c?s.set(m.transform(c)):t[a]=u.transform(h):(i||(o=function(e){const t=[];return Fme.forEach((r=>{const n=e.getValue(r);void 0!==n&&(t.push([r,n.get()]),n.set(r.startsWith("scale")?1:0))})),t.length&&e.render(),t}(e),i=!0),l.push(a),n[a]=void 0!==n[a]?n[a]:t[a],s.jump(h))})),l.length){const r=l.indexOf("height")>=0?window.pageYOffset:null,a=((e,t,r)=>{const n=t.measureViewportBox(),a=t.current,o=getComputedStyle(a),{display:i}=o,l={};"none"===i&&t.setStaticValue("display",e.display||"block"),r.forEach((e=>{l[e]=_me[e](n,o)})),t.render();const s=t.measureViewportBox();return r.forEach((r=>{const n=t.getValue(r);n&&n.jump(l[r]),e[r]=_me[r](s,o)})),e})(t,e,l);return o.length&&o.forEach((([t,r])=>{e.getValue(t).set(r)})),e.render(),rie&&null!==r&&window.scrollTo({top:r}),{target:a,transitionEnd:n}}return{target:t,transitionEnd:n}};function Dme(e,t,r,n){return(e=>Object.keys(e).some(Ame))(t)?Zme(e,t,r,n):{target:t,transitionEnd:n}}const qme=(e,t,r,n)=>{const a=function(e,{...t},r){const n=e.current;if(!(n instanceof Element))return{target:t,transitionEnd:r};r&&(r={...r}),e.values.forEach((e=>{const t=e.get();if(!Vie(t))return;const r=Rme(t,n);r&&e.set(r)}));for(const e in t){const a=t[e];if(!Vie(a))continue;const o=Rme(a,n);o&&(t[e]=o,r||(r={}),void 0===r[e]&&(r[e]=a))}return{target:t,transitionEnd:r}}(e,t,n);return Dme(e,t=a.target,r,n=a.transitionEnd)},Ume={current:null},$me={current:!1};const zme=new WeakMap,Wme=Object.keys(die),Gme=Wme.length,Qme=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],Yme=cie.length;class Kme{constructor({parent:e,props:t,presenceContext:r,reducedMotionConfig:n,visualState:a},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>Xle.render(this.render,!1,!0);const{latestValues:i,renderState:l}=a;this.latestValues=i,this.baseTarget={...i},this.initialValues=t.initial?{...i}:{},this.renderState=l,this.parent=e,this.props=t,this.presenceContext=r,this.depth=e?e.depth+1:0,this.reducedMotionConfig=n,this.options=o,this.isControllingVariants=uie(t),this.isVariantNode=hie(t),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(e&&e.current);const{willChange:s,...c}=this.scrapeMotionValuesFromProps(t,{});for(const e in c){const t=c[e];void 0!==i[e]&&kie(t)&&(t.set(i[e],!1),cue(s)&&s.add(e))}}scrapeMotionValuesFromProps(e,t){return{}}mount(e){this.current=e,zme.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach(((e,t)=>this.bindToMotionValue(t,e))),$me.current||function(){if($me.current=!0,rie)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>Ume.current=e.matches;e.addListener(t),t()}else Ume.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Ume.current),"production"!==process.env.NODE_ENV&&due(!0!==this.shouldReduceMotion,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){zme.delete(this.current),this.projection&&this.projection.unmount(),Jle(this.notifyUpdate),Jle(this.render),this.valueSubscriptions.forEach((e=>e())),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const e in this.events)this.events[e].clear();for(const e in this.features)this.features[e].unmount();this.current=null}bindToMotionValue(e,t){const r=Pie.has(e),n=t.on("change",(t=>{this.latestValues[e]=t,this.props.onUpdate&&Xle.update(this.notifyUpdate,!1,!0),r&&this.projection&&(this.projection.isTransformDirty=!0)})),a=t.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(e,(()=>{n(),a()}))}sortNodePosition(e){return this.current&&this.sortInstanceNodePosition&&this.type===e.type?this.sortInstanceNodePosition(this.current,e.current):0}loadFeatures({children:e,...t},r,n,a){let o,i;if("production"!==process.env.NODE_ENV&&n&&r){const e="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?fse(!1,e):dse(!1,e)}for(let e=0;e<Gme;e++){const r=Wme[e],{isEnabled:n,Feature:a,ProjectionNode:l,MeasureLayout:s}=die[r];l&&(o=l),n(t)&&(!this.features[r]&&a&&(this.features[r]=new a(this)),s&&(i=s))}if(!this.projection&&o){this.projection=new o(this.latestValues,this.parent&&this.parent.projection);const{layoutId:e,layout:r,drag:n,dragConstraints:i,layoutScroll:l,layoutRoot:s}=t;this.projection.setOptions({layoutId:e,layout:r,alwaysMeasureLayout:Boolean(n)||i&&oie(i),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof r?r:"both",initialPromotionConfig:a,layoutScroll:l,layoutRoot:s})}return i}updateFeatures(){for(const e in this.features){const t=this.features[e];t.isMounted?t.update():(t.mount(),t.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ahe()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,t){this.latestValues[e]=t}makeTargetAnimatable(e,t=!0){return this.makeTargetAnimatableFromInstance(e,this.props,t)}update(e,t){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=t;for(let t=0;t<Qme.length;t++){const r=Qme[t];this.propEventSubscriptions[r]&&(this.propEventSubscriptions[r](),delete this.propEventSubscriptions[r]);const n=e["on"+r];n&&(this.propEventSubscriptions[r]=this.on(r,n))}this.prevMotionValues=function(e,t,r){const{willChange:n}=t;for(const a in t){const o=t[a],i=r[a];if(kie(o))e.addValue(a,o),cue(n)&&n.add(a),"development"===process.env.NODE_ENV&&due("10.12.16"===o.version,`Attempting to mix Framer Motion versions ${o.version} with 10.12.16 may not work as expected.`);else if(kie(i))e.addValue(a,gue(o,{owner:e})),cue(n)&&n.remove(a);else if(i!==o)if(e.hasValue(a)){const t=e.getValue(a);!t.hasAnimated&&t.set(o)}else{const t=e.getStaticValue(a);e.addValue(a,gue(void 0!==t?t:o,{owner:e}))}}for(const n in r)void 0===t[n]&&e.removeValue(n);return t}(this,this.scrapeMotionValuesFromProps(e,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(e){return this.props.variants?this.props.variants[e]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(e=!1){if(e)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const e=this.parent&&this.parent.getVariantContext()||{};return void 0!==this.props.initial&&(e.initial=this.props.initial),e}const t={};for(let e=0;e<Yme;e++){const r=cie[e],n=this.props[r];(iie(n)||!1===n)&&(t[r]=n)}return t}addVariantChild(e){const t=this.getClosestVariantNode();if(t)return t.variantChildren&&t.variantChildren.add(e),()=>t.variantChildren.delete(e)}addValue(e,t){t!==this.values.get(e)&&(this.removeValue(e),this.bindToMotionValue(e,t)),this.values.set(e,t),this.latestValues[e]=t.get()}removeValue(e){this.values.delete(e);const t=this.valueSubscriptions.get(e);t&&(t(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,t){if(this.props.values&&this.props.values[e])return this.props.values[e];let r=this.values.get(e);return void 0===r&&void 0!==t&&(r=gue(t,{owner:this}),this.addValue(e,r)),r}readValue(e){return void 0===this.latestValues[e]&&this.current?this.readValueFromInstance(this.current,e,this.options):this.latestValues[e]}setBaseTarget(e,t){this.baseTarget[e]=t}getBaseTarget(e){var t;const{initial:r}=this.props,n="string"==typeof r||"object"==typeof r?null===(t=Ole(this.props,r))||void 0===t?void 0:t[e]:void 0;if(r&&void 0!==n)return n;const a=this.getBaseTargetFromProps(this.props,e);return void 0===a||kie(a)?void 0!==this.initialValues[e]&&void 0===n?void 0:this.baseTarget[e]:a}on(e,t){return this.events[e]||(this.events[e]=new pue),this.events[e].add(t)}notify(e,...t){this.events[e]&&this.events[e].notify(...t)}}class Xme extends Kme{sortInstanceNodePosition(e,t){return 2&e.compareDocumentPosition(t)?1:-1}getBaseTargetFromProps(e,t){return e.style?e.style[t]:void 0}removeValueFromRenderState(e,{vars:t,style:r}){delete t[e],delete r[e]}makeTargetAnimatableFromInstance({transition:e,transitionEnd:t,...r},{transformValues:n},a){let o=function(e,t,r){const n={};for(const a in e){const e=jue(a,t);if(void 0!==e)n[a]=e;else{const e=r.getValue(a);e&&(n[a]=e.get())}}return n}(r,e||{},this);if(n&&(t&&(t=n(t)),r&&(r=n(r)),o&&(o=n(o))),a){!function(e,t,r){var n,a;const o=Object.keys(t).filter((t=>!e.hasValue(t))),i=o.length;if(i)for(let l=0;l<i;l++){const i=o[l],s=t[i];let c=null;Array.isArray(s)&&(c=s[0]),null===c&&(c=null!==(a=null!==(n=r[i])&&void 0!==n?n:e.readValue(i))&&void 0!==a?a:t[i]),null!=c&&("string"==typeof c&&(uue(c)||oue(c))?c=parseFloat(c):!Oue(c)&&mce.test(s)&&(c=aue(i,s)),e.addValue(i,gue(c,{owner:e})),void 0===r[i]&&(r[i]=c),null!==c&&e.setBaseTarget(i,c))}}(this,r,o);const e=qme(this,r,o,t);t=e.transitionEnd,r=e.target}return{transition:e,transitionEnd:t,...r}}}class Jme extends Xme{readValueFromInstance(e,t){if(Pie.has(t)){const e=nue(t);return e&&e.default||0}{const n=(r=e,window.getComputedStyle(r)),a=(Rie(t)?n.getPropertyValue(t):n[t])||0;return"string"==typeof a?a.trim():a}var r}measureInstanceViewportBox(e,{transformPagePoint:t}){return Ohe(e,t)}build(e,t,r,n){Jie(e,t,r,n.transformTemplate)}scrapeMotionValuesFromProps(e,t){return yle(e,t)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;kie(e)&&(this.childSubscription=e.on("change",(e=>{this.current&&(this.current.textContent=`${e}`)})))}renderInstance(e,t,r,n){gle(e,t,r,n)}}class epe extends Xme{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(e,t){return e[t]}readValueFromInstance(e,t){if(Pie.has(t)){const e=nue(t);return e&&e.default||0}return t=ble.has(t)?t:vle(t),e.getAttribute(t)}measureInstanceViewportBox(){return ahe()}scrapeMotionValuesFromProps(e,t){return xle(e,t)}build(e,t,r,n){hle(e,t,r,this.isSVGTag,n.transformTemplate)}renderInstance(e,t,r,n){wle(e,t,0,n)}mount(e){this.isSVGTag=ple(e.tagName),super.mount(e)}}const tpe=(e,t)=>Eie(e)?new epe(t,{enableHardwareAcceleration:!1}):new Jme(t,{enableHardwareAcceleration:!0}),rpe={...Hue,...use,...Sme,...{layout:{ProjectionNode:kme,MeasureLayout:Rhe}}},npe=xie(((e,t)=>function(e,{forwardMotionProps:t=!1},r,n){return{...Eie(e)?Nle:Ble,preloadedFeatures:r,useRender:dle(t),createVisualElement:n,Component:e}}(e,t,rpe,tpe)));function ape(){const t=e.useRef(!1);return nie((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class ope extends h.Component{getSnapshotBeforeUpdate(e){const t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){const e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function ipe({children:t,isPresent:r}){const n=e.useId(),a=e.useRef(null),o=e.useRef({width:0,height:0,top:0,left:0});return e.useInsertionEffect((()=>{const{width:e,height:t,top:i,left:l}=o.current;if(r||!a.current||!e||!t)return;a.current.dataset.motionPopId=n;const s=document.createElement("style");return document.head.appendChild(s),s.sheet&&s.sheet.insertRule(`\n [data-motion-pop-id="${n}"] {\n position: absolute !important;\n width: ${e}px !important;\n height: ${t}px !important;\n top: ${i}px !important;\n left: ${l}px !important;\n }\n `),()=>{document.head.removeChild(s)}}),[r]),h.createElement(ope,{isPresent:r,childRef:a,sizeRef:o},h.cloneElement(t,{ref:a}))}const lpe=({children:t,initial:r,isPresent:n,onExitComplete:a,custom:o,presenceAffectsLayout:i,mode:l})=>{const s=Ele(spe),c=e.useId(),u=e.useMemo((()=>({id:c,initial:r,isPresent:n,custom:o,onExitComplete:e=>{s.set(e,!0);for(const e of s.values())if(!e)return;a&&a()},register:e=>(s.set(e,!1),()=>s.delete(e))})),i?void 0:[n]);return e.useMemo((()=>{s.forEach(((e,t)=>s.set(t,!1)))}),[n]),h.useEffect((()=>{!n&&!s.size&&a&&a()}),[n]),"popLayout"===l&&(t=h.createElement(ipe,{isPresent:n},t)),h.createElement(tie.Provider,{value:u},t)};function spe(){return new Map}const cpe=e=>e.key||"";const upe=({children:t,custom:r,initial:n=!0,onExitComplete:a,exitBeforeEnter:o,presenceAffectsLayout:i=!0,mode:l="sync"})=>{dse(!o,"Replace exitBeforeEnter with mode='wait'");const s=e.useContext(vie).forceRender||function(){const t=ape(),[r,n]=e.useState(0),a=e.useCallback((()=>{t.current&&n(r+1)}),[r]);return[e.useCallback((()=>Xle.postRender(a)),[a]),r]}()[0],c=ape(),u=function(t){const r=[];return e.Children.forEach(t,(t=>{e.isValidElement(t)&&r.push(t)})),r}(t);let m=u;const p=e.useRef(new Map).current,f=e.useRef(m),d=e.useRef(new Map).current,v=e.useRef(!0);var g;if(nie((()=>{v.current=!1,function(e,t){e.forEach((e=>{const r=cpe(e);t.set(r,e)}))}(u,d),f.current=m})),g=()=>{v.current=!0,d.clear(),p.clear()},e.useEffect((()=>()=>g()),[]),v.current)return h.createElement(h.Fragment,null,m.map((e=>h.createElement(lpe,{key:cpe(e),isPresent:!0,initial:!!n&&void 0,presenceAffectsLayout:i,mode:l},e))));m=[...m];const b=f.current.map(cpe),w=u.map(cpe),y=b.length;for(let e=0;e<y;e++){const t=b[e];-1!==w.indexOf(t)||p.has(t)||p.set(t,void 0)}return"wait"===l&&p.size&&(m=[]),p.forEach(((e,t)=>{if(-1!==w.indexOf(t))return;const n=d.get(t);if(!n)return;const o=b.indexOf(t);let v=e;if(!v){const e=()=>{d.delete(t),p.delete(t);const e=f.current.findIndex((e=>e.key===t));if(f.current.splice(e,1),!p.size){if(f.current=u,!1===c.current)return;s(),a&&a()}};v=h.createElement(lpe,{key:cpe(n),isPresent:!1,onExitComplete:e,custom:r,presenceAffectsLayout:i,mode:l},n),p.set(t,v)}m.splice(o,0,v)})),m=m.map((e=>{const t=e.key;return p.has(t)?e:h.createElement(lpe,{key:cpe(e),isPresent:!0,presenceAffectsLayout:i,mode:l},e)})),"production"!==process.env.NODE_ENV&&"wait"===l&&m.length>1&&console.warn('You\'re attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.'),h.createElement(h.Fragment,null,p.size?m:m.map((t=>e.cloneElement(t))))};function hpe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("a",{href:e.linkUrl,target:e.isExternalLink?"_blank":"",rel:e.isExternalLink?"noopener noreferrer":"",className:"rounded-2xl hover:shadow-xl p-8 h-full flex flex-col justify-between group/sc border border-neutral-200 hover:border-opacity-0 min-h-[260px] group"},u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex items-center justify-between pb-5"},e.brandImageUrl&&e.brandImageAlt&&u.default.createElement("div",{className:"max-h-[64px]"},u.default.createElement("img",{src:e.brandImageUrl,alt:e.brandImageAlt,className:"max-h-[44px] brightness-0 transition ease-in-out duration-300 group-hover:brightness-100"})),e.iconVariant&&u.default.createElement("div",{className:"hidden tb:flex flex-row relative "},e.iconTag&&u.default.createElement("div",{className:"gap-2 items-center transition-all duration-[350ms] group-hover/sc:opacity-100 inline-flex flex-row translate-x-0 group-hover/sc:-translate-x-5"},u.default.createElement(G$,{height:"w-6 h-6 stroke-[1.5px]",variant:e.iconArrowVariant??"",strokeClass:"stroke-neutral-400"}),u.default.createElement("div",{className:" opacity-0 group-hover/sc:opacity-100 transition-opacity duration-[350ms] "},u.default.createElement(z,{textStyle:"body3-medium",className:"hidden text-neutral-400 group-hover/sc:block"},e.iconTag))))),e.description&&u.default.createElement("div",null,u.default.createElement("div",{className:"translate-y-10 group-hover/sc:translate-y-0 duration-300 transition-all"},u.default.createElement(z,{textStyle:"body1c",className:`${g(e.descTextColor)} mt-2`},e.description)),u.default.createElement("div",{className:"translate-y-8 transition-all group-hover/sc:translate-y-0 opacity-0 group-hover/sc:opacity-100 duration-300 group-hover/sc:flex"},u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text??"Read More",type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-[14px]"})))))))}function mpe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex flex-col-reverse px-6 py-10 tb-l:px-0 tb-l:py-0 tb-l:flex-row tb-l:gap-10 db:gap-32 tb-l:max-w-7xl min-h-[742px] tb-l:min-h-[518px]"},u.default.createElement("div",{className:"flex flex-col tb-l:pl-20 tb-l:pt-14 tb-l:pb-14"},e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 tb-l:block uppercase mb-2 hidden "},e.tagline),e.brandImageURL&&e.brandImageAlt&&u.default.createElement("div",{className:"tb-l:flex hidden -ml-2 pb-1 justify-start"},u.default.createElement("img",{src:e.brandImageURL,alt:e.brandImageAlt,className:"max-h-[64px]"})),e.title&&u.default.createElement("div",{className:"flex flex-col gap-6 tb-l:max-w-[547px] "},u.default.createElement(z,{textStyle:"h3",className:"text-neutral-1000 tb-l:block hidden min-h-[144px] overflow-clip"},e.title),e.heroList&&u.default.createElement("div",null,u.default.createElement("div",{className:"flex flex-col pt-6 tb-l:pt-0 gap-4"},e.heroList.map(((e,t)=>u.default.createElement("div",{key:t,className:"flex gap-5"},u.default.createElement(G$,{height:"tb:h-8 tb:w-8 h-6 w-6",variant:e.iconVariant,strokeClass:e.strokeClass??"stroke-neutral-800"}),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.title))))))),e.CTA&&u.default.createElement("div",{className:"mt-10 tb:flex"},u.default.createElement("a",{href:e.CTA.url},u.default.createElement(s8,{label:e.CTA.text,type:"secondary",size:"md",rightAnimatedArrowColor:"#3970FD"})))),e.heroImageURL&&e.heroImageAlt?u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex justify-center tb:justify-start tb-l:justify-end tb-l:pt-14 tb:max-w-[600px]"},u.default.createElement("img",{src:e.heroImageURL,alt:e.heroImageAlt,className:"rounded-xl tb-l:rounded-none tb-l:rounded-br-3xl tb-l:rounded-tl-3xl w-full h-auto object-cover db-s:max-w-[650px] tb-l:max-w-[600px] tb:max-w-[420px] "}))):u.default.createElement(u.default.Fragment,null,e.video_url&&u.default.createElement("div",{className:"flex mt-4 tb:mt-0 tb:items-end tb:max-w-[600px] tb-l:min-w-[550px]"},u.default.createElement("video",{autoPlay:!0,loop:!0,playsInline:!0,muted:!0,src:e.video_url,className:" rounded-xl tb-l:rounded-none tb-l:rounded-br-3xl tb-l:rounded-tl-3xl"}))),u.default.createElement("div",{className:"tb-l:hidden pb-6"},e.brandImageURL&&e.brandImageAlt&&u.default.createElement("div",{className:"pb-1 -ml-1 "},u.default.createElement("img",{src:e.brandImageURL,alt:e.brandImageAlt,className:"max-h-[40px]"})),u.default.createElement("div",{className:"text-neutral-1000 text-hds-m-h4 tb:text-hds-t-h3 db:text-hds-d-h3"},e.title)),e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 tb-l:hidden uppercase"},e.tagline)))}function ppe({disabled:t,label:r,helper:n,size:a,placeholder:o,onChange:i}){return e.useState(""),u.default.createElement("div",null,u.default.createElement("div",{className:"flex bg-neutral-0 border border-neutral-300 rounded-full shadow-sm"},u.default.createElement("div",{className:"relative flex flex-grow items-stretch "},u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:t,className:"block w-full rounded-l-full border-0 text-hds-m-body3c tb:text-hds-t-body3c db:text-hds-d-body3c py-3 pl-5 placeholder:text-hds-m-body3c placeholder:tb:text-hds-t-body3c placeholder:db:text-hds-d-body3c placeholder:text-neutral-500 placeholder:bg-neutral-0 focus:ring-0 active:bg-neutral-0 focus:bg-neutral-0 visited:bg-neutral-0 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-neutral-200",placeholder:o})),u.default.createElement("div",{className:" py-[3.5px] pr-[3px] z-20"},u.default.createElement(s8,{type:"tonal",btnBgColorClass:"bg-blue-100",btnbgHoverClass:"hover:bg-blue-500",rightAnimatedArrowColor:"#3970FD",label:r}))))}function fpe(...e){return e.filter(Boolean).join(" ")}hpe.defaultProps={descTextColor:"text-neutral-700",isExternalLink:"false",iconTag:"Customer Stories",titleTextColor:"",brandImageUrl:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1690909443/hasura-design-system/swiggy_m2hjxy.png",brandImageAlt:"pipe",linkUrl:"?path=/story/hasura-design-system--hasura-design-system&globals=backgrounds.value:!hex(3b5998)",iconVariant:"videorecorder",iconStrokeColor:"blue-500",iconArrowVariant:"home03",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura Model Level Authorization System for ",readMoreBtn:{cta_text:"Read More"}},mpe.defaultProps={heroImageURL:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1690802853/website%20v3/optum_hiqty8.png",heroImageAlt:"optum",heroIconVariant:"calendar",heroIconStrokeClass:"stroke-neutral-1000",heroListTitle:"100 days from concept to production",brandImageURL:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1690982762/pulley_pcj45e_8fd10af212.png",brandImageAlt:"optum",title:"Healthcare giant Optum goes from concept to production in 100 days with Hasura",description:"description1",CTA:{text:"Button Label"},heroList:[{iconVariant:"calendar",title:"100 days from concept to production"},{iconVariant:"database03",title:"Vastly improved access to relevant data"},{iconVariant:"settings01",title:"Simpler data and API management"}]};const dpe=(e,t)=>{if(t){const r=new URL(e);return r.searchParams.set("pg",t),r.toString()}return e};function vpe(t){t.HEADER_LIST.length;const[r,n]=e.useState(!1),[a,o]=e.useState(!1),[i,l]=e.useState(!1),[s,c]=e.useState(!1),[h,m]=e.useState("");e.useState(!1);const[p,f]=e.useState(!1),d=dpe("https://cloud.hasura.io/signup?pg=sample-apps&plcmt=header&cta=try-hasura&tech=default",t.website_key),v=dpe("https://cloud.hasura.io/login?pg=sample-apps&plcmt=header&cta=log-in&tech=default",t.website_key),[b,w]=e.useState(Array(t.HEADER_LIST.length).fill(!1)),y=e=>{w((t=>{const r=[...t];return r[e]=!0,r}))},x=e=>{w((t=>{const r=[...t];return r[e]=!1,r}))},O=(e,t)=>{const{title:r,primaryCard:n,secondaryCardArr:a,tertiaryCard:o,flyoutD:i}=e[t];return u.default.createElement("div",{id:`dropdown_${t}`},e[t]&&u.default.createElement("div",{className:"relative",onMouseEnter:()=>y(t),onMouseLeave:()=>x(t)},u.default.createElement("div",{className:fpe("group inline-flex items-center rounded-md bg-white hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2",b[t]?"":"text-gray-500")},u.default.createElement("div",{className:"flex flex-col items-center cursor-pointer"},u.default.createElement(z,{className:"hover:text-blue-600",textStyle:"body3c-medium"},`${r} `))),u.default.createElement(npe.div,null,b[t]&&u.default.createElement("div",{id:`dropdown_${t}_content`,className:"left-0 z-20",onMouseEnter:()=>y(t),onMouseLeave:()=>x(t),onScroll:()=>x(t)},u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{ease:"easeInOut",duration:.1},className:"absolute -left-[137px] z-[2] transform "+(b[0]?"-left-[137px] ":"")+(b[1]?"-left-[218px]":"")+(b[3]?"-left-[50px] ":"")},((e,t,r,n)=>u.default.createElement("div",null,u.default.createElement("div",null,u.default.createElement("hr",{className:"w-full h-6 border-0"})),u.default.createElement("div",{className:"p-2 bg-neutral-150 rounded-3xl"},u.default.createElement(Doe,{primaryCard:e,secondaryCardArr:t,tertiaryCard:r,flyoutD:n}))))(n,a,o,i))))))};let E,j;function C(){n(!r),l(!1),c(!1),o(!1),m(""),t.HEADER_LIST.forEach(((e,t)=>{x(t)}))}return r&&(E="rotate-45 ",j="-rotate-45 "),r||(E=" ",j="translate-y-[5.8px] "),e.useEffect((()=>{a?m("Product"):i?m("Developer"):s&&m("Company")}),[a,i,s]),u.default.createElement("div",{className:"relative mx-auto"},u.default.createElement("div",{className:`flex items-center ${g(t.headerBg)} justify-between py-4 db:py-3 tb-l:justify-start`},u.default.createElement("div",{className:"flex flex-row justify-between items-center w-full tb-l:w-fit"},u.default.createElement("div",null,u.default.createElement("a",{href:t.headerUrl,className:"flex items-center"},u.default.createElement(G$,{height:"w-[103px] h-[33px]",variant:"hasuraPrimary",strokeColor:""}))),u.default.createElement("div",{className:"hds-hidden-tbl flex z-[10] items-center gap-6"},u.default.createElement("div",{className:"h-full "+(r?" hds-hidden":"")},!t.hideSearch&&u.default.createElement(A5,t)),!(s||i||a)&&u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,opacity:{ease:"easeIn"}},className:"h-5 w-5 mt-3",onClick:()=>C()},u.default.createElement("div",{className:" h-5 cursor-pointer"},u.default.createElement("div",{"aria-hidden":"true",className:`${E} block absolute h-[2px] w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`}),u.default.createElement("div",{"aria-hidden":"true",className:`${j} block absolute h-0.5 w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`}))))),u.default.createElement("div",{className:"hds-hidden tb-l:flex flex-row w-full justify-between items-center"},u.default.createElement("nav",{className:"hds-hidden items-baseline relative tb-l:pl-8 tb-l:flex tb-l:space-x-6",onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1)},(M=t.HEADER_LIST,u.default.createElement(u.default.Fragment,null,O(M,0),O(M,1),u.default.createElement("a",{href:"/case-studies/"},u.default.createElement(z,{className:"hover:text-blue-600 cursor-pointer",textStyle:"body3c-medium"},"Customers ")),O(M,3),u.default.createElement("a",{href:"/pricing"},u.default.createElement(z,{className:"hover:text-blue-600 cursor-pointer",textStyle:"body3c-medium"},"Pricing "))))),u.default.createElement("div",{className:"hds-hidden tb-l:flex flex-row items-center gap-x-4 "},!t.hideSearch&&u.default.createElement(A5,t),u.default.createElement("a",{href:"/contact-us?type=hasuraenterprise",className:"hds-hidden db:flex"},u.default.createElement(z,{textStyle:"body3c-medium",className:"text-neutral-800 hover:text-blue-600"},"Contact Sales")),u.default.createElement("a",{href:v},u.default.createElement(s8,{label:"Log In",type:"tonal",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"hds-hidden tb-l:flex"})),u.default.createElement("a",{href:d},u.default.createElement(s8,{label:"Get Started",type:"primary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"hds-hidden tb:flex"})))),u.default.createElement("div",{className:"hds-hidden-tbl overflow-auto flex "},u.default.createElement("div",{className:"bg-neutral-100 shadow-sh1 hds-hidden-tbl block fixed w-full tb:max-w-[480px] tb:left-auto tb:right-0 mx-auto left-4 top-0 transform transition duration-500 ease-in-out h-[calc(100%-1px)] max-h-screen overflow-y-auto"+(r?" translate-x-0":" translate-x-[1240px]")},u.default.createElement("div",{className:"bg-neutral-100 h-[calc(100%-80px)] rounded-2xl overflow-y-scroll scrollbar-hide"},u.default.createElement("div",{className:"pt-6 pb-4 tb:mr-[12px] mr-[30px] min-h-[36px] flex flex-row justify-between items-center sticky top-0 bg-neutral-100 z-50 "},(s||i||a)&&u.default.createElement("div",{className:" flex flex-row justify-start z-10",onClick:()=>(l(!1),c(!1),o(!1),m(""),void t.HEADER_LIST.forEach(((e,t)=>{x(t)})))},u.default.createElement(G$,{height:"w-5 h-5 ml-4 cursor-pointer",variant:"arrowleft",strokeClass:"stroke-neutral-1000"})),u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,opacity:{ease:"easeIn"}},className:"w-full justify-center flex "},u.default.createElement(z,{textStyle:"body3c-medium",className:"text-neutral-900"},h)),(s||i||a)&&u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,opacity:{ease:"easeIn"}},className:" flex flex-row justify-start z-10",onClick:()=>C()},u.default.createElement(G$,{height:"w-5 h-5 ml-4 stroke-2 cursor-pointer",variant:"xclose",strokeClass:"stroke-neutral-1000"}))),u.default.createElement(upe,{mode:"wait",exit:!1},a||i||s?u.default.createElement(npe.div,{key:"hey",exit:{opacity:0,y:[0,300]},animate:{opacity:1,y:[300,0]},transition:{duration:.2,exit:{duration:.3},opacity:{ease:"easeIn"}},when:a||i||s,className:"flex flex-col justify-between "},u.default.createElement("div",{className:"flex flex-col justify-between rounded-2xl h-full"},u.default.createElement("div",{className:"pl-4 pr-8 tb:pr-4"},(P=t.HEADER_LIST,u.default.createElement("div",{className:"pt-4 "},u.default.createElement("div",{className:"transform transition-all"},a&&u.default.createElement(npe.div,{className:"product_mobile mr-0"},u.default.createElement(Doe,{primaryCard:P[0].primaryCard,secondaryCardArr:P[0].secondaryCardArr,tertiaryCard:P[0].tertiaryCard,flyoutD:P[0].flyoutD})),i&&u.default.createElement("div",{className:"product_developer"},u.default.createElement(Doe,{primaryCard:P[1].primaryCard,secondaryCardArr:P[1].secondaryCardArr,tertiaryCard:P[1].tertiaryCard})),s&&u.default.createElement("div",{className:"product_company"},u.default.createElement(Doe,{primaryCard:P[3].primaryCard,secondaryCardArr:P[3].secondaryCardArr,tertiaryCard:P[3].tertiaryCard})))))))):u.default.createElement(npe.div,{initial:{opacity:1},animate:{opacity:1},transition:{duration:.1,opacity:{ease:"easeIn"}},className:"mt-7 flex flex-col gap-6 ml-4"},u.default.createElement("div",{className:"flex flex-col mr-[50px] mb-m:items-center items-end"},u.default.createElement("img",{className:"inline-block max-w-[242px] w-full",src:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1688572403/hasura-design-system/mutations_1_tdh5ir.png ",alt:""})),u.default.createElement("nav",{className:"grid divide-y mr-8 tb:mr-4 bg-neutral-0 divide-neutral-200 border border-neutral-200 rounded-3xl mb-6"},t.HEADER_LIST.map((e=>u.default.createElement("div",{key:e.title,onClick:()=>function(e){const r=t.HEADER_LIST.findIndex((t=>t.title===e));y(r),"Developer"===e&&l(!0),"Customers"===e&&(window.location.href="/case-studies/"),"Pricing"===e&&(window.location.href="/pricing/"),"Product"===e&&o(!0),"Company"===e&&c(!0)}(e.title),className:"flex justify-between items-center p-4 cursor-pointer group"},u.default.createElement("div",{className:"flex items-center justify-center gap-2"},u.default.createElement(z,{textStyle:"body3c-medium",className:"text-neutral-700 hover:text-neutral-1000 transition-all duration-300 ease-in-out"},`${e.title}`)),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px] group-hover:translate-x-1 ease-in-out transition duration-300",variant:"chevronright",strokeClass:"stroke-neutral-500"})))))))),u.default.createElement("div",{className:"py-6 shadow-sh1 bg-neutral-0 pl-4 pr-8 self-end w-full"},u.default.createElement("div",{className:"flex flex-row justify-around"},u.default.createElement("div",{className:"w-full flex gap-2"},u.default.createElement("a",{href:v,className:"w-1/2"},u.default.createElement(s8,{label:"Log In",type:"tonal",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"group-hover:stroke-neutral-0",className:" !w-full"})),u.default.createElement("a",{href:d,className:"w-1/2"},u.default.createElement(s8,{label:"Get Started",type:"primary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff",animatedHoverStroke:"group-hover:stroke-neutral-0",className:" !w-full"})))))))));var P,M}function gpe(...e){return e.filter(Boolean).join(" ")}function bpe(...e){return e.filter(Boolean).join(" ")}function wpe(...e){return e.filter(Boolean).join(" ")}function ype(t){const{tabs:r,onTabClick:n,pillColor:a}=t,[o,i]=e.useState(r.find((e=>e.current))||r[0]),l=e.useRef(null);let s="";a&&(s=g(a));let c="";function h(e){c=o.tabTextColorClass?g(o.tabTextColorClass):"text-neutral-500";let t=" text-neutral-0 transition-all rounded-full "+s,r=" flex-nowrap rounded-full "+c;return o.name===e?t:r}return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block"},u.default.createElement("nav",{className:"relative inline-flex gap-2 rounded-full","aria-label":"Tabs"},r.map((e=>u.default.createElement("div",{key:e.name,onClick:t=>((e,t)=>{e.preventDefault(),i(t),n&&n(t);const r=l.current;if(r){const t=e.currentTarget.offsetWidth,n=e.currentTarget.offsetLeft;r.parentElement.offsetLeft;const a=n;r.style.transform=`translateX(${a}px)`,r.style.width=`${t}px`}})(t,e)},u.default.createElement(z,{className:`${h(e.name)} ${e.name===o.name?"":"hover:bg-neutral-150"} cursor-pointer px-3 py-1 z-[2] relative whitespace-nowrap`,textStyle:"body3c-medium"},e.name)))),u.default.createElement("span",{ref:l,className:`absolute left-0 z-[1] ${s} rounded-full transition-all ease-in duration-150`,style:{left:100*o.index+"%",width:`${o.width}px`,height:"28px"}}))))}function xpe(t){const{tabs:r,onTabClick:n,pillColor:a,initalTab:o=!0}=t,i=r.find((e=>e.current))?.name||(o?r[0].name:""),[l,s]=e.useState(i);let c="";a&&(c=g(a));return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block "},u.default.createElement("nav",{className:"relative inline-flex gap-2 rounded-[32px] ","aria-label":"Tabs"},r&&r.map((e=>u.default.createElement("button",{key:e.name,onClick:()=>{var t;s((t=e).name),n&&n(t)},className:(l===e.name?" text-neutral-0 transition-all duration-300":" hover:bg-neutral-500/30 text-neutral-400")+" relative px-3 py-1 whitespace-nowrap rounded-full hover:text-neutral-0 transition-all duration-300"},l===e.name&&u.default.createElement(npe.div,{layoutId:"active-pill",className:`absolute inset-0 ${c}`,style:{borderRadius:32}}),u.default.createElement(z,{textStyle:"body3c-medium",className:"relative z-10 "},e.name)))))))}vpe.defaultProps={hideSearch:!1,HEADER_LIST:[{title:"Product",primaryCard:{iconVariant:"layersthree01",mainDescription:"Discover Hasura's core capabilities for automating the building, securing, optimizing, and deploying of APIs.",primaryBtnLabel:"Hasura Data API Platform",primaryBtnCTA:"/products",strokeClass:"stroke-neutral-800",tertiaryBtn:[{cta_leftVariantIcon:"checksquarebroken",cta_leftVariantIconColor:"#6C737F",cta_text:"Compare Plans",cta_link:"/pricing"}],secondaryBtn:[{cta_leftVariantIcon:"zap",cta_leftVariantIconColor:"#6C737F",cta_text:"Deployment Options",cta_link:"/products/deployment"}]},secondaryCardArr:[{childArray:[{description:"",href:"/products/instant-api",icon:"lightning01",name:"Instant API",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/authorization",icon:"eye",name:"Authorization",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/performance",icon:"speedometer03",name:"Performance",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/federation",icon:"data",name:"Federation",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/api-security",icon:"shieldtick",name:"API Security",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/observability",icon:"piechart01",name:"Observability",strokeClass:"stroke-neutral-500"}],label:"CAPABILITIES"},{childArray:[{description:"",href:"/graphql/database",icon:"database01",name:"All Databases",strokeClass:"stroke-neutral-500"},{description:"",href:"/graphql/database?category=planned",icon:"checksquare",name:"Planned Databases",strokeClass:"stroke-neutral-500"}],label:"Data sources"}],flyoutD:{link:"https://hasura.io/ai",IconVariant:"aibot",btnLabel:"AI with Hasura",description:"Use Hasura Notebook to get Gen AI querying over your structured private data sources via GraphQL and REST APIs"}},{title:"Developer",secondaryCardArr:[{childArray:[{description:"",href:"/docs/latest/index/",icon:"file02",name:"Documentation",strokeClass:"stroke-neutral-500"},{description:"",href:"/hub",icon:"hasura",name:"Hasura Hub",strokeClass:"stroke-neutral-500"},{description:"",href:"/reference-app/",icon:"route",name:"Guides",strokeClass:"stroke-neutral-500"},{description:"",href:"/graphql/",icon:"asterisk02",name:"GraphQL Hub",strokeClass:"stroke-neutral-500"},{description:"",href:"https://cloud.hasura.io/public/graphiql",icon:"codebrowser",name:"GraphiQL",strokeClass:"stroke-neutral-500"},{description:"",href:"/changelog",icon:"gitpullrequest",name:"Changelog",strokeClass:"stroke-neutral-500"}],label:"BUILD"},{childArray:[{description:"",href:"/blog",icon:"bookopen01",name:"Blog",strokeClass:"stroke-neutral-500"},{description:"",href:"/learn/",icon:"graduationhat02",name:"Tutorials",strokeClass:"stroke-neutral-500"},{description:"",href:"/events",icon:"calendarplus02",name:"Events",strokeClass:"stroke-neutral-500"},{description:"",href:"/sample-apps/",icon:"box",name:"Resources",strokeClass:"stroke-neutral-500"}],label:"Learn"},{childArray:[{description:"",href:"/community/",icon:"users01",name:"Community",strokeClass:"stroke-neutral-500"},{description:"",href:"https://discord.com/invite/hasura",icon:"discord",name:"Discord",strokeClass:""},{description:"",href:"https://github.com/hasura/graphql-engine/discussions",icon:"octoface",name:"Discussions",strokeClass:""},{description:"",href:"https://www.meetup.com/pro/hasura/",icon:"meetup",name:"Meetups",strokeClass:""},{description:"",href:"/support/",icon:"hand",name:"Support",strokeClass:"stroke-neutral-500"}],label:"Connect"}],tertiaryCard:[{title:"HasuraCon 2023 is here!",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/hascon_211daeb83a.png"},{title:"Top 6 Architecture Trends for API Development",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/api_trends_0a035678d8.png"},{title:"Announcing Hasura integration with Snowflake",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/snowflake_def20494db.png"}]},{title:"Customers",href:""},{title:"Company",secondaryCardArr:[{childArray:[{description:"",href:"/about/",icon:"pentool02",name:"Our Story",strokeClass:"stroke-neutral-500"},{description:"",href:"/partners",icon:"intersectcircle",name:"Partners",strokeClass:"stroke-neutral-500"},{description:"",href:"/careers/",icon:"hearthand",name:"Work at Hasura",strokeClass:"stroke-neutral-500"}],label:"Company"}],tertiaryCard:[{title:"HasuraCon 2023 is here!",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/hascon_211daeb83a.png"},{title:"Top 6 Architecture Trends for API Development",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/api_trends_0a035678d8.png"},{title:"Announcing Hasura integration with Snowflake",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/snowflake_def20494db.png"}]},{title:"Pricing",href:""}],headerUrl:"/"},ype.defaultProps={pillColor:"bg-blue-500"},xpe.defaultProps={pillColor:"bg-blue-500"};function Ope(e){const{heroData:t,activeTab:r,onTabChange:n}=e;let a;if(r.activeTab&&(a=r.activeTab),!t)return u.default.createElement("div",null);let o="",i="",l="",s="",c="";return e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].heroBgColor&&(o=g(e.heroData.tabContent[a].heroBgColor)),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].bgColorTab&&(i=g(e.heroData.tabContent[a].bgColorTab)),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].videoUrl&&(l=e.heroData.tabContent[a].videoUrl),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].videoPoster&&(s=e.heroData.tabContent[a].videoPoster),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].img_url&&e.heroData.tabContent[a].img_url,e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].pillColor&&(c=e.heroData.tabContent[a].pillColor),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].bgColorTab&&(i=g(e.heroData.tabContent[a].bgColorTab)),u.default.createElement("div",{className:`${o} -mt-[81px] pt-[81px] tb:mt-0 tb:pt-0 max-w-7xl rounded-b-3xl tb:rounded-3xl`},e.heroData.navTabs&&u.default.createElement("div",{className:"py-5 db:p-20 tb:p-10 flex flex-col shadow rounded-2xl"},u.default.createElement("div",{className:"flex px-8 tb:px-0 overflow-scroll scrollbar-hide tb-l:justify-center justify-start"},u.default.createElement("div",{className:`${i} bg-opacity-30 p-1 rounded-[32px]`},u.default.createElement(ype,{onTabClick:e=>{if(e.name){const t=e.name.replace(/\s/g,"");n(t)}},tabs:e.heroData.navTabs,bgColorTab:e.heroData.bgColorTab,pillColor:c}))),u.default.createElement("div",{className:"flex flex-col-reverse pt-6 px-8 tb:px-0 tb:flex tb:flex-row tb:items-center tb:pt-10 tb:justify-between"},u.default.createElement("div",{className:" mt-3 db:max-w-[488px] tb:w-1/2"},e.heroData.tabContent&&e.heroData.tabContent[a]&&(h=e.heroData.tabContent[a],u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"tb:px-3"},h.title&&u.default.createElement(z,{textStyle:"h2",className:g(h.titleTextColor)},h.title),h.subTitle&&u.default.createElement(z,{textStyle:"sub2",className:`mt-2 ${g(h.subTitleTextColor)}`},h.subTitle)),h.btnLabel&&u.default.createElement("div",{className:"flex pl-3 pt-6"},u.default.createElement(s8,{label:h.btnLabel,type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-blue-600",className:"flex",btnTextColorClass:"text-blue-600"}))))),u.default.createElement("div",{className:" db:max-w-[540px] tb:w-1/2 "},u.default.createElement(Q$,{video_url:l,video_poster:s}))),u.default.createElement("div",{className:""},e.heroData.tabContent[a]&&(e=>e.linkCards&&u.default.createElement("div",{className:"flex px-8 tb:px-0 tb:justify-center overflow-auto scrollbar-hide flex-row mt-16 gap-6 tb:flex-row "},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:`${g(e.cardBorderClass)} border rounded-2xl w-full pb-2 min-w-[11.5rem] max-w-[22.313rem]`},u.default.createElement(Uoe,{titleTextColor:e.titleTextColor,descTextColor:e.descTextColor,linkUrl:e.linkUrl,cardBgColor:e.cardBgColor,cardHoverBg:e.cardHoverBg,iconVariant:e.iconVariant,iconStrokeClass:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeClass:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(e.heroData.tabContent[a]))));var h}Ope.defaultProps={heroData:{tabContent:{Performance:{heroBgColor:"bg-green-500",title:"Blazing-fast APIs at Global Scale ",subTitle:"Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.",videoUrl:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",videoPoster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",subTitleTextColor:"text-neutral-0",titleTextColor:"text-neutral-0",bgColorTab:"bg-neutral-1000",pillColor:"bg-pink-500",button:[{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""},{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""}],linkCards:[{titleTextColor:"text-neutral-0",descTextColor:"text-neutral-0",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"GraphQL response caching"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"}]},Company:{heroBgColor:"bg-blue-500",title:"Leverage Hasura’s Authorization Engine",subTitle:"Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.ss",videoUrl:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",videoPoster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",imgUrl:"",subTitleTextColor:"text-neutral-0",titleTextColor:"text-neutral-0",bgColorTab:"bg-neutral-1000",pillColor:"bg-amber-500",button:[{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""},{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""}],linkCards:[{titleTextColor:"text-neutral-0",descTextColor:"text-neutral-0",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"}]},Authorization:{heroBgColor:"bg-cyan-500",title:"Blazing-fast APIs at Global Scale ",subTitle:"Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.",videoUrl:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",videoPoster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",imgUrl:"",subTitleTextColor:"text-neutral-0",titleTextColor:"text-neutral-0",bgColorTab:"bg-pink-500",pillColor:"bg-neutral-500",button:[{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""},{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""}],linkCards:[{titleTextColor:"text-neutral-0",descTextColor:"text-neutral-0",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"}]}},navTabs:[{current:!0,name:"Performance"},{current:"false",name:"Company"},{current:"false",name:"Authorization"},{current:"false",name:"Observability"},{current:"false",name:"API Security"}]}};const Epe=[{name:"Tier 1",href:"",current:!0},{name:"Tier 2",href:"",current:!1},{name:"Tier 3",href:"",current:!1}];function jpe(t){const{title:r,title_color:n,description:a,desc_color:o,TABLE_VALUE:i,TABLE_HEADER:l}=t,[s,c]=e.useState(1);return u.default.createElement("div",{className:" max-w-7xl px-4 sm:px-6 lg:px-8 "},u.default.createElement("div",{className:" flex justify-around "},u.default.createElement("div",{className:"w-full flex-col items-center flex justify-around tb-l:flex tb-l:flex-col tb-l:items-center"},u.default.createElement("div",null,r&&u.default.createElement(z,{textStyle:"h3",className:g(n)},r),a&&u.default.createElement(z,{textStyle:"body1c",className:g(o)},a)),u.default.createElement("div",{className:" mt-11 p-2 bg-neutral-0 rounded-full shadow tb-l:hidden"},u.default.createElement(ype,{onTabClick:function(e){"Tier 1"===e.name&&c(1),"Tier 2"===e.name&&c(2),"Tier 3"===e.name&&c(3)},tabs:Epe})))),u.default.createElement("div",{className:"tb-l:hidden"},u.default.createElement("div",{className:"mt-8 bg-neutral-0 rounded-3xl "},u.default.createElement("div",{className:" shadow rounded-3xl "},u.default.createElement("div",{className:"flex border-x px-8 py-[1.625rem] border-neutral-200 rounded-t-3xl flex-col justify-center items-center text-center"},u.default.createElement("div",{className:"flex items-center gap-2"},l[s].icon&&u.default.createElement(G$,{height:"h-6 w-6",variant:l[s].icon,strokeClass:l[s].iconStrokeClass}),l[s].title&&0==s&&u.default.createElement(z,{textStyle:"h5",className:l[s].title_text_color},`${l[s].title}`),l[s].title&&0!=s&&u.default.createElement(z,{textStyle:"h5",className:l[s].title_text_color},`${l[s].title}`)),u.default.createElement("div",{className:" max-w-[10rem]"},l[s].descr&&u.default.createElement(z,{textStyle:"body1",className:l[s].descr_text_color},`${l[s].descr}`))),u.default.createElement("div",{className:"divide-y divide-neutral-200 rounded-b-3xl"},u.default.createElement("div",{className:"flex flex-col border border-neutral-200 divide-y divide-neutral-200 rounded-b-3xl items-center"},u.default.createElement("div",{className:"flex divide-y divide-neutral-200 flex-col w-full gap-2 items-start"},i.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},((e,t)=>{const r=`key${t}`;if(e[r]&&(e[r].text||e[r].iconVariant))return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex gap-4 p-4 w-full"},(e[r].text||e[r].iconVariant)&&u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:"checkcircle",strokeClass:"stroke-green-500"}),u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:"body1c",className:"text-neutral-700 [&>span]:pb-2 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 [&>ul>li]:last:pb-0"},e[r].text&&null!==e[r].text&&u.default.createElement(u.default.Fragment,null,`${e[r].text} `),e.rowTitle&&(e[r].text||e[r].iconVariant)&&u.default.createElement(u.default.Fragment,null,u.default.createElement(Hoe,{components:{p:"span"}},`${e.rowTitle}`))))))})(e,s)))))))))),u.default.createElement("div",{className:"hidden tb-l:block"},u.default.createElement("div",{className:"mt-12 bg-neutral-0 rounded-3xl "},u.default.createElement("table",{className:"min-w-full shadow tableclss rounded-3xl "},u.default.createElement("thead",null,u.default.createElement("tr",{className:"divide-x border-b border-neutral-200 divide-neutral-200 text-center rounded-t-3xl"},Object.keys(l).map(((e,t)=>u.default.createElement("th",{key:t,scope:"col",className:"px-8 py-6 sm:table-cell"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"flex flex-col justify-center items-center text-center"},u.default.createElement("div",{className:"flex items-center gap-2 w-full justify-center"},l[e].icon&&u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:l[e].icon,strokeClass:g(l[e].iconStrokeClass)}),l[e].title&&0==e&&u.default.createElement(z,{textStyle:"h5",className:`w-full text-left ${g(l[e].title_text_color)}`},l[e].title),l[e].title&&0!=e&&u.default.createElement(z,{textStyle:"h5",className:g(l[e].title_text_color)},u.default.createElement(Hoe,null,l[e].title))),u.default.createElement("div",{className:" max-w-[10rem]"},l[e].descr&&u.default.createElement(z,{textStyle:"body1",className:g(l[e].descr_text_color)},l[e].descr))))))))),u.default.createElement("tbody",{className:"divide-y divide-neutral-200"},i.map(((e,t)=>u.default.createElement("tr",{className:"divide-x divide-neutral-200",key:t},Object.keys(e).map((r=>u.default.createElement(u.default.Fragment,{key:t+r},null!==r&&"rowTitle"===r&&u.default.createElement("td",{className:"px-8 py-7 w-[22.5rem]"},u.default.createElement(z,{className:"max-w-[22rem] text-neutral-700 [&>p]:pb-2 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 [&>ul>li]:last:pb-0",textStyle:"body1c"},u.default.createElement(Hoe,null,e[r]))),null!==r&&"rowTitle"!==r&&null!==e[r]&&u.default.createElement("td",{className:"px-8 py-7 border-table text-center "},e&&r&&e[r]&&null===e[r].text&&!e[r].iconVariant&&null===e[r].iconVariant&&u.default.createElement(u.default.Fragment,null),null!==e[r].text&&e[r].text&&u.default.createElement(z,{className:"text-neutral-700",textStyle:"body1c"},e[r].text),(null===e[r].text||!e[r].text)&&e[r].iconVariant&&u.default.createElement("div",{className:"flex justify-center"},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[r].iconVariant,strokeClass:g(e[r].iconStrokeClass)}))),null===r&&u.default.createElement("td",{key:t,className:"px-8 py-7 border-table text-center"}))))))))))))}jpe.defaultProps={title_color:"text-blue-800",desc_color:"text-blue-600"};const Cpe=[["https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016995/optum_Card_17973d6328.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016994/philips_5bab1602cd.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016996/nutrien_e629b651d5.png"]],Ppe=e=>u.default.createElement("div",{className:"h-full"},u.default.createElement("div",{className:" w-[300px] flex flex-col items-center justify-between rounded-3xl h-[338px] "},u.default.createElement("img",{src:e,alt:"img",className:"w-[300px]"})));const Mpe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M7.31687 9.12914C7.31687 10.1979 6.47716 11.0376 5.40844 11.0376C4.33971 11.0376 3.5 10.1979 3.5 9.12914C3.5 8.06042 4.33971 7.2207 5.40844 7.2207C6.47716 7.2207 7.31687 8.06042 7.31687 9.12914ZM7.31687 12.5643H3.5V24.7783H7.31687V12.5643ZM13.4239 12.5643H9.607V24.7783H13.4239V18.366C13.4239 14.7781 18.0041 14.4728 18.0041 18.366V24.7783H21.821V17.0682C21.821 11.0376 15.027 11.2666 13.4239 14.2438V12.5643Z"})),kpe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.087 8.93655L21.087 8.93659L21.1002 8.93761C21.9378 9.00203 22.3817 9.16101 22.6263 9.30672C22.827 9.42628 23.0039 9.59975 23.1728 9.98218C23.3636 10.4144 23.5265 11.0801 23.6296 12.1242C23.7315 13.1571 23.7646 14.4356 23.7646 16.0392C23.7646 17.6426 23.7315 18.9284 23.6294 19.9704C23.5261 21.0243 23.3626 21.7015 23.17 22.1417C22.9987 22.5332 22.8229 22.7001 22.6368 22.8096C22.4079 22.9441 21.9795 23.0951 21.1534 23.1375L21.1534 23.1374L21.1445 23.1379C17.4729 23.3419 9.22945 23.3423 5.5387 23.1392C4.71481 23.0738 4.27627 22.9162 4.03377 22.7718C3.8331 22.6522 3.65613 22.4787 3.4873 22.0963C3.29651 21.6641 3.13358 20.9984 3.03051 19.9542C2.92855 18.9213 2.8955 17.6429 2.8955 16.0392C2.8955 14.4356 2.92855 13.1571 3.03051 12.1242C3.13358 11.0801 3.29651 10.4144 3.4873 9.98219C3.65613 9.59975 3.8331 9.42628 4.03377 9.30672C4.27834 9.16101 4.7223 9.00203 5.55985 8.93761L5.55985 8.93765L5.5731 8.93655C9.21419 8.63312 17.4459 8.63312 21.087 8.93655ZM0.808594 16.0392C0.808594 22.5087 1.33032 24.9086 5.39979 25.2216C9.15622 25.4303 17.5039 25.4303 21.2603 25.2216C25.3298 25.0129 25.8515 22.5087 25.8515 16.0392C25.8515 9.56983 25.3298 7.16988 21.2603 6.85685C17.5039 6.54381 9.15622 6.54381 5.39979 6.85685C1.33032 7.16988 0.808594 9.56983 0.808594 16.0392ZM11.71 19.4583C11.0162 19.8052 10.1999 19.3006 10.1999 18.525V13.554C10.1999 12.7783 11.0162 12.2738 11.71 12.6207L16.6809 15.1062C17.45 15.4907 17.45 16.5882 16.6809 16.9728L11.71 19.4583Z"})),Spe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M10.755 13.0059H8.50977V15.9995H10.755V24.9805H14.4971V15.9995H17.1914L17.4907 13.0059H14.4971V11.7336C14.4971 11.06 14.6468 10.7606 15.3203 10.7606H17.4907V7.01855H14.6468C11.9525 7.01855 10.755 8.21602 10.755 10.4613V13.0059Z"})),Npe=()=>u.default.createElement("svg",{className:"w-[21px] h-5",width:"1200",height:"1227",viewBox:"0 0 1200 1227",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",fill:"white"})),Bpe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M13.3394 7.2359C16.2009 7.2359 16.5586 7.2359 17.7212 7.32532C20.6722 7.41475 22.0135 8.84554 22.103 11.7071C22.1924 12.8696 22.1924 13.1379 22.1924 15.9995C22.1924 18.8611 22.1924 19.2188 22.103 20.2919C22.0135 23.1535 20.5828 24.5843 17.7212 24.6737C16.5586 24.7631 16.2904 24.7631 13.3394 24.7631C10.4778 24.7631 10.1201 24.7631 9.04697 24.6737C6.09596 24.5843 4.75459 23.1535 4.66517 20.2919C4.57574 19.1294 4.57574 18.8611 4.57574 15.9995C4.57574 13.1379 4.57574 12.7802 4.66517 11.7071C4.75459 8.84554 6.18538 7.41475 9.04697 7.32532C10.1201 7.2359 10.4778 7.2359 13.3394 7.2359ZM13.3394 5.26855C10.3883 5.26855 10.0306 5.26855 8.95755 5.35798C5.02286 5.53683 2.87667 7.68302 2.69782 11.6177C2.6084 12.6908 2.6084 13.0485 2.6084 15.9995C2.6084 18.9505 2.6084 19.3082 2.69782 20.3813C2.87667 24.316 5.02286 26.4622 8.95755 26.641C10.0306 26.7305 10.3883 26.7305 13.3394 26.7305C16.2904 26.7305 16.6481 26.7305 17.7212 26.641C21.6558 26.4622 23.802 24.316 23.9809 20.3813C24.0703 19.3082 24.0703 18.9505 24.0703 15.9995C24.0703 13.0485 24.0703 12.6908 23.9809 11.6177C23.802 7.68302 21.6558 5.53683 17.7212 5.35798C16.6481 5.26855 16.2904 5.26855 13.3394 5.26855ZM13.3394 10.4552C10.2989 10.4552 7.79503 12.9591 7.79503 15.9995C7.79503 19.0399 10.2989 21.5438 13.3394 21.5438C16.3798 21.5438 18.8837 19.0399 18.8837 15.9995C18.8837 12.9591 16.3798 10.4552 13.3394 10.4552ZM13.3394 19.5765C11.372 19.5765 9.76237 17.9669 9.76237 15.9995C9.76237 14.0322 11.372 12.4225 13.3394 12.4225C15.3067 12.4225 16.9163 14.0322 16.9163 15.9995C16.9163 17.9669 15.3067 19.5765 13.3394 19.5765ZM19.0625 9.02439C18.3471 9.02439 17.8106 9.56094 17.8106 10.2763C17.8106 10.9917 18.3471 11.5283 19.0625 11.5283C19.7779 11.5283 20.3145 10.9917 20.3145 10.2763C20.3145 9.56094 19.7779 9.02439 19.0625 9.02439Z"})),Rpe=[{icon:u.default.createElement(Mpe,null),linkUrl:"https://www.linkedin.com/company/hasura/"},{icon:u.default.createElement(kpe,null),linkUrl:"https://www.youtube.com/channel/UCZo1ciR8pZvdD3Wxp9aSNhQ"},{icon:u.default.createElement(Spe,null),linkUrl:"https://www.facebook.com/HasuraHQ"},{icon:u.default.createElement(Npe,null),linkUrl:"https://twitter.com/hasurahq",className:"py-1"},{icon:u.default.createElement(Bpe,null),linkUrl:"https://www.instagram.com/hasurahq/?hl=en"}];function Vpe(t){const[r,n]=e.useState(!1),[a,o]=e.useState(null);return e.useEffect((()=>{fetch("https://status.hasura.io/api/v2/status.json").then((e=>e.json())).then((e=>{o(e),n(!1)}),(e=>{n(!0)}))}),[]),u.default.createElement("div",null,u.default.createElement("div",{className:"db-s:flex justify-between gap-10 db-s:gap-20 db:gap-40"},u.default.createElement("div",{className:"pb-10 db-s:pb-0 px-4 tb:px-0"},u.default.createElement("a",{href:t.brandLink,className:""},u.default.createElement("img",{className:"max-w-[125px]",src:t.brandUrl,alt:t.brandAlt}))),u.default.createElement("div",{className:"flex justify-between px-4 tb:px-0 tb:justify-start tb-l:justify-between flex-1 flex-wrap gap-y-10 tb:gap-y-16"},t.footerLinks.map(((e,t)=>u.default.createElement("div",{key:t,className:"min-w-[130px] db-s:min-w-fit"},u.default.createElement(z,{textStyle:"body3c-semi-bold",className:"text-neutral-600"},e.title),e.links.map(((e,t)=>u.default.createElement("a",{href:e.linkUrl},u.default.createElement(z,{textStyle:"body3",className:"text-neutral-600 mt-2 tb:mt-4 hover:text-neutral-1000"},e.linkText))))))))),u.default.createElement("div",{className:"flex flex-col tb-m:flex-row items-center justify-between tb:pt-24"},u.default.createElement("div",{className:"flex items-center justify-center pt-10 tb-m:pt-0 pb-4 tb-m:pb-0 tb-m:justify-start"},Rpe.map(((e,t)=>u.default.createElement("a",{href:e.linkUrl,className:"mx-2 tb-l:mx-4 first:ml-0 last:mr-0 [&>svg>path]:fill-neutral-400 [&>svg>path]:hover:fill-neutral-600 "+(e.className?e.className:"")},e.icon)))),a&&!r&&u.default.createElement(u.default.Fragment,null,u.default.createElement("a",{href:"https://status.hasura.io/",className:""},u.default.createElement("div",{className:" bg-neutral-0 rounded-full shadow hover:shadow-lg transition-all duration-300 px-4 py-2 inline-flex justify-center items-center"},u.default.createElement("div",{className:"w-4 h-4 bg-green-400 rounded-full mr-2"}),u.default.createElement(z,{textStyle:"body3",className:"text-neutral-1000"},a?.status.description)))),u.default.createElement("div",null,u.default.createElement(z,{textStyle:"body3c",className:"text-neutral-600 pt-4 tb-m:pt-0"},"© ",(new Date).getFullYear()," Hasura Inc. All rights reserved"))))}function Ape(t){const[r,n]=e.useState(!1),[a,o]=e.useState("");e.useEffect((()=>{if(t.tabContent){const e=Object.keys(t.tabContent);o(e[0])}}),[t.tabContent]);return u.default.createElement("div",null,t.navTabs&&u.default.createElement("div",{className:"max-w-[44.44rem] rounded-2xl"},u.default.createElement("div",{className:"flex pb-8 overflow-scroll scrollbar-hide"},u.default.createElement(ype,{onTabClick:e=>{e.name&&o(e.name)},tabs:t.navTabs,pillColor:t.pillColor,bgColorTab:t.bgColorTab})),u.default.createElement("div",{className:""},t.tabContent&&t.tabContent[a]&&(i=t.tabContent[a],u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:""},i.title&&u.default.createElement(z,{textStyle:"body1c-semi-bold",className:g(i.title_color)},i.title),i.subTitle&&u.default.createElement(z,{textStyle:"body3",className:"mt-2 "+g(i.sub_title_color)},i.subTitle),i.readMore_cta&&u.default.createElement("div",{className:"flex"},u.default.createElement("a",{href:i.readMore_cta_link??""},u.default.createElement(s8,{label:i.readMore_cta,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-4"})))),i.btnLabel&&u.default.createElement("div",{className:"flex pl-3 pt-6 pb-8"},u.default.createElement(s8,{label:i.btnLabel,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-blue-600",className:"flex",btnTextColorClass:"text-blue-600"})),u.default.createElement("div",{className:"mt-8"},r&&i.video_url?u.default.createElement("video",{id:"hero_vid",controls:!0,autoPlay:!0,muted:!0,playsInline:!0,width:"500",height:"500",className:"tb:w-full w-full rounded-3xl",src:i.video_url}):u.default.createElement("div",{className:"relative"},i.img_url&&u.default.createElement("img",{src:i.img_url,alt:"Illustration",className:" rounded-2xl"}),i.video_url&&u.default.createElement("div",{className:"w-14 h-14 cursor-pointer video-play-btn before:bg-blue-700 after:bg-blue-700 rounded-full flex items-center justify-center bg-blue-700 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-neutral-1000 shadow-2xl",onClick:()=>n(!0)},u.default.createElement(G$,{variant:"play",height:"h-6 w-6 ml-1",strokeClass:"stroke-neutral-0"})))))))));var i}function Tpe(e){return u.default.createElement("div",{className:"flex tb-l:flex-row flex-col justify-between"},u.default.createElement("div",null,u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.title),u.default.createElement(z,{textStyle:"body1",className:"mt-4 text-neutral-700 max-w-[430px]"},e.description)),u.default.createElement("div",{className:"max-w-[583px] pt-8 tb-l:pt-0"},u.default.createElement(Ape,{navTabs:e.navTabs,tabContent:e.tabContent,pillColor:e.pillColor,bgColorTab:e.bgColorTab})))}function Hpe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex flex-col-reverse px-6 py-10 db:px-0 db:py-0 db:flex-row db:gap-[132px]"},u.default.createElement("div",{className:"flex flex-col db:pl-20 db:pt-20 db:pb-[74px]"},e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 db:block uppercase mb-2 hidden "},e.tagline),e.title&&e.description&&u.default.createElement("div",{className:"flex flex-col gap-4"},u.default.createElement(z,{textStyle:"h3",className:"text-neutral-1000 db:block hidden"},e.title),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-600 db:mt-0 mt-4 "},e.description)),e.CTA&&u.default.createElement("div",{className:"mt-4 tb:mt-6 flex"},u.default.createElement("a",{href:e.CTA.url},u.default.createElement(s8,{label:e.CTA.text,type:e.CTA.type||"secondary",size:"md",rightAnimatedArrowColor:"#3970FD"})))),e.video_url&&u.default.createElement("div",{className:"flex mt-4 tb:mt-0 tb:items-end tb:max-w-[600px] db:min-w-[550px]"},u.default.createElement("video",{autoPlay:!0,loop:!0,playsInline:!0,muted:!0,src:e.video_url,className:" rounded-xl db:rounded-none db:rounded-br-3xl db:rounded-tl-3xl"})),u.default.createElement("div",{className:"db:hidden pb-2"},u.default.createElement(z,{textStyle:"h3",className:"text-neutral-1000"},e.title)),e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 db:hidden uppercase"},e.tagline)))}Vpe.defaultProps={brandUrl:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1686659126/website%20v3/hasura-primary_y9cdnn.svg",brandAlt:"Hasura",brandLink:"https://hasura.io/",footerLinks:[{title:"Platform",links:[{linkText:"Hasura CE Edition",linkUrl:"https://hasura.io/opensource/"},{linkText:"Hasura EE",linkUrl:"https://hasura.io/enterprise/"},{linkText:"Hasura Cloud",linkUrl:"https://hasura.io/cloud/"},{linkText:"Pricing",linkUrl:"https://hasura.io/pricing/"}]},{title:"Capabilities",links:[{linkText:"Instant API",linkUrl:"https://hasura.io/product/instant-api/"},{linkText:"Authorization",linkUrl:"https://hasura.io/product/authorization/"},{linkText:"Performance",linkUrl:"https://hasura.io/product/performance/"},{linkText:"Federation",linkUrl:"https://hasura.io/products/federation"},{linkText:"API Security",linkUrl:"https://hasura.io/product/api-security/"},{linkText:"Observability",linkUrl:"https://hasura.io/product/observability/"}]},{title:"Build",links:[{linkText:"Docs",linkUrl:"https://hasura.io/docs/latest/index/"},{linkText:"Hasura Hub",linkUrl:"https://hasura.io/hub/"},{linkText:"Changelog",linkUrl:"https://github.com/hasura/graphql-engine/releases/"},{linkText:"GraphiQL",linkUrl:"https://cloud.hasura.io/public/graphiql"}]},{title:"Learn",links:[{linkText:"Blog",linkUrl:"https://hasura.io/blog/"},{linkText:"Tutorials",linkUrl:"https://hasura.io/learn/"},{linkText:"Events",linkUrl:"https://hasura.io/events/"}]},{title:"Company",links:[{linkText:"Our Story",linkUrl:"https://hasura.io/about/"},{linkText:"Careers",linkUrl:"https://hasura.io/careers/"},{linkText:"Partners",linkUrl:"https://hasura.io/partners/"},{linkText:"Legal",linkUrl:"https://hasura.io/legal/"},{linkText:"Privacy Policy",linkUrl:"https://hasura.io/legal/hasura-privacy-policy/"}]},{title:"Connect",links:[{linkText:"Community",linkUrl:"https://hasura.io/community/"},{linkText:"Discord",linkUrl:"https://discord.com/invite/hasura"}]},{title:"Community",links:[{linkText:"Docs",linkUrl:"https://hasura.io/docs/latest/index/"},{linkText:"Help",linkUrl:"https://hasura.io/help/"},{linkText:"Github",linkUrl:"https://github.com/hasura"},{linkText:"Swag Store",linkUrl:"https://store.hasura.io/"},{linkText:"Contact Sales",linkUrl:"https://hasura.io/contact-us/"}]}]},Tpe.defaultProps={title:"Build any supergraph topology",description:"Build a supergraph using Hasura, use Hasura to implement a GraphQL gateway pattern or use Hasura to federate existing resources into another supergraph. Hasura allows you to shape any supergraph topology that works for you. \n\nCheck out some of the Federation architecture patterns implemented by our users.",navTabs:[{current:"[Circular]",href:"",name:"Performance"},{current:"[Circular]",href:"",name:"Company"},{current:"[Circular]",href:"",name:"Authorization"},{current:"[Circular]",href:"",name:"Observability"},{current:"[Circular]",href:"",name:"API Security"}],tabContent:{"API Security":{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"5Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Authorization:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"3Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Company:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"2Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Observability:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"4Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Performance:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",readMore_cta:"Read More About Performance",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"1Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"}}},Hpe.defaultProps={title:"100+ Data Sources",description:"description1",CTA:{text:"Button Label"},video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1654760488/samples/sea-turtle.mp4"},exports.AboutSectionCard=function(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"divide-y divide-neutral-200"},u.default.createElement("div",{className:" pb-8"},u.default.createElement("div",null,e.imgUrl&&u.default.createElement("div",{className:"flex"},u.default.createElement("img",{alt:e.title??"connectorImage",src:e.imgUrl,className:" max-h-[25px] "})),e.tags&&u.default.createElement("div",{className:"gap-2 pt-8 flex flex-wrap"},e.tags.map(((e,t)=>u.default.createElement(X5,{key:t,color:e.color,children:e.label}))))),u.default.createElement("div",null,e.title&&u.default.createElement("div",{className:"pt-4 text-hds-t-h3 text-neutral-1000"},e.title),e.description&&u.default.createElement(z,{textStyle:"sub2",className:"pt-2 text-neutral-500"},e.description)),e.btnLink&&u.default.createElement("a",{href:e.btnLink,className:"mt-4 flex"},u.default.createElement(s8,{type:"secondary",label:e.btnLabel??"Deployment guide",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#3970FD"}))),u.default.createElement("div",{className:"py-8 "},u.default.createElement(z,{textStyle:"h6",className:"text-neutral-500 uppercase"},e.aboutTitle??"About"),u.default.createElement("div",{className:"pt-4 flex flex-col gap-2"},e.versionValue&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.version??"Version"),u.default.createElement(X5,{color:"blue",children:e.versionValue})),e.typeValue&&u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.typeText??"Type"),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e.typeIconVariant,strokeClass:"stroke-neutral-800"}),u.default.createElement(z,{textStyle:"body1c-medium",className:"text-neutral-800"},e.typeValue)),e.releasedValue&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.releasedText??"Released"),u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-800"},e.releasedValue)),e.lastUpdateValue&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.lastUpdatedText??"Last Updated"),u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-800"},e.lastUpdateValue)),e.deployed&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.deployed??"Deployed"),u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-800"},e.deployedValue)),e.githubRepoLink&&u.default.createElement("a",{href:e.githubRepoLink,className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:"octoface"}),u.default.createElement(z,{textStyle:"body1-medium",className:"text-blue-600"},e.githubText??"Github Repo"),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:"linkexternal01",strokeClass:"stroke-blue-600"})))),u.default.createElement("div",{className:"py-8"},u.default.createElement(z,{textStyle:"h6",className:"text-neutral-500 uppercase"},e.creator??"Creator"),e.hasuraIncUrl&&u.default.createElement("a",{href:e.hasuraIncUrl,className:"flex gap-2 items-center pt-4"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-blue-600"},e.hasuraInc??"Hasura, Inc"),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:"linkexternal01",strokeClass:"stroke-blue-600"})),e.Email&&u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500 pt-2"},e.Email??"support@hasura.io"))))},exports.AlgoliaSearch=A5,exports.AnnouncementMd=function(t){const[r,n]=e.useState(!0),a=t.bgColorClass?g(t.bgColorClass):"bg-neutral-0",o=t.linkTextColorClass?g(t.linkTextColorClass):"text-neutral-600",i=t.tagColor?t.tagColor:"purple",l=t.iconBgColor?g(t.iconBgColor):"bg-blue-200",[s,c]=e.useState(!1);return e.useEffect((()=>{if(Yoe&&"sessionStorage"in window&&window.sessionStorage&&"getItem"in window.sessionStorage){window.sessionStorage.getItem("announcementConsent")&&c(!0)}}),[]),r&&!s?u.default.createElement("div",{className:"py-6"},u.default.createElement("div",{className:`${a} flex justify-between relative rounded-2xl tb:rounded-full shadow p-4 tb:justify-center tb:items-center`},u.default.createElement("div",{className:"tb:items-center flex tb:justify-center"},t.brandImg&&u.default.createElement("div",{className:"tb:pb-0 tb:pl-14 pr-2"},u.default.createElement("img",{className:"mt-[2px] tb:mt-0 min-h-[20px] min-w-[20px] max-w-[20px] max-h-[20px] tb:min-h-[32px] tb:min-w-[32px] tb:max-w-[32px] tb:max-h-[32px]",src:t.brandImg,alt:t.brandImgAlt})),t.iconBgColor&&u.default.createElement("div",{className:`${l} mt-[2px] tb:mt-0 ml-0 mb-1 tb:mb-0 tb:ml-14 mr-2 w-5 h-5 tb:w-8 tb:h-8 min-w-[20px] tb:min-w-[32px] rounded-full flex items-center justify-center`},u.default.createElement(G$,{height:"block w-4 h-4 tb:w-5 tb:h-5 stroke-[2px] transition ease-in-out",variant:t.iconVariant,strokeClass:"stroke-neutral-1000"})),t.tagText&&u.default.createElement(z,{textStyle:"body2-medium",className:`inline-flex py-1 px-0 tb:px-3 ml-0 tb:ml-14 tb-m:ml-6 rounded-full mr-4 min-w-fit ${Qoe[i]}`},t.tagText),u.default.createElement("a",{href:t.linkUrl,className:"block pb-0"},u.default.createElement(z,{textStyle:"body2-medium",className:`${o} group flex items-center [&>div]:inline-block`},t.linkText,u.default.createElement(G$,{height:" hds-hidden tb:block w-6 h-6 stroke-[2px] ml-3 transition ease-in-out group-hover:translate-x-[5px]",variant:"arrownarrowright",strokeClass:"stroke-blue-500"})))),u.default.createElement("div",{className:"static mt-[2px] tb:mt-0 ml-3 tb:ml-0 tb:absolute top-1/2 tb:-translate-y-1/2 tb:left-6 cursor-pointer w-5 h-5 min-w-[20px] tb:w-8 tb:min-w-[32px] tb:h-8 rounded-full bg-neutral-100 flex items-center justify-center",onClick:()=>(n(!1),void(Yoe&&window.sessionStorage.setItem("announcementConsent","true")))},u.default.createElement(G$,{height:"block w-4 h-4 tb:w-6 tb:h-6 stroke-[2px] transition ease-in-out",variant:"xclose",strokeClass:"stroke-neutral-800"})))):null},exports.AnnouncementSM=function(e){const t=e.bgColorClass?g(e.bgColorClass):"bg-neutral-0",r=e.linkTextColorClass?g(e.linkTextColorClass):"text-neutral-600";return u.default.createElement("div",{className:`${t} rounded-2xl tb:rounded-full shadow p-3 tb:py-2 tb:px-2 inline-flex items-center`},u.default.createElement("div",{className:"block items-center tb:flex"},e.tagText&&u.default.createElement(z,{textStyle:"body2-medium",className:`inline-flex pl-0 tb:py-1 tb:px-3 rounded-full mr-4 min-w-fit ${Goe[e.tagColor]}`},e.tagText),u.default.createElement("a",{href:e.linkUrl,className:"pl-0 px-3 block tb:px-0 tb:pb-0"},u.default.createElement(z,{textStyle:"body2-medium",className:`${r} group flex items-center`},e.linkText,u.default.createElement(G$,{height:"block w-6 h-6 stroke-2 ml-2 mr-1 transition ease-in-out group-hover:translate-x-[5px]",variant:"arrownarrowright",strokeClass:"stroke-blue-500"})))))},exports.AvatarGroup=function(){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex -space-x-1 overflow-hidden"},u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""})),u.default.createElement("div",{className:"flex -space-x-2 overflow-hidden"},u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""})),u.default.createElement("div",{className:"flex -space-x-2 overflow-hidden"},u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""})))},exports.Badges=X5,exports.Banner=function(){return u.default.createElement("div",{className:"flex items-center bg-neutral-100 pl-1 py-1 pr-[10px] sm:px-3.5 sm:before:flex-1 w-full rounded-full"},u.default.createElement("p",{className:"text-sm leading-6 text-white"},u.default.createElement("a",{href:"#",className:"flex-none rounded-full bg-neutral-0 py-1 px-3.5 text-sm font-semibold text-white shadow-sm hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900"},"Register now"),u.default.createElement("span",{className:""},"We’ve just released a new feature ",u.default.createElement("span",{"aria-hidden":"true"},"↗"))),u.default.createElement("div",{className:"flex flex-1 justify-end"},u.default.createElement("button",{type:"button",className:"-m-3 p-3 focus-visible:outline-offset-[-4px]"},u.default.createElement("span",{className:"sr-only"},"Dismiss"),"x")))},exports.BrandCard=Zoe,exports.BreadCrumbs=o8,exports.Card=({text:t})=>{const[r,n]=e.useState(!1);return React.createElement("div",{className:"relative bg-white rounded-md shadow-md p-4 border bg-storybook-default-heading"},React.createElement("p",{className:"code-md whitespace-pre-wrap font-medium text-neutral-100"},t),React.createElement("button",{className:" code-md absolute bottom-0 right-0 border px-4 py-4 bg-neutral-100 text-storybook-default-heading rounded hover:bg-blue-100 focus:bg-blue-100 focus:outline-none",onClick:async()=>{try{await navigator.clipboard.writeText(t),n(!0),setTimeout((()=>{n(!1)}),2e3)}catch(e){console.error("Failed to copy text: ",e)}}},r?"Copied!":"Copy"))},exports.Card3dHover=({children:t})=>{const r=e.useRef(null);let n;return e.useEffect((()=>{const e=r.current,t=t=>{const r=t.clientX,a=t.clientY,o=r-n.x,i=a-n.y,l=o-n.width/2,s=i-n.height/2,c=Math.sqrt(l**2+s**2);e.style.transform=`\n scale3d(1.07, 1.07, 1.07)\n rotate3d(\n ${s/100},\n ${-l/100},\n 0,\n ${2*Math.log(c)}deg\n )\n `,e.querySelector(".glow").style.backgroundImage=`\n radial-gradient(\n circle at\n ${2*l+n.width/2}px\n ${2*s+n.height/2}px,\n #ffffff55,\n #0000000\n \n )\n `},a=()=>{n=e.getBoundingClientRect(),document.addEventListener("mousemove",t)},o=()=>{document.removeEventListener("mousemove",t),e.style.transform="",e.style.background=""};return e.addEventListener("mouseenter",a),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",a),e.removeEventListener("mouseleave",o)}}),[]),u.default.createElement("div",{className:"card",ref:r},u.default.createElement("div",{className:"glow"}),t)},exports.Carousel=function(e){const[t,r]=u.default.useState(0),[n,a]=u.default.useState(0),[o,i]=u.default.useState(0),l=e.images.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),s=e=>{r(e),l[e].current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},c=e.images.length,h=()=>{s(t>=c-1?0:t+1)},m=()=>{s(0===t?c-1:t-1)},p=e=>u.default.createElement("button",{type:"button",onClick:e?m:h,className:"absolute text-2xl z-10 bg-black h-10 w-10 rounded-full bg-neutral-0 flex items-center justify-center "+(e?"left-2 db:-left-5":"right-2 db:-right-5"),style:{top:"40%"}},u.default.createElement("span",{role:"img","aria-label":"Arrow "+(e?"left":"right")},e?u.default.createElement(G$,{className:""+(0==t?"invisible":""),height:"h-6",variant:"chevronleft",strokeColor:"#1F2A37"}):u.default.createElement(G$,{height:"h-6",variant:"chevronright",strokeColor:"#1F2A37"})));return u.default.createElement("div",null,u.default.createElement("div",{className:"flex justify-center select-none items-center gap-10 "},u.default.createElement("div",{className:"relative w-full"},u.default.createElement("div",{className:"snap-x inline-flex select-none overflow-x-scroll scrollbar-hide",onTouchStart:e=>{a(e.targetTouches[0].clientX)},onTouchMove:e=>{i(e.targetTouches[0].clientX)},onTouchEnd:()=>{n-o>150&&h(),n-o<-150&&m()},onMouseDown:e=>a(e.clientX),onMouseUp:e=>{n-e.clientX>50&&h(),n-e.clientX<-50&&m()}},p(!0),e.images.map(((e,r)=>u.default.createElement("div",{className:"w-3/4 snap-center shrink-0 mx-4",key:r,ref:l[r]},u.default.createElement("img",{src:e,className:"w-full select-none rounded-3xl object-contain "+(t==r?"":" opacity-60 transition-opacity delay-300 ease-in"),draggable:"false"})))),p()))),u.default.createElement("div",null,u.default.createElement("div",{className:"flex flex-row gap-4 mt-10 ml-4"},e.images.map(((e,r)=>u.default.createElement("div",{className:"",key:r},u.default.createElement("img",{src:e,className:`max-w-[6rem] ${t==r?"border-blue-400 border-4":""} rounded-lg object-contain`})))))))},exports.CarouselB=function(t){const r=e.useRef(null),[n,a]=u.default.useState(0),[o,i]=e.useState(!1),l=t.cards.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),s=t.cards.length,c=" text-2xl z-10 bg-black h-12 w-12 ml-6 w-10 rounded-full bg-neutral-0 hover:bg-neutral-0 flex items-center justify-center shadow",h=(e,t)=>"isLeft"===t?0===e:"isRight"===t?2===e:void 0;return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block tb:hidden"},o?t.cards.map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:l[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))):t.cards.slice(0,6).map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:l[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))),t.cards.length>6&&u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:o?"View less":"View more",type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"flex",btnTextColorClass:"text-blue-600",btnBgColorClass:"",onClick:()=>i(!o)}))),u.default.createElement("div",{className:"hidden tb:flex tb:flex-col-reverse"},u.default.createElement("div",{className:"flex pt-10 justify-center items-center"},u.default.createElement("div",{className:"flex"},u.default.createElement("button",{type:"button",onClick:()=>{(()=>{if(n>0)a(n-1),r.current.scrollTo({left:r.current.scrollLeft-1*r.current.children[0].offsetWidth,behavior:"smooth"});else{const e=s-1,t=r.current.scrollWidth-1*r.current.children[0].offsetWidth;a(e),r.current.scrollTo({left:t,behavior:"smooth"})}})()},className:`flex bg-blue-600 ${c} disabled:bg-neutral-200 `,disabled:h(n,"isLeft")},u.default.createElement("span",{role:"img","aria-label":"Arrow left "},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5]",variant:"arrowleft",strokeColor:"#1F2A37"}))),u.default.createElement("button",{type:"button",onClick:()=>{n<s-1?(a(n+1),r.current.scrollTo({left:r.current.scrollLeft+1*r.current.children[0].offsetWidth,behavior:"smooth"})):(a(0),r.current.scrollTo({left:0,behavior:"smooth"}))},className:`flex bg-blue-600 ${c} disabled:bg-neutral-200 `,disabled:h(n,"isRight")},u.default.createElement("span",{role:"img","aria-label":"Arrow right "},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5]",variant:"arrowright",strokeColor:"#1F2A37"}))))),u.default.createElement("div",{className:"justify-center select-none items-center"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"snap-center w-full inline-flex select-none overflow-x-hidden scrollbar-hide",ref:r},t.cards.map(((e,r)=>u.default.createElement("div",{className:"snap-center first:ml-0 mx-5 shrink-0",key:r,ref:l[r]},u.default.createElement("div",{className:"w-full snap-center select-none rounded-3xl object-contain"},u.default.createElement(t.component,e))))))))))},exports.CarouselCard=function(t){const r=e.useRef(null),[n,a]=u.default.useState(0),[o,i]=u.default.useState(0),[l,s]=u.default.useState(0),[c,h]=e.useState(!1),m=t.cards.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),p=t.cards.length,f=()=>{let e=1;window.innerWidth>800&&(e=2),window.innerWidth>1140&&(e=3),n<p-e?(a(n+e),r.current.scrollTo({left:r.current.scrollLeft+r.current.children[0].offsetWidth*e,behavior:"smooth"})):(a(0),r.current.scrollTo({left:0,behavior:"smooth"}))},d=()=>{let e=1;if(window.innerWidth>800&&(e=2),window.innerWidth>1140&&(e=3),n>0)a(n-e),r.current.scrollTo({left:r.current.scrollLeft-r.current.children[0].offsetWidth*e,behavior:"smooth"});else{const t=p-1,n=r.current.scrollWidth-r.current.children[0].offsetWidth*e;a(t),r.current.scrollTo({left:n,behavior:"smooth"})}},v=e=>u.default.createElement("button",{type:"button",onClick:e?d:f,className:"flex text-2xl z-10 bg-black h-10 ml-6 w-10 rounded-full bg-purple-200 hover:bg-neutral-0 flex items-center justify-center "},u.default.createElement("span",{role:"img","aria-label":"Arrow "+(e?"left":"right")},e?u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeColor:"#00288E"}):u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeColor:"#00288E"})));return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block tb:hidden"},c?t.cards.map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))):t.cards.slice(0,6).map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))),t.cards.length>6&&u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:c?"View less":"View more",type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"flex",btnTextColorClass:"text-blue-600",btnBgColorClass:"",onClick:()=>h(!c)}))),u.default.createElement("div",{className:"hidden tb:flex tb:flex-col"},u.default.createElement("div",{className:"flex pb-12 items-center justify-end "},u.default.createElement("div",{className:"flex"},v(!0),v())),u.default.createElement("div",{className:"justify-center select-none items-center",onTouchStart:e=>{i(e.targetTouches[0].clientX)},onTouchMove:e=>{s(e.targetTouches[0].clientX)},onTouchEnd:()=>{o-l>150&&f(),o-l<-150&&d()},onMouseDown:e=>i(e.clientX),onMouseUp:e=>{o-e.clientX>50&&f(),o-e.clientX<-50&&d()}},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"snap-x w-full inline-flex select-none overflow-x-hidden scrollbar-hide",ref:r},t.cards.map(((e,r)=>u.default.createElement("div",{className:" db:snap-center snap-center tb-m:snap-start mx-5 shrink-0",key:r,ref:m[r]},u.default.createElement("div",{className:"w-full select-none rounded-3xl object-contain"},u.default.createElement(t.component,e))))))))))},exports.Checkbox=function(e){const{disabled:t,CHECKBOX_ARR:r}=e;return u.default.createElement("fieldset",null,u.default.createElement("legend",{className:"sr-only"},"Notifications"),u.default.createElement("div",{className:"space-y-5"},r.map((e=>u.default.createElement("div",{className:"relative flex items-start"},u.default.createElement("div",{className:"flex h-6 items-center"},u.default.createElement("input",{id:"comments","aria-describedby":"comments-description",name:"comments",type:"checkbox",disabled:t,className:"h-4 w-4 rounded-full border-neutral-200 focus:ring-blue-100 focus:ring-offset-0 focus:ring-0 focus:border focus:bg-neutral-0 focus:border-neutral-300 focus:shadow-[0px_0px_0px_4px_#F0F4FF] focus:outline-none hover:bg-blue-200 hover:border hover:border-blue-600 bg-checkbox checked:hover:bg-blue-200 checked:border-blue-600 checked:bg-blue-100 checked:focus:border checked:focus:border-blue-600 checked:focus:bg-blue-100 checked:hover:border checked:hover:border-blue-600 checked:focus:shadow-[0px_0px_0px_4px_#F0F4FF] disabled:bg-neutral-100 disabled:border disabled:border-neutral-300 "})),u.default.createElement("div",{className:"ml-3 text-sm leading-6"},u.default.createElement("label",{htmlFor:"comments",className:"text-neutral-800"},e.label),u.default.createElement("p",{id:"comments-description",className:"text-neutral-600"},e.description)))))),u.default.createElement("style",null,'\n .bg-checkbox:checked {\n background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27blue%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e")\n \n }\n '))},exports.CommunityCard=function(e){return u.default.createElement("a",{href:e.linkUrl},u.default.createElement("div",{className:"p-5 tb:p-8 bg-neutral-0 shadow-sm rounded-3xl mx-5"},u.default.createElement(Woe,null),u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-1000 py-4"},e.name),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-500"},e.tweets)))},exports.ConnectorCard=function(e){return u.default.createElement(u.default.Fragment,null,e.linkUrl&&u.default.createElement("a",{href:e.linkUrl,className:" flex flex-col gap-10 justify-between h-full"},u.default.createElement("div",{className:"flex justify-between"},e.imgUrl&&u.default.createElement("div",{className:"flex"},u.default.createElement("img",{alt:e.title??"connectorImage",src:e.imgUrl,className:" max-h-[25px] object-contain "})),e.checkIcon&&u.default.createElement("div",{className:"ml-2"},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:e.checkIcon,strokeClass:"stroke-blue-600"}))),u.default.createElement("div",null,e.title&&u.default.createElement(z,{textStyle:"body2-bold",className:"text-neutral-1000"},e.title),e.description&&u.default.createElement(z,{textStyle:"body3",className:"pt-2 text-neutral-600"},e.description),u.default.createElement("div",{className:"flex flex-row items-center gap-2 pt-3"},e.iconVariant&&u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e.iconVariant,strokeClass:"stroke-neutral-600"}),e.iconTag&&u.default.createElement(z,{textStyle:"body2-bold",className:"text-neutral-1000"},e.iconTag)))))},exports.Count=t8,exports.CustomCarousel=function(t){const r=e.useRef(null),[n,a]=u.default.useState(0),[o,i]=u.default.useState(0),[l,s]=u.default.useState(0),[c,h]=e.useState(!1),m=t.cards.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),p=t.cards.length,f=()=>{n<p-1?(a(n+1),r.current.scrollTo({left:r.current.scrollLeft+1*r.current.children[0].offsetWidth,behavior:"smooth"})):(a(0),r.current.scrollTo({left:0,behavior:"smooth"}))},d=()=>{if(n>0)a(n-1),r.current.scrollTo({left:r.current.scrollLeft-1*r.current.children[0].offsetWidth,behavior:"smooth"});else{const e=p-1,t=r.current.scrollWidth-1*r.current.children[0].offsetWidth;a(e),r.current.scrollTo({left:t,behavior:"smooth"})}},v=" text-2xl z-10 bg-black h-10 w-10 ml-6 w-10 rounded-full bg-neutral-0 hover:bg-neutral-0 flex items-center justify-center shadow",g=(e,t)=>"isLeft"===t?0===e:"isRight"===t?2===e:void 0;return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"flex flex-row overflow-scroll scrollbar-hide gap-4 tb:hidden"},c?t.cards.map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl shadow min-w-[312px] overflow-hidden"},u.default.createElement(t.component,e))))):t.cards.slice(0,6).map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl shadow overflow-hidden"},u.default.createElement(t.component,e))))),t.cards.length>6&&u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:c?"View less":"View more",type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"flex",btnTextColorClass:"text-blue-600",btnBgColorClass:"",onClick:()=>h(!c)}))),u.default.createElement("div",{className:"hidden tb:flex tb:flex-col-reverse"},u.default.createElement("div",{className:"flex items-center justify-center mt-10"},u.default.createElement("div",{className:"flex"},u.default.createElement("button",{type:"button",onClick:()=>{d()},className:`flex bg-blue-600 ${v} disabled:bg-neutral-200 `,disabled:g(n,"isLeft")},u.default.createElement("span",{role:"img","aria-label":"Arrow left "},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeColor:"#6C737F"}))),u.default.createElement("button",{type:"button",onClick:()=>{f()},className:`flex bg-blue-600 ${v} disabled:bg-neutral-200 `,disabled:g(n,"isRight")},u.default.createElement("span",{role:"img","aria-label":"Arrow right "},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5]",variant:"chevronright",strokeColor:"#6C737F"}))))),u.default.createElement("div",{className:"justify-center select-none items-center",onTouchStart:e=>{i(e.targetTouches[0].clientX)},onTouchMove:e=>{s(e.targetTouches[0].clientX)},onTouchEnd:()=>{o-l>150&&f(),o-l<-150&&d()},onMouseDown:e=>i(e.clientX),onMouseUp:e=>{o-e.clientX>50&&f(),o-e.clientX<-50&&d()}},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"snap-x w-full inline-flex select-none overflow-x-hidden scrollbar-hide",ref:r},t.cards.map(((e,r)=>u.default.createElement("div",{className:" snap-center mx-5 shrink-0 py-1",key:r,ref:m[r]},u.default.createElement("div",{className:"w-full select-none rounded-3xl object-contain"},u.default.createElement(t.component,e))))))))))},exports.CustomHeader=function(t){const{label:r,childArray:n}=t,[a,o]=e.useState(!1);return u.default.createElement("header",{className:"bg-white"},u.default.createElement("nav",{className:"mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8","aria-label":"Global"},u.default.createElement("a",{href:"#",className:"-m-1.5 p-1.5 flex"},u.default.createElement(G$,{variant:"hasuraPrimary",strokeColor:""})),u.default.createElement("div",{className:"flex lg:hidden"},u.default.createElement("button",{type:"button",className:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",onClick:()=>o(!0)},u.default.createElement("span",{className:"sr-only"},"Open main menu"),u.default.createElement(G$,{height:"h-6",variant:"menu05",strokeColor:"#3970FD"}))),u.default.createElement("div",{className:"hidden lg:flex lg:gap-x-12"},n.map((e=>u.default.createElement("a",{key:e.name,href:e.href},u.default.createElement(z,{className:"ml-1.5",textStyle:"body3"},e.name)))),u.default.createElement("a",{href:"#",className:"text-sm font-semibold leading-6 text-gray-900"},"Log in ",u.default.createElement("span",{"aria-hidden":"true"},"→")))),u.default.createElement("div",{className:"transition-all "},u.default.createElement(Z7,{as:"div",className:"lg:hidden",open:a,onClose:o},u.default.createElement("div",{className:"fixed inset-0 z-10"}),u.default.createElement(Z7.Panel,{className:"fixed border rounded-l-3xl inset-y-0 bg-neutral-0 max-w-min min-w-fit right-0 z-10 w-full overflow-y-auto bg-white px-6 py-6 sm:ring-1 sm:ring-gray-900/10"},u.default.createElement("div",{className:"flex items-center justify-end"},u.default.createElement("button",{type:"button",className:"-m-2.5 rounded-md p-2.5 text-gray-700",onClick:()=>o(!1)},u.default.createElement("span",{className:"sr-only"},"Close menu"),u.default.createElement(G$,{height:"h-6",variant:"xclose",strokeColor:"#3970FD"}))),u.default.createElement("div",{className:"mt-6 flow-root"},u.default.createElement(z,{textStyle:"h6",className:"text-neutral-400"},"MENU"),u.default.createElement("div",{className:" flex-col divide-y divide-blue-600/10"},u.default.createElement("div",{className:"space-y-2 py-6 pr-48"},n.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:"-mx-3 rounded-lg flex gap-5 py-2 px-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"},u.default.createElement(G$,{height:"h-6",variant:"home03",strokeColor:"#6C737F"}),e.name)))),u.default.createElement("div",{className:"py-6"},u.default.createElement(s8,{leftIconVariant:"none",rightIconVariant:"none",label:"Log In",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff",animatedHoverStroke:"group-hover:stroke-neutral-0"}))))))))},exports.CustomerStories=function({components:t,variants:r}){const[n,a]=e.useState(!0),[o,i]=e.useState(0),[l,s]=e.useState(t.length-1),[c,h]=e.useState(1),[m,p]=e.useState(0),[f,d]=e.useState(!0),v=()=>{f&&g()};e.useEffect((()=>{const e=setInterval(v,3e3);return()=>clearInterval(e)}),[o,f]);const g=()=>{l===t.length-1?s(0):s(l+1),o===t.length-1?i(0):i(o+1),c===t.length-1?h(0):h(c+1),a(!0),p((e=>e===t.length-1?0:e+1)),a(!0)},b=()=>{a(!1),s(0===l?t.length-1:l-1),i(0===o?t.length-1:o-1),h(0===c?t.length-1:c-1),p((e=>0===e?t.length-1:e-1)),a(!1)},w=()=>{d(!1)},y=()=>{d(!0)};return t?u.default.createElement("div",{className:"h-full",onMouseEnter:w,onMouseLeave:y},u.default.createElement("div",{className:"hidden tb-l:grid relative h-full"},u.default.createElement(npe.div,{className:"flex justify-center "},u.default.createElement(upe,{initial:!1},u.default.createElement(npe.div,{key:l,variants:r,initial:n?"center":"leftHidden",animate:"left",exit:"leftHidden",className:"carousel-item"},t[l]),u.default.createElement(npe.div,{variants:r,key:o,initial:n?"right":"left",animate:"center",className:"carousel-item"},t[o]),u.default.createElement(npe.div,{key:c,variants:r,initial:n?"rightHidden":"center",animate:"right",exit:"rightHidden",className:"carousel-item"},t[c])))),u.default.createElement("div",{className:"hidden tb-l:flex mt-10 "},u.default.createElement("div",{className:"gap-4 w-full h-full flex justify-center"},u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:" w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200 ",onClick:b},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeClass:"stroke-neutral-800"})),u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:"w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200",onClick:g},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeClass:"stroke-neutral-800"})))),u.default.createElement("div",{className:"tb-l:hidden flex overflow-x-scroll pb-10 pt-4 tb:pb-16 tb:pt-10 px-4 gap-2 mb-m:gap-4 tb-m:gap-4"},t.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},u.default.createElement("div",{className:"tb-l:min-w-[700px] tb:min-w-[500px] mb-s:min-w-[350px] min-w-[300px]"},e)))))):u.default.createElement(u.default.Fragment,null)},exports.DataSourcesCard=Hpe,exports.DefaultIF=function({disabled:t,label:r,helper:n,size:a,placeholder:o,onChange:i}){const[l,s]=e.useState("");return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"ml-4 block text-sm-medium text-neutral-800"},r),u.default.createElement("div",{className:"mt-1"},u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:t,className:"block w-full rounded-full border-neutral-200 shadow-none text-neutral-800 focus:outline-none focus:border-neutral-200 focus:shadow-[0_0px_0px_4px_#DFE8FF] focus:ring-0 hover:shadow hover:border-neutral-300 placeholder:text-neutral-500 placeholder:text-md-regular disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200",placeholder:o,"aria-describedby":"email-description",onChange:e=>{const t=e.target.value;s(t),i&&i(t)}})),u.default.createElement("p",{className:"mt-2 ml-4 text-sm-regular text-neutral-800",id:"email-description"},n))},exports.ErrorIF=function({label:t,helper:r,size:n,placeholder:a,rightIconVariant:o,rightIconColor:i,disabled:l,onChange:s}){const[c,h]=e.useState("");return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"block ml-4 text-sm-medium text-neutral-800"},t),u.default.createElement("div",{className:"relative mt-1 rounded-full shadow-sm"},u.default.createElement("input",{type:"email",name:"email",id:"email",className:"block w-full rounded-full shadow border-pink-500 focus:border-pink-500 focus:outline-none focus:ring-pink-500 sm:text-sm focus:shadow-[0_0px_0px_4px_#FFE6F0] placeholder:text-neutral-500 placeholder:text-md-regular ",placeholder:a,defaultValue:"adamwathan","aria-invalid":"true","aria-describedby":"email-error",onChange:e=>{const t=e.target.value;h(t),s&&s(t)}}),u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4"},o&&"none"!==o&&u.default.createElement("div",{className:" ml-1.5 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i})))),u.default.createElement("p",{className:"mt-2 ml-4 text-xs-regular text-pink-600",id:"email-error"},r))},exports.EventListingCard=function(e){return u.default.createElement("div",{className:"group/eventListing rounded-3xl transition-all duration-300"},u.default.createElement("div",{className:"self-start rounded-t-3xl"},e.eventListingImg&&u.default.createElement("div",{className:"relative"},u.default.createElement("div",null,u.default.createElement("img",{src:e.eventListingImg,alt:e.title,className:` rounded-t-3xl h-[179px] object-cover ${e.imgBG}`,loading:"lazy"}),e.imgTagText&&u.default.createElement("div",{className:" scale-75 absolute top-2 -right-1"},u.default.createElement(r8,{statusCircleBgClass:e.circleBG??"bg-red-400",statusTextClass:"text-neutral-900",bgClass:"bg-neutral-0",statusText:e.imgTagText??"Concluded"}))))),u.default.createElement("div",{className:"border border-neutral-200 group-hover/eventListing:border-opacity-0 transition-all duration-300 rounded-b-3xl"},u.default.createElement("div",{className:"p-6 pb-0"},e.eventType&&u.default.createElement(X5,{color:e.badgeColor??"green",children:e.eventType}),e.title&&u.default.createElement("div",{className:"text-neutral-1000 text-hds-m-h5 tb:text-hds-t-h5 py-2"},e.title)),e.eventDate&&u.default.createElement(z,{textStyle:"body3-medium",className:"text-neutral-700 flex items-center duration-300 self-end p-6 pt-0"},e.eventDate,u.default.createElement("div",null,u.default.createElement(G$,{className:"z-10 stroke-2 group-hover/eventListing:translate-x-[0.15rem] group-hover/eventListing:transition-all group-hover/eventListing:duration-300",height:"h-5 w-5",variant:"chevronright",strokeClass:"stroke-neutral-500"}),u.default.createElement(G$,{className:"invisible stroke-2 group-hover/eventListing:transition-all group-hover/eventListing:delay-100 group-hover/eventListing:visible ",height:"h-5 w-5 -mt-5",variant:"minus01",strokeClass:"stroke-neutral-500"})))))},exports.EventScheduleCard=function(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",null,e.eventBadge&&u.default.createElement("div",{className:"pb-2"},u.default.createElement(X5,{color:e.badgeColor??"green",children:e.eventBadge})),e.title&&u.default.createElement(z,{textStyle:"h3",as:"h1",className:g(e.titleTextColor)+" pb-6"},e.title),(e.eventDate||e.eventTime||e.eventLocation||e.social)&&u.default.createElement("div",{className:"flex tb:divide-x divide-y tb:divide-y-0 divide-neutral-200 pb-6 tb:flex-row flex-col"},e.eventDate&&u.default.createElement("div",{className:"flex flex-col tb:pr-6 pb-4 tb:pb-0 gap-1"},u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-[18px] w-[18px]",variant:"calendar",strokeClass:"stroke-neutral-600 stroke-2"}),u.default.createElement(z,{textStyle:"h6",className:"capitalize text-neutral-600"},"WHEN")),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.eventDate)),e.eventTime&&u.default.createElement("div",{className:"flex flex-col tb:px-6 py-4 tb:py-0 gap-1"},u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-[18px] w-[18px]",variant:"clock",strokeClass:"stroke-neutral-600 stroke-2"}),u.default.createElement(z,{textStyle:"h6",className:"capitalize text-neutral-600"},"TIME")),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.eventTime)),e.eventLocation&&u.default.createElement("div",{className:"flex flex-col tb:px-6 py-4 tb:py-0 gap-1 "},u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-[18px] w-[18px]",variant:"markerpin03",strokeClass:"stroke-neutral-600 stroke-2"}),u.default.createElement(z,{textStyle:"h6",className:"capitalize text-neutral-600"},"WHERE")),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.eventLocation)),e.social&&u.default.createElement("div",{className:"px-6 flex flex-wrap gap-4 items-center"},e.social&&e.social.twitter&&u.default.createElement("a",{href:e.social.twitter},u.default.createElement(G$,{variant:"twitter",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.linkedin&&u.default.createElement("a",{href:e.social.linkedin},u.default.createElement(G$,{variant:"linkedin",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.facebook&&u.default.createElement("a",{href:e.social.facebook},u.default.createElement(G$,{variant:"facebookBlue",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})))),e.subtitle&&u.default.createElement(z,{textStyle:"h5",className:"text-neutral-700 pb-2"},e.subtitle),e.description&&u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700 pb-6 [&>p]:pb-2 [&>p>img]:mt-4 [&>p>img]:max-w-[420px] [&>p>img]:w-full [&>p>img:nth-child(2)]:max-w-[140px] last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800 "},u.default.createElement(Hoe,null,e.description)),e.speakers&&u.default.createElement("div",{className:"pt-6 border-t border-neutral-200 gap-8 flex flex-wrap"},e.speakers&&e.speakers.map(((e,t)=>{return u.default.createElement("div",{key:t},(r=e.speakerName,n=e.speakerDesignation,a=e.speakerImgUrl,u.default.createElement("div",{className:""},u.default.createElement(G5,{name:r,size:"md",designation:n,imageUrl:a,avatarVariant:"circle",avatarType:"primary"}))));var r,n,a})))))},exports.EventStories=function({components:t,variants:r}){const[n,a]=e.useState(!0),[o,i]=e.useState(0),[l,s]=e.useState(t.length-1),[c,h]=e.useState(1),[m,p]=e.useState(0),[f,d]=e.useState(!0),v=()=>{f&&g()};e.useEffect((()=>{const e=setInterval(v,3e3);return()=>clearInterval(e)}),[o,f]);const g=()=>{a(!0),l===t.length-1?s(0):s(l+1),o===t.length-1?i(0):i(o+1),c===t.length-1?h(0):h(c+1),p((e=>e===t.length-1?0:e+1))},b=()=>{a(!1),s(0===l?t.length-1:l-1),i(0===o?t.length-1:o-1),h(0===c?t.length-1:c-1),p((e=>0===e?t.length-1:e-1))},w=()=>{d(!1)},y=()=>{d(!1)};return t?u.default.createElement("div",{className:"h-full",onMouseEnter:w,onMouseLeave:y},u.default.createElement("div",{className:"hidden tb-l:grid relative h-full"},u.default.createElement(npe.div,{className:"flex justify-center "},u.default.createElement(upe,{initial:!1},u.default.createElement(npe.div,{key:l,variants:r,animate:n?"rightHidden":"left",exit:"leftHidden",className:"carousel-item"},t[l]),u.default.createElement(npe.div,{variants:r,key:o,animate:"center",className:"carousel-item"},t[o]),u.default.createElement(npe.div,{key:c,variants:r,animate:n?"leftHidden":"right",exit:"rightHidden",className:"carousel-item"},t[c])))),u.default.createElement("div",{className:"hidden tb-l:flex mt-10 "},u.default.createElement("div",{className:"gap-4 w-full h-full flex justify-center"},u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:" w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200 ",onClick:b},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeClass:"stroke-neutral-800"})),u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:"w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200",onClick:g},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeClass:"stroke-neutral-800"})))),u.default.createElement("div",{className:"tb-l:hidden flex overflow-x-scroll pb-10 pt-4 tb:pb-16 tb:pt-10 px-4 gap-2 mb-m:gap-4 tb-m:gap-4"},t.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},u.default.createElement("div",{className:"tb-l:min-w-[700px] tb:min-w-[500px] mb-s:min-w-[350px] min-w-[300px]"},e)))))):u.default.createElement(u.default.Fragment,null)},exports.EventsAgenda=function(e){return u.default.createElement(u.default.Fragment,null,e.tagline&&u.default.createElement(z,{textStyle:"body1-medium",className:"flex items-center text-neutral-700 pb-4"},e.tagIcon&&u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px] mr-2",variant:e.tagIcon,strokeClass:"stroke-neutral-700"}),e.tagline),e.agendaTitle&&u.default.createElement(z,{textStyle:"h3",as:"h3",className:"text-neutral-1000 pb-4"},e.agendaTitle),e.agendaList&&e.agendaList.map(((e,t)=>u.default.createElement("div",{key:t,className:0===t?"":"pt-4"},e.title&&u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-700 pb-1"},e.title),e.description&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-700 [&>p]:pb-1 [&>p>img]:mt-4 [&>p>img]:max-w-[420px] [&>p>img]:w-full [&>p>img:nth-child(2)]:max-w-[140px] last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800"},u.default.createElement(Hoe,null,e.description))))),e.closingNotes&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-700 pt-4 [&>p]:pb-4 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800"},u.default.createElement(Hoe,null,e.closingNotes)))},exports.EyeBrowText=n8,exports.FAQSection=function(t){const[r,n]=e.useState(null),a=e=>{n(r===e?null:e)};return u.default.createElement("div",{className:"divide-y divide-neutral-200"},t.accordionData&&t.accordionData.map(((e,t)=>u.default.createElement("div",{key:t,className:" first:pt-0 last:pb-0 py-6 flex"},u.default.createElement("div",{className:" cursor-pointer",onClick:()=>a(t)},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px] ",variant:r===t?"minus":"plus",strokeClass:"stroke-blue-600",className:" transition-opacity duration-300 mt-1"})),u.default.createElement("div",null,u.default.createElement(npe.div,{className:" pl-4 ",initial:{opacity:0},animate:{opacity:1},exit:{opacity:1},transition:{duration:.3,type:"easeIn"}},u.default.createElement("div",{className:"flex items-center justify-between cursor-pointer"},u.default.createElement("div",{className:"flex items-center",onClick:()=>a(t)},e.title&&u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-900"},e.title)))),u.default.createElement(upe,null,r===t&&u.default.createElement(npe.div,{className:"",initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.1,type:"tween"}},e.content&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-900 pl-4 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p]:pb-2 last:[&>p]:pb-0 [&>ul>li>a]:text-blue-600"},u.default.createElement(Hoe,{components:{a:({node:e,...t})=>u.default.createElement("a",Y$({className:"text-blue-600",target:"_blank"},t))}},e.content)))))))))},exports.FeedbackCard=qoe,exports.FlyoutA=ate,exports.FlyoutB=ote,exports.FlyoutC=ite,exports.FlyoutD=lte,exports.HDSButton=s8,exports.HDSButtonVariants=c8,exports.HDSColor=g,exports.HDSPaperForm=L5,exports.HDSSearch=function({wordArray:t}){const[r,n]=e.useState(""),[a,o]=e.useState([]);return u.default.createElement("div",null,u.default.createElement("input",{type:"text",placeholder:"Search...",value:r,onChange:e=>{const r=e.target.value.toLowerCase();n(r);const a=(i=r,t.filter((e=>e.toLowerCase().includes(i))));var i;o(a)}}),u.default.createElement("div",{id:"results"},a.map(((e,t)=>u.default.createElement("div",{key:t},e)))))},exports.HasConAvatar=Q5,exports.Hero1=function({heroData:t,logo:r,scrollArrow:n,fontSize:a}){const[o,i]=e.useState("volumex"),l=g(t.video_gradient_bg);return React.createElement("div",{className:"db:pt-32 mb-10 db:mb-5 tb:mb-16 tb-l:mb-0"},React.createElement("div",{className:"tb:px-4"},React.createElement("div",{className:"max-w-7xl mx-auto rounded-3xl overflow-hidden "+(t.bg_color?t.bg_color:"")},React.createElement("div",{className:"w-full"},React.createElement("div",{className:"db:flex db:w-full tb-l:flex block"+(t.video_url?" tb:block":" tb:flex")},React.createElement("div",{className:"db:px-28 db:py-20 db:pr-0 tb-l:self-center tb-l:min-w-[400px] mx-auto db:ml-0 db:max-w-[625px] db:min-w-[625px] p-5 pt-10 z-[1] tb:p-16 tb-l:py-12"+(t.video_url?" tb:max-w-[530px]":" tb:ml-0 tb:max-w-[290px] tb:min-w-[310px] tb:pr-0")},t.tag_line&&React.createElement("div",null,React.createElement(z,{textStyle:"h6",as:"h6",className:"pb-6 uppercase text-center db:text-left font-normal tb-l:text-left "+(t.tag_line_color?t.tag_line_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.tag_line)),t.title&&React.createElement("div",null,r?React.createElement("div",{className:"pb-4 db:text-left text-center tb-l:text-left"+(t.video_url?" tb:text-center":" tb:text-left")},React.createElement("img",{className:"w-[290px] inline-block",src:r,alt:"Brand"})):React.createElement(z,{textStyle:a||"h1",as:"h1",className:"pb-2 text-center break-words db:text-left tb-l:text-left "+(t.title_color?t.title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.title)),t.sub_title&&React.createElement("div",null,React.createElement(z,{textStyle:"sub1",className:"text-center db:text-left tb-l:text-left "+(t.sub_title_color?t.sub_title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.sub_title)),t.description&&React.createElement("div",null,React.createElement(z,{textStyle:"sub2",className:"text-center tb:text-left db:text-left tb-l:text-left text-blue-700 [&>*]:mb-8 last:[&>*]:mb-0"},t.description)),t.buttons&&React.createElement("div",{className:" gap-2 flex items-center justify-center tb-l:justify-start db:justify-start pt-6"+(t.video_url?" tb:justify-center":" tb:justify-start")},t.buttons.map(((e,t)=>React.createElement(s8,{leftIconVariant:"none",rightIconVariant:"none",label:e.cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}))))),t.video_url?React.createElement("div",{className:"relative"+(t.video_gradient_bg?"":" p-4")},React.createElement("div",{className:"w-12 h-12 bg-neutral-0 rounded-full absolute right-8 bottom-8 shadow-md cursor-pointer z-[2] flex items-center justify-center",onClick:()=>(()=>{if(t.video_url){const e=document.getElementById("hero_vid");e?.muted?(e.muted=!1,i("volumemax")):(e.muted=!0,i("volumex"))}})()},React.createElement(G$,{height:"w-6 h-6 stroke-neutral-800 stroke-[1.5px]",variant:o,strokeColor:"#1F2A37"})),React.createElement("video",{id:"hero_vid",controls:!1,loop:!0,muted:!0,poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",width:"500",height:"500",className:"tb:w-full w-full db:max-w-[500px]"+(t.video_gradient_bg?"":" rounded-xl shadow-md")},React.createElement("source",{src:t.video_url,type:"video/mp4"})),t.video_gradient_bg&&React.createElement("div",{className:`tb-l:w-1/2 w-full h-1/2 tb:h-full absolute left-0 top-0 tb-l:ml-[-4px] tb-l:bg-gradient-to-r ${l} to-transparent bg-gradient-to-b tb:mt-[-4px] tb-l:mt-0`})):React.createElement("div",{className:"w-full",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{delay:.2,duration:1}}}},t.img_url&&React.createElement("div",{className:"text-right pt-0 flex items-end justify-end h-full"},React.createElement("img",{src:t.img_url,alt:"Hero",className:"db:inline tb:w-[90%] tb-l:w-[70%] db:w-[75%] w-full rounded-b-3xl"})))))),n&&React.createElement("div",{className:" hidden tb-l:block translate-y-[-20px]"},React.createElement("div",{className:"px-6 flex justify-center pb-16 animate-bounce h-6 grid-cols-3"},React.createElement("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("g",{filter:"url(#filter0_dd_1052_3729)"},React.createElement("circle",{cx:"30",cy:"26",r:"24",fill:"white"}),React.createElement("path",{d:"M25 27L30 32L35 27M25 20L30 25L35 20",stroke:"#1F2A37",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),React.createElement("defs",null,React.createElement("filter",{id:"filter0_dd_1052_3729",x:"0",y:"0",width:"60",height:"60",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},React.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),React.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),React.createElement("feMorphology",{radius:"2",operator:"erode",in:"SourceAlpha",result:"effect1_dropShadow_1052_3729"}),React.createElement("feOffset",{dy:"2"}),React.createElement("feGaussianBlur",{stdDeviation:"2"}),React.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.109804 0 0 0 0 0.14902 0 0 0 0 0.247059 0 0 0 0.06 0"}),React.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1052_3729"}),React.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),React.createElement("feMorphology",{radius:"2",operator:"erode",in:"SourceAlpha",result:"effect2_dropShadow_1052_3729"}),React.createElement("feOffset",{dy:"4"}),React.createElement("feGaussianBlur",{stdDeviation:"4"}),React.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.109804 0 0 0 0 0.14902 0 0 0 0 0.247059 0 0 0 0.1 0"}),React.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_1052_3729",result:"effect2_dropShadow_1052_3729"}),React.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_1052_3729",result:"shape"}))))))))},exports.HeroCapability=Ope,exports.HeroEvents=function(e){return u.default.createElement("div",{className:"max-w-7xl"},u.default.createElement("div",{className:"relative"},u.default.createElement("img",{loading:"lazy",src:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1692355512/hasura-design-system/heroevents2_c8mpzp.png",alt:e.img_alt,className:"bg-discord h-[336px] object-cover "})),u.default.createElement("div",{className:"flex items-start py-12 px-20"},u.default.createElement("div",{className:"flex-1"}),u.default.createElement("div",{className:"bg-neutral-0 rounded-3xl w-[400px] z-[1] -mt-[200px] p-10 border border-neutral-200"},u.default.createElement("div",{className:"flex gap-2 items-center pb-6"},u.default.createElement(G$,{height:"h-5 w-5",variant:"videorecorder",strokeClass:"stroke-blue-600"}),u.default.createElement(z,{textStyle:"h5",className:"text-neutral-1000"})),u.default.createElement("div",null,u.default.createElement(L5,{formId:"hf-1051",styleClass:"paper-form-wrapper"})))))},exports.HeroIntegration=function({heroData:e}){return u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"max-w-7xl mx-auto pb-14 tb:pb-10 db-s:p-20 rounded-3xl overflow-hidden "+(e.bg_color?e.bg_color:"")},u.default.createElement("div",{className:"w-full"},u.default.createElement("div",{className:"flex flex-col px-8 db-s:px-0 tb:px-10 pt-5 tb:pt-10 db-s:flex db-s:justify-between db-s:items-center db-s:flex-row db-s:w-full db-s:gap-x-[92px]"},u.default.createElement("div",{className:"db-s:max-w-[490px] tb-l:max-w-[658px] w-full tb:flex items-start tb:flex-col mt-4 tb:mt-0"},e.title&&u.default.createElement(u.default.Fragment,null,e.title&&u.default.createElement(u.default.Fragment,null,e.stackedCard&&u.default.createElement("div",{className:"pb-6"},(t=e.stackedCard,u.default.createElement("div",{className:"flex flex-row"},t&&t.map(((e,t)=>u.default.createElement("div",{key:t,className:`w-20 h-20 ${t>0?"-ml-4":""} ${g(e.cardBgClass)} ${g(e.cardHoverbgClass)} rounded-full flex items-center justify-center `},u.default.createElement("div",{className:"w-14 h-14"},u.default.createElement("img",{className:"inline-block",src:e.img_link,alt:e.img_alt})))))))),u.default.createElement(z,{textStyle:"h2",as:"h2",className:"pb-2 tb:text-center break-words db:text-left tb-l:text-left "+(e.title_color?e.title_color:"")+(e.video_url?" tb:text-center":" tb:text-left")},e.title))),e.sub_title&&u.default.createElement(z,{textStyle:"sub1",className:"tb-l:text-center db:text-left flex"+(e.sub_title_color?e.sub_title_color:"")},e.sub_title),e.description&&u.default.createElement(z,{textStyle:"sub1",className:"db:text-left text-neutral-0 [&>*]:mb-8 last:[&>*]:mb-0"},e.description),e.buttons&&u.default.createElement("div",{className:" gap-6 flex items-center tb:justify-center tb-l:justify-start db:justify-start pt-6"+(e.video_url?" tb:justify-center":" tb:justify-start")},e.buttons[0]&&u.default.createElement(s8,{type:"primary",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:e.buttons[0].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}),e.buttons[1]&&u.default.createElement(s8,{type:"primaryLink",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:e.buttons[1].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}))),u.default.createElement("div",{className:"h-full flex justify-center db-s:self-start w-full"},(e=>e.imageUrl&&u.default.createElement("div",{className:"py-12 tb:py-14 db-s:pt-0 "},u.default.createElement("img",{src:e.imageUrl,alt:e.imageAlt,className:"tb-l:w-full db-s:max-w-[540px]"})))(e))),(e=>e.linkCards&&u.default.createElement("div",{className:"flex px-8 tb:px-10 tb:justify-center db-s:px-0 overflow-auto scrollbar-hide flex-row gap-6 db-s:mt-[68px] tb:flex-row "},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:`${g(e.cardBorderClass)} ${g(e.cardBgColor)} ${g(e.cardHoverBg)} transition-all ease-out duration-300 hover:shadow-2xl hover:border-opacity-0 border rounded-2xl w-full min-w-[11.5rem] max-w-[22.313rem]`},u.default.createElement(Uoe,{titleTextColor:e.titleTextColor,descTextColor:e.descTextColor,linkUrl:e.linkUrl,iconVariant:e.iconVariant,iconStrokeClass:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeClass:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(e)))));var t},exports.HeroLinkCard=function(t){const[r,n]=e.useState(!1);return t?u.default.createElement("div",null,u.default.createElement("div",{className:"flex flex-col-reverse tb:flex tb:flex-row tb:justify-between"},u.default.createElement("div",{className:`tb:w-1/2 db:max-w-[${t.contentWd?t.contentWd:"535px"}]`},t&&(a=t,u.default.createElement(u.default.Fragment,null,a.title&&u.default.createElement(z,{textStyle:"h2",as:"h2",className:` hidden tb:block ${a.titleTextColor?g(a.titleTextColor):"text-neutral-1000"}`},a.title),a.subTitle&&u.default.createElement(z,{textStyle:"sub1",className:`mt-2 ${a.subTitleTextColor?g(a.subTitleTextColor):"text-neutral-700"}`},a.subTitle),a.buttons&&u.default.createElement("div",{className:"flex items-center flex-wrap flex-row gap-2"},a.buttons.map(((t,r)=>u.default.createElement(e.Fragment,{key:r},t.url&&t.text&&t.type&&u.default.createElement("a",{href:t.url,key:r,className:"flex pt-6"},u.default.createElement(s8,{label:t.text,type:t.type,leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:t.rightAnimatedArrowColor??"#3970FD",animatedHoverStroke:t.animatedHoverStroke??"group-hover:stroke-neutral-0",btnTextColorClass:t.btnTextColorClass,btnTextHoverClass:t.btnTextHoverClass,className:t.className,btnbgHoverClass:t.btnBgColorClass}))))))))),u.default.createElement("div",{className:"grid items-center relative db:max-w-[500px] tb:w-1/2 transition-opacity duration-700 ease-linear "},u.default.createElement(z,{textStyle:"h2",as:"h2",className:`tb:hidden pb-6 ${t.titleTextColor?g(t.titleTextColor):"text-neutral-1000"}`},t.title),r?u.default.createElement(u.default.Fragment,null,t.videoUrl&&u.default.createElement("video",{id:"hero_vid",controls:!0,autoPlay:!0,playsInline:!0,width:"500",height:"500",className:"tb:w-full w-full rounded-3xl",src:t.videoUrl})):u.default.createElement("div",{className:"relative"},t.imgUrl&&u.default.createElement("img",{src:t.imgUrl,alt:"Illustration",loading:"lazy"}),t.videoUrl&&u.default.createElement("div",{className:`${t.currentPlayBtnClass} w-14 h-14 cursor-pointer video-play-btn rounded-full flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-neutral-1000 shadow-2xl`,onClick:()=>n(!0)},u.default.createElement(G$,{variant:"play",height:"h-6 w-6",strokeColor:"#ffffff",strokeClass:"stroke-neutral-0"}))))),u.default.createElement("div",{className:""},(e=>e.linkCards&&u.default.createElement("div",{className:"flex tb-m:justify-center overflow-auto no-scrollbar db:overflow-visible scrollbar-hide flex-row mt-10 tb:mt-12 db:mt-16 gap-6 tb:flex-row "},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:`${g(e.cardBorderClass)} ${g(e.cardBgColor)} ${g(e.cardHoverBg)} transition-all ease-out duration-300 hover:shadow-2xl hover:border-opacity-0 border rounded-2xl w-full min-w-[11.5rem] max-w-[22.313rem]`},u.default.createElement(Uoe,{titleTextColor:e.titleTextColor,descTextColor:e.descTextColor,linkUrl:e.linkUrl,iconVariant:e.iconVariant,iconStrokeClass:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeClass:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(t))):u.default.createElement("div",null);var a},exports.HeroSecondary=function({heroData:t,logo:r,scrollArrow:n,fontSize:a}){e.useState("volumex");const o=e=>{const t=e.nextElementSibling;t&&t.scrollIntoView({behavior:"smooth"})};return g(t.video_gradient_bg),u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"max-w-7xl mx-auto px-20 py-20 rounded-3xl overflow-hidden "+(t.bg_color?t.bg_color:"")},u.default.createElement("div",{className:"w-full"},u.default.createElement("div",{className:"tb-l:flex tb-l:justify-between tb-l:items-center tb-l:flex-row db:w-full flex flex-col-reverse tb:gap-x-16 db:gap-x-10 min-[1880px]:gap-x-72"+(t.video_url?" ":" tb:flex")},u.default.createElement("div",{className:"max-w-[29.18rem] w-full tb:flex items-start tb:flex-col mt-4 tb:mt-0"},t.tag_line&&u.default.createElement("div",null,u.default.createElement(z,{textStyle:"h6",as:"h6",className:"pb-2 uppercase text-center db:text-left font-normal tb-l:text-left "+(t.tag_line_color?t.tag_line_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.tag_line)),t.title&&u.default.createElement("div",null,r?u.default.createElement("div",{className:"pb-4 db:text-left tb:text-center tb-l:text-left"+(t.video_url?" tb:text-center":" tb:text-left")},u.default.createElement("img",{className:"w-[290px] inline-block",src:r,alt:"Brand"})):u.default.createElement(z,{textStyle:"h2",as:"h2",className:"pb-2 tb:text-center break-words db:text-left tb-l:text-left "+(t.title_color?t.title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.title)),t.sub_title&&u.default.createElement(z,{textStyle:"sub1",className:"tb-l:text-center db:text-left flex"+(t.sub_title_color?t.sub_title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.sub_title),t.description&&u.default.createElement(z,{textStyle:"sub1",className:"db:text-left text-neutral-0 [&>*]:mb-8 last:[&>*]:mb-0"},t.description),t.buttons&&u.default.createElement("div",{className:" gap-6 flex items-center tb:justify-center tb-l:justify-start db:justify-start pt-6"+(t.video_url?" tb:justify-center":" tb:justify-start")},t.buttons[0]&&u.default.createElement(s8,{type:t.buttons[0].cta_type||"secondary",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:t.buttons[0].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}),t.buttons[1]&&u.default.createElement(s8,{type:t.buttons[0].cta_type||"primaryLink",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:t.buttons[1].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}))),u.default.createElement("div",{className:""},(e=>e.imageUrl&&u.default.createElement("div",{className:""},u.default.createElement("img",{src:e.imageUrl,alt:e.imageAlt,className:"tb-l:w-full w-1/2"})))(t))),(e=>e.linkCards&&u.default.createElement("div",{className:"flex mt-16 px-20 pb-20 gap-6 justify-center"},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:"w-full"},u.default.createElement(Uoe,{linkUrl:e.linkUrl,cardBgColor:e.cardBgColor,cardHoverBg:e.cardHoverBg,iconVariant:e.iconVariant,iconStrokeColor:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeColor:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(t))),t.scrollArrow&&u.default.createElement("a",{className:"flex justify-center flex-row z-10",onClick:e=>o(e.currentTarget)},u.default.createElement("div",{className:"flex bg-neutral-0 shadow-md -mt-5 animate-bounce justify-center rounded-full items-center w-12 h-12",onClick:e=>{const t=e.target.parentNode;o(t)}},u.default.createElement(G$,{variant:"chevrondowndouble",strokeClass:"stroke-neutral-800",height:"h-6 w-6"})))))},exports.HomepageCarouselPrimary=function(t){let r=["https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016994/philips_5bab1602cd.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016996/nutrien_e629b651d5.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016995/optum_Card_17973d6328.png"];function n(e){return{video_url:e.video.data.attributes.url||"",testimonial:{card:{title_img:e.slideLogo?.data?.attributes?.url||"",subtitle:e.slideQuoteText||"",avatar:{img_url:e.slideAuthorImage?.data?.attributes?.url||"",name:e.slideAuthorName||"",designation:e.slideAuthorTitle||""}},cardHover:{cardBg:e.slideHoverColor||"",img_url:e.slideHoverImage?.data?.attributes?.url||"",title:e.slideHoverText||"",button:{cta_text:e.slideCTAText||""},slideCTA:e?.slideCTA||""}}}}const a=[];for(const e in t.data)if(t.data.hasOwnProperty(e)){const r=n(t.data[e]);a.push(r)}const[o,i]=e.useState(!1),[l,s]=u.default.useState(null),c=e.useRef(null),h=e.useRef(null),[m,p]=u.default.useState(0),f=a.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),d=Cpe.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),v=r.length,g=" text-2xl z-50 bg-black h-10 w-10 rounded-full bg-neutral-0 shadow-md hover:bg-neutral-100 hover:shadow-lg bg-blue-600 z-500 flex items-center justify-center",b=()=>{s((e=>!e))},w=(e,t)=>"isLeft"===t?0===e:"isRight"===t?2===e:void 0,y=()=>u.default.createElement("button",{type:"button",onClick:()=>{b(),(()=>{if(m>0)p(m-1),c.current.scrollTo({left:c.current.scrollLeft-1*c.current.children[0].offsetWidth,behavior:"smooth"}),h.current.scrollTo({left:h.current.scrollLeft-1.5*h.current.children[0].offsetWidth,behavior:"smooth"}),i(!1);else{const e=v-1,t=c.current.scrollWidth-1*c.current.children[0].offsetWidth;p(e),c.current.scrollTo({left:t,behavior:"smooth"});const r=h.current.scrollWidth-1.5*h.current.children[0].offsetWidth;p(e),h.current.scrollTo({left:r,behavior:"smooth"}),i(!1)}})()},className:`flex bg-blue-600 ${g} disabled:bg-neutral-200 `,disabled:w(m,"isLeft")},u.default.createElement("span",{role:"img","aria-label":"Arrow left "},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeColor:"#00288E"}))),x=()=>u.default.createElement("button",{type:"button",onClick:()=>{b(),m<v-1?(p(m+1),c.current.scrollTo({left:c.current.scrollLeft+1*c.current.children[0].offsetWidth,behavior:"smooth"}),h.current.scrollTo({left:h.current.scrollLeft+1.5*h.current.children[0].offsetWidth,behavior:"smooth"})):(p(0),c.current.scrollTo({left:0,behavior:"smooth"}),h.current.scrollTo({left:0,behavior:"smooth"}),i(!0))},className:`flex bg-blue-600 ${g} disabled:bg-neutral-200 `,disabled:w(m,"isRight")},u.default.createElement("span",{role:"img","aria-label":"Arrow right "},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeColor:"#00288E"}))),[O,E]=e.useState(!1);return u.default.createElement("div",{className:"min-[699px]:relative block"},u.default.createElement("div",{className:"mx-auto w-screen"},u.default.createElement("div",{className:"min-[699px]:relative flex flex-col items-center right-[75ppx] top-[112px]"},u.default.createElement("div",{className:"absolute"})),u.default.createElement("div",{className:" min-[699px]:relative top-5 rounded-lg"},u.default.createElement("div",{className:" min-[699px]:absolute"},u.default.createElement("div",{className:" flex flex-col-reverse tb:flex-col-reverse tb:flex items-center"},u.default.createElement("div",{className:"hidden min-[699px]:flex z-10 min-[699px]:mt-[70px] justify-center items-center"},u.default.createElement("div",{className:"flex w-screen gap-6 justify-center "},u.default.createElement("div",{className:"btnDBleft"},y()),u.default.createElement("div",{className:"btnDBright"},x()))),u.default.createElement("div",{className:"max-[369px]:mt-8 min-[400px]:-mt-[10rem] min-[699px]:hidden"},u.default.createElement("div",{className:"flex w-screen gap-6 justify-center "},y(),x())),u.default.createElement("div",{className:"justify-center select-none items-center"},u.default.createElement("div",{className:"w-screen flex justify-center items-center "},u.default.createElement("div",{className:" z-30"},u.default.createElement("div",{className:"snap-x max-[699px]:w-screen bg-neutral-00 tb:w-[580px] items-center z-20 inline-flex select-none overflow-x-hidden scrollbar-hide",ref:c},a.map(((e,t)=>u.default.createElement("div",{className:" db:snap-center snap-center mx-6 ",key:t,ref:f[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain "},u.default.createElement(Xoe,e))))))),u.default.createElement("div",{className:"hidden snap-x tb-l:max-w-[1240px] min-[1300px]:max-w-7xl\n gap-[167px]\n items-center min-[1300px]:flex select-none overflow-x-hidden scrollbar-hide absolute z-0",ref:h},r.map(((e,t)=>u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3",key:t+"x",ref:d[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain"},u.default.createElement("div",null,0==t&&Ppe(r[t+1]),1==t&&Ppe(r[1])))),u.default.createElement("div",{className:(O?" ":"")+" transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3 ",key:t+"y",ref:d[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain"},Ppe(r[2]))),u.default.createElement("div",{className:" transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3 ",key:t+"z",ref:d[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain"},Ppe(r[0])))))))))))),u.default.createElement("div",{className:" hidden min-[699px]:flex tb:flex-col items-center"},u.default.createElement("div",{className:"relative -right-[44px]"},u.default.createElement("img",{alt:"tab",src:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1687108911/hasura-design-system/Group_2608834_rxnldq.png",className:"w-[709px]"})))))},exports.Icon=G$,exports.IconAvatar=D5,exports.IconCard=Ioe,exports.IconCardButton=_oe,exports.IconLeadingIF=function({label:t,helper:r,size:n,placeholder:a,leftIconVariant:o,leftIconColor:i,disabled:l,onChange:s}){return e.useState(""),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"block text-sm-medium text-neutral-800"},t),u.default.createElement("div",{className:"relative mt-1 rounded-md shadow-sm"},u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"},o&&"none"!==o&&u.default.createElement("div",{className:"-ml-0.5 mr-2 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i}))),u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:l,className:"block w-full rounded-md border-gray-300 pl-10 focus:border-indigo-500 focus:ring-indigo-500 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm",placeholder:a})),u.default.createElement("p",{className:"mt-2 text-sm-regular text-neutral-800",id:"email-description"},r))},exports.IconTrailIF=function({label:t,helper:r,size:n,placeholder:a,rightIconVariant:o,rightIconColor:i,disabled:l,onChange:s}){const[c,h]=e.useState("");return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"account-number",className:"block text-sm-medium ml-4 text-neutral-800"},t),u.default.createElement("div",{className:"relative mt-1 rounded-full shadow-sm"},u.default.createElement("input",{type:"text",name:"account-number",id:"account-number",disabled:l,className:"block w-full rounded-full border-gray-300 pr-10 focus:border-indigo-500 focus:ring-indigo-500 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm",placeholder:"000-00-0000",onChange:e=>{const t=e.target.value;h(t),s&&s(t)}}),u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4"},o&&"none"!==o&&u.default.createElement("div",{className:" ml-1.5 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i})))),u.default.createElement("p",{className:"mt-2 ml-4 text-sm-regular text-neutral-800",id:"email-description"},r))},exports.ImageAvatar=F5,exports.ImageBadgeCard=function(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",null,u.default.createElement("a",{href:e.sliderLink},u.default.createElement("div",{className:`${g(e.cardBg)}bg-neutral-0 shadow hover:transition-all hover:ease-in-out hover:duration-300 hover:border-opacity-0 min-h-[443px] min-w-[312px] tb:max-w-[763px] tb:min-h-[245px] rounded-3xl tb:p-8 p-4`},u.default.createElement("div",{className:"flex flex-col-reverse tb:flex-row justify-between gap-4 items-center"},u.default.createElement("div",{className:"tb:max-w-[393px] mt-8 tb:mt-0"},u.default.createElement(X5,{color:e.badge.color,children:e.badge.label,text_color:"text-neutral-0"}),u.default.createElement(z,{textStyle:"h4",className:"mt-2 text-neutral-1000 max-w-[326px]"},e.title),u.default.createElement(z,{textStyle:"sub2",className:"mt-2 text-neutral-600"},e.subTitle)),u.default.createElement("div",{className:"flex justify-center h-full items-center"},u.default.createElement("img",{src:e.imageUrl,alt:e.title,className:"tb:max-w-[290px] rounded-lg flex items-center justify-center tb:max-h-[181px]"})))))))},exports.ImageCard=function(e){return u.default.createElement("a",{href:e.linkUrl,className:" bg-neutral-0 rounded-3xl mb-s:flex items-center shadow-sm"},u.default.createElement("div",{className:"h-full w-full mb-s:max-w-[142px]"},u.default.createElement("img",{className:" w-full rounded-t-3xl mb-s:rounded-tr-none mb-s:rounded-s-3xl h-full",src:e.imgUrl,alt:e.imgAlt})),u.default.createElement("div",{className:"p-4 mb-m:p-6"},u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-1000 pb-2"},e.title),u.default.createElement(z,{textStyle:"body3",className:" text-neutral-600"},e.description)))},exports.InitialsAvatar=U5,exports.InviteCard=function(e){return u.default.createElement("div",{className:""},u.default.createElement("div",{className:" flex "+("primary"===e.cardType?" flex flex-col-reverse ":"pb-6 flex flex-col")},e.imgURL&&u.default.createElement("div",{className:"primary"===e.cardType?"py-11":"pb-4"},u.default.createElement("img",{src:e.imgURL,loading:"lazy",alt:e.title,className:(e.cardType,"max-h-[200px]")})),u.default.createElement("div",null,e.titleTag&&u.default.createElement("div",{className:" text-hds-m-h6 text-neutral-500 uppercase"},e.titleTag),e.title&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.title),e.schedule&&u.default.createElement("div",{className:"flex gap-4 pt-4 flex-wrap"},e.schedule.date&&u.default.createElement("div",{className:"border border-neutral-200 rounded-2xl p-4 min-w-[152px] "},e.schedule.day&&u.default.createElement(z,{textStyle:"h6",className:"text-neutral-600"},e.schedule.day),e.schedule.date&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.schedule.date)),e.schedule.time&&u.default.createElement("div",{className:"border border-neutral-200 rounded-2xl p-4 min-w-[152px]"},e.schedule.timezone&&u.default.createElement(z,{textStyle:"h6",className:"text-neutral-600"},e.schedule.timezone),e.schedule.time&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.schedule.time))))),u.default.createElement("div",{className:"pb-6 border-neutral-200"},e.inviteTitle&&u.default.createElement(z,{textStyle:"h5",className:"text-neutral-800 border-t border-neutral-200 pt-6"},e.inviteTitle),e.inviteTitle2&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.inviteTitle2),e.inviteSubtitle&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-800"},e.inviteSubtitle)),u.default.createElement("div",{className:"pb-6"},(()=>{const t=e.invites||0,r=Array.from({length:t},((t,r)=>u.default.createElement("div",{className:"",key:r},u.default.createElement(ppe,{label:e.IFbuttonLabel,placeholder:e.IFbuttonPlaceholder}))));return u.default.createElement("div",{className:"flex flex-col gap-4"},r)})()),(e.social||e.calendarLink)&&u.default.createElement("div",{className:"border-t border-neutral-200 pt-6 flex gap-6 flex-wrap justify-center"},e.social&&u.default.createElement("div",{className:"flex flex-wrap items-center"},e.social&&e.social.twitter&&u.default.createElement("a",{href:e.social.twitter,className:"w-[45px] flex justify-center"},u.default.createElement(G$,{variant:"twitter",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.linkedin&&u.default.createElement("a",{href:e.social.linkedin,className:"w-[45px] flex justify-center"},u.default.createElement(G$,{variant:"linkedin",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.facebook&&u.default.createElement("a",{href:e.social.facebook,className:"w-[45px] flex justify-center"},u.default.createElement(G$,{variant:"facebookBlue",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"}))),u.default.createElement("div",null,u.default.createElement(c8,{variant:"calendarButton",label:"Add to Calendar",labelColor:"text-blue-500",iconStrokeClass:"stroke-blue-500",iconVariant:"calendarplus02"}))))},exports.InviteIF=ppe,exports.LeadingDropIF=function({disabled:t,label:r,helper:n,size:a,placeholder:o,dropOptions:i,onChange:l}){return e.useState(""),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"phone-number",className:"block text-sm-medium text-neutral-800"},r),u.default.createElement("div",{className:"relative mt-1"},u.default.createElement("div",{className:"absolute inset-y-0 left-0 flex items-center"},u.default.createElement("label",{htmlFor:"country",className:"sr-only"},"Country"),u.default.createElement("select",{id:"country",name:"country",autoComplete:"country",disabled:t,className:"h-full rounded-l-md border-neutral-300 border-r-0 bg-transparent py-0 pl-3 pr-7 text-gray-500 focus:border-none focus:ring-0 sm:text-sm-regular focus:outline-none focus:border-neutral-200 focus:shadow-[0_0px_0px_4px_#DFE8FF] disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200"},i.map((e=>u.default.createElement("option",null,e))))),u.default.createElement("input",{type:"text",name:"phone-number",id:"phone-number",disabled:t,className:" block w-full rounded-lg border-neutral-200 shadow-none text-neutral-800 py-1.5 pl-16 sm:text-sm-regular focus:outline-none focus:border-neutral-200 focus:shadow-[0_0px_0px_4px_#DFE8FF] focus:ring-0 hover:shadow hover:border-neutral-300 placeholder:text-neutral-500 placeholder:text-md-regular disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 ",placeholder:" "+o})),u.default.createElement("p",{className:"mt-2 text-sm-regular text-neutral-800",id:"email-description"},n))},exports.LeadingTextIF=function(){return React.createElement("div",null,"leading text")},exports.LinkCard=Uoe,exports.LiveStatus=r8,exports.MarketoForm=I5,exports.MediaBox=Q$,exports.NavCard=Ape,exports.NavTabCard=Tpe,exports.PricingTableB=function(t){const{title:r,title_color:n,description:a,desc_color:o,TABLE_VALUE:i,TABLE_HEADER:l}=t,[s,c]=e.useState(!1),h=e.useRef();return e.useEffect((()=>{const e=()=>{h.current.getBoundingClientRect().top,c(!0)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[]),u.default.createElement("div",{className:"px-10"},u.default.createElement("div",{className:"hidden tb:block"},u.default.createElement("div",{className:" mt-[70px] rounded-3xl bg-neutral-0"},l&&l[0]&&l[0].title&&u.default.createElement(z,{textStyle:"h4",className:`pb-10 pl-8 pt-[72px] ${g(n)}`},l[0].title),u.default.createElement("table",{className:"rounded-3xl w-full table-fixed "},i.map(((e,t)=>u.default.createElement("tbody",{key:t,className:"border-90 bg-neutral-0"},Object.keys(e).map((r=>u.default.createElement(u.default.Fragment,null,u.default.createElement("tr",{key:t+r,className:""},Object.keys(e[r][0]).map((n=>u.default.createElement(u.default.Fragment,{key:n+r+t},null!==n&&u.default.createElement("th",{ref:h,className:"first:rounded-l-full last:rounded-r-full px-8 z-[100] top-[72px] sticky "+(0===t?"bg-neutral-0":"bg-neutral-100")},u.default.createElement("div",{className:"flex flex-col py-3.5 gap-[11px]"},u.default.createElement(z,{textStyle:"h5",className:"text-neutral-900 text-left whitespace-nowrap"},n),e[r][0][n].btn&&e[r][0][n].btn_cta&&u.default.createElement("div",{className:"flex -mt-4"},u.default.createElement("a",{href:e[r][0][n].btn_cta},u.default.createElement(s8,{label:e[r][0][n].btn,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" "}))))))))),((e,t)=>{let r="";e[t][0]&&e[t][0];const n=e[t].map((e=>Object.keys(e)[0]))[0];return e[t].length&&(r=e[t].length),u.default.createElement(u.default.Fragment,null,e[t].map(((e,t)=>u.default.createElement("tr",{className:"",key:t},Object.keys(e).map((a=>u.default.createElement(u.default.Fragment,{key:t+a},null!==a&&a===n&&t!==r-1&&0!==t&&u.default.createElement("td",{className:"pl-[30px] border-80 "},u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"py-4 text-neutral-700",textStyle:"body1"},e[a]))),null!==a&&a===n&&t!==r-1&&0===t&&u.default.createElement("td",{className:"pl-[30px] border-80 "},u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"pb-4 pt-12 text-neutral-700",textStyle:"body1"},e[a]))),null!==a&&a===n&&t===r-1&&u.default.createElement("td",{className:"pl-[30px] border-80 "},u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"pt-4 pb-12 text-neutral-700",textStyle:"body1"},e[a]))),null!==a&&a!==n&&null!==e[a]&&0!==t&&t!==r-1&&u.default.createElement("td",{className:"px-8 text-left ml-[30px] border-80 "},e&&a&&e[a]&&null===e[a].text&&!e[a].iconVariant&&null===e[a].iconVariant&&u.default.createElement("div",{className:""}),null!==e[a].text&&e[a].text&&u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"text-neutral-700 py-4",textStyle:"body1"},e[a].text)),(null===e[a].text||!e[a].text)&&e[a].iconVariant&&u.default.createElement("div",{className:"flex "},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[a].iconVariant,strokeClass:g(e[a].iconStrokeClass)}))),null!==a&&a!==n&&null!==e[a]&&0===t&&u.default.createElement("td",{className:"px-8 text-left ml-[30px] border-80 "},e&&a&&e[a]&&null===e[a].text&&!e[a].iconVariant&&null===e[a].iconVariant&&u.default.createElement("div",{className:""}),null!==e[a].text&&e[a].text&&u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"text-neutral-700 pb-4 pt-12",textStyle:"body1"},e[a].text)),(null===e[a].text||!e[a].text)&&e[a].iconVariant&&u.default.createElement("div",{className:"flex pb-4 pt-12"},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[a].iconVariant,strokeClass:g(e[a].iconStrokeClass)}))),null!==a&&a!==n&&null!==e[a]&&t===r-1&&u.default.createElement("td",{className:"px-8 text-left ml-[30px] border-80 "},e&&a&&e[a]&&null===e[a].text&&!e[a].iconVariant&&null===e[a].iconVariant&&u.default.createElement("div",{className:""}),null!==e[a].text&&e[a].text&&u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"text-neutral-700 pt-4 pb-12",textStyle:"body1"},e[a].text)),(null===e[a].text||!e[a].text)&&e[a].iconVariant&&u.default.createElement("div",{className:"flex pt-4 pb-12 "},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[a].iconVariant,strokeClass:g(e[a].iconStrokeClass)}))),null===a&&u.default.createElement("td",{key:t,className:"px-8 py-7 border-table text-center"}))))))))})(e,r))))))),l&&u.default.createElement(u.default.Fragment,null,u.default.createElement("tbody",null,u.default.createElement("tr",null,u.default.createElement("td",null),l.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},0!==t&&e.button_title&&u.default.createElement("td",{key:t,className:"px-8"},u.default.createElement("a",{href:e.button_link},u.default.createElement(s8,{label:e.button_title,type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",className:"mt-4 mb-16"})))))))))))))},exports.ProfileAvatar=G5,exports.ResourcesCard=$oe,exports.StoryCardSM=hpe,exports.StoryCardXL=mpe,exports.Tab=ype,exports.TableA=function(e){const{head:t,description:r,tableValue:n,children:a}=e;return u.default.createElement("div",{className:"px-4 sm:px-6 lg:px-8 "},u.default.createElement("div",{className:"sm:flex sm:items-center "},u.default.createElement("div",{className:"sm:flex-auto"},u.default.createElement("h1",{className:"text-base font-semibold leading-6 text-gray-900"},t),u.default.createElement("p",{className:"mt-2 text-sm text-gray-700"},r))),u.default.createElement("div",null,u.default.createElement("div",{className:"-mx-4 mt-8 sm:-mx-0"},u.default.createElement("table",{className:"min-w-full divide-y divide-gray-300 border"},u.default.createElement("thead",null,u.default.createElement("tr",null,Object.keys(n[0]).map((e=>u.default.createElement("th",{key:e,scope:"col",className:"px-3 py-3.5 text-left text-sm font-semibold text-gray-900 sm:table-cell"},e))))),u.default.createElement("tbody",{className:"divide-y divide-gray-200 bg-white"},n.map(((e,t)=>u.default.createElement("tr",{key:t},Object.keys(e).map(((r,n)=>u.default.createElement("td",{key:n+t,className:" py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-3"},"",e[r])))))))))))},exports.TableB=jpe,exports.TableC=function(e){const{head:t,description:r,tableValue:n,children:a}=e;return Object.keys(n[0]).length,u.default.createElement("div",{className:" "},u.default.createElement("div",{className:"sm:flex sm:items-center "},u.default.createElement("div",{className:"sm:flex-auto"},u.default.createElement("h1",{className:"text-base font-semibold leading-6 text-gray-900"},t),u.default.createElement("p",{className:"mt-2 text-sm text-gray-700"},r))),u.default.createElement("div",null,u.default.createElement("div",{className:"border border-neutral-100 rounded-2xl"},u.default.createElement("table",{className:"min-w-full divide-y divide-neutral-100 "},u.default.createElement("thead",null,u.default.createElement("tr",{className:"divide-x divide-neutral-100"},Object.keys(n[0]).map(((e,t)=>u.default.createElement("th",{key:e,scope:"col",className:0===t?"rounded-tl-2xl text-left sm:table-cell bg-neutral-50":"text-left sm:table-cell bg-neutral-50 rounded-tr-2xl"},u.default.createElement(z,{className:"p-6",textStyle:"body3c-bold"},e)))))),u.default.createElement("tbody",{className:"divide-y rounded-b-3xl divide-neutral-100 "},n.slice(1).map(((e,t)=>u.default.createElement("tr",{key:t,className:"divide-x divide-neutral-100 "},Object.keys(e).map(((r,a)=>u.default.createElement("td",{key:a+t,className:"p-6 "+(t==""+(n.length-2)?"rounded-3xl":"")},u.default.createElement(z,{textStyle:"body3c-bold",className:"bg-transparent text-neutral-800"},r.toString()),u.default.createElement(z,{textStyle:"body3",className:"text-neutral-800 mt-2"},e[r].toString()))))))))))))},exports.Tabone=function(e){const t=Array.isArray(e.tabs)?e.tabs:[];return u.default.createElement("div",null,u.default.createElement("div",{className:"sm:hidden"},u.default.createElement("label",{htmlFor:"tabs",className:"sr-only"},"Select a tab"),u.default.createElement("select",{id:"tabs",name:"tabs",className:"block w-full rounded-md border-amber-600 py-2 pl-3 pr-10 text-base focus:border-green-600 focus:outline-none focus:ring-pink-500 sm:text-sm",defaultValue:t.length&&t.find((e=>e.current)).name},t.length&&t.map((e=>u.default.createElement("option",{key:e.name},e.name))))),u.default.createElement("div",{className:"hidden sm:block"},u.default.createElement("div",{className:"border-b border-neutral-200"},u.default.createElement("nav",{className:"-mb-px flex space-x-8","aria-label":"Tabs"},t.length&&t.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:gpe(e.current?"border-blue-600 text-blue-600 border-b-2":"border-transparent text-neutral-700 hover:text-blue-600 hover:border-blue-600","whitespace-nowrap py-4 px-1 font-medium text-sm"),"aria-current":e.current?"page":void 0},e.name)))))))},exports.Tabthree=function(e){const t=Array.isArray(e.tabs)?e.tabs:[];return u.default.createElement("div",null,u.default.createElement("div",{className:"sm:hidden"},u.default.createElement("label",{htmlFor:"tabs",className:"sr-only"},"Select a tab"),u.default.createElement("select",{id:"tabs",name:"tabs",className:"block w-full rounded-md border-pink-300 focus:border-pink-500 focus:ring-pink-500",defaultValue:t.length&&t.find((e=>e.current)).name},t.length&&t.map((e=>u.default.createElement("option",{key:e.name},e.name))))),u.default.createElement("div",{className:"hidden sm:block"},u.default.createElement("nav",{className:"inline-flex space-x-4 bg-neutral-100 p-2 rounded","aria-label":"Tabs"},t.length&&t.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:bpe(e.current?"bg-neutral-0 text-neutral-700":"text-neutral-700 bg-neutral-50 hover:text-gray-800","px-3 py-2 font-medium text-sm rounded-md"),"aria-current":e.current?"page":void 0},e.name))))))},exports.Tabtwo=function(e){const t=Array.isArray(e.tabs)?e.tabs:[];return u.default.createElement("div",null,u.default.createElement("div",{className:"sm:hidden"},u.default.createElement("label",{htmlFor:"tabs",className:"sr-only"},"Select a tab"),u.default.createElement("select",{id:"tabs",name:"tabs",className:"block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500",defaultValue:t.length&&t.find((e=>e.current)).name},t.length&&t.map((e=>u.default.createElement("option",{key:e.name},e.name))))),u.default.createElement("div",{className:"hidden sm:block"},u.default.createElement("nav",{className:"flex space-x-4","aria-label":"Tabs"},t.length&&t.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:wpe(e.current?"bg-blue-100 text-blue-600 border-blue-600 border-b-2":"text-neutral-700 hover:text-gray-700","px-3 py-2 font-medium text-sm rounded-t-md"),"aria-current":e.current?"page":void 0},e.name))))))},exports.TagFilter=function(e,t){const r=function(e){const t={};for(const r of e){const e=Object.keys(r)[0],n=r[e];for(const r of n)t[r]||(t[r]=new Set),t[r].add(e)}return t}(e),n=e.find((e=>e[t])),a=new Set,o=new Set;if(n)for(const e of n[t]){const n=r[e];n&&n.forEach((e=>{e!==t&&a.add(e)}))}for(const t of e){const e=Object.keys(t)[0];o.add(e)}const i=[...o].filter((e=>!a.has(e)));return[...a,...i]},exports.TalkCard=function(e){let t="";return t=void 0===e.speakerSet?"flex":"flex tb-l:flex-row flex-col",u.default.createElement("div",{className:"grid w-full"},u.default.createElement("div",{className:`${t} w-full max-w-[882px]`},u.default.createElement("div",{className:"px-8 py-6"+(e.speakerSet?" border-b tb-l:w-[62%] border-b-neutral-150 tb:border-0 tb:border-r tb:border-r-neutral-150":"")},u.default.createElement(X5,{size:e.badges.size,color:e.badges.color,leftIconVariant:e.badges.leftIconVariant,leftIconColor:e.badges.leftIconColor,children:e.badges.label}),u.default.createElement(z,{className:"my-2 text-blue-800",textStyle:"h5"},e.title),e.para&&u.default.createElement(z,{className:"line-clamp-3 text-neutral-700",textStyle:"body1c"},e.para)),e.speakerSet&&u.default.createElement("div",{className:"flex flex-col tb-l:w-[38%] pt-0 tb:pt-[2.875rem] justify-between"},e.speakerSet&&u.default.createElement("div",{className:"pl-6 flex gap-6 mt-9 tb:mt-0 mb-9 flex-col "},e.speakerSet.map(((e,t)=>u.default.createElement("div",{key:t,className:""},u.default.createElement(G5,{name:e.name,size:"md",designation:e.designation,imageUrl:e.imageUrl}))))),u.default.createElement("div",{className:" w-full border-t border-t-neutral-150 p-6 flex flex-row justify-between items-center"},u.default.createElement(z,{textStyle:"h6",className:"text-blue-800"},e.eventTime),u.default.createElement(s8,{leftIconVariant:"calendarplus02",leftIconColor:"#1E56E3",rightIconVariant:"none",state:"default",size:"sm",type:"iconOnly",label:""})))))},exports.TalkCard2=function(e){let t="";return t=e.speakerSet?"tb-l:justify-between":"tb-l:justify-center",u.default.createElement("a",{href:e.readUrl??"#",className:"grid group"},u.default.createElement("div",{className:"flex flex-col tb-l:flex-row tb-l:justify-between "},u.default.createElement("div",{className:"px-6 pt-6 tb-l:px-8 tb-l:pb-6 tb-l:border-r tb-l:border-r-neutral-200"},u.default.createElement("div",{className:"flex flex-row flex-wrap tb:gap-3 gap-2"},e.badges&&e.badges.map(((e,t)=>u.default.createElement("div",{key:t,className:"flex whitespace-nowrap"},u.default.createElement(X5,{size:e.size,color:e.color,leftIconVariant:e.leftIconVariant,leftIconColor:e.leftIconColor,leftIconColorClass:g(e.leftIconColorClass),children:e.label}))))),u.default.createElement("div",{className:"tb-l:w-[380px] db:w-[520px] flex flex-col tb:justify-between"},u.default.createElement("div",null,u.default.createElement(z,{className:"mt-2 text-blue-800",textStyle:"h5"},e.title),e.para&&u.default.createElement(z,{className:"line-clamp-3 mt-2 text-neutral-700",textStyle:"body1c"},e.para)),u.default.createElement("div",{className:"flex pb-6 tb-l:pb-0"},e.readUrl&&e.para&&u.default.createElement("div",null,u.default.createElement(s8,{label:e.videoUrl?"Watch Recording":"Read more",type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",className:"mt-2",btnTextColorClass:"text-blue-500",animatedHoverStroke:"stroke-blue-500",btnTextHoverClass:"hover:text-blue-500"}))))),u.default.createElement("div",{className:`${t} tb-l:divide-y-2 divide-neutral-200 flex tb-l:w-full flex-col pt-0`},e.speakerSet&&u.default.createElement("div",{className:"px-6 py-6 border-t border-neutral-200 flex flex-col gap-6 tb:mt-0 tb-l:border-0 tb-l:h-full tb-l:justify-center "},e.speakerSet.map(((t,r)=>u.default.createElement("div",{key:r,className:"block"},u.default.createElement(G5,{name:t.name,size:"md",designation:t.designation,imageUrl:t.imageUrl,avatarBgColor:e.avatarBgColor}))))),e.eventTime&&u.default.createElement("div",{className:"border-t border-neutral-200 tb-l:border-0 w-full pl-6 p-6 flex flex-row justify-between items-center"},u.default.createElement(z,{textStyle:"h6",className:"text-blue-800 uppercase"},e.eventTime),e.addCalendarUrl&&u.default.createElement("a",{href:e.addCalendarUrl},u.default.createElement(s8,{leftIconVariant:"calendarplus02",leftIconColor:"#1E56E3",rightIconVariant:"none",state:"default",size:"sm",type:"iconOnly",label:""}))))))},exports.TalkDetailCard=zoe,exports.Testimonial=Koe,exports.TextAreaIF=function({label:e,placeholder:t,disabled:r}){return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"comment",className:"block text-sm-medium leading-6 text-neutral-800"},e),u.default.createElement("div",{className:"mt-2"},u.default.createElement("textarea",{rows:4,name:"comment",id:"comment",disabled:r,className:"block w-full rounded-md border-0 text-neutral-800 shadow ring-1 ring-inset ring-neutral-200 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:py-1.5 sm:text-md-regular sm:leading-6",defaultValue:"",placeholder:t})))},exports.TextCard=function(t){g(t.title_color);const r=g(t.sub_text_color),n=t.feature_cards_links&&t.feature_cards_links[0]?.title?t.feature_cards_links[0].title:null,[a,o]=e.useState();return e.useEffect((()=>{n&&o(n)}),[n]),u.default.createElement(u.default.Fragment,null,t.feature_cards_links&&u.default.createElement(u.default.Fragment,null,t.tagLine&&u.default.createElement(z,{textStyle:"h6",as:"h6",className:"text-blue-800 uppercase pb-1 tb-l:w-1/2"},t.tagLine),u.default.createElement(z,{textStyle:"h4",as:"h4",className:"text-neutral-1000 pb-8 tb-l:w-1/2"},t.title)),u.default.createElement("div",{className:"grid grid-cols-1 tb-l:grid-cols-2 gap-10 tb:gap-8"+(t.feature_cards_links?" tb:gap-16":" tb-l:gap-20")},u.default.createElement("div",null,u.default.createElement("div",null,!t.feature_cards_links&&u.default.createElement(u.default.Fragment,null,t.tagLine&&u.default.createElement(z,{textStyle:"h6",as:"h6",className:"text-blue-800 uppercase pb-1 tb-l:w-1/2"},t.tagLine),u.default.createElement(z,{textStyle:"h4",as:"h4",className:"text-neutral-1000 pb-6 max-w-[330px]"},t.title)),!t.feature_cards_links&&t.sub_title&&u.default.createElement(z,{textStyle:"sub1",className:`${r} pb-2 -mt-4`},t.sub_title),!t.content_right&&u.default.createElement(u.default.Fragment,null,t.descriptions&&t.descriptions.map(((e,t)=>u.default.createElement(z,{key:t,textStyle:"body1",className:"pb-6 pr-8 max-w-[412px] [&>p]:pb-2 [&>p]:text-neutral-600 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>ul>li]:text-neutral-600"},u.default.createElement(Hoe,null,e.description)))),t.descriptions_list&&u.default.createElement("div",{className:"pb-6"},t.descriptions_list&&t.descriptions_list.map(((e,t)=>{const r=g(e.icon_bg_color),n=g(e.icon_color);return u.default.createElement("div",{className:"flex items-start pb-4 last:pb-0",key:t},u.default.createElement("div",{className:`${r} w-6 h-6 min-w-[24px] min-h-[24px] rounded-full mr-2 flex items-center justify-center`},u.default.createElement(G$,{height:"h-3 w-3 stroke-[1.5px]",variant:e.icon_name,strokeClass:n,strokeColor:""})),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600"},e.description))}))),t.addiDescription&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600 max-w-[412px]"},t.addiDescription)),t.feature_cards_links&&u.default.createElement("div",{className:"tb:border border-neutral-150 rounded-3xl max-w-[460px]"},t.feature_cards_links.map(((e,t)=>{const r=g(e.icon_color),n=g(e.tab_img_bg_class);return u.default.createElement("div",{key:t,className:"border-b border-b-neutral-150 last:border-b-0 cursor-pointer",onClick:()=>o(e.title)},u.default.createElement("div",{className:"my-4 tb-l:m-2 p-4 tb:p-6 rounded-2xl transition ease-in duration-200 hover:bg-neutral-50"+(a===e.title?" bg-neutral-150":""),key:t},u.default.createElement("div",{className:"flex items-center pb-4"},u.default.createElement(G$,{height:"w-6 h-6 mr-2 stroke-[1.5px]",variant:e.icon_name,strokeClass:r,strokeColor:""}),u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-1000"},e.title)),e.description&&u.default.createElement(z,{textStyle:"body3",className:"pb-4 text-neutral-600"},e.description),e.descriptions_list&&e.descriptions_list.map(((e,t)=>{const r=g(e.icon_bg_color),n=g(e.icon_color);return u.default.createElement("div",{className:"flex items-start pb-4 last:pb-0",key:t},u.default.createElement("div",{className:`${r} w-5 h-5 min-w-[20px] min-h-[20px] rounded-full mr-2 flex items-center justify-center`},u.default.createElement(G$,{height:"h-3 w-3 stroke-[1.5px]",variant:e.icon_name,strokeClass:n,strokeColor:""})),u.default.createElement(z,{textStyle:"body3",className:"text-neutral-600"},e.description))})),e.cta_text&&e.cta_link&&u.default.createElement("a",{href:e.cta_link,className:"inline-flex"},u.default.createElement(s8,{label:e.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"text-blue-600",animatedHoverStroke:"group-hover:stroke-blue-600"})),e.tab_img_url&&u.default.createElement("div",{className:`${n} tb-l:hidden p-4 tb-l:p-12 rounded-2xl mt-8`},u.default.createElement("img",{src:e.tab_img_url,alt:e.title,loading:"lazy"}))))}))),t.button&&u.default.createElement("div",{className:"flex gap-6 items-center"},t.button.map(((e,t)=>u.default.createElement("a",{href:e.cta_link,key:t,className:"flex "},u.default.createElement(s8,{label:e.cta_text,type:e.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.btnBg,btnTextHoverClass:e.btnTextColorClass,animatedHoverStroke:e.animatedHoverStroke,btnTextColorClass:e.btnTextColorClass}))))))),u.default.createElement(u.default.Fragment,null,t.content_right?u.default.createElement("div",null,t.descriptions&&t.descriptions.map(((e,t)=>u.default.createElement(z,{key:t,textStyle:"body1",className:"pb-6 pr-8 max-w-[412px] [&>p]:pb-2 last:[&>p]:pb-0 [&>p]:text-neutral-600 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>ul>li]:text-neutral-600"},u.default.createElement(Hoe,null,e.description)))),t.descriptions_list&&u.default.createElement("div",{className:"pb-6"},t.descriptions_list&&t.descriptions_list.map(((e,t)=>{const r=g(e.icon_bg_color),n=g(e.icon_color);return u.default.createElement("div",{className:"flex items-start pb-4 last:pb-0",key:t},u.default.createElement("div",{className:`${r} w-6 h-6 min-w-[24px] min-h-[24px] rounded-full mr-2 flex items-center justify-center`},u.default.createElement(G$,{height:"h-3 w-3 stroke-[1.5px]",variant:e.icon_name,strokeClass:n,strokeColor:""})),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600"},e.description))}))),t.addiDescription&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600 max-w-[412px]"},t.addiDescription)):u.default.createElement(u.default.Fragment,null,t.feature_cards_links?u.default.createElement(u.default.Fragment,null,t.feature_cards_links.map(((t,r)=>(g(t.tab_img_bg_class),u.default.createElement(e.Fragment,{key:r},a===t.title&&u.default.createElement("div",{className:("pattern"===t.tab_img_bg_class?"bg-neutral-100":"")+" hidden h-full p-4 tb-l:p-12 tb-l:flex items-center justify-center rounded-2xl db:rounded-3xl relative bg-neutral-100"},"pattern"===t.tab_img_bg_class&&u.default.createElement("div",{className:"pattern-gradient absolute left-0 top-0 w-full h-full rounded-3xl"}),t.tab_video_url?u.default.createElement("video",{loading:"lazy",controls:!1,autoPlay:!0,loop:!0,muted:!0,poster:t.tab_video_poster,className:"z-[1]"},u.default.createElement("source",{src:t.tab_video_url,type:"video/mp4"})):u.default.createElement("img",{className:"z-[1] max-h-[530px]",src:t.tab_img_url,alt:t.title,loading:"lazy"}))))))):u.default.createElement(u.default.Fragment,null,t.iframe_url||t.video_url?u.default.createElement("div",null,t.iframe_url?u.default.createElement("div",{className:"relative pb-[56.2%]"},u.default.createElement("iframe",{loading:"lazy",title:t.title,src:t.iframe_url,frameBorder:"0",allowFullScreen:!0,className:"absolute w-full h-full rounded-2xl db:rounded-3xl"})):u.default.createElement("video",{loading:"lazy",controls:!1,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,poster:t.video_poster,src:t.video_url,className:"rounded-2xl db:rounded-3xl"})):u.default.createElement(u.default.Fragment,null,t.img_url&&u.default.createElement("div",{className:("pattern"===t.img_bg_class?"px-5 py-10 db:p-8 bg-neutral-100":"px-0 py-0")+` ${g(t.img_bg_class)} relative rounded-2xl db:rounded-3xl`},"pattern"===t.img_bg_class&&u.default.createElement("div",{className:"pattern-gradient z-0 absolute left-0 top-0 w-full h-full rounded-3xl"}),u.default.createElement("img",{className:("pattern"===t.img_bg_class?"":"rounded-2xl db:rounded-3xl")+" z-[1] relative inline-block",src:t.img_url,alt:t.title,loading:"lazy"}))))))))},exports.TextIconCard=function(e){return u.default.createElement("div",{className:"tb-m:flex gap-14 gap-y-14 gap-x-14 tb:gap-12 db-s:gap-20 db:gap-24"},u.default.createElement("div",{className:"pb-10 tb-m:pb-0 db-s:max-w-[524px] tb-m:w-1/2 w-full flex flex-col justify-between"},u.default.createElement("div",null,e.tagline&&u.default.createElement(z,{textStyle:"h6",as:"h6",className:"pb-2 uppercase text-blue-400"},e.tagline),e.title&&u.default.createElement(z,{textStyle:"h3",as:"h3",className:"pb-2 text-neutral-1000"},e.title),e.description&&u.default.createElement(z,{textStyle:"sub2",className:"pb-6 text-neutral-600"},e.description)),u.default.createElement("div",null,e.imgUrl&&u.default.createElement("div",{className:"pb-4 pt-2"},u.default.createElement("img",{className:"max-w-[210px]",src:e.imgUrl,alt:e.title?e.title:"Illu"})),e.button&&u.default.createElement("a",{href:e.button.cta_link,className:"inline-flex ",download:!0,target:"_blank"},u.default.createElement(s8,{label:e.button.cta_text,type:e.button.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.button.rightAnimatedArrowColor||"#3970FD",animatedHoverStroke:"group-hover:stroke-blue-600",btnTextHoverClass:"hover:text-blue-600",btnTextColorClass:"text-blue-500"})))),e.iconCards&&u.default.createElement("div",{className:"flex-1 pt-10 tb-m:pt-0 border-t border-neutral-200 tb-m:border-t-0"},e.iconCards.map(((e,t)=>u.default.createElement("div",{className:"pb-6 tb:pb-10 tb-l:pb-16 last:pb-0 tb:flex",key:t},u.default.createElement("div",{className:"w-12 h-12 min-w-[48px] rounded-full flex justify-center items-center mr-5 "+(e.iconBgClass?g(e.iconBgClass):"bg-blue-300")},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:e.iconName?e.iconName:"cube02",strokeClass:"stroke-neutral-1000"})),u.default.createElement("div",null,u.default.createElement(z,{textStyle:"h4",as:"h4",className:"pb-2 pt-4 tb:pt-0 text-neutral-1000"},e.title),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600"},e.description)))))))},exports.Tooltip=t=>{let r;const[n,a]=e.useState(t.visible||!1);return u.default.createElement("div",{className:"relative inline-flex",onMouseEnter:()=>{r=setTimeout((()=>{a(!0)}),t.delay||500)},onMouseLeave:()=>{clearInterval(r),a(!1)}},t.children,n&&u.default.createElement("div",{className:"absolute z-50 px-2 py-1 rounded "+("bottom-centre"===t.direction||"bottom-right"===t.direction||"bottom-left"===t.direction?"bottom-full text-xs-bold mb-2.5 left-1/2 transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"left-centre"===t.direction?" text-xs-bold left-[160%] transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"right-centre"===t.direction?" text-xs-bold -left-[60%] transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"top-centre"===t.direction||"top-left"===t.direction?"bottom-full text-xs-bold -mb-[112%] left-1/2 transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"top-right"===t.direction?"bottom-full text-xs-bold -mb-[112%] left-1/2 transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"")},t.content,u.default.createElement("div",{className:"absolute w-full "+("bottom-centre"===t.direction?"-bottom-1.5 left-1/2 mb-px transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"bottom-right"===t.direction?"-bottom-1.5 left-[82.3%] mb-px transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"bottom-left"===t.direction?"-bottom-1.5 left-[17.6%] mb-px transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"left-centre"===t.direction?"bottom-1.5 transform rotate-45 bg-blue-600 -z-10 -ml-3":"right-centre"===t.direction?"bottom-1.5 left-[82.4%] transform rotate-45 bg-blue-600 -z-10 ml-1.5":"top-centre"===t.direction?"-bottom-1.5 left-1/2 mb-[28%] transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"top-left"===t.direction?"-bottom-1.5 left-[17.6%] mb-[28%] transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"top-right"===t.direction?"-bottom-1.5 left-[82.3%] mb-[28%] transform rotate-45 bg-blue-600 -z-10 -ml-1.5":""),style:{width:"12px",height:"12px",transform:"rotate(45deg)"}})))},exports.TrailingButtonIF=function({label:e,disabled:t,helper:r,size:n,placeholder:a,leftIconVariant:o,leftIconColor:i,rightIconVariant:l,rightIconColor:s,buttonName:c}){return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"block text-sm font-medium leading-6 text-gray-900"},e),u.default.createElement("div",{className:"mt-2 flex rounded-md shadow-sm"},u.default.createElement("div",{className:"relative flex flex-grow items-stretch focus-within:z-10"},u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"},o&&"none"!==o&&u.default.createElement("div",{className:"-ml-0.5 mr-2 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i}))),u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:t,className:"block w-full rounded-none rounded-l-md border-0 py-1.5 pl-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm sm:leading-6",placeholder:a})),u.default.createElement("button",{type:"button",disabled:t,className:"relative -ml-px inline-flex items-center gap-x-1.5 rounded-r-md px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200"},l&&"none"!==l&&u.default.createElement("div",{className:" ml-1.5 h-4 w-4"},u.default.createElement(G$,{variant:l,strokeColor:s})),c)))},exports.TrailingDropdownIF=function({disabled:e,label:t,helper:r,size:n,placeholder:a,dropOptions:o,currencySymbol:i}){return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"price",className:"block text-sm font-medium leading-6 text-gray-900"},t),u.default.createElement("div",{className:"relative mt-2 rounded-md shadow-sm"},u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"},u.default.createElement("span",{className:"text-gray-500 sm:text-sm"},i)),u.default.createElement("input",{type:"text",name:"price",id:"price",disabled:e,className:"block w-full rounded-md border-0 py-1.5 pl-7 pr-20 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm sm:leading-6",placeholder:a}),u.default.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},u.default.createElement("label",{htmlFor:"currency",className:"sr-only"},"Currency"),u.default.createElement("select",{id:"currency",name:"currency",disabled:e,className:"h-full rounded-md border border-blue-200 py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm"},o.map((e=>u.default.createElement("option",null,e)))))))},exports.Translations=W,exports.Typography=z,exports.TypographyClasses=({applyclass:e,text:t})=>u.default.createElement("div",{className:" "},u.default.createElement("div",{className:"grid grid-cols-4 gap-10"},u.default.createElement("div",null,"ClassName"),u.default.createElement("div",null,"Tab"),u.default.createElement("div",null,"Mobile"),u.default.createElement("div",null,"Desktop")),u.default.createElement("div",{className:"grid grid-cols-4 gap-10 border"},u.default.createElement("div",null,e.map((e=>u.default.createElement("div",{className:""},u.default.createElement("div",{className:"text-lg-regular not-italic flex items-center ml-2 col-span-1 my-10"},e))))),u.default.createElement("div",{className:"grid grid-cols-3 gap-[14rem] "},e.map((e=>u.default.createElement("div",{className:""},u.default.createElement("div",{className:`${e} mr-2 `},"Aa"))))))),exports.V3Dropdown=Doe,exports.V3Footer=Vpe,exports.V3Header=vpe,exports.V3Tab=xpe,exports.VideoCard=Xoe;
29
+ */"production"===process.env.NODE_ENV?ioe.exports=function(){if(ooe)return loe;ooe=1;var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),l=Symbol.for("react.context"),s=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.for("react.offscreen");function d(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:switch(e=e.type){case n:case o:case a:case u:case h:return e;default:switch(e=e&&e.$$typeof){case s:case l:case c:case p:case m:case i:return e;default:return f}}case r:return f}}}return e=Symbol.for("react.module.reference"),loe.ContextConsumer=l,loe.ContextProvider=i,loe.Element=t,loe.ForwardRef=c,loe.Fragment=n,loe.Lazy=p,loe.Memo=m,loe.Portal=r,loe.Profiler=o,loe.StrictMode=a,loe.Suspense=u,loe.SuspenseList=h,loe.isAsyncMode=function(){return!1},loe.isConcurrentMode=function(){return!1},loe.isContextConsumer=function(e){return d(e)===l},loe.isContextProvider=function(e){return d(e)===i},loe.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},loe.isForwardRef=function(e){return d(e)===c},loe.isFragment=function(e){return d(e)===n},loe.isLazy=function(e){return d(e)===p},loe.isMemo=function(e){return d(e)===m},loe.isPortal=function(e){return d(e)===r},loe.isProfiler=function(e){return d(e)===o},loe.isStrictMode=function(e){return d(e)===a},loe.isSuspense=function(e){return d(e)===u},loe.isSuspenseList=function(e){return d(e)===h},loe.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===o||t===a||t===u||t===h||t===f||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===m||t.$$typeof===i||t.$$typeof===l||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},loe.typeOf=d,loe}():ioe.exports=(soe||(soe=1,"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),l=Symbol.for("react.context"),s=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.for("react.offscreen");function d(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:var d=e.type;switch(d){case n:case o:case a:case u:case h:return d;default:var v=d&&d.$$typeof;switch(v){case s:case l:case c:case p:case m:case i:return v;default:return f}}case r:return f}}}e=Symbol.for("react.module.reference");var v=l,g=i,b=t,w=c,y=n,x=p,O=m,E=r,j=o,C=a,P=u,M=h,k=!1,S=!1;coe.ContextConsumer=v,coe.ContextProvider=g,coe.Element=b,coe.ForwardRef=w,coe.Fragment=y,coe.Lazy=x,coe.Memo=O,coe.Portal=E,coe.Profiler=j,coe.StrictMode=C,coe.Suspense=P,coe.SuspenseList=M,coe.isAsyncMode=function(e){return k||(k=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},coe.isConcurrentMode=function(e){return S||(S=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},coe.isContextConsumer=function(e){return d(e)===l},coe.isContextProvider=function(e){return d(e)===i},coe.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},coe.isForwardRef=function(e){return d(e)===c},coe.isFragment=function(e){return d(e)===n},coe.isLazy=function(e){return d(e)===p},coe.isMemo=function(e){return d(e)===m},coe.isPortal=function(e){return d(e)===r},coe.isProfiler=function(e){return d(e)===o},coe.isStrictMode=function(e){return d(e)===a},coe.isSuspense=function(e){return d(e)===u},coe.isSuspenseList=function(e){return d(e)===h},coe.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===o||t===a||t===u||t===h||t===f||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===m||t.$$typeof===i||t.$$typeof===l||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},coe.typeOf=d}()),coe);var uoe=b(ioe.exports);function hoe(e){const t=e&&"object"==typeof e&&"text"===e.type?e.value||"":e;return"string"==typeof t&&""===t.replace(/[ \t\n\f\r]/g,"")}var moe={exports:{}},poe=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,foe=/\n/g,doe=/^\s*/,voe=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,goe=/^:\s*/,boe=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,woe=/^[;\s]*/,yoe=/^\s+|\s+$/g,xoe="";function Ooe(e){return e?e.replace(yoe,xoe):xoe}var Eoe=function(e,t){if("string"!=typeof e)throw new TypeError("First argument must be a string");if(!e)return[];t=t||{};var r=1,n=1;function a(e){var t=e.match(foe);t&&(r+=t.length);var a=e.lastIndexOf("\n");n=~a?e.length-a:n+e.length}function o(){var e={line:r,column:n};return function(t){return t.position=new i(e),c(),t}}function i(e){this.start=e,this.end={line:r,column:n},this.source=t.source}function l(a){var o=new Error(t.source+":"+r+":"+n+": "+a);if(o.reason=a,o.filename=t.source,o.line=r,o.column=n,o.source=e,!t.silent)throw o}function s(t){var r=t.exec(e);if(r){var n=r[0];return a(n),e=e.slice(n.length),r}}function c(){s(doe)}function u(e){var t;for(e=e||[];t=h();)!1!==t&&e.push(t);return e}function h(){var t=o();if("/"==e.charAt(0)&&"*"==e.charAt(1)){for(var r=2;xoe!=e.charAt(r)&&("*"!=e.charAt(r)||"/"!=e.charAt(r+1));)++r;if(r+=2,xoe===e.charAt(r-1))return l("End of comment missing");var i=e.slice(2,r-2);return n+=2,a(i),e=e.slice(r),n+=2,t({type:"comment",comment:i})}}function m(){var e=o(),t=s(voe);if(t){if(h(),!s(goe))return l("property missing ':'");var r=s(boe),n=e({type:"declaration",property:Ooe(t[0].replace(poe,xoe)),value:r?Ooe(r[0].replace(poe,xoe)):xoe});return s(woe),n}}return i.prototype.content=e,c(),function(){var e,t=[];for(u(t);e=m();)!1!==e&&(t.push(e),u(t));return t}()};function joe(e,t){var r,n=null;if(!e||"string"!=typeof e)return n;for(var a,o,i=Eoe(e),l="function"==typeof t,s=0,c=i.length;s<c;s++)a=(r=i[s]).property,o=r.value,l?t(a,o,r):o&&(n||(n={}),n[a]=o);return n}moe.exports=joe,moe.exports.default=joe;var Coe=b(moe.exports);const Poe={}.hasOwnProperty,Moe=new Set(["table","thead","tbody","tfoot","tr"]);function koe(e,t){const r=[];let n,a=-1;for(;++a<t.children.length;)n=t.children[a],"element"===n.type?r.push(Soe(e,n,a,t)):"text"===n.type?"element"===t.type&&Moe.has(t.tagName)&&hoe(n)||r.push(n.value):"raw"!==n.type||e.options.skipHtml||r.push(n.value);return r}function Soe(e,t,r,n){const a=e.options,o=void 0===a.transformLinkUri?cte:a.transformLinkUri,i=e.schema,l=t.tagName,s={};let c,h=i;if("html"===i.space&&"svg"===l&&(h=Kae,e.schema=h),t.properties)for(c in t.properties)Poe.call(t.properties,c)&&Boe(s,c,t.properties[c],e);"ol"!==l&&"ul"!==l||e.listDepth++;const m=koe(e,t);"ol"!==l&&"ul"!==l||e.listDepth--,e.schema=i;const p=t.position||{start:{line:null,column:null,offset:null},end:{line:null,column:null,offset:null}},f=a.components&&Poe.call(a.components,l)?a.components[l]:l,d="string"==typeof f||f===u.default.Fragment;if(!uoe.isValidElementType(f))throw new TypeError(`Component for name \`${l}\` not defined or is not renderable`);if(s.key=r,"a"===l&&a.linkTarget&&(s.target="function"==typeof a.linkTarget?a.linkTarget(String(s.href||""),t.children,"string"==typeof s.title?s.title:null):a.linkTarget),"a"===l&&o&&(s.href=o(String(s.href||""),t.children,"string"==typeof s.title?s.title:null)),d||"code"!==l||"element"!==n.type||"pre"===n.tagName||(s.inline=!0),d||"h1"!==l&&"h2"!==l&&"h3"!==l&&"h4"!==l&&"h5"!==l&&"h6"!==l||(s.level=Number.parseInt(l.charAt(1),10)),"img"===l&&a.transformImageUri&&(s.src=a.transformImageUri(String(s.src||""),String(s.alt||""),"string"==typeof s.title?s.title:null)),!d&&"li"===l&&"element"===n.type){const e=function(e){let t=-1;for(;++t<e.children.length;){const r=e.children[t];if("element"===r.type&&"input"===r.tagName)return r}return null}(t);s.checked=e&&e.properties?Boolean(e.properties.checked):null,s.index=Noe(n,t),s.ordered="ol"===n.tagName}var v;return d||"ol"!==l&&"ul"!==l||(s.ordered="ol"===l,s.depth=e.listDepth),"td"!==l&&"th"!==l||(s.align&&(s.style||(s.style={}),s.style.textAlign=s.align,delete s.align),d||(s.isHeader="th"===l)),d||"tr"!==l||"element"!==n.type||(s.isHeader=Boolean("thead"===n.tagName)),a.sourcePos&&(s["data-sourcepos"]=[(v=p).start.line,":",v.start.column,"-",v.end.line,":",v.end.column].map(String).join("")),!d&&a.rawSourcePos&&(s.sourcePosition=t.position),!d&&a.includeElementIndex&&(s.index=Noe(n,t),s.siblingCount=Noe(n)),d||(s.node=t),m.length>0?u.default.createElement(f,s,m):u.default.createElement(f,s)}function Noe(e,t){let r=-1,n=0;for(;++r<e.children.length&&e.children[r]!==t;)"element"===e.children[r].type&&n++;return n}function Boe(e,t,r,n){const a=function(e,t){const r=wae(t);let n=t,a=yae;if(r in e.normal)return e.property[e.normal[r]];if(r.length>4&&"data"===r.slice(0,4)&&Uae.test(t)){if("-"===t.charAt(4)){const e=t.slice(5).replace($ae,Gae);n="data"+e.charAt(0).toUpperCase()+e.slice(1)}else{const e=t.slice(4);if(!$ae.test(e)){let r=e.replace(zae,Wae);"-"!==r.charAt(0)&&(r="-"+r),t="data"+r}}a=Rae}return new a(n,t)}(n.schema,t);let o=r;null!=o&&o==o&&(Array.isArray(o)&&(o=a.commaSeparated?function(e,t){const r=t||{};return(""===e[e.length-1]?[...e,""]:e).join((r.padRight?" ":"")+","+(!1===r.padLeft?"":" ")).trim()}(o):o.join(" ").trim()),"style"===a.property&&"string"==typeof o&&(o=function(e){const t={};try{Coe(e,r)}catch{}return t;function r(e,r){const n="-ms-"===e.slice(0,4)?`ms-${e.slice(4)}`:e;t[n.replace(/-([a-z])/g,Roe)]=r}}(o)),a.space&&a.property?e[Poe.call(Qae,a.property)?Qae[a.property]:a.property]=o:a.attribute&&(e[a.attribute]=o))}function Roe(e,t){return t.toUpperCase()}const Voe={}.hasOwnProperty,Aoe="https://github.com/remarkjs/react-markdown/blob/main/changelog.md",Toe={plugins:{to:"remarkPlugins",id:"change-plugins-to-remarkplugins"},renderers:{to:"components",id:"change-renderers-to-components"},astPlugins:{id:"remove-buggy-html-in-markdown-parser"},allowDangerousHtml:{id:"remove-buggy-html-in-markdown-parser"},escapeHtml:{id:"remove-buggy-html-in-markdown-parser"},source:{to:"children",id:"change-source-to-children"},allowNode:{to:"allowElement",id:"replace-allownode-allowedtypes-and-disallowedtypes"},allowedTypes:{to:"allowedElements",id:"replace-allownode-allowedtypes-and-disallowedtypes"},disallowedTypes:{to:"disallowedElements",id:"replace-allownode-allowedtypes-and-disallowedtypes"},includeNodeIndex:{to:"includeElementIndex",id:"change-includenodeindex-to-includeelementindex"}};function Hoe(e){for(const t in Toe)if(Voe.call(Toe,t)&&Voe.call(e,t)){const e=Toe[t];console.warn(`[react-markdown] Warning: please ${e.to?`use \`${e.to}\` instead of`:"remove"} \`${t}\` (see <${Aoe}#${e.id}> for more info)`),delete Toe[t]}const t=Tte().use(_ne).use(e.remarkPlugins||[]).use(vae,{...e.remarkRehypeOptions,allowDangerousHtml:!0}).use(e.rehypePlugins||[]).use(aoe,e),r=new bte;"string"==typeof e.children?r.value=e.children:void 0!==e.children&&null!==e.children&&console.warn(`[react-markdown] Warning: please pass a string as \`children\` (not: \`${e.children}\`)`);const n=t.runSync(t.parse(r),r);if("root"!==n.type)throw new TypeError("Expected a `root` node");let a=u.default.createElement(u.default.Fragment,{},koe({options:e,schema:Yae,listDepth:0},n));return e.className&&(a=u.default.createElement("div",{className:e.className},a)),a}Hoe.propTypes={children:$.string,className:$.string,allowElement:$.func,allowedElements:$.arrayOf($.string),disallowedElements:$.arrayOf($.string),unwrapDisallowed:$.bool,remarkPlugins:$.arrayOf($.oneOfType([$.object,$.func,$.arrayOf($.oneOfType([$.bool,$.string,$.object,$.func,$.arrayOf($.any)]))])),rehypePlugins:$.arrayOf($.oneOfType([$.object,$.func,$.arrayOf($.oneOfType([$.bool,$.string,$.object,$.func,$.arrayOf($.any)]))])),sourcePos:$.bool,rawSourcePos:$.bool,skipHtml:$.bool,includeElementIndex:$.bool,transformLinkUri:$.oneOfType([$.func,$.bool]),linkTarget:$.oneOfType([$.func,$.string]),transformImageUri:$.func,components:$.object};const Loe={withButton:{cardStyle:"p-10 ",iconWidthStyle:"h-20 w-20",iconStyle:"h-10 w-10",titleTextStyle:"h4",titleClasses:"mb-1 text-blue-800 text-hds-m-h4 tb:text-hds-t-h4 db:text-hds-d-h4",descTextStyle:"body1c",descClasses:"text-neutral-1000 text-hds-m-body1c tb:text-hds-t-body1c db:text-hds-d-body1c"},withoutButton:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"h5",titleClasses:"mb-1 text-blue-600 text-hds-m-h5 tb:text-hds-t-h5 db:text-hds-d-h5",descTextStyle:"body1",descClasses:"text-neutral-1000 text-hds-m-body1 tb:text-hds-t-body1 db:text-hds-d-body1"},sm:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"body1c-semi-bold",titleClasses:"mb-1 text-neutral-800 text-hds-m-body1c-semi-bold tb:text-hds-t-body1c-semi-bold db:text-hds-d-body1c-semi-bold",descTextStyle:"body3",descClasses:"text-neutral-800 text-hds-m-body3 tb:text-hds-t-body3 db:text-hds-d-body3"}};function Ioe(e){const t=g(e.iconBg);return u.default.createElement(u.default.Fragment,null,e.readMoreBtn&&e.button||!e.readMoreBtn&&!e.button||e.button&&e.button.length>1||!e.linkHover?u.default.createElement("div",{className:`bg-neutral-0 grid h-full transition-all ease-in-out rounded-3xl ${Loe[e.cardType].cardStyle} `+(e.cardBorder?e.cardBorder:"tb:shadow")},u.default.createElement("div",{className:" self-start"},u.default.createElement("div",{className:`${t} ${Loe[e.cardType].iconWidthStyle} w-12 h-12 flex items-center justify-center rounded-full mb-6`},u.default.createElement(G$,{height:`stroke-[1.5px] ${Loe[e.cardType].iconStyle}`,variant:e.iconVariant,strokeColor:e.iconStroke,strokeClass:g(e.iconStrokeClass)})),u.default.createElement("div",{className:"flex-1"},e.cardType&&u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:Loe[e.cardType].titleTextStyle,className:Loe[e.cardType].titleClasses},e.title),u.default.createElement(z,{textStyle:Loe[e.cardType].descTextStyle,className:`${Loe[e.cardType].descClasses} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`},u.default.createElement(Hoe,null,e.description))))),e.readMoreBtn&&u.default.createElement(u.default.Fragment,null,e.linkHover?u.default.createElement("a",{href:e.readMoreBtn.cta_link,className:"flex self-end"},u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-4"}))):u.default.createElement("div",{className:"flex self-end"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!1,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-neutral-800",btnTextHoverClass:"",className:" mt-4 hover:cursor-default"}))),e.button&&u.default.createElement("div",{className:"flex gap-2 "},e.button.map(((e,t)=>u.default.createElement("a",{href:e.cta_link,key:t,className:"flex self-end mt-7"},u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.cta_text,type:e.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.btnBg,btnTextHoverClass:e.btnTextColorClass,animatedHoverStroke:e.animatedHoverStroke,btnTextColorClass:e.btnTextColorClass}))))))):u.default.createElement("a",{href:e.readMoreBtn&&!e.button?e.readMoreBtn.cta_link:e.button[0].cta_link,className:`bg-neutral-0 group grid h-full duration-300 transition-all ease-in-out rounded-3xl ${Loe[e.cardType].cardStyle} `+(e.cardBorder?e.cardBorder:"tb:shadow")+(e.readMoreBtn||e.button||e.linkHover?" hover:shadow-lg hover:translate-y-0.5 ":"")},u.default.createElement("div",{className:" self-start"},u.default.createElement("div",{className:`${t} ${Loe[e.cardType].iconWidthStyle} w-12 h-12 flex items-center justify-center rounded-full mb-6`},u.default.createElement(G$,{height:`stroke-[1.5px] ${Loe[e.cardType].iconStyle}`,variant:e.iconVariant,strokeColor:e.iconStroke,strokeClass:g(e.iconStrokeClass)})),u.default.createElement("div",{className:"flex-1"},e.cardType&&u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:Loe[e.cardType].titleTextStyle,className:Loe[e.cardType].titleClasses},e.title),u.default.createElement(z,{textStyle:Loe[e.cardType].descTextStyle,className:`${Loe[e.cardType].descClasses} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`},u.default.createElement(Hoe,null,e.description))))),e.readMoreBtn&&u.default.createElement("div",{className:"flex self-end"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-4"})),e.button&&u.default.createElement("div",{className:"flex pt-4 gap-2 self-end"},e.button.map(((e,t)=>u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.cta_text,type:e.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.btnBg,btnTextHoverClass:e.btnTextColorClass,animatedHoverStroke:e.animatedHoverStroke,btnTextColorClass:e.btnTextColorClass})))))))}Ioe.defaultProps={cardType:"withoutButton",iconStrokeClass:"stroke-neutral-1000",linkHover:"true"},G$.propTypes={cardType:$.oneOf(["withoutButton","withButton","sm"])};const Foe={withButton:{cardStyle:"p-10 ",iconWidthStyle:"h-20 w-20",iconStyle:"h-10 w-10",titleTextStyle:"h4",titleClasses:"mb-1 text-hds-m-h4 tb:text-hds-t-h4 db:text-hds-d-h4",descTextStyle:"body1c",descClasses:"text-hds-m-body1c tb:text-hds-t-body1c db:text-hds-d-body1c"},withoutButton:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"h5",titleClasses:"mb-1 text-blue-600 text-hds-m-h5 tb:text-hds-t-h5 db:text-hds-d-h5",descTextStyle:"body1",descClasses:"text-neutral-1000 text-hds-m-body1 tb:text-hds-t-body1 db:text-hds-d-body1"},sm:{cardStyle:"p-6",iconWidthStyle:"h-12 w-12",iconStyle:"h-6 w-6",titleTextStyle:"body3c",titleClasses:"mb-1 text-neutral-800 text-hds-m-body3c-bold tb:text-hds-t-body3c-bold db:text-hds-d-body3c-bold",descTextStyle:"body3",descClasses:"text-neutral-800 text-hds-m-body3 tb:text-hds-t-body3 db:text-hds-d-body3"}};function _oe(e){const t=e.iconBg?g(e.iconBg):"",r=e.titleColorClass?g(e.titleColorClass):"text-neutral-1000",n=e.descColorClass?g(e.descColorClass):"text-neutral-800";return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",null,e.imgUrl?u.default.createElement("div",{className:`${Foe[e.cardType].iconWidthStyle} w-12 h-12 inline-flex items-center justify-center rounded-full mb-6`},u.default.createElement("img",{className:"w-full",src:e.imgUrl,alt:e.title})):u.default.createElement("div",{className:`${t} ${Foe[e.cardType].iconWidthStyle} w-12 h-12 flex items-center justify-center rounded-full mb-6`},u.default.createElement(G$,{height:`stroke-[1.5px] ${Foe[e.cardType].iconStyle}`,variant:e.iconVariant,strokeColor:e.iconStroke,strokeClass:g(e.iconStrokeClass)})),e.cardType&&u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:Foe[e.cardType].titleTextStyle,className:`${Foe[e.cardType].titleClasses} ${r}`},e.title),u.default.createElement(z,{textStyle:Foe[e.cardType].descTextStyle,className:`${Foe[e.cardType].descClasses} ${n} [&>p]:${n} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`},u.default.createElement(Hoe,null,e.description)))),e.button&&u.default.createElement("div",{className:"inline-flex pt-6"},u.default.createElement(s8,{label:e.button.cta_text,type:e.button.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.button.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.button.btnBg,btnTextHoverClass:e.button.btnTextColorClass,animatedHoverStroke:e.button.animatedHoverStroke,btnTextColorClass:e.button.btnTextColorClass})))}function Zoe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"pt-10 db:pt-20"},u.default.createElement(z,{textStyle:"h6",as:"h6",className:"pb-6 db:pb-10 text-center text-neutral-400 uppercase"},"40+ of the fortune100 companies use hasura"),u.default.createElement("div",{className:"gridAutoClass"},e.imgArray.map(((e,t)=>u.default.createElement("div",{key:t,className:"border"},u.default.createElement("img",{src:e.imgSrc,alt:e.imgAlt}))))))))}function Doe(e){return u.default.createElement("div",null,u.default.createElement("div",{className:"tb-l:flex mb-2 tb-l:mb-0 flex w-full tb-l:bg-neutral-150 flex-col tb-l:flex-row max-w-7xl tb-l:gap-2 rounded-2xl "},e.primaryCard&&u.default.createElement("div",{className:""},u.default.createElement("div",{className:" bg-neutral-0 rounded-2xl h-full w-full min-w-[250px]"},u.default.createElement(ote,e.primaryCard))),u.default.createElement("div",{className:"tb-l:flex-row tb-l:flex mt-2 flex flex-col gap-2 tb-l:mt-0"},e.secondaryCardArr&&e.secondaryCardArr.map(((e,t)=>u.default.createElement("div",{key:t,className:(e.card_bg,"bg-neutral-0 rounded-2xl")},u.default.createElement(ate,{label:e.label,childArray:e.childArray,split:e.split}))))),e.flyoutD&&u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" bg-neutral-0 shadow rounded-2xl w-full tb-l:w-[170px] tb-xl:w-[223px] px-6 py-6 mt-2 tb-l:mt-0"},u.default.createElement("div",null,u.default.createElement(lte,e.flyoutD))))))}function qoe(e){let t="";return e.logoBg&&(t=g(e.logoBg)),u.default.createElement("a",{href:e.caseStudyUrl,className:"group bg-neutral-0 rounded-3xl shadow p-6 tb-l:p-10 grid mb-6 db-s:mb-0 last:mb-0 flex-1 max-w-[920px] mx-auto flex-col transition-all duration-300 ease-in-out hover:shadow-lg hover:translate-y-0.5"},u.default.createElement("div",{className:" self-start"},u.default.createElement(G5,{name:e.speakerName,size:"xl",designation:e.speakerDesignation,imageUrl:e.speakerImgUrl,avatarVariant:"circle",avatarType:"secondary"}),u.default.createElement("div",{className:e.dividerClass?"py-8":"py-6"},u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-600"},e.description))),u.default.createElement("div",{className:" self-end"},e.dividerClass&&u.default.createElement("div",{className:`${g(e.dividerClass)} mb-2`}),u.default.createElement("div",{className:"mb-s:flex items-start"+(e.dividerClass?" pt-6":"mt-0")},u.default.createElement("div",{className:"border border-neutral-150 p-2 flex items-center justify-center rounded-2xl "+t+(e.dividerClass?" w-[72px] h-[56px] min-w-[72px]":" w-[112px] h-[90px] min-w-[112px] ")},u.default.createElement("img",{className:"max-h-[20px]",src:e.brandImgUrl,alt:e.brandImgAlt})),u.default.createElement("div",{className:"pt-4 mb-s:pt-0 "+(e.dividerClass?"mb-s:pl-6":"mb-s:pl-8")},u.default.createElement(z,{textStyle:e.dividerClass?"body2":"body1",className:"text-neutral-600 pb-1"},e.blurb),u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.ctaText,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",className:"mt-0 justify-start",btnTextColorClass:"text-blue-500",btnTextHoverClass:"hover:text-blue-500",animatedHoverStroke:"group-hover:stroke-blue-500"}))))))}function Uoe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("a",{href:e.linkUrl,className:"rounded-2xl p-6 h-full flex flex-col justify-between"},e.brandImageUrl?u.default.createElement("div",{className:"flex flex-col"},e.iconArrowVariant&&u.default.createElement("div",{className:"flex justify-end items-end"},u.default.createElement(G$,{height:"w-6 h-6 stroke-[1.5px] stroke-blue-400",variant:e.iconArrowVariant,strokeColor:e.iconArrowStrokeColor,strokeClass:g(e.iconArrowStrokeClass)})),u.default.createElement("img",{src:e.brandImageUrl,alt:e.brandImageAlt})):u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex items-center"},u.default.createElement("div",{className:"flex items-center flex-1 pb-2"},e.iconVariant&&u.default.createElement(G$,{height:"w-6 h-6 mr-2 stroke-[1.5px] ",variant:e.iconVariant,strokeColor:e.iconStrokeColor,strokeClass:g(e.iconStrokeClass)}),u.default.createElement(z,{as:"h5",textStyle:"body1c-bold",className:g(e.titleTextColor)},e.title)),e.iconArrowVariant&&u.default.createElement(G$,{height:"w-6 h-6 stroke-[1.5px] stroke-blue-400",variant:e.iconArrowVariant,strokeColor:e.iconArrowStrokeColor,strokeClass:g(e.iconArrowStrokeClass)})),e.description&&u.default.createElement("div",null,u.default.createElement(z,{textStyle:"body3",className:`${g(e.descTextColor)} mt-2`},e.description)))))}function $oe(e){return g(e.iconBg),u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:`p-8 ${e.cardBg} min-w-[18rem] rounded-3xl`},e.title&&u.default.createElement(z,{textStyle:"h6",className:`uppercase ${e.title_text_color}`},e.title),u.default.createElement("div",{className:"mt-6"},e.resourcesArr.map(((e,t)=>u.default.createElement("a",{key:t,href:e.cta_linkUrl,className:"flex gap-2 mt-4"},u.default.createElement(G$,{height:"w-6 h-6 mr-2 stroke-[1.5px] stroke-blue-600",variant:e.cta_icon,strokeClass:e.cta_stroke}),u.default.createElement(z,{textStyle:"body2c",className:e.cta_text_color},e.cta_text)))))))}function zoe(t){const r="undefined"!=typeof window;g(t.badgeLeftIconColor);const[n,a]=e.useState(!1);return e.useEffect((()=>{if(r&&"localStorage"in window&&window.localStorage&&"getItem"in window.localStorage){window.localStorage.getItem("hasCon2023TalkVideoConsent")&&a(!0)}}),[]),u.default.createElement("div",{className:"grid grid-cols-1 tb-m:grid-cols-2 gap-6 db:gap-28 tb-m:gap-16"},u.default.createElement("div",{className:"tb-m:sticky tb-m:self-start tb-m:top-36"},u.default.createElement("div",{className:"flex flex-row flex-wrap tb:gap-3 gap-2"},t.badges&&t.badges.map(((e,t)=>u.default.createElement("div",{key:t,className:"flex whitespace-nowrap"},u.default.createElement(X5,{size:e.size,color:e.color,leftIconVariant:e.leftIconVariant,leftIconColor:e.leftIconColor,leftIconColorClass:g(e.leftIconColorClass),children:e.label}))))),t.tag_line&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-600 uppercase pt-4 pb-2"},t.tag_line),t.title&&u.default.createElement(z,{textStyle:"h3",as:"h3",className:"text-blue-900 pb-6 db:pb-0"},t.title),t.social_share&&u.default.createElement("div",{className:"flex pb-6 tb:pt-0 tb:pb-0 items-center "},t.social_share.map(((e,t)=>u.default.createElement("a",{key:t,href:e.share_url,className:"mx-2 first:ml-0 last:mr-0"},u.default.createElement("img",{src:e.img_url,alt:e.img_alt}))))),t.speaker_card&&u.default.createElement("div",{className:"border-t border-neutral-200 border-b pb-6 tb:border-0 tb:pb-0"},u.default.createElement(z,{textStyle:"h6",as:"h6",className:"uppercase text-neutral-500 pb-6 pt-6 tb:pt-14"},"speakers"),t.speaker_card.map(((e,r)=>u.default.createElement("div",{key:r,className:"pb-4 last:pb-0"},u.default.createElement(G5,{name:e.name,size:"md",designation:e.designation,imageUrl:e.imageUrl,avatarVariant:"circle",avatarBgColor:t.avatarBgColor})))))),u.default.createElement("div",null,t.videoUrl&&u.default.createElement("div",{className:"pb-6"},n?u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"relative pb-[56.2%]"},u.default.createElement("iframe",{loading:"lazy",title:t.title,src:t.videoUrl,frameBorder:"0",allowFullScreen:!0,className:"absolute w-full h-full"}))):u.default.createElement("div",{className:"p-5 md:pt-10 md:px-6 lg:px-9 rounded-3xl border border-neutral-200"},u.default.createElement(z,{textStyle:"h6",as:"h6",className:"text-neutral-800 uppercase flex items-center"},u.default.createElement(G$,{height:"w-6 h-6 mr-3 stroke-neutral-800 stroke-[1.5px]",variant:"ticket01",strokeColor:"#1F2A37"}),t.formTitle),u.default.createElement(L5,{onSubmitCB:()=>{r&&window.localStorage.setItem("hasCon2023TalkVideoConsent","true")},formId:t.paperformId,styleClass:"paper-form-wrapper"}))),u.default.createElement(z,{textStyle:"h4",as:"h4",className:"text-neutral-800 pb-4"},"About the Talk"),t.description&&u.default.createElement(z,{className:"text-neutral-800 [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0",textStyle:"body1"},u.default.createElement(Hoe,null,t.description))))}_oe.defaultProps={cardType:"withoutButton",iconStrokeClass:"stroke-neutral-1000",iconVariant:"cube01"},_oe.propTypes={cardType:$.oneOf(["withoutButton","withButton","sm"])},Zoe.defaultProps={rotate:"false",imgArray:[{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/costco_eb2lmu.png",imgAlt:""},{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/verizon_sj4rgc.png",imgAlt:""},{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/costco_eb2lmu.png",imgAlt:""},{imgSrc:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1682487186/hasura-con-2023/costco_eb2lmu.png",imgAlt:""}]},Doe.defaultProps={secondaryCardArr:[{childArray:[{description:"",href:"#",icon:"cube01",name:"Analytics"},{description:"",href:"#",icon:"cube01",name:"Engagement"},{description:"",href:"#",icon:"cube01",name:"Security"},{description:"",href:"#",icon:"cube01",name:"Security"},{description:"",href:"#",icon:"cube01",name:"Security"}],label:"Label1"}]},qoe.defaultProps={ctaText:"Read the case study"},Uoe.defaultProps={descTextColor:"",titleTextColor:"",brandImageUrl:"",brandImageAlt:"",linkUrl:"#",iconVariant:"videorecorder",iconStrokeColor:"blue-500",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},$oe.defaultProps={cardBg:"bg-neutral-0",title:"Resources Card",title_text_color:"text-blue-600",resourcesArr:[{cta_text:"This is one really long link that may spill onto the next line",cta_icon:"linkexternal01",cta_text_color:"text-neutral-700 hover:text-blue-600 ",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"},{cta_text:"This is a regular link that fits in one line",cta_text_color:"text-neutral-700",cta_icon:"linkexternal01",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"},{cta_text:"text3",cta_text_color:"text-neutral-700",cta_icon:"linkexternal01",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"},{cta_text:"text4",cta_text_color:"text-neutral-700",cta_icon:"linkexternal01",cta_stroke:"stroke-blue-600",cta_linkUrl:"#"}]},zoe.defaultProps={};const Woe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M8.67602 24.7482C16.8006 24.7482 21.2437 18.0172 21.2437 12.1806C21.2437 11.9893 21.2398 11.7991 21.2309 11.6096C22.0934 10.9861 22.8431 10.208 23.4345 9.32253C22.6431 9.67415 21.7914 9.91094 20.8979 10.0177C21.8098 9.47092 22.5101 8.60557 22.8404 7.5742C21.9868 8.08033 21.0417 8.44812 20.0358 8.64646C19.2294 7.78796 18.0815 7.25098 16.8114 7.25098C14.3718 7.25098 12.3935 9.22924 12.3935 11.6676C12.3935 12.0143 12.4325 12.3513 12.5079 12.6747C8.83714 12.4903 5.58191 10.7325 3.4036 8.06001C3.02381 8.71257 2.80515 9.47116 2.80515 10.2799C2.80515 11.8123 3.58504 13.1652 4.77092 13.9568C4.04637 13.9345 3.36564 13.7352 2.77038 13.4042C2.7694 13.4225 2.7694 13.4411 2.7694 13.4605C2.7694 15.5999 4.29221 17.3859 6.31308 17.7907C5.94211 17.8918 5.55179 17.9462 5.14875 17.9462C4.86421 17.9462 4.58752 17.9178 4.31841 17.8666C4.88062 19.6213 6.51142 20.8985 8.44486 20.9345C6.93283 22.1194 5.02827 22.8253 2.95892 22.8253C2.60265 22.8253 2.25102 22.805 1.90527 22.7641C3.86002 24.0168 6.18109 24.7482 8.67602 24.7482Z",fill:"#00acee"}));const Goe={blue:"bg-neutral-0 tb:bg-blue-500 text-blue-500 tb:text-neutral-0",purple:"bg-neutral-0 tb:bg-purple-500 text-purple-500 tb:text-neutral-0",pink:"bg-neutral-0 tb:bg-pink-500 text-pink-500 tb:text-neutral-0",amber:"bg-neutral-0 tb:bg-amber-500 text-amber-500 tb:text-neutral-0",cyan:"bg-neutral-0 tb:bg-cyan-500 text-cyan-500 tb:text-neutral-0",green:"bg-neutral-0 tb:bg-green-500 text-green-500 tb:text-neutral-0"};const Qoe={blue:"bg-neutral-0 tb:bg-blue-500 text-blue-500 tb:text-neutral-0",purple:"bg-neutral-0 tb:bg-purple-500 text-purple-500 tb:text-neutral-0",pink:"bg-neutral-0 tb:bg-pink-500 text-pink-500 tb:text-neutral-0",amber:"bg-neutral-0 tb:bg-amber-500 text-amber-500 tb:text-neutral-0",cyan:"bg-neutral-0 tb:bg-cyan-500 text-cyan-500 tb:text-neutral-0",green:"bg-neutral-0 tb:bg-green-500 text-green-500 tb:text-neutral-0"},Yoe="undefined"!=typeof window;function Koe(t){const[r,n]=e.useState(!1),a=e=>(e=e.card,u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" backdrop-blur-lg bg-neutral-1000 bg-opacity-20 rounded-[6px] w-[220px] h-[428px] flex flex-col justify-between "},u.default.createElement("div",{className:"h-[428px]"},u.default.createElement("div",{className:" pt-8 pl-6"},u.default.createElement("img",{src:e.title_img,alt:"Card",className:" inline-block w-16 "})),e.subtitle&&u.default.createElement("div",{className:"mt-6 px-6 font-petrona text-base font-normal text-neutral-0 "},e.subtitle)),u.default.createElement("div",{className:"pl-6 pb-8"},e.avatar.img_url&&u.default.createElement("img",{className:` w-14 h-14 shadow rounded-full ${e.avatarBgColor??"bg-neutral-0"} rounded inline-block`,alt:"avatar",src:e.avatar.img_url}),u.default.createElement("div",{className:" pt-3"},e.avatar&&e.avatar.name&&u.default.createElement(z,{textStyle:"body2c-bold",className:" text-neutral-0"},e.avatar.name),e.avatar&&e.avatar.designation&&u.default.createElement(z,{textStyle:"body3c",className:" text-neutral-0 mt-1"},e.avatar.designation)))))),o=e=>(e=e.cardHover,u.default.createElement("div",{className:"h-[428px]"},u.default.createElement("div",{className:`${g(e.cardBg)} rounded-[6px] w-[220px] justify-between h-[428px] flex flex-col`},u.default.createElement("div",{className:" "},u.default.createElement("div",{className:"pt-8 pl-6 "},u.default.createElement("img",{src:e.img_url,alt:"Card",className:" inline-block max-w-[148px]"})),u.default.createElement("div",{className:"mt-6 px-6 text-xl leading-[27px] font-semibold text-neutral-0"},e.title)),u.default.createElement("div",{className:"flex pb-8 pl-6 pt-5"},u.default.createElement("a",{href:e?.slideCTA||""},u.default.createElement(s8,{className:"flex",label:e.button.cta_text,type:"secondaryLink",btnTextHoverClass:"hover:text-neutral-0",btnTextColorClass:"text-neutral-0"}))))));return u.default.createElement("div",{className:" w-[220px] h-[428px] rounded-2xl",onMouseEnter:()=>{n(!0)},onMouseLeave:()=>{n(!1)}},u.default.createElement("div",{className:"transition-all max-w-[220px] absolute left-0 top-0 ease-in-out rounded-[6px] duration-300 "+(r?"opacity-0 ":"opacity-100")},u.default.createElement(a,{card:t.card})),u.default.createElement("div",{className:"transition-al absolute left-0 top-0 ease-in-out rounded-[6px] duration-300 "+(r?"opacity-100":"opacity-0")},u.default.createElement(o,{cardHover:t.cardHover})))}function Xoe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"relative overflow-hidden"},u.default.createElement("div",{className:"absolute z-50 right-[4px] rounded-[6px] hidden min-[699px]:block w-[220px] h-[428px] top-[4px] bg-neutral-0/40"},u.default.createElement(Koe,{card:e.testimonial.card,cardHover:e.testimonial.cardHover})),u.default.createElement("div",{className:" relative hidden w-[580px] h-[436px] rounded-2xl min-[699px]:flex justify-center items-center"},u.default.createElement("div",{className:"w-[580px] h-[436px] rounded-lg flex flex-col items-center justify-center overflow-hidden"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("video",{autoPlay:!0,loop:!0,muted:!0,className:" object-fill max-w-full max-h-full scale-150",src:e.video_url}),u.default.createElement("div",{className:"w-full relative z-50 flex-col flex items-center"},u.default.createElement("div",{className:"relative top-[55px] left-[0px] w-[147px] h-[3px] bg-neutral-0/20"})))))),u.default.createElement("div",{className:"overflow-x-hidden w-screen min-[699px]:hidden"},u.default.createElement("div",{className:"max-[375]:h-[684px] h-[600px] rounded flex flex-col items-center justify-cente overflow-hidden"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"h-[348px]"},u.default.createElement("video",{autoPlay:!0,loop:!0,muted:!0,className:" object-fill max-w-full max-h-full min-[699px]:scale-[1.7]",src:e.video_url})),u.default.createElement("div",{className:"absolute max-[365px]:h-[657px] h-[600px] z-50 top-[72px] px-4"},u.default.createElement("div",{className:""},u.default.createElement(qoe,{brandImgUrl:e.testimonial.card.title_img,brandImgAlt:e.testimonial.card.avatar.name,description:e.testimonial.card.subtitle,speakerName:e.testimonial.card.avatar.name,speakerDesignation:e.testimonial.card.avatar.designation,speakerImgUrl:e.testimonial.card.avatar.img_url,blurb:e.testimonial.cardHover.title,dividerClass:"border-b border-neutral-150",caseStudyUrl:e.testimonial.cardHover.button.cta_text})))))))))}Koe.defaultProps={card:{cardBg:"",img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1679302435/main-web/roadshow/nagaraja-nayak_l4xte5.png",title_img:"Optum",img_alt:"optum",subtitle:"“Optum goes from concept to production in 100 days with Hasura”",avatar:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1679302435/main-web/roadshow/nagaraja-nayak_l4xte5.png",name:"Nagaraja Nayak",designation:"Optum",avatarBgColor:"bg-yellow-400"}},cardHover:{cardBg:"bg-green-500",img_url:"",img_alt:"",title:"Optum goes from concept to production in 100 days with Hasura",button:{cta_text:"Read the case Study"}}};const Joe=e.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"}),eie=e.createContext({}),tie=e.createContext(null),rie="undefined"!=typeof document,nie=rie?e.useLayoutEffect:e.useEffect,aie=e.createContext({strict:!1});function oie(e){return"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"current")}function iie(e){return"string"==typeof e||Array.isArray(e)}function lie(e){return"object"==typeof e&&"function"==typeof e.start}const sie=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],cie=["initial",...sie];function uie(e){return lie(e.animate)||cie.some((t=>iie(e[t])))}function hie(e){return Boolean(uie(e)||e.variants)}function mie(t){const{initial:r,animate:n}=function(e,t){if(uie(e)){const{initial:t,animate:r}=e;return{initial:!1===t||iie(t)?t:void 0,animate:iie(r)?r:void 0}}return!1!==e.inherit?t:{}}(t,e.useContext(eie));return e.useMemo((()=>({initial:r,animate:n})),[pie(r),pie(n)])}function pie(e){return Array.isArray(e)?e.join(" "):e}const fie={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},die={};for(const e in fie)die[e]={isEnabled:t=>fie[e].some((e=>!!t[e]))};const vie=e.createContext({}),gie=e.createContext({}),bie=Symbol.for("motionComponentSymbol");function wie({preloadedFeatures:t,createVisualElement:r,useRender:n,useVisualState:a,Component:o}){t&&function(e){for(const t in e)die[t]={...die[t],...e[t]}}(t);const i=e.forwardRef((function(i,l){let s;const c={...e.useContext(Joe),...i,layoutId:yie(i)},{isStatic:u}=c,m=mie(i),p=a(i,u);if(!u&&rie){m.visualElement=function(t,r,n,a){const{visualElement:o}=e.useContext(eie),i=e.useContext(aie),l=e.useContext(tie),s=e.useContext(Joe).reducedMotion,c=e.useRef();a=a||i.renderer,!c.current&&a&&(c.current=a(t,{visualState:r,parent:o,props:n,presenceContext:l,blockInitialAnimation:!!l&&!1===l.initial,reducedMotionConfig:s}));const u=c.current;return e.useInsertionEffect((()=>{u&&u.update(n,l)})),nie((()=>{u&&u.render()})),e.useEffect((()=>{u&&u.updateFeatures()})),(window.HandoffAppearAnimations?nie:e.useEffect)((()=>{u&&u.animationState&&u.animationState.animateChanges()})),u}(o,p,c,r);const n=e.useContext(gie),a=e.useContext(aie).strict;m.visualElement&&(s=m.visualElement.loadFeatures(c,a,t,n))}return h.createElement(eie.Provider,{value:m},s&&m.visualElement?h.createElement(s,{visualElement:m.visualElement,...c}):null,n(o,i,function(t,r,n){return e.useCallback((e=>{e&&t.mount&&t.mount(e),r&&(e?r.mount(e):r.unmount()),n&&("function"==typeof n?n(e):oie(n)&&(n.current=e))}),[r])}(p,m.visualElement,l),p,u,m.visualElement))}));return i[bie]=o,i}function yie({layoutId:t}){const r=e.useContext(vie).id;return r&&void 0!==t?r+"-"+t:t}function xie(e){function t(t,r={}){return wie(e(t,r))}if("undefined"==typeof Proxy)return t;const r=new Map;return new Proxy(t,{get:(e,n)=>(r.has(n)||r.set(n,t(n)),r.get(n))})}const Oie=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function Eie(e){return"string"==typeof e&&!e.includes("-")&&!!(Oie.indexOf(e)>-1||/[A-Z]/.test(e))}const jie={};const Cie=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Pie=new Set(Cie);function Mie(e,{layout:t,layoutId:r}){return Pie.has(e)||e.startsWith("origin")||(t||void 0!==r)&&(!!jie[e]||"opacity"===e)}const kie=e=>Boolean(e&&e.getVelocity),Sie={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Nie=Cie.length;const Bie=e=>t=>"string"==typeof t&&t.startsWith(e),Rie=Bie("--"),Vie=Bie("var(--"),Aie=(e,t)=>t&&"number"==typeof e?t.transform(e):e,Tie=(e,t,r)=>Math.min(Math.max(r,e),t),Hie={test:e=>"number"==typeof e,parse:parseFloat,transform:e=>e},Lie={...Hie,transform:e=>Tie(0,1,e)},Iie={...Hie,default:1},Fie=e=>Math.round(1e5*e)/1e5,_ie=/(-)?([\d]*\.?[\d])+/g,Zie=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Die=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function qie(e){return"string"==typeof e}const Uie=e=>({test:t=>qie(t)&&t.endsWith(e)&&1===t.split(" ").length,parse:parseFloat,transform:t=>`${t}${e}`}),$ie=Uie("deg"),zie=Uie("%"),Wie=Uie("px"),Gie=Uie("vh"),Qie=Uie("vw"),Yie={...zie,parse:e=>zie.parse(e)/100,transform:e=>zie.transform(100*e)},Kie={...Hie,transform:Math.round},Xie={borderWidth:Wie,borderTopWidth:Wie,borderRightWidth:Wie,borderBottomWidth:Wie,borderLeftWidth:Wie,borderRadius:Wie,radius:Wie,borderTopLeftRadius:Wie,borderTopRightRadius:Wie,borderBottomRightRadius:Wie,borderBottomLeftRadius:Wie,width:Wie,maxWidth:Wie,height:Wie,maxHeight:Wie,size:Wie,top:Wie,right:Wie,bottom:Wie,left:Wie,padding:Wie,paddingTop:Wie,paddingRight:Wie,paddingBottom:Wie,paddingLeft:Wie,margin:Wie,marginTop:Wie,marginRight:Wie,marginBottom:Wie,marginLeft:Wie,rotate:$ie,rotateX:$ie,rotateY:$ie,rotateZ:$ie,scale:Iie,scaleX:Iie,scaleY:Iie,scaleZ:Iie,skew:$ie,skewX:$ie,skewY:$ie,distance:Wie,translateX:Wie,translateY:Wie,translateZ:Wie,x:Wie,y:Wie,z:Wie,perspective:Wie,transformPerspective:Wie,opacity:Lie,originX:Yie,originY:Yie,originZ:Wie,zIndex:Kie,fillOpacity:Lie,strokeOpacity:Lie,numOctaves:Kie};function Jie(e,t,r,n){const{style:a,vars:o,transform:i,transformOrigin:l}=e;let s=!1,c=!1,u=!0;for(const e in t){const r=t[e];if(Rie(e)){o[e]=r;continue}const n=Xie[e],h=Aie(r,n);if(Pie.has(e)){if(s=!0,i[e]=h,!u)continue;r!==(n.default||0)&&(u=!1)}else e.startsWith("origin")?(c=!0,l[e]=h):a[e]=h}if(t.transform||(s||n?a.transform=function(e,{enableHardwareAcceleration:t=!0,allowTransformNone:r=!0},n,a){let o="";for(let t=0;t<Nie;t++){const r=Cie[t];void 0!==e[r]&&(o+=`${Sie[r]||r}(${e[r]}) `)}return t&&!e.z&&(o+="translateZ(0)"),o=o.trim(),a?o=a(e,n?"":o):r&&n&&(o="none"),o}(e.transform,r,u,n):a.transform&&(a.transform="none")),c){const{originX:e="50%",originY:t="50%",originZ:r=0}=l;a.transformOrigin=`${e} ${t} ${r}`}}const ele=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function tle(e,t,r){for(const n in t)kie(t[n])||Mie(n,r)||(e[n]=t[n])}function rle(t,r,n){const a={};return tle(a,t.style||{},t),Object.assign(a,function({transformTemplate:t},r,n){return e.useMemo((()=>{const e=ele();return Jie(e,r,{enableHardwareAcceleration:!n},t),Object.assign({},e.vars,e.style)}),[r])}(t,r,n)),t.transformValues?t.transformValues(a):a}function nle(e,t,r){const n={},a=rle(e,t,r);return e.drag&&!1!==e.dragListener&&(n.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=!0===e.drag?"none":"pan-"+("x"===e.drag?"y":"x")),void 0===e.tabIndex&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=a,n}const ale=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function ole(e){return e.startsWith("while")||e.startsWith("drag")&&"draggable"!==e||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||ale.has(e)}let ile=e=>!ole(e);try{(lle=require("@emotion/is-prop-valid").default)&&(ile=e=>e.startsWith("on")?!ole(e):lle(e))}catch(e){}var lle;function sle(e,t,r){return"string"==typeof e?e:Wie.transform(t+r*e)}const cle={offset:"stroke-dashoffset",array:"stroke-dasharray"},ule={offset:"strokeDashoffset",array:"strokeDasharray"};function hle(e,{attrX:t,attrY:r,attrScale:n,originX:a,originY:o,pathLength:i,pathSpacing:l=1,pathOffset:s=0,...c},u,h,m){if(Jie(e,c,u,m),h)return void(e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox));e.attrs=e.style,e.style={};const{attrs:p,style:f,dimensions:d}=e;p.transform&&(d&&(f.transform=p.transform),delete p.transform),d&&(void 0!==a||void 0!==o||f.transform)&&(f.transformOrigin=function(e,t,r){return`${sle(t,e.x,e.width)} ${sle(r,e.y,e.height)}`}(d,void 0!==a?a:.5,void 0!==o?o:.5)),void 0!==t&&(p.x=t),void 0!==r&&(p.y=r),void 0!==n&&(p.scale=n),void 0!==i&&function(e,t,r=1,n=0,a=!0){e.pathLength=1;const o=a?cle:ule;e[o.offset]=Wie.transform(-n);const i=Wie.transform(t),l=Wie.transform(r);e[o.array]=`${i} ${l}`}(p,i,l,s,!1)}const mle=()=>({...ele(),attrs:{}}),ple=e=>"string"==typeof e&&"svg"===e.toLowerCase();function fle(t,r,n,a){const o=e.useMemo((()=>{const e=mle();return hle(e,r,{enableHardwareAcceleration:!1},ple(a),t.transformTemplate),{...e.attrs,style:{...e.style}}}),[r]);if(t.style){const e={};tle(e,t.style,t),o.style={...e,...o.style}}return o}function dle(t=!1){return(r,n,a,{latestValues:o},i)=>{const l=(Eie(r)?fle:nle)(n,o,i,r),s=function(e,t,r){const n={};for(const a in e)"values"===a&&"object"==typeof e.values||(ile(a)||!0===r&&ole(a)||!t&&!ole(a)||e.draggable&&a.startsWith("onDrag"))&&(n[a]=e[a]);return n}(n,"string"==typeof r,t),c={...s,...l,ref:a},{children:u}=n,h=e.useMemo((()=>kie(u)?u.get():u),[u]);return e.createElement(r,{...c,children:h})}}const vle=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function gle(e,{style:t,vars:r},n,a){Object.assign(e.style,t,a&&a.getProjectionStyles(n));for(const t in r)e.style.setProperty(t,r[t])}const ble=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function wle(e,t,r,n){gle(e,t,void 0,n);for(const r in t.attrs)e.setAttribute(ble.has(r)?r:vle(r),t.attrs[r])}function yle(e,t){const{style:r}=e,n={};for(const a in r)(kie(r[a])||t.style&&kie(t.style[a])||Mie(a,e))&&(n[a]=r[a]);return n}function xle(e,t){const r=yle(e,t);for(const n in e)if(kie(e[n])||kie(t[n])){r[-1!==Cie.indexOf(n)?"attr"+n.charAt(0).toUpperCase()+n.substring(1):n]=e[n]}return r}function Ole(e,t,r,n={},a={}){return"function"==typeof t&&(t=t(void 0!==r?r:e.custom,n,a)),"string"==typeof t&&(t=e.variants&&e.variants[t]),"function"==typeof t&&(t=t(void 0!==r?r:e.custom,n,a)),t}function Ele(t){const r=e.useRef(null);return null===r.current&&(r.current=t()),r.current}const jle=e=>Array.isArray(e),Cle=e=>Boolean(e&&"object"==typeof e&&e.mix&&e.toValue),Ple=e=>jle(e)?e[e.length-1]||0:e;function Mle(e){const t=kie(e)?e.get():e;return Cle(t)?t.toValue():t}const kle=t=>(r,n)=>{const a=e.useContext(eie),o=e.useContext(tie),i=()=>function({scrapeMotionValuesFromProps:e,createRenderState:t,onMount:r},n,a,o){const i={latestValues:Sle(n,a,o,e),renderState:t()};return r&&(i.mount=e=>r(n,e,i)),i}(t,r,a,o);return n?i():Ele(i)};function Sle(e,t,r,n){const a={},o=n(e,{});for(const e in o)a[e]=Mle(o[e]);let{initial:i,animate:l}=e;const s=uie(e),c=hie(e);t&&c&&!s&&!1!==e.inherit&&(void 0===i&&(i=t.initial),void 0===l&&(l=t.animate));let u=!!r&&!1===r.initial;u=u||!1===i;const h=u?l:i;if(h&&"boolean"!=typeof h&&!lie(h)){(Array.isArray(h)?h:[h]).forEach((t=>{const r=Ole(e,t);if(!r)return;const{transitionEnd:n,transition:o,...i}=r;for(const e in i){let t=i[e];if(Array.isArray(t)){t=t[u?t.length-1:0]}null!==t&&(a[e]=t)}for(const e in n)a[e]=n[e]}))}return a}const Nle={useVisualState:kle({scrapeMotionValuesFromProps:xle,createRenderState:mle,onMount:(e,t,{renderState:r,latestValues:n})=>{try{r.dimensions="function"==typeof t.getBBox?t.getBBox():t.getBoundingClientRect()}catch(e){r.dimensions={x:0,y:0,width:0,height:0}}hle(r,n,{enableHardwareAcceleration:!1},ple(t.tagName),e.transformTemplate),wle(t,r)}})},Ble={useVisualState:kle({scrapeMotionValuesFromProps:yle,createRenderState:ele})};function Rle(e,t,r,n={passive:!0}){return e.addEventListener(t,r,n),()=>e.removeEventListener(t,r)}const Vle=e=>"mouse"===e.pointerType?"number"!=typeof e.button||e.button<=0:!1!==e.isPrimary;function Ale(e,t="page"){return{point:{x:e[t+"X"],y:e[t+"Y"]}}}const Tle=e=>t=>Vle(t)&&e(t,Ale(t));function Hle(e,t,r,n){return Rle(e,t,Tle(r),n)}const Lle=(e,t)=>r=>t(e(r)),Ile=(...e)=>e.reduce(Lle);function Fle(e){let t=null;return()=>{const r=()=>{t=null};return null===t&&(t=e,r)}}const _le=Fle("dragHorizontal"),Zle=Fle("dragVertical");function Dle(e){let t=!1;if("y"===e)t=Zle();else if("x"===e)t=_le();else{const e=_le(),r=Zle();e&&r?t=()=>{e(),r()}:(e&&e(),r&&r())}return t}function qle(){const e=Dle(!0);return!e||(e(),!1)}class Ule{constructor(e){this.isMounted=!1,this.node=e}update(){}}const $le={delta:0,timestamp:0,isProcessing:!1};let zle=!0,Wle=!1;const Gle=["read","update","preRender","render","postRender"],Qle=Gle.reduce(((e,t)=>(e[t]=function(e){let t=[],r=[],n=0,a=!1,o=!1;const i=new WeakSet,l={schedule:(e,o=!1,l=!1)=>{const s=l&&a,c=s?t:r;return o&&i.add(e),-1===c.indexOf(e)&&(c.push(e),s&&a&&(n=t.length)),e},cancel:e=>{const t=r.indexOf(e);-1!==t&&r.splice(t,1),i.delete(e)},process:s=>{if(a)o=!0;else{if(a=!0,[t,r]=[r,t],r.length=0,n=t.length,n)for(let r=0;r<n;r++){const n=t[r];n(s),i.has(n)&&(l.schedule(n),e())}a=!1,o&&(o=!1,l.process(s))}}};return l}((()=>Wle=!0)),e)),{}),Yle=e=>Qle[e].process($le),Kle=e=>{Wle=!1,$le.delta=zle?1e3/60:Math.max(Math.min(e-$le.timestamp,40),1),$le.timestamp=e,$le.isProcessing=!0,Gle.forEach(Yle),$le.isProcessing=!1,Wle&&(zle=!1,requestAnimationFrame(Kle))},Xle=Gle.reduce(((e,t)=>{const r=Qle[t];return e[t]=(e,t=!1,n=!1)=>(Wle||(Wle=!0,zle=!0,$le.isProcessing||requestAnimationFrame(Kle)),r.schedule(e,t,n)),e}),{});function Jle(e){Gle.forEach((t=>Qle[t].cancel(e)))}function ese(e,t){const r="pointer"+(t?"enter":"leave"),n="onHover"+(t?"Start":"End");return Hle(e.current,r,((r,a)=>{if("touch"===r.type||qle())return;const o=e.getProps();e.animationState&&o.whileHover&&e.animationState.setActive("whileHover",t),o[n]&&Xle.update((()=>o[n](r,a)))}),{passive:!e.getProps()[n]})}const tse=(e,t)=>!!t&&(e===t||tse(e,t.parentElement)),rse=e=>e;function nse(e,t){if(!t)return;const r=new PointerEvent("pointer"+e);t(r,Ale(r))}const ase=new WeakMap,ose=new WeakMap,ise=e=>{const t=ase.get(e.target);t&&t(e)},lse=e=>{e.forEach(ise)};function sse(e,t,r){const n=function({root:e,...t}){const r=e||document;ose.has(r)||ose.set(r,{});const n=ose.get(r),a=JSON.stringify(t);return n[a]||(n[a]=new IntersectionObserver(lse,{root:e,...t})),n[a]}(t);return ase.set(e,r),n.observe(e),()=>{ase.delete(e),n.unobserve(e)}}const cse={some:0,all:1};const use={inView:{Feature:class extends Ule{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:t,margin:r,amount:n="some",once:a}=e,o={root:t?t.current:void 0,rootMargin:r,threshold:"number"==typeof n?n:cse[n]};return sse(this.node.current,o,(e=>{const{isIntersecting:t}=e;if(this.isInView===t)return;if(this.isInView=t,a&&!t&&this.hasEnteredView)return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:r,onViewportLeave:n}=this.node.getProps(),o=t?r:n;o&&o(e)}))}mount(){this.startObserver()}update(){if("undefined"==typeof IntersectionObserver)return;const{props:e,prevProps:t}=this.node;["amount","margin","root"].some(function({viewport:e={}},{viewport:t={}}={}){return r=>e[r]!==t[r]}(e,t))&&this.startObserver()}unmount(){}}},tap:{Feature:class extends Ule{constructor(){super(...arguments),this.removeStartListeners=rse,this.removeEndListeners=rse,this.removeAccessibleListeners=rse,this.startPointerPress=(e,t)=>{if(this.removeEndListeners(),this.isPressing)return;const r=this.node.getProps(),n=Hle(window,"pointerup",((e,t)=>{if(!this.checkPressEnd())return;const{onTap:r,onTapCancel:n}=this.node.getProps();Xle.update((()=>{tse(this.node.current,e.target)?r&&r(e,t):n&&n(e,t)}))}),{passive:!(r.onTap||r.onPointerUp)}),a=Hle(window,"pointercancel",((e,t)=>this.cancelPress(e,t)),{passive:!(r.onTapCancel||r.onPointerCancel)});this.removeEndListeners=Ile(n,a),this.startPress(e,t)},this.startAccessiblePress=()=>{const e=Rle(this.node.current,"keydown",(e=>{if("Enter"!==e.key||this.isPressing)return;this.removeEndListeners(),this.removeEndListeners=Rle(this.node.current,"keyup",(e=>{"Enter"===e.key&&this.checkPressEnd()&&nse("up",((e,t)=>{const{onTap:r}=this.node.getProps();r&&Xle.update((()=>r(e,t)))}))})),nse("down",((e,t)=>{this.startPress(e,t)}))})),t=Rle(this.node.current,"blur",(()=>{this.isPressing&&nse("cancel",((e,t)=>this.cancelPress(e,t)))}));this.removeAccessibleListeners=Ile(e,t)}}startPress(e,t){this.isPressing=!0;const{onTapStart:r,whileTap:n}=this.node.getProps();n&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),r&&Xle.update((()=>r(e,t)))}checkPressEnd(){this.removeEndListeners(),this.isPressing=!1;return this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!qle()}cancelPress(e,t){if(!this.checkPressEnd())return;const{onTapCancel:r}=this.node.getProps();r&&Xle.update((()=>r(e,t)))}mount(){const e=this.node.getProps(),t=Hle(this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),r=Rle(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=Ile(t,r)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}},focus:{Feature:class extends Ule{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch(t){e=!0}e&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Ile(Rle(this.node.current,"focus",(()=>this.onFocus())),Rle(this.node.current,"blur",(()=>this.onBlur())))}unmount(){}}},hover:{Feature:class extends Ule{mount(){this.unmount=Ile(ese(this.node,!0),ese(this.node,!1))}unmount(){}}}};function hse(e,t){if(!Array.isArray(t))return!1;const r=t.length;if(r!==e.length)return!1;for(let n=0;n<r;n++)if(t[n]!==e[n])return!1;return!0}function mse(e,t,r){const n=e.getProps();return Ole(n,t,void 0!==r?r:n.custom,function(e){const t={};return e.values.forEach(((e,r)=>t[r]=e.get())),t}(e),function(e){const t={};return e.values.forEach(((e,r)=>t[r]=e.getVelocity())),t}(e))}const pse="data-"+vle("framerAppearId");let fse=rse,dse=rse;"production"!==process.env.NODE_ENV&&(fse=(e,t)=>{e||"undefined"==typeof console||console.warn(t)},dse=(e,t)=>{if(!e)throw new Error(t)});const vse=e=>1e3*e,gse=e=>e/1e3,bse=!1,wse=e=>Array.isArray(e)&&"number"==typeof e[0];function yse(e){return Boolean(!e||"string"==typeof e&&Ose[e]||wse(e)||Array.isArray(e)&&e.every(yse))}const xse=([e,t,r,n])=>`cubic-bezier(${e}, ${t}, ${r}, ${n})`,Ose={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:xse([0,.65,.55,1]),circOut:xse([.55,0,1,.45]),backIn:xse([.31,.01,.66,-.59]),backOut:xse([.33,1.53,.69,.99])};function Ese(e){if(e)return wse(e)?xse(e):Array.isArray(e)?e.map(Ese):Ose[e]}const jse={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},Cse={},Pse={};for(const e in jse)Pse[e]=()=>(void 0===Cse[e]&&(Cse[e]=jse[e]()),Cse[e]);const Mse=(e,t,r)=>(((1-3*r+3*t)*e+(3*r-6*t))*e+3*t)*e,kse=1e-7,Sse=12;function Nse(e,t,r,n){if(e===t&&r===n)return rse;const a=t=>function(e,t,r,n,a){let o,i,l=0;do{i=t+(r-t)/2,o=Mse(i,n,a)-e,o>0?r=i:t=i}while(Math.abs(o)>kse&&++l<Sse);return i}(t,0,1,e,r);return e=>0===e||1===e?e:Mse(a(e),t,n)}const Bse=Nse(.42,0,1,1),Rse=Nse(0,0,.58,1),Vse=Nse(.42,0,.58,1),Ase=e=>Array.isArray(e)&&"number"!=typeof e[0],Tse=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Hse=e=>t=>1-e(1-t),Lse=e=>1-Math.sin(Math.acos(e)),Ise=Hse(Lse),Fse=Tse(Ise),_se=Nse(.33,1.53,.69,.99),Zse=Hse(_se),Dse=Tse(Zse),qse={linear:rse,easeIn:Bse,easeInOut:Vse,easeOut:Rse,circIn:Lse,circInOut:Fse,circOut:Ise,backIn:Zse,backInOut:Dse,backOut:_se,anticipate:e=>(e*=2)<1?.5*Zse(e):.5*(2-Math.pow(2,-10*(e-1)))},Use=e=>{if(Array.isArray(e)){dse(4===e.length,"Cubic bezier arrays must contain four numerical values.");const[t,r,n,a]=e;return Nse(t,r,n,a)}return"string"==typeof e?(dse(void 0!==qse[e],`Invalid easing type '${e}'`),qse[e]):e},$se=(e,t)=>r=>Boolean(qie(r)&&Die.test(r)&&r.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(r,t)),zse=(e,t,r)=>n=>{if(!qie(n))return n;const[a,o,i,l]=n.match(_ie);return{[e]:parseFloat(a),[t]:parseFloat(o),[r]:parseFloat(i),alpha:void 0!==l?parseFloat(l):1}},Wse={...Hie,transform:e=>Math.round((e=>Tie(0,255,e))(e))},Gse={test:$se("rgb","red"),parse:zse("red","green","blue"),transform:({red:e,green:t,blue:r,alpha:n=1})=>"rgba("+Wse.transform(e)+", "+Wse.transform(t)+", "+Wse.transform(r)+", "+Fie(Lie.transform(n))+")"};const Qse={test:$se("#"),parse:function(e){let t="",r="",n="",a="";return e.length>5?(t=e.substring(1,3),r=e.substring(3,5),n=e.substring(5,7),a=e.substring(7,9)):(t=e.substring(1,2),r=e.substring(2,3),n=e.substring(3,4),a=e.substring(4,5),t+=t,r+=r,n+=n,a+=a),{red:parseInt(t,16),green:parseInt(r,16),blue:parseInt(n,16),alpha:a?parseInt(a,16)/255:1}},transform:Gse.transform},Yse={test:$se("hsl","hue"),parse:zse("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:r,alpha:n=1})=>"hsla("+Math.round(e)+", "+zie.transform(Fie(t))+", "+zie.transform(Fie(r))+", "+Fie(Lie.transform(n))+")"},Kse={test:e=>Gse.test(e)||Qse.test(e)||Yse.test(e),parse:e=>Gse.test(e)?Gse.parse(e):Yse.test(e)?Yse.parse(e):Qse.parse(e),transform:e=>qie(e)?e:e.hasOwnProperty("red")?Gse.transform(e):Yse.transform(e)},Xse=(e,t,r)=>-r*e+r*t+e;function Jse(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}const ece=(e,t,r)=>{const n=e*e;return Math.sqrt(Math.max(0,r*(t*t-n)+n))},tce=[Qse,Gse,Yse];function rce(e){const t=(e=>tce.find((t=>t.test(e))))(e);dse(Boolean(t),`'${e}' is not an animatable color. Use the equivalent color code instead.`);let r=t.parse(e);return t===Yse&&(r=function({hue:e,saturation:t,lightness:r,alpha:n}){e/=360,r/=100;let a=0,o=0,i=0;if(t/=100){const n=r<.5?r*(1+t):r+t-r*t,l=2*r-n;a=Jse(l,n,e+1/3),o=Jse(l,n,e),i=Jse(l,n,e-1/3)}else a=o=i=r;return{red:Math.round(255*a),green:Math.round(255*o),blue:Math.round(255*i),alpha:n}}(r)),r}const nce=(e,t)=>{const r=rce(e),n=rce(t),a={...r};return e=>(a.red=ece(r.red,n.red,e),a.green=ece(r.green,n.green,e),a.blue=ece(r.blue,n.blue,e),a.alpha=Xse(r.alpha,n.alpha,e),Gse.transform(a))};const ace={regex:/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g,countKey:"Vars",token:"${v}",parse:rse},oce={regex:Zie,countKey:"Colors",token:"${c}",parse:Kse.parse},ice={regex:_ie,countKey:"Numbers",token:"${n}",parse:Hie.parse};function lce(e,{regex:t,countKey:r,token:n,parse:a}){const o=e.tokenised.match(t);o&&(e["num"+r]=o.length,e.tokenised=e.tokenised.replace(t,n),e.values.push(...o.map(a)))}function sce(e){const t=e.toString(),r={value:t,tokenised:t,values:[],numVars:0,numColors:0,numNumbers:0};return r.value.includes("var(--")&&lce(r,ace),lce(r,oce),lce(r,ice),r}function cce(e){return sce(e).values}function uce(e){const{values:t,numColors:r,numVars:n,tokenised:a}=sce(e),o=t.length;return e=>{let t=a;for(let a=0;a<o;a++)t=a<n?t.replace(ace.token,e[a]):a<n+r?t.replace(oce.token,Kse.transform(e[a])):t.replace(ice.token,Fie(e[a]));return t}}const hce=e=>"number"==typeof e?0:e;const mce={test:function(e){var t,r;return isNaN(e)&&qie(e)&&((null===(t=e.match(_ie))||void 0===t?void 0:t.length)||0)+((null===(r=e.match(Zie))||void 0===r?void 0:r.length)||0)>0},parse:cce,createTransformer:uce,getAnimatableNone:function(e){const t=cce(e);return uce(e)(t.map(hce))}},pce=(e,t)=>r=>`${r>0?t:e}`;function fce(e,t){return"number"==typeof e?r=>Xse(e,t,r):Kse.test(e)?nce(e,t):e.startsWith("var(")?pce(e,t):gce(e,t)}const dce=(e,t)=>{const r=[...e],n=r.length,a=e.map(((e,r)=>fce(e,t[r])));return e=>{for(let t=0;t<n;t++)r[t]=a[t](e);return r}},vce=(e,t)=>{const r={...e,...t},n={};for(const a in r)void 0!==e[a]&&void 0!==t[a]&&(n[a]=fce(e[a],t[a]));return e=>{for(const t in n)r[t]=n[t](e);return r}},gce=(e,t)=>{const r=mce.createTransformer(t),n=sce(e),a=sce(t);return n.numVars===a.numVars&&n.numColors===a.numColors&&n.numNumbers>=a.numNumbers?Ile(dce(n.values,a.values),r):(fse(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),pce(e,t))},bce=(e,t,r)=>{const n=t-e;return 0===n?1:(r-e)/n},wce=(e,t)=>r=>Xse(e,t,r);function yce(e,t,r){const n=[],a=r||function(e){return"number"==typeof e?wce:"string"==typeof e?Kse.test(e)?nce:gce:Array.isArray(e)?dce:"object"==typeof e?vce:wce}(e[0]),o=e.length-1;for(let r=0;r<o;r++){let o=a(e[r],e[r+1]);if(t){const e=Array.isArray(t)?t[r]||rse:t;o=Ile(e,o)}n.push(o)}return n}function xce(e,t,{clamp:r=!0,ease:n,mixer:a}={}){const o=e.length;if(dse(o===t.length,"Both input and output ranges must be the same length"),1===o)return()=>t[0];e[0]>e[o-1]&&(e=[...e].reverse(),t=[...t].reverse());const i=yce(t,n,a),l=i.length,s=t=>{let r=0;if(l>1)for(;r<e.length-2&&!(t<e[r+1]);r++);const n=bce(e[r],e[r+1],t);return i[r](n)};return r?t=>s(Tie(e[0],e[o-1],t)):s}function Oce(e){const t=[0];return function(e,t){const r=e[e.length-1];for(let n=1;n<=t;n++){const a=bce(0,t,n);e.push(Xse(r,1,a))}}(t,e.length-1),t}function Ece({duration:e=300,keyframes:t,times:r,ease:n="easeInOut"}){const a=Ase(n)?n.map(Use):Use(n),o={done:!1,value:t[0]},i=function(e,t){return e.map((e=>e*t))}(r&&r.length===t.length?r:Oce(t),e),l=xce(i,t,{ease:Array.isArray(a)?a:(s=t,c=a,s.map((()=>c||Vse)).splice(0,s.length-1))});var s,c;return{calculatedDuration:e,next:t=>(o.value=l(t),o.done=t>=e,o)}}function jce(e,t){return t?e*(1e3/t):0}const Cce=5;function Pce(e,t,r){const n=Math.max(t-Cce,0);return jce(r-e(n),t-n)}const Mce=.001,kce=.01,Sce=10,Nce=.05,Bce=1;function Rce({duration:e=800,bounce:t=.25,velocity:r=0,mass:n=1}){let a,o;fse(e<=vse(Sce),"Spring duration must be 10 seconds or less");let i=1-t;i=Tie(Nce,Bce,i),e=Tie(kce,Sce,gse(e)),i<1?(a=t=>{const n=t*i,a=n*e,o=n-r,l=Ace(t,i),s=Math.exp(-a);return Mce-o/l*s},o=t=>{const n=t*i*e,o=n*r+r,l=Math.pow(i,2)*Math.pow(t,2)*e,s=Math.exp(-n),c=Ace(Math.pow(t,2),i);return(-a(t)+Mce>0?-1:1)*((o-l)*s)/c}):(a=t=>Math.exp(-t*e)*((t-r)*e+1)-Mce,o=t=>Math.exp(-t*e)*(e*e*(r-t)));const l=function(e,t,r){let n=r;for(let r=1;r<Vce;r++)n-=e(n)/t(n);return n}(a,o,5/e);if(e=vse(e),isNaN(l))return{stiffness:100,damping:10,duration:e};{const t=Math.pow(l,2)*n;return{stiffness:t,damping:2*i*Math.sqrt(n*t),duration:e}}}const Vce=12;function Ace(e,t){return e*Math.sqrt(1-t*t)}const Tce=["duration","bounce"],Hce=["stiffness","damping","mass"];function Lce(e,t){return t.some((t=>void 0!==e[t]))}function Ice({keyframes:e,restDelta:t,restSpeed:r,...n}){const a=e[0],o=e[e.length-1],i={done:!1,value:a},{stiffness:l,damping:s,mass:c,velocity:u,duration:h,isResolvedFromDuration:m}=function(e){let t={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...e};if(!Lce(e,Hce)&&Lce(e,Tce)){const r=Rce(e);t={...t,...r,velocity:0,mass:1},t.isResolvedFromDuration=!0}return t}(n),p=u?-gse(u):0,f=s/(2*Math.sqrt(l*c)),d=o-a,v=gse(Math.sqrt(l/c)),g=Math.abs(d)<5;let b;if(r||(r=g?.01:2),t||(t=g?.005:.5),f<1){const e=Ace(v,f);b=t=>{const r=Math.exp(-f*v*t);return o-r*((p+f*v*d)/e*Math.sin(e*t)+d*Math.cos(e*t))}}else if(1===f)b=e=>o-Math.exp(-v*e)*(d+(p+v*d)*e);else{const e=v*Math.sqrt(f*f-1);b=t=>{const r=Math.exp(-f*v*t),n=Math.min(e*t,300);return o-r*((p+f*v*d)*Math.sinh(n)+e*d*Math.cosh(n))/e}}return{calculatedDuration:m&&h||null,next:e=>{const n=b(e);if(m)i.done=e>=h;else{let a=p;0!==e&&(a=f<1?Pce(b,e,n):0);const l=Math.abs(a)<=r,s=Math.abs(o-n)<=t;i.done=l&&s}return i.value=i.done?o:n,i}}}function Fce({keyframes:e,velocity:t=0,power:r=.8,timeConstant:n=325,bounceDamping:a=10,bounceStiffness:o=500,modifyTarget:i,min:l,max:s,restDelta:c=.5,restSpeed:u}){const h=e[0],m={done:!1,value:h},p=e=>void 0===l?s:void 0===s||Math.abs(l-e)<Math.abs(s-e)?l:s;let f=r*t;const d=h+f,v=void 0===i?d:i(d);v!==d&&(f=v-h);const g=e=>-f*Math.exp(-e/n),b=e=>v+g(e),w=e=>{const t=g(e),r=b(e);m.done=Math.abs(t)<=c,m.value=m.done?v:r};let y,x;const O=e=>{(e=>void 0!==l&&e<l||void 0!==s&&e>s)(m.value)&&(y=e,x=Ice({keyframes:[m.value,p(m.value)],velocity:Pce(b,e,m.value),damping:a,stiffness:o,restDelta:c,restSpeed:u}))};return O(0),{calculatedDuration:null,next:e=>{let t=!1;return x||void 0!==y||(t=!0,w(e),O(e)),void 0!==y&&e>y?x.next(e-y):(!t&&w(e),m)}}}const _ce=e=>{const t=({timestamp:t})=>e(t);return{start:()=>Xle.update(t,!0),stop:()=>Jle(t),now:()=>$le.isProcessing?$le.timestamp:performance.now()}},Zce=2e4;function Dce(e){let t=0;let r=e.next(t);for(;!r.done&&t<Zce;)t+=50,r=e.next(t);return t>=Zce?1/0:t}const qce={decay:Fce,inertia:Fce,tween:Ece,keyframes:Ece,spring:Ice};function Uce({autoplay:e=!0,delay:t=0,driver:r=_ce,keyframes:n,type:a="keyframes",repeat:o=0,repeatDelay:i=0,repeatType:l="loop",onPlay:s,onStop:c,onComplete:u,onUpdate:h,...m}){let p,f,d=1,v=!1;const g=()=>{p&&p(),f=new Promise((e=>{p=e}))};let b;g();const w=qce[a]||Ece;let y;w!==Ece&&"number"!=typeof n[0]&&(y=xce([0,100],n,{clamp:!1}),n=[0,100]);const x=w({...m,keyframes:n});let O;"mirror"===l&&(O=w({...m,keyframes:[...n].reverse(),velocity:-(m.velocity||0)}));let E="idle",j=null,C=null,P=null;null===x.calculatedDuration&&o&&(x.calculatedDuration=Dce(x));const{calculatedDuration:M}=x;let k=1/0,S=1/0;null!==M&&(k=M+i,S=k*(o+1)-i);let N=0;const B=e=>{if(null===C)return;d>0&&(C=Math.min(C,e)),N=null!==j?j:(e-C)*d;const r=N-t,a=r<0;N=Math.max(r,0),"finished"===E&&null===j&&(N=S);let s=N,c=x;if(o){const e=N/k;let t=Math.floor(e),r=e%1;!r&&e>=1&&(r=1),1===r&&t--,t=Math.min(t,o+1);const n=Boolean(t%2);n&&("reverse"===l?(r=1-r,i&&(r-=i/k)):"mirror"===l&&(c=O));let a=Tie(0,1,r);N>S&&(a="reverse"===l&&n?1:0),s=a*k}const u=a?{done:!1,value:n[0]}:c.next(s);y&&(u.value=y(u.value));let{done:m}=u;a||null===M||(m=N>=S);const p=null===j&&("finished"===E||"running"===E&&m||d<0&&N<=0);return h&&h(u.value),p&&A(),u},R=()=>{b&&b.stop(),b=void 0},V=()=>{E="idle",R(),g(),C=P=null},A=()=>{E="finished",u&&u(),R(),g()},T=()=>{if(v)return;b||(b=r(B));const e=b.now();s&&s(),null!==j?C=e-j:C&&"finished"!==E||(C=e),P=C,j=null,E="running",b.start()};e&&T();const H={then:(e,t)=>f.then(e,t),get time(){return gse(N)},set time(e){e=vse(e),N=e,null===j&&b&&0!==d?C=b.now()-e/d:j=e},get duration(){const e=null===x.calculatedDuration?Dce(x):x.calculatedDuration;return gse(e)},get speed(){return d},set speed(e){e!==d&&b&&(d=e,H.time=gse(N))},get state(){return E},play:T,pause:()=>{E="paused",j=N},stop:()=>{v=!0,"idle"!==E&&(E="idle",c&&c(),V())},cancel:()=>{null!==P&&B(P),V()},complete:()=>{E="finished"},sample:e=>(C=0,B(e))};return H}const $ce=new Set(["opacity","clipPath","filter","transform","backgroundColor"]);function zce(e,t,{onUpdate:r,onComplete:n,...a}){if(!(Pse.waapi()&&$ce.has(t)&&!a.repeatDelay&&"mirror"!==a.repeatType&&0!==a.damping&&"inertia"!==a.type))return!1;let o,i,l=!1;const s=()=>{i=new Promise((e=>{o=e}))};s();let{keyframes:c,duration:u=300,ease:h,times:m}=a;if(((e,t)=>"spring"===t.type||"backgroundColor"===e||!yse(t.ease))(t,a)){const e=Uce({...a,repeat:0,delay:0});let t={done:!1,value:c[0]};const r=[];let n=0;for(;!t.done&&n<2e4;)t=e.sample(n),r.push(t.value),n+=10;m=void 0,c=r,u=n-10,h="linear"}const p=function(e,t,r,{delay:n=0,duration:a,repeat:o=0,repeatType:i="loop",ease:l,times:s}={}){const c={[t]:r};s&&(c.offset=s);const u=Ese(l);return Array.isArray(u)&&(c.easing=u),e.animate(c,{delay:n,duration:a,easing:Array.isArray(u)?"linear":u,fill:"both",iterations:o+1,direction:"reverse"===i?"alternate":"normal"})}(e.owner.current,t,c,{...a,duration:u,ease:h,times:m}),f=()=>p.cancel(),d=()=>{Xle.update(f),o(),s()};return p.onfinish=()=>{e.set(function(e,{repeat:t,repeatType:r="loop"}){return e[t&&"loop"!==r&&t%2==1?0:e.length-1]}(c,a)),n&&n(),d()},{then:(e,t)=>i.then(e,t),get time(){return gse(p.currentTime||0)},set time(e){p.currentTime=vse(e)},get speed(){return p.playbackRate},set speed(e){p.playbackRate=e},get duration(){return gse(u)},play:()=>{l||(p.play(),Jle(f))},pause:()=>p.pause(),stop:()=>{if(l=!0,"idle"===p.playState)return;const{currentTime:t}=p;if(t){const r=Uce({...a,autoplay:!1});e.setWithVelocity(r.sample(t-10).value,r.sample(t).value,10)}d()},complete:()=>p.finish(),cancel:d}}const Wce={type:"spring",stiffness:500,damping:25,restSpeed:10},Gce={type:"keyframes",duration:.8},Qce={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Yce=(e,{keyframes:t})=>t.length>2?Gce:Pie.has(e)?e.startsWith("scale")?{type:"spring",stiffness:550,damping:0===t[1]?2*Math.sqrt(550):30,restSpeed:10}:Wce:Qce,Kce=(e,t)=>"zIndex"!==e&&(!("number"!=typeof t&&!Array.isArray(t))||!("string"!=typeof t||!mce.test(t)&&"0"!==t||t.startsWith("url("))),Xce=new Set(["brightness","contrast","saturate","opacity"]);function Jce(e){const[t,r]=e.slice(0,-1).split("(");if("drop-shadow"===t)return e;const[n]=r.match(_ie)||[];if(!n)return e;const a=r.replace(n,"");let o=Xce.has(t)?1:0;return n!==r&&(o*=100),t+"("+o+a+")"}const eue=/([a-z-]*)\(.*?\)/g,tue={...mce,getAnimatableNone:e=>{const t=e.match(eue);return t?t.map(Jce).join(" "):e}},rue={...Xie,color:Kse,backgroundColor:Kse,outlineColor:Kse,fill:Kse,stroke:Kse,borderColor:Kse,borderTopColor:Kse,borderRightColor:Kse,borderBottomColor:Kse,borderLeftColor:Kse,filter:tue,WebkitFilter:tue},nue=e=>rue[e];function aue(e,t){let r=nue(e);return r!==tue&&(r=mce),r.getAnimatableNone?r.getAnimatableNone(t):void 0}const oue=e=>/^0[^.\s]+$/.test(e);function iue(e){return"number"==typeof e?0===e:null!==e?"none"===e||"0"===e||oue(e):void 0}function lue(e,t){return e[t]||e.default||e}const sue=(e,t,r,n={})=>a=>{const o=lue(n,e)||{},i=o.delay||n.delay||0;let{elapsed:l=0}=n;l-=vse(i);const s=function(e,t,r,n){const a=Kce(t,r);let o;o=Array.isArray(r)?[...r]:[null,r];const i=void 0!==n.from?n.from:e.get();let l;const s=[];for(let e=0;e<o.length;e++)null===o[e]&&(o[e]=0===e?i:o[e-1]),iue(o[e])&&s.push(e),"string"==typeof o[e]&&"none"!==o[e]&&"0"!==o[e]&&(l=o[e]);if(a&&s.length&&l)for(let e=0;e<s.length;e++)o[s[e]]=aue(t,l);return o}(t,e,r,o),c=s[0],u=s[s.length-1],h=Kce(e,c),m=Kce(e,u);fse(h===m,`You are trying to animate ${e} from "${c}" to "${u}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${u} via the \`style\` property.`);let p={keyframes:s,velocity:t.getVelocity(),ease:"easeOut",...o,delay:-l,onUpdate:e=>{t.set(e),o.onUpdate&&o.onUpdate(e)},onComplete:()=>{a(),o.onComplete&&o.onComplete()}};if(function({when:e,delay:t,delayChildren:r,staggerChildren:n,staggerDirection:a,repeat:o,repeatType:i,repeatDelay:l,from:s,elapsed:c,...u}){return!!Object.keys(u).length}(o)||(p={...p,...Yce(e,p)}),p.duration&&(p.duration=vse(p.duration)),p.repeatDelay&&(p.repeatDelay=vse(p.repeatDelay)),!h||!m||bse||!1===o.type)return function({keyframes:e,delay:t,onUpdate:r,onComplete:n}){const a=()=>(r&&r(e[e.length-1]),n&&n(),{time:0,speed:1,duration:0,play:rse,pause:rse,stop:rse,then:e=>(e(),Promise.resolve()),cancel:rse,complete:rse});return t?Uce({keyframes:[0,1],duration:0,delay:t,onComplete:a}):a()}(p);if(t.owner&&t.owner.current instanceof HTMLElement&&!t.owner.getProps().onUpdate){const r=zce(t,e,p);if(r)return r}return Uce(p)};function cue(e){return Boolean(kie(e)&&e.add)}const uue=e=>/^\-?\d*\.?\d+$/.test(e);function hue(e,t){-1===e.indexOf(t)&&e.push(t)}function mue(e,t){const r=e.indexOf(t);r>-1&&e.splice(r,1)}class pue{constructor(){this.subscriptions=[]}add(e){return hue(this.subscriptions,e),()=>mue(this.subscriptions,e)}notify(e,t,r){const n=this.subscriptions.length;if(n)if(1===n)this.subscriptions[0](e,t,r);else for(let a=0;a<n;a++){const n=this.subscriptions[a];n&&n(e,t,r)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const fue=new Set;function due(e,t,r){e||fue.has(t)||(console.warn(t),r&&console.warn(r),fue.add(t))}class vue{constructor(e,t={}){this.version="10.12.16",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(e,t=!0)=>{this.prev=this.current,this.current=e;const{delta:r,timestamp:n}=$le;this.lastUpdated!==n&&(this.timeDelta=r,this.lastUpdated=n,Xle.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),t&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>Xle.postRender(this.velocityCheck),this.velocityCheck=({timestamp:e})=>{e!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=e,this.canTrackVelocity=(e=>!isNaN(parseFloat(e)))(this.current),this.owner=t.owner}onChange(e){return"production"!==process.env.NODE_ENV&&due(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",e)}on(e,t){this.events[e]||(this.events[e]=new pue);const r=this.events[e].add(t);return"change"===e?()=>{r(),Xle.read((()=>{this.events.change.getSize()||this.stop()}))}:r}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e,t=!0){t&&this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e,t)}setWithVelocity(e,t,r){this.set(t),this.prev=e,this.timeDelta=r}jump(e){this.updateAndNotify(e),this.prev=e,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?jce(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(e){return this.stop(),new Promise((t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function gue(e,t){return new vue(e,t)}const bue=e=>t=>t.test(e),wue=[Hie,Wie,zie,$ie,Qie,Gie,{test:e=>"auto"===e,parse:e=>e}],yue=e=>wue.find(bue(e)),xue=[...wue,Kse,mce],Oue=e=>xue.find(bue(e));function Eue(e,t,r){e.hasValue(t)?e.getValue(t).set(r):e.addValue(t,gue(r))}function jue(e,t){if(!t)return;return(t[e]||t.default||t).from}function Cue({protectedKeys:e,needsAnimating:t},r){const n=e.hasOwnProperty(r)&&!0!==t[r];return t[r]=!1,n}function Pue(e,t,{delay:r=0,transitionOverride:n,type:a}={}){let{transition:o=e.getDefaultTransition(),transitionEnd:i,...l}=e.makeTargetAnimatable(t);const s=e.getValue("willChange");n&&(o=n);const c=[],u=a&&e.animationState&&e.animationState.getState()[a];for(const t in l){const n=e.getValue(t),a=l[t];if(!n||void 0===a||u&&Cue(u,t))continue;const i={delay:r,elapsed:0,...o};if(window.HandoffAppearAnimations&&!n.hasAnimated){const r=e.getProps()[pse];r&&(i.elapsed=window.HandoffAppearAnimations(r,t,n,Xle))}n.start(sue(t,n,a,e.shouldReduceMotion&&Pie.has(t)?{type:!1}:i));const h=n.animation;cue(s)&&(s.add(t),h.then((()=>s.remove(t)))),c.push(h)}return i&&Promise.all(c).then((()=>{i&&function(e,t){const r=mse(e,t);let{transitionEnd:n={},transition:a={},...o}=r?e.makeTargetAnimatable(r,!1):{};o={...o,...n};for(const t in o)Eue(e,t,Ple(o[t]))}(e,i)})),c}function Mue(e,t,r={}){const n=mse(e,t,r.custom);let{transition:a=e.getDefaultTransition()||{}}=n||{};r.transitionOverride&&(a=r.transitionOverride);const o=n?()=>Promise.all(Pue(e,n,r)):()=>Promise.resolve(),i=e.variantChildren&&e.variantChildren.size?(n=0)=>{const{delayChildren:o=0,staggerChildren:i,staggerDirection:l}=a;return function(e,t,r=0,n=0,a=1,o){const i=[],l=(e.variantChildren.size-1)*n,s=1===a?(e=0)=>e*n:(e=0)=>l-e*n;return Array.from(e.variantChildren).sort(kue).forEach(((e,n)=>{e.notify("AnimationStart",t),i.push(Mue(e,t,{...o,delay:r+s(n)}).then((()=>e.notify("AnimationComplete",t))))})),Promise.all(i)}(e,t,o+n,i,l,r)}:()=>Promise.resolve(),{when:l}=a;if(l){const[e,t]="beforeChildren"===l?[o,i]:[i,o];return e().then((()=>t()))}return Promise.all([o(),i(r.delay)])}function kue(e,t){return e.sortNodePosition(t)}const Sue=[...sie].reverse(),Nue=sie.length;function Bue(e){return t=>Promise.all(t.map((({animation:t,options:r})=>function(e,t,r={}){let n;if(e.notify("AnimationStart",t),Array.isArray(t)){const a=t.map((t=>Mue(e,t,r)));n=Promise.all(a)}else if("string"==typeof t)n=Mue(e,t,r);else{const a="function"==typeof t?mse(e,t,r.custom):t;n=Promise.all(Pue(e,a,r))}return n.then((()=>e.notify("AnimationComplete",t)))}(e,t,r))))}function Rue(e){let t=Bue(e);const r={animate:Aue(!0),whileInView:Aue(),whileHover:Aue(),whileTap:Aue(),whileDrag:Aue(),whileFocus:Aue(),exit:Aue()};let n=!0;const a=(t,r)=>{const n=mse(e,r);if(n){const{transition:e,transitionEnd:r,...a}=n;t={...t,...a,...r}}return t};function o(o,i){const l=e.getProps(),s=e.getVariantContext(!0)||{},c=[],u=new Set;let h={},m=1/0;for(let t=0;t<Nue;t++){const p=Sue[t],f=r[p],d=void 0!==l[p]?l[p]:s[p],v=iie(d),g=p===i?f.isActive:null;!1===g&&(m=t);let b=d===s[p]&&d!==l[p]&&v;if(b&&n&&e.manuallyAnimateOnMount&&(b=!1),f.protectedKeys={...h},!f.isActive&&null===g||!d&&!f.prevProp||lie(d)||"boolean"==typeof d)continue;const w=Vue(f.prevProp,d);let y=w||p===i&&f.isActive&&!b&&v||t>m&&v;const x=Array.isArray(d)?d:[d];let O=x.reduce(a,{});!1===g&&(O={});const{prevResolvedValues:E={}}=f,j={...E,...O},C=e=>{y=!0,u.delete(e),f.needsAnimating[e]=!0};for(const e in j){const t=O[e],r=E[e];h.hasOwnProperty(e)||(t!==r?jle(t)&&jle(r)?!hse(t,r)||w?C(e):f.protectedKeys[e]=!0:void 0!==t?C(e):u.add(e):void 0!==t&&u.has(e)?C(e):f.protectedKeys[e]=!0)}f.prevProp=d,f.prevResolvedValues=O,f.isActive&&(h={...h,...O}),n&&e.blockInitialAnimation&&(y=!1),y&&!b&&c.push(...x.map((e=>({animation:e,options:{type:p,...o}}))))}if(u.size){const t={};u.forEach((r=>{const n=e.getBaseTarget(r);void 0!==n&&(t[r]=n)})),c.push({animation:t})}let p=Boolean(c.length);return n&&!1===l.initial&&!e.manuallyAnimateOnMount&&(p=!1),n=!1,p?t(c):Promise.resolve()}return{animateChanges:o,setActive:function(t,n,a){var i;if(r[t].isActive===n)return Promise.resolve();null===(i=e.variantChildren)||void 0===i||i.forEach((e=>{var r;return null===(r=e.animationState)||void 0===r?void 0:r.setActive(t,n)})),r[t].isActive=n;const l=o(a,t);for(const e in r)r[e].protectedKeys={};return l},setAnimateFunction:function(r){t=r(e)},getState:()=>r}}function Vue(e,t){return"string"==typeof t?t!==e:!!Array.isArray(t)&&!hse(t,e)}function Aue(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}let Tue=0;const Hue={animation:{Feature:class extends Ule{constructor(e){super(e),e.animationState||(e.animationState=Rue(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();this.unmount(),lie(e)&&(this.unmount=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:t}=this.node.prevProps||{};e!==t&&this.updateAnimationControlsSubscription()}unmount(){}}},exit:{Feature:class extends Ule{constructor(){super(...arguments),this.id=Tue++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:t,custom:r}=this.node.presenceContext,{isPresent:n}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===n)return;const a=this.node.animationState.setActive("exit",!e,{custom:null!=r?r:this.node.getProps().custom});t&&!e&&a.then((()=>t(this.id)))}mount(){const{register:e}=this.node.presenceContext||{};e&&(this.unmount=e(this.id))}unmount(){}}}},Lue=(e,t)=>Math.abs(e-t);class Iue{constructor(e,t,{transformPagePoint:r}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const e=Zue(this.lastMoveEventInfo,this.history),t=null!==this.startEvent,r=function(e,t){const r=Lue(e.x,t.x),n=Lue(e.y,t.y);return Math.sqrt(r**2+n**2)}(e.offset,{x:0,y:0})>=3;if(!t&&!r)return;const{point:n}=e,{timestamp:a}=$le;this.history.push({...n,timestamp:a});const{onStart:o,onMove:i}=this.handlers;t||(o&&o(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),i&&i(this.lastMoveEvent,e)},this.handlePointerMove=(e,t)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=Fue(t,this.transformPagePoint),Xle.update(this.updatePoint,!0)},this.handlePointerUp=(e,t)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd:r,onSessionEnd:n}=this.handlers,a=Zue("pointercancel"===e.type?this.lastMoveEventInfo:Fue(t,this.transformPagePoint),this.history);this.startEvent&&r&&r(e,a),n&&n(e,a)},!Vle(e))return;this.handlers=t,this.transformPagePoint=r;const n=Fue(Ale(e),this.transformPagePoint),{point:a}=n,{timestamp:o}=$le;this.history=[{...a,timestamp:o}];const{onSessionStart:i}=t;i&&i(e,Zue(n,this.history)),this.removeListeners=Ile(Hle(window,"pointermove",this.handlePointerMove),Hle(window,"pointerup",this.handlePointerUp),Hle(window,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),Jle(this.updatePoint)}}function Fue(e,t){return t?{point:t(e.point)}:e}function _ue(e,t){return{x:e.x-t.x,y:e.y-t.y}}function Zue({point:e},t){return{point:e,delta:_ue(e,que(t)),offset:_ue(e,Due(t)),velocity:Uue(t,.1)}}function Due(e){return e[0]}function que(e){return e[e.length-1]}function Uue(e,t){if(e.length<2)return{x:0,y:0};let r=e.length-1,n=null;const a=que(e);for(;r>=0&&(n=e[r],!(a.timestamp-n.timestamp>vse(t)));)r--;if(!n)return{x:0,y:0};const o=gse(a.timestamp-n.timestamp);if(0===o)return{x:0,y:0};const i={x:(a.x-n.x)/o,y:(a.y-n.y)/o};return i.x===1/0&&(i.x=0),i.y===1/0&&(i.y=0),i}function $ue(e){return e.max-e.min}function zue(e,t=0,r=.01){return Math.abs(e-t)<=r}function Wue(e,t,r,n=.5){e.origin=n,e.originPoint=Xse(t.min,t.max,e.origin),e.scale=$ue(r)/$ue(t),(zue(e.scale,1,1e-4)||isNaN(e.scale))&&(e.scale=1),e.translate=Xse(r.min,r.max,e.origin)-e.originPoint,(zue(e.translate)||isNaN(e.translate))&&(e.translate=0)}function Gue(e,t,r,n){Wue(e.x,t.x,r.x,n?n.originX:void 0),Wue(e.y,t.y,r.y,n?n.originY:void 0)}function Que(e,t,r){e.min=r.min+t.min,e.max=e.min+$ue(t)}function Yue(e,t,r){e.min=t.min-r.min,e.max=e.min+$ue(t)}function Kue(e,t,r){Yue(e.x,t.x,r.x),Yue(e.y,t.y,r.y)}function Xue(e,t,r){return{min:void 0!==t?e.min+t:void 0,max:void 0!==r?e.max+r-(e.max-e.min):void 0}}function Jue(e,t){let r=t.min-e.min,n=t.max-e.max;return t.max-t.min<e.max-e.min&&([r,n]=[n,r]),{min:r,max:n}}const ehe=.35;function the(e,t,r){return{min:rhe(e,t),max:rhe(e,r)}}function rhe(e,t){return"number"==typeof e?e:e[t]||0}const nhe=()=>({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),ahe=()=>({x:{min:0,max:0},y:{min:0,max:0}});function ohe(e){return[e("x"),e("y")]}function ihe({top:e,left:t,right:r,bottom:n}){return{x:{min:t,max:r},y:{min:e,max:n}}}function lhe(e){return void 0===e||1===e}function she({scale:e,scaleX:t,scaleY:r}){return!lhe(e)||!lhe(t)||!lhe(r)}function che(e){return she(e)||uhe(e)||e.z||e.rotate||e.rotateX||e.rotateY}function uhe(e){return hhe(e.x)||hhe(e.y)}function hhe(e){return e&&"0%"!==e}function mhe(e,t,r){return r+t*(e-r)}function phe(e,t,r,n,a){return void 0!==a&&(e=mhe(e,a,n)),mhe(e,r,n)+t}function fhe(e,t=0,r=1,n,a){e.min=phe(e.min,t,r,n,a),e.max=phe(e.max,t,r,n,a)}function dhe(e,{x:t,y:r}){fhe(e.x,t.translate,t.scale,t.originPoint),fhe(e.y,r.translate,r.scale,r.originPoint)}function vhe(e){return Number.isInteger(e)||e>1.0000000000001||e<.999999999999?e:1}function ghe(e,t){e.min=e.min+t,e.max=e.max+t}function bhe(e,t,[r,n,a]){const o=void 0!==t[a]?t[a]:.5,i=Xse(e.min,e.max,o);fhe(e,t[r],t[n],i,t.scale)}const whe=["x","scaleX","originX"],yhe=["y","scaleY","originY"];function xhe(e,t){bhe(e.x,t,whe),bhe(e.y,t,yhe)}function Ohe(e,t){return ihe(function(e,t){if(!t)return e;const r=t({x:e.left,y:e.top}),n=t({x:e.right,y:e.bottom});return{top:r.y,left:r.x,bottom:n.y,right:n.x}}(e.getBoundingClientRect(),t))}const Ehe=new WeakMap;class jhe{constructor(e){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=ahe(),this.visualElement=e}start(e,{snapToCursor:t=!1}={}){const{presenceContext:r}=this.visualElement;if(r&&!1===r.isPresent)return;this.panSession=new Iue(e,{onSessionStart:e=>{this.stopAnimation(),t&&this.snapToCursor(Ale(e,"page").point)},onStart:(e,t)=>{const{drag:r,dragPropagation:n,onDragStart:a}=this.getProps();if(r&&!n&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=Dle(r),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),ohe((e=>{let t=this.getAxisMotionValue(e).get()||0;if(zie.test(t)){const{projection:r}=this.visualElement;if(r&&r.layout){const n=r.layout.layoutBox[e];if(n){t=$ue(n)*(parseFloat(t)/100)}}}this.originPoint[e]=t})),a&&Xle.update((()=>a(e,t)),!1,!0);const{animationState:o}=this.visualElement;o&&o.setActive("whileDrag",!0)},onMove:(e,t)=>{const{dragPropagation:r,dragDirectionLock:n,onDirectionLock:a,onDrag:o}=this.getProps();if(!r&&!this.openGlobalLock)return;const{offset:i}=t;if(n&&null===this.currentDirection)return this.currentDirection=function(e,t=10){let r=null;Math.abs(e.y)>t?r="y":Math.abs(e.x)>t&&(r="x");return r}(i),void(null!==this.currentDirection&&a&&a(this.currentDirection));this.updateAxis("x",t.point,i),this.updateAxis("y",t.point,i),this.visualElement.render(),o&&o(e,t)},onSessionEnd:(e,t)=>this.stop(e,t)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(e,t){const r=this.isDragging;if(this.cancel(),!r)return;const{velocity:n}=t;this.startAnimation(n);const{onDragEnd:a}=this.getProps();a&&Xle.update((()=>a(e,t)))}cancel(){this.isDragging=!1;const{projection:e,animationState:t}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:r}=this.getProps();!r&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),t&&t.setActive("whileDrag",!1)}updateAxis(e,t,r){const{drag:n}=this.getProps();if(!r||!Che(e,n,this.currentDirection))return;const a=this.getAxisMotionValue(e);let o=this.originPoint[e]+r[e];this.constraints&&this.constraints[e]&&(o=function(e,{min:t,max:r},n){return void 0!==t&&e<t?e=n?Xse(t,e,n.min):Math.max(e,t):void 0!==r&&e>r&&(e=n?Xse(r,e,n.max):Math.min(e,r)),e}(o,this.constraints[e],this.elastic[e])),a.set(o)}resolveConstraints(){const{dragConstraints:e,dragElastic:t}=this.getProps(),{layout:r}=this.visualElement.projection||{},n=this.constraints;e&&oie(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!e||!r)&&function(e,{top:t,left:r,bottom:n,right:a}){return{x:Xue(e.x,r,a),y:Xue(e.y,t,n)}}(r.layoutBox,e),this.elastic=function(e=ehe){return!1===e?e=0:!0===e&&(e=ehe),{x:the(e,"left","right"),y:the(e,"top","bottom")}}(t),n!==this.constraints&&r&&this.constraints&&!this.hasMutatedConstraints&&ohe((e=>{this.getAxisMotionValue(e)&&(this.constraints[e]=function(e,t){const r={};return void 0!==t.min&&(r.min=t.min-e.min),void 0!==t.max&&(r.max=t.max-e.min),r}(r.layoutBox[e],this.constraints[e]))}))}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:t}=this.getProps();if(!e||!oie(e))return!1;const r=e.current;dse(null!==r,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:n}=this.visualElement;if(!n||!n.layout)return!1;const a=function(e,t,r){const n=Ohe(e,r),{scroll:a}=t;return a&&(ghe(n.x,a.offset.x),ghe(n.y,a.offset.y)),n}(r,n.root,this.visualElement.getTransformPagePoint());let o=function(e,t){return{x:Jue(e.x,t.x),y:Jue(e.y,t.y)}}(n.layout.layoutBox,a);if(t){const e=t(function({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}(o));this.hasMutatedConstraints=!!e,e&&(o=ihe(e))}return o}startAnimation(e){const{drag:t,dragMomentum:r,dragElastic:n,dragTransition:a,dragSnapToOrigin:o,onDragTransitionEnd:i}=this.getProps(),l=this.constraints||{},s=ohe((i=>{if(!Che(i,t,this.currentDirection))return;let s=l&&l[i]||{};o&&(s={min:0,max:0});const c=n?200:1e6,u=n?40:1e7,h={type:"inertia",velocity:r?e[i]:0,bounceStiffness:c,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...a,...s};return this.startAxisValueAnimation(i,h)}));return Promise.all(s).then(i)}startAxisValueAnimation(e,t){const r=this.getAxisMotionValue(e);return r.start(sue(e,r,0,t))}stopAnimation(){ohe((e=>this.getAxisMotionValue(e).stop()))}getAxisMotionValue(e){const t="_drag"+e.toUpperCase(),r=this.visualElement.getProps(),n=r[t];return n||this.visualElement.getValue(e,(r.initial?r.initial[e]:void 0)||0)}snapToCursor(e){ohe((t=>{const{drag:r}=this.getProps();if(!Che(t,r,this.currentDirection))return;const{projection:n}=this.visualElement,a=this.getAxisMotionValue(t);if(n&&n.layout){const{min:r,max:o}=n.layout.layoutBox[t];a.set(e[t]-Xse(r,o,.5))}}))}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:t}=this.getProps(),{projection:r}=this.visualElement;if(!oie(t)||!r||!this.constraints)return;this.stopAnimation();const n={x:0,y:0};ohe((e=>{const t=this.getAxisMotionValue(e);if(t){const r=t.get();n[e]=function(e,t){let r=.5;const n=$ue(e),a=$ue(t);return a>n?r=bce(t.min,t.max-n,e.min):n>a&&(r=bce(e.min,e.max-a,t.min)),Tie(0,1,r)}({min:r,max:r},this.constraints[e])}}));const{transformTemplate:a}=this.visualElement.getProps();this.visualElement.current.style.transform=a?a({},""):"none",r.root&&r.root.updateScroll(),r.updateLayout(),this.resolveConstraints(),ohe((t=>{if(!Che(t,e,null))return;const r=this.getAxisMotionValue(t),{min:a,max:o}=this.constraints[t];r.set(Xse(a,o,n[t]))}))}addListeners(){if(!this.visualElement.current)return;Ehe.set(this.visualElement,this);const e=Hle(this.visualElement.current,"pointerdown",(e=>{const{drag:t,dragListener:r=!0}=this.getProps();t&&r&&this.start(e)})),t=()=>{const{dragConstraints:e}=this.getProps();oie(e)&&(this.constraints=this.resolveRefConstraints())},{projection:r}=this.visualElement,n=r.addEventListener("measure",t);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),t();const a=Rle(window,"resize",(()=>this.scalePositionWithinConstraints())),o=r.addEventListener("didUpdate",(({delta:e,hasLayoutChanged:t})=>{this.isDragging&&t&&(ohe((t=>{const r=this.getAxisMotionValue(t);r&&(this.originPoint[t]+=e[t].translate,r.set(r.get()+e[t].translate))})),this.visualElement.render())}));return()=>{a(),e(),n(),o&&o()}}getProps(){const e=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:r=!1,dragPropagation:n=!1,dragConstraints:a=!1,dragElastic:o=ehe,dragMomentum:i=!0}=e;return{...e,drag:t,dragDirectionLock:r,dragPropagation:n,dragConstraints:a,dragElastic:o,dragMomentum:i}}}function Che(e,t,r){return!(!0!==t&&t!==e||null!==r&&r!==e)}const Phe=e=>(t,r)=>{e&&Xle.update((()=>e(t,r)))};const Mhe={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function khe(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const She={correct:(e,t)=>{if(!t.target)return e;if("string"==typeof e){if(!Wie.test(e))return e;e=parseFloat(e)}return`${khe(e,t.target.x)}% ${khe(e,t.target.y)}%`}},Nhe={correct:(e,{treeScale:t,projectionDelta:r})=>{const n=e,a=mce.parse(e);if(a.length>5)return n;const o=mce.createTransformer(e),i="number"!=typeof a[0]?1:0,l=r.x.scale*t.x,s=r.y.scale*t.y;a[0+i]/=l,a[1+i]/=s;const c=Xse(l,s,.5);return"number"==typeof a[2+i]&&(a[2+i]/=c),"number"==typeof a[3+i]&&(a[3+i]/=c),o(a)}};class Bhe extends u.default.Component{componentDidMount(){const{visualElement:e,layoutGroup:t,switchLayoutGroup:r,layoutId:n}=this.props,{projection:a}=e;var o;o=Vhe,Object.assign(jie,o),a&&(t.group&&t.group.add(a),r&&r.register&&n&&r.register(a),a.root.didUpdate(),a.addEventListener("animationComplete",(()=>{this.safeToRemove()})),a.setOptions({...a.options,onExitComplete:()=>this.safeToRemove()})),Mhe.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:t,visualElement:r,drag:n,isPresent:a}=this.props,o=r.projection;return o?(o.isPresent=a,n||e.layoutDependency!==t||void 0===t?o.willUpdate():this.safeToRemove(),e.isPresent!==a&&(a?o.promote():o.relegate()||Xle.postRender((()=>{const e=o.getStack();e&&e.members.length||this.safeToRemove()}))),null):null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask((()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()})))}componentWillUnmount(){const{visualElement:e,layoutGroup:t,switchLayoutGroup:r}=this.props,{projection:n}=e;n&&(n.scheduleCheckAfterUnmount(),t&&t.group&&t.group.remove(n),r&&r.deregister&&r.deregister(n))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function Rhe(t){const[r,n]=function(){const t=e.useContext(tie);if(null===t)return[!0,null];const{isPresent:r,onExitComplete:n,register:a}=t,o=e.useId();return e.useEffect((()=>a(o)),[]),!r&&n?[!1,()=>n&&n(o)]:[!0]}(),a=e.useContext(vie);return u.default.createElement(Bhe,{...t,layoutGroup:a,switchLayoutGroup:e.useContext(gie),isPresent:r,safeToRemove:n})}const Vhe={borderRadius:{...She,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:She,borderTopRightRadius:She,borderBottomLeftRadius:She,borderBottomRightRadius:She,boxShadow:Nhe},Ahe=["TopLeft","TopRight","BottomLeft","BottomRight"],The=Ahe.length,Hhe=e=>"string"==typeof e?parseFloat(e):e,Lhe=e=>"number"==typeof e||Wie.test(e);function Ihe(e,t){return void 0!==e[t]?e[t]:e.borderRadius}const Fhe=Zhe(0,.5,Ise),_he=Zhe(.5,.95,rse);function Zhe(e,t,r){return n=>n<e?0:n>t?1:r(bce(e,t,n))}function Dhe(e,t){e.min=t.min,e.max=t.max}function qhe(e,t){Dhe(e.x,t.x),Dhe(e.y,t.y)}function Uhe(e,t,r,n,a){return e=mhe(e-=t,1/r,n),void 0!==a&&(e=mhe(e,1/a,n)),e}function $he(e,t,[r,n,a],o,i){!function(e,t=0,r=1,n=.5,a,o=e,i=e){zie.test(t)&&(t=parseFloat(t),t=Xse(i.min,i.max,t/100)-i.min);if("number"!=typeof t)return;let l=Xse(o.min,o.max,n);e===o&&(l-=t),e.min=Uhe(e.min,t,r,l,a),e.max=Uhe(e.max,t,r,l,a)}(e,t[r],t[n],t[a],t.scale,o,i)}const zhe=["x","scaleX","originX"],Whe=["y","scaleY","originY"];function Ghe(e,t,r,n){$he(e.x,t,zhe,r?r.x:void 0,n?n.x:void 0),$he(e.y,t,Whe,r?r.y:void 0,n?n.y:void 0)}function Qhe(e){return 0===e.translate&&1===e.scale}function Yhe(e){return Qhe(e.x)&&Qhe(e.y)}function Khe(e,t){return e.x.min===t.x.min&&e.x.max===t.x.max&&e.y.min===t.y.min&&e.y.max===t.y.max}function Xhe(e){return $ue(e.x)/$ue(e.y)}class Jhe{constructor(){this.members=[]}add(e){hue(this.members,e),e.scheduleRender()}remove(e){if(mue(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const e=this.members[this.members.length-1];e&&this.promote(e)}}relegate(e){const t=this.members.findIndex((t=>e===t));if(0===t)return!1;let r;for(let e=t;e>=0;e--){const t=this.members[e];if(!1!==t.isPresent){r=t;break}}return!!r&&(this.promote(r),!0)}promote(e,t){const r=this.lead;if(e!==r&&(this.prevLead=r,this.lead=e,e.show(),r)){r.instance&&r.scheduleRender(),e.scheduleRender(),e.resumeFrom=r,t&&(e.resumeFrom.preserveOpacity=!0),r.snapshot&&(e.snapshot=r.snapshot,e.snapshot.latestValues=r.animationValues||r.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:n}=e.options;!1===n&&r.hide()}}exitAnimationComplete(){this.members.forEach((e=>{const{options:t,resumingFrom:r}=e;t.onExitComplete&&t.onExitComplete(),r&&r.options.onExitComplete&&r.options.onExitComplete()}))}scheduleRender(){this.members.forEach((e=>{e.instance&&e.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function eme(e,t,r){let n="";const a=e.x.translate/t.x,o=e.y.translate/t.y;if((a||o)&&(n=`translate3d(${a}px, ${o}px, 0) `),1===t.x&&1===t.y||(n+=`scale(${1/t.x}, ${1/t.y}) `),r){const{rotate:e,rotateX:t,rotateY:a}=r;e&&(n+=`rotate(${e}deg) `),t&&(n+=`rotateX(${t}deg) `),a&&(n+=`rotateY(${a}deg) `)}const i=e.x.scale*t.x,l=e.y.scale*t.y;return 1===i&&1===l||(n+=`scale(${i}, ${l})`),n||"none"}const tme=(e,t)=>e.depth-t.depth;class rme{constructor(){this.children=[],this.isDirty=!1}add(e){hue(this.children,e),this.isDirty=!0}remove(e){mue(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(tme),this.isDirty=!1,this.children.forEach(e)}}const nme=["","X","Y","Z"];let ame=0;const ome={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function ime({attachResizeListener:e,defaultParent:t,measureScroll:r,checkIsScrollRoot:n,resetTransform:a}){return class{constructor(e={},r=(null==t?void 0:t())){this.id=ame++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{var e;ome.totalNodes=ome.resolvedTargetDeltas=ome.recalculatedProjection=0,this.nodes.forEach(cme),this.nodes.forEach(vme),this.nodes.forEach(gme),this.nodes.forEach(ume),e=ome,window.MotionDebug&&window.MotionDebug.record(e)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=e,this.root=r?r.root||r:this,this.path=r?[...r.path,r]:[],this.parent=r,this.depth=r?r.depth+1:0;for(let e=0;e<this.path.length;e++)this.path[e].shouldResetTransform=!0;this.root===this&&(this.nodes=new rme)}addEventListener(e,t){return this.eventHandlers.has(e)||this.eventHandlers.set(e,new pue),this.eventHandlers.get(e).add(t)}notifyListeners(e,...t){const r=this.eventHandlers.get(e);r&&r.notify(...t)}hasListeners(e){return this.eventHandlers.has(e)}mount(t,r=this.root.hasTreeAnimated){if(this.instance)return;var n;this.isSVG=(n=t)instanceof SVGElement&&"svg"!==n.tagName,this.instance=t;const{layoutId:a,layout:o,visualElement:i}=this.options;if(i&&!i.current&&i.mount(t),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),r&&(o||a)&&(this.isLayoutDirty=!0),e){let r;const n=()=>this.root.updateBlockedByResize=!1;e(t,(()=>{this.root.updateBlockedByResize=!0,r&&r(),r=function(e,t){const r=performance.now(),n=({timestamp:a})=>{const o=a-r;o>=t&&(Jle(n),e(o-t))};return Xle.read(n,!0),()=>Jle(n)}(n,250),Mhe.hasAnimatedSinceResize&&(Mhe.hasAnimatedSinceResize=!1,this.nodes.forEach(dme))}))}a&&this.root.registerSharedNode(a,this),!1!==this.options.animate&&i&&(a||o)&&this.addEventListener("didUpdate",(({delta:e,hasLayoutChanged:t,hasRelativeTargetChanged:r,layout:n})=>{if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const a=this.options.transition||i.getDefaultTransition()||Eme,{onLayoutAnimationStart:o,onLayoutAnimationComplete:l}=i.getProps(),s=!this.targetLayout||!Khe(this.targetLayout,n)||r,c=!t&&r;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||c||t&&(s||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(e,c);const t={...lue(a,"layout"),onPlay:o,onComplete:l};(i.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t)}else t||dme(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=n}))}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const e=this.getStack();e&&e.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,Jle(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(bme),this.animationId++)}getTransformTemplate(){const{visualElement:e}=this.options;return e&&e.getProps().transformTemplate}willUpdate(e=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked())return void(this.options.onExitComplete&&this.options.onExitComplete());if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let e=0;e<this.path.length;e++){const t=this.path[e];t.shouldResetTransform=!0,t.updateScroll("snapshot"),t.options.layoutRoot&&t.willUpdate(!1)}const{layoutId:t,layout:r}=this.options;if(void 0===t&&!r)return;const n=this.getTransformTemplate();this.prevTransformTemplateValue=n?n(this.latestValues,""):void 0,this.updateSnapshot(),e&&this.notifyListeners("willUpdate")}update(){this.updateScheduled=!1;if(this.isUpdateBlocked())return this.unblockUpdate(),this.clearAllSnapshots(),void this.nodes.forEach(mme);this.isUpdating||this.nodes.forEach(pme),this.isUpdating=!1,this.nodes.forEach(fme),this.nodes.forEach(lme),this.nodes.forEach(sme),this.clearAllSnapshots();const e=performance.now();$le.delta=Tie(0,1e3/60,e-$le.timestamp),$le.timestamp=e,$le.isProcessing=!0,Qle.update.process($le),Qle.preRender.process($le),Qle.render.process($le),$le.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,queueMicrotask((()=>this.update())))}clearAllSnapshots(){this.nodes.forEach(hme),this.sharedNodes.forEach(wme)}scheduleUpdateProjection(){Xle.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){Xle.postRender((()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure())}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let e=0;e<this.path.length;e++){this.path[e].updateScroll()}const e=this.layout;this.layout=this.measure(!1),this.layoutCorrected=ahe(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:t}=this.options;t&&t.notify("LayoutMeasure",this.layout.layoutBox,e?e.layoutBox:void 0)}updateScroll(e="measure"){let t=Boolean(this.options.layoutScroll&&this.instance);this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===e&&(t=!1),t&&(this.scroll={animationId:this.root.animationId,phase:e,isRoot:n(this.instance),offset:r(this.instance)})}resetTransform(){if(!a)return;const e=this.isLayoutDirty||this.shouldResetTransform,t=this.projectionDelta&&!Yhe(this.projectionDelta),r=this.getTransformTemplate(),n=r?r(this.latestValues,""):void 0,o=n!==this.prevTransformTemplateValue;e&&(t||che(this.latestValues)||o)&&(a(this.instance,n),this.shouldResetTransform=!1,this.scheduleRender())}measure(e=!0){const t=this.measurePageBox();let r=this.removeElementScroll(t);var n;return e&&(r=this.removeTransform(r)),jme((n=r).x),jme(n.y),{animationId:this.root.animationId,measuredBox:t,layoutBox:r,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:e}=this.options;if(!e)return ahe();const t=e.measureViewportBox(),{scroll:r}=this.root;return r&&(ghe(t.x,r.offset.x),ghe(t.y,r.offset.y)),t}removeElementScroll(e){const t=ahe();qhe(t,e);for(let r=0;r<this.path.length;r++){const n=this.path[r],{scroll:a,options:o}=n;if(n!==this.root&&a&&o.layoutScroll){if(a.isRoot){qhe(t,e);const{scroll:r}=this.root;r&&(ghe(t.x,-r.offset.x),ghe(t.y,-r.offset.y))}ghe(t.x,a.offset.x),ghe(t.y,a.offset.y)}}return t}applyTransform(e,t=!1){const r=ahe();qhe(r,e);for(let e=0;e<this.path.length;e++){const n=this.path[e];!t&&n.options.layoutScroll&&n.scroll&&n!==n.root&&xhe(r,{x:-n.scroll.offset.x,y:-n.scroll.offset.y}),che(n.latestValues)&&xhe(r,n.latestValues)}return che(this.latestValues)&&xhe(r,this.latestValues),r}removeTransform(e){const t=ahe();qhe(t,e);for(let e=0;e<this.path.length;e++){const r=this.path[e];if(!r.instance)continue;if(!che(r.latestValues))continue;she(r.latestValues)&&r.updateSnapshot();const n=ahe();qhe(n,r.measurePageBox()),Ghe(t,r.latestValues,r.snapshot?r.snapshot.layoutBox:void 0,n)}return che(this.latestValues)&&Ghe(t,this.latestValues),t}setTargetDelta(e){this.targetDelta=e,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(e){this.options={...this.options,...e,crossfade:void 0===e.crossfade||e.crossfade}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==$le.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(e=!1){var t;const r=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=r.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=r.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=r.isSharedProjectionDirty);const n=Boolean(this.resumingFrom)||this!==r;if(!(e||n&&this.isSharedProjectionDirty||this.isProjectionDirty||(null===(t=this.parent)||void 0===t?void 0:t.isProjectionDirty)||this.attemptToResolveRelativeTarget))return;const{layout:a,layoutId:o}=this.options;if(this.layout&&(a||o)){if(this.resolvedRelativeTargetAt=$le.timestamp,!this.targetDelta&&!this.relativeTarget){const e=this.getClosestProjectingParent();e&&e.layout&&1!==this.animationProgress?(this.relativeParent=e,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ahe(),this.relativeTargetOrigin=ahe(),Kue(this.relativeTargetOrigin,this.layout.layoutBox,e.layout.layoutBox),qhe(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(this.relativeTarget||this.targetDelta){var i,l,s;if(this.target||(this.target=ahe(),this.targetWithTransforms=ahe()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),i=this.target,l=this.relativeTarget,s=this.relativeParent.target,Que(i.x,l.x,s.x),Que(i.y,l.y,s.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.layoutBox):qhe(this.target,this.layout.layoutBox),dhe(this.target,this.targetDelta)):qhe(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const e=this.getClosestProjectingParent();e&&Boolean(e.resumingFrom)===Boolean(this.resumingFrom)&&!e.options.layoutScroll&&e.target&&1!==this.animationProgress?(this.relativeParent=e,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ahe(),this.relativeTargetOrigin=ahe(),Kue(this.relativeTargetOrigin,this.target,e.target),qhe(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}ome.resolvedTargetDeltas++}}}getClosestProjectingParent(){if(this.parent&&!she(this.parent.latestValues)&&!uhe(this.parent.latestValues))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return Boolean((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var e;const t=this.getLead(),r=Boolean(this.resumingFrom)||this!==t;let n=!0;if((this.isProjectionDirty||(null===(e=this.parent)||void 0===e?void 0:e.isProjectionDirty))&&(n=!1),r&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(n=!1),this.resolvedRelativeTargetAt===$le.timestamp&&(n=!1),n)return;const{layout:a,layoutId:o}=this.options;if(this.isTreeAnimating=Boolean(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!a&&!o)return;qhe(this.layoutCorrected,this.layout.layoutBox);const i=this.treeScale.x,l=this.treeScale.y;!function(e,t,r,n=!1){const a=r.length;if(!a)return;let o,i;t.x=t.y=1;for(let l=0;l<a;l++){o=r[l],i=o.projectionDelta;const a=o.instance;a&&a.style&&"contents"===a.style.display||(n&&o.options.layoutScroll&&o.scroll&&o!==o.root&&xhe(e,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),i&&(t.x*=i.x.scale,t.y*=i.y.scale,dhe(e,i)),n&&che(o.latestValues)&&xhe(e,o.latestValues))}t.x=vhe(t.x),t.y=vhe(t.y)}(this.layoutCorrected,this.treeScale,this.path,r),!t.layout||t.target||1===this.treeScale.x&&1===this.treeScale.y||(t.target=t.layout.layoutBox);const{target:s}=t;if(!s)return void(this.projectionTransform&&(this.projectionDelta=nhe(),this.projectionTransform="none",this.scheduleRender()));this.projectionDelta||(this.projectionDelta=nhe(),this.projectionDeltaWithTransform=nhe());const c=this.projectionTransform;Gue(this.projectionDelta,this.layoutCorrected,s,this.latestValues),this.projectionTransform=eme(this.projectionDelta,this.treeScale),this.projectionTransform===c&&this.treeScale.x===i&&this.treeScale.y===l||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",s)),ome.recalculatedProjection++}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(e=!0){if(this.options.scheduleRender&&this.options.scheduleRender(),e){const e=this.getStack();e&&e.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}setAnimationOrigin(e,t=!1){const r=this.snapshot,n=r?r.latestValues:{},a={...this.latestValues},o=nhe();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!t;const i=ahe(),l=(r?r.source:void 0)!==(this.layout?this.layout.source:void 0),s=this.getStack(),c=!s||s.members.length<=1,u=Boolean(l&&!c&&!0===this.options.crossfade&&!this.path.some(Ome));let h;this.animationProgress=0,this.mixTargetDelta=t=>{const r=t/1e3;yme(o.x,e.x,r),yme(o.y,e.y,r),this.setTargetDelta(o),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Kue(i,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function(e,t,r,n){xme(e.x,t.x,r.x,n),xme(e.y,t.y,r.y,n)}(this.relativeTarget,this.relativeTargetOrigin,i,r),h&&Khe(this.relativeTarget,h)&&(this.isProjectionDirty=!1),h||(h=ahe()),qhe(h,this.relativeTarget)),l&&(this.animationValues=a,function(e,t,r,n,a,o){a?(e.opacity=Xse(0,void 0!==r.opacity?r.opacity:1,Fhe(n)),e.opacityExit=Xse(void 0!==t.opacity?t.opacity:1,0,_he(n))):o&&(e.opacity=Xse(void 0!==t.opacity?t.opacity:1,void 0!==r.opacity?r.opacity:1,n));for(let a=0;a<The;a++){const o=`border${Ahe[a]}Radius`;let i=Ihe(t,o),l=Ihe(r,o);void 0===i&&void 0===l||(i||(i=0),l||(l=0),0===i||0===l||Lhe(i)===Lhe(l)?(e[o]=Math.max(Xse(Hhe(i),Hhe(l),n),0),(zie.test(l)||zie.test(i))&&(e[o]+="%")):e[o]=l)}(t.rotate||r.rotate)&&(e.rotate=Xse(t.rotate||0,r.rotate||0,n))}(a,n,this.latestValues,r,u,c)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=r},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(e){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(Jle(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=Xle.update((()=>{Mhe.hasAnimatedSinceResize=!0,this.currentAnimation=function(e,t,r){const n=kie(e)?e:gue(e);return n.start(sue("",n,t,r)),n.animation}(0,1e3,{...e,onUpdate:t=>{this.mixTargetDelta(t),e.onUpdate&&e.onUpdate(t)},onComplete:()=>{e.onComplete&&e.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const e=this.getStack();e&&e.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const e=this.getLead();let{targetWithTransforms:t,target:r,layout:n,latestValues:a}=e;if(t&&r&&n){if(this!==e&&this.layout&&n&&Cme(this.options.animationType,this.layout.layoutBox,n.layoutBox)){r=this.target||ahe();const t=$ue(this.layout.layoutBox.x);r.x.min=e.target.x.min,r.x.max=r.x.min+t;const n=$ue(this.layout.layoutBox.y);r.y.min=e.target.y.min,r.y.max=r.y.min+n}qhe(t,r),xhe(t,a),Gue(this.projectionDeltaWithTransform,this.layoutCorrected,t,a)}}registerSharedNode(e,t){this.sharedNodes.has(e)||this.sharedNodes.set(e,new Jhe);this.sharedNodes.get(e).add(t);const r=t.options.initialPromotionConfig;t.promote({transition:r?r.transition:void 0,preserveFollowOpacity:r&&r.shouldPreserveFollowOpacity?r.shouldPreserveFollowOpacity(t):void 0})}isLead(){const e=this.getStack();return!e||e.lead===this}getLead(){var e;const{layoutId:t}=this.options;return t&&(null===(e=this.getStack())||void 0===e?void 0:e.lead)||this}getPrevLead(){var e;const{layoutId:t}=this.options;return t?null===(e=this.getStack())||void 0===e?void 0:e.prevLead:void 0}getStack(){const{layoutId:e}=this.options;if(e)return this.root.sharedNodes.get(e)}promote({needsReset:e,transition:t,preserveFollowOpacity:r}={}){const n=this.getStack();n&&n.promote(this,r),e&&(this.projectionDelta=void 0,this.needsReset=!0),t&&this.setOptions({transition:t})}relegate(){const e=this.getStack();return!!e&&e.relegate(this)}resetRotation(){const{visualElement:e}=this.options;if(!e)return;let t=!1;const{latestValues:r}=e;if((r.rotate||r.rotateX||r.rotateY||r.rotateZ)&&(t=!0),!t)return;const n={};for(let t=0;t<nme.length;t++){const a="rotate"+nme[t];r[a]&&(n[a]=r[a],e.setStaticValue(a,0))}e.render();for(const t in n)e.setStaticValue(t,n[t]);e.scheduleRender()}getProjectionStyles(e={}){var t,r;const n={};if(!this.instance||this.isSVG)return n;if(!this.isVisible)return{visibility:"hidden"};n.visibility="";const a=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,n.opacity="",n.pointerEvents=Mle(e.pointerEvents)||"",n.transform=a?a(this.latestValues,""):"none",n;const o=this.getLead();if(!this.projectionDelta||!this.layout||!o.target){const t={};return this.options.layoutId&&(t.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,t.pointerEvents=Mle(e.pointerEvents)||""),this.hasProjected&&!che(this.latestValues)&&(t.transform=a?a({},""):"none",this.hasProjected=!1),t}const i=o.animationValues||o.latestValues;this.applyTransformsToTarget(),n.transform=eme(this.projectionDeltaWithTransform,this.treeScale,i),a&&(n.transform=a(i,n.transform));const{x:l,y:s}=this.projectionDelta;n.transformOrigin=`${100*l.origin}% ${100*s.origin}% 0`,o.animationValues?n.opacity=o===this?null!==(r=null!==(t=i.opacity)&&void 0!==t?t:this.latestValues.opacity)&&void 0!==r?r:1:this.preserveOpacity?this.latestValues.opacity:i.opacityExit:n.opacity=o===this?void 0!==i.opacity?i.opacity:"":void 0!==i.opacityExit?i.opacityExit:0;for(const e in jie){if(void 0===i[e])continue;const{correct:t,applyTo:r}=jie[e],a="none"===n.transform?i[e]:t(i[e],o);if(r){const e=r.length;for(let t=0;t<e;t++)n[r[t]]=a}else n[e]=a}return this.options.layoutId&&(n.pointerEvents=o===this?Mle(e.pointerEvents)||"":"none"),n}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach((e=>{var t;return null===(t=e.currentAnimation)||void 0===t?void 0:t.stop()})),this.root.nodes.forEach(mme),this.root.sharedNodes.clear()}}}function lme(e){e.updateLayout()}function sme(e){var t;const r=(null===(t=e.resumeFrom)||void 0===t?void 0:t.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&r&&e.hasListeners("didUpdate")){const{layoutBox:t,measuredBox:n}=e.layout,{animationType:a}=e.options,o=r.source!==e.layout.source;"size"===a?ohe((e=>{const n=o?r.measuredBox[e]:r.layoutBox[e],a=$ue(n);n.min=t[e].min,n.max=n.min+a})):Cme(a,r.layoutBox,t)&&ohe((n=>{const a=o?r.measuredBox[n]:r.layoutBox[n],i=$ue(t[n]);a.max=a.min+i,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[n].max=e.relativeTarget[n].min+i)}));const i=nhe();Gue(i,t,r.layoutBox);const l=nhe();o?Gue(l,e.applyTransform(n,!0),r.measuredBox):Gue(l,t,r.layoutBox);const s=!Yhe(i);let c=!1;if(!e.resumeFrom){const n=e.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:a,layout:o}=n;if(a&&o){const i=ahe();Kue(i,r.layoutBox,a.layoutBox);const l=ahe();Kue(l,t,o.layoutBox),Khe(i,l)||(c=!0),n.options.layoutRoot&&(e.relativeTarget=l,e.relativeTargetOrigin=i,e.relativeParent=n)}}}e.notifyListeners("didUpdate",{layout:t,snapshot:r,delta:l,layoutDelta:i,hasLayoutChanged:s,hasRelativeTargetChanged:c})}else if(e.isLead()){const{onExitComplete:t}=e.options;t&&t()}e.options.transition=void 0}function cme(e){ome.totalNodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=Boolean(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function ume(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function hme(e){e.clearSnapshot()}function mme(e){e.clearMeasurements()}function pme(e){e.isLayoutDirty=!1}function fme(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function dme(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function vme(e){e.resolveTargetDelta()}function gme(e){e.calcProjection()}function bme(e){e.resetRotation()}function wme(e){e.removeLeadSnapshot()}function yme(e,t,r){e.translate=Xse(t.translate,0,r),e.scale=Xse(t.scale,1,r),e.origin=t.origin,e.originPoint=t.originPoint}function xme(e,t,r,n){e.min=Xse(t.min,r.min,n),e.max=Xse(t.max,r.max,n)}function Ome(e){return e.animationValues&&void 0!==e.animationValues.opacityExit}const Eme={duration:.45,ease:[.4,0,.1,1]};function jme(e){e.min=Math.round(e.min),e.max=Math.round(e.max)}function Cme(e,t,r){return"position"===e||"preserve-aspect"===e&&!zue(Xhe(t),Xhe(r),.2)}const Pme=ime({attachResizeListener:(e,t)=>Rle(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Mme={current:void 0},kme=ime({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!Mme.current){const e=new Pme({});e.mount(window),e.setOptions({layoutScroll:!0}),Mme.current=e}return Mme.current},resetTransform:(e,t)=>{e.style.transform=void 0!==t?t:"none"},checkIsScrollRoot:e=>Boolean("fixed"===window.getComputedStyle(e).position)}),Sme={pan:{Feature:class extends Ule{constructor(){super(...arguments),this.removePointerDownListener=rse}onPointerDown(e){this.session=new Iue(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:r,onPanEnd:n}=this.node.getProps();return{onSessionStart:Phe(e),onStart:Phe(t),onMove:r,onEnd:(e,t)=>{delete this.session,n&&Xle.update((()=>n(e,t)))}}}mount(){this.removePointerDownListener=Hle(this.node.current,"pointerdown",(e=>this.onPointerDown(e)))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class extends Ule{constructor(e){super(e),this.removeGroupControls=rse,this.removeListeners=rse,this.controls=new jhe(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||rse}unmount(){this.removeGroupControls(),this.removeListeners()}},ProjectionNode:kme,MeasureLayout:Rhe}},Nme=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const Bme=4;function Rme(e,t,r=1){dse(r<=Bme,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);const[n,a]=function(e){const t=Nme.exec(e);if(!t)return[,];const[,r,n]=t;return[r,n]}(e);if(!n)return;const o=window.getComputedStyle(t).getPropertyValue(n);return o?o.trim():Vie(a)?Rme(a,t,r+1):a}const Vme=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),Ame=e=>Vme.has(e),Tme=e=>e===Hie||e===Wie,Hme=(e,t)=>parseFloat(e.split(", ")[t]),Lme=(e,t)=>(r,{transform:n})=>{if("none"===n||!n)return 0;const a=n.match(/^matrix3d\((.+)\)$/);if(a)return Hme(a[1],t);{const t=n.match(/^matrix\((.+)\)$/);return t?Hme(t[1],e):0}},Ime=new Set(["x","y","z"]),Fme=Cie.filter((e=>!Ime.has(e)));const _me={width:({x:e},{paddingLeft:t="0",paddingRight:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),height:({y:e},{paddingTop:t="0",paddingBottom:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:Lme(4,13),y:Lme(5,14)},Zme=(e,t,r={},n={})=>{t={...t},n={...n};const a=Object.keys(t).filter(Ame);let o=[],i=!1;const l=[];if(a.forEach((a=>{const s=e.getValue(a);if(!e.hasValue(a))return;let c=r[a],u=yue(c);const h=t[a];let m;if(jle(h)){const e=h.length,t=null===h[0]?1:0;c=h[t],u=yue(c);for(let r=t;r<e&&null!==h[r];r++)m?dse(yue(h[r])===m,"All keyframes must be of the same type"):(m=yue(h[r]),dse(m===u||Tme(u)&&Tme(m),"Keyframes must be of the same dimension as the current value"))}else m=yue(h);if(u!==m)if(Tme(u)&&Tme(m)){const e=s.get();"string"==typeof e&&s.set(parseFloat(e)),"string"==typeof h?t[a]=parseFloat(h):Array.isArray(h)&&m===Wie&&(t[a]=h.map(parseFloat))}else(null==u?void 0:u.transform)&&(null==m?void 0:m.transform)&&(0===c||0===h)?0===c?s.set(m.transform(c)):t[a]=u.transform(h):(i||(o=function(e){const t=[];return Fme.forEach((r=>{const n=e.getValue(r);void 0!==n&&(t.push([r,n.get()]),n.set(r.startsWith("scale")?1:0))})),t.length&&e.render(),t}(e),i=!0),l.push(a),n[a]=void 0!==n[a]?n[a]:t[a],s.jump(h))})),l.length){const r=l.indexOf("height")>=0?window.pageYOffset:null,a=((e,t,r)=>{const n=t.measureViewportBox(),a=t.current,o=getComputedStyle(a),{display:i}=o,l={};"none"===i&&t.setStaticValue("display",e.display||"block"),r.forEach((e=>{l[e]=_me[e](n,o)})),t.render();const s=t.measureViewportBox();return r.forEach((r=>{const n=t.getValue(r);n&&n.jump(l[r]),e[r]=_me[r](s,o)})),e})(t,e,l);return o.length&&o.forEach((([t,r])=>{e.getValue(t).set(r)})),e.render(),rie&&null!==r&&window.scrollTo({top:r}),{target:a,transitionEnd:n}}return{target:t,transitionEnd:n}};function Dme(e,t,r,n){return(e=>Object.keys(e).some(Ame))(t)?Zme(e,t,r,n):{target:t,transitionEnd:n}}const qme=(e,t,r,n)=>{const a=function(e,{...t},r){const n=e.current;if(!(n instanceof Element))return{target:t,transitionEnd:r};r&&(r={...r}),e.values.forEach((e=>{const t=e.get();if(!Vie(t))return;const r=Rme(t,n);r&&e.set(r)}));for(const e in t){const a=t[e];if(!Vie(a))continue;const o=Rme(a,n);o&&(t[e]=o,r||(r={}),void 0===r[e]&&(r[e]=a))}return{target:t,transitionEnd:r}}(e,t,n);return Dme(e,t=a.target,r,n=a.transitionEnd)},Ume={current:null},$me={current:!1};const zme=new WeakMap,Wme=Object.keys(die),Gme=Wme.length,Qme=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],Yme=cie.length;class Kme{constructor({parent:e,props:t,presenceContext:r,reducedMotionConfig:n,visualState:a},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>Xle.render(this.render,!1,!0);const{latestValues:i,renderState:l}=a;this.latestValues=i,this.baseTarget={...i},this.initialValues=t.initial?{...i}:{},this.renderState=l,this.parent=e,this.props=t,this.presenceContext=r,this.depth=e?e.depth+1:0,this.reducedMotionConfig=n,this.options=o,this.isControllingVariants=uie(t),this.isVariantNode=hie(t),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(e&&e.current);const{willChange:s,...c}=this.scrapeMotionValuesFromProps(t,{});for(const e in c){const t=c[e];void 0!==i[e]&&kie(t)&&(t.set(i[e],!1),cue(s)&&s.add(e))}}scrapeMotionValuesFromProps(e,t){return{}}mount(e){this.current=e,zme.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach(((e,t)=>this.bindToMotionValue(t,e))),$me.current||function(){if($me.current=!0,rie)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>Ume.current=e.matches;e.addListener(t),t()}else Ume.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Ume.current),"production"!==process.env.NODE_ENV&&due(!0!==this.shouldReduceMotion,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){zme.delete(this.current),this.projection&&this.projection.unmount(),Jle(this.notifyUpdate),Jle(this.render),this.valueSubscriptions.forEach((e=>e())),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const e in this.events)this.events[e].clear();for(const e in this.features)this.features[e].unmount();this.current=null}bindToMotionValue(e,t){const r=Pie.has(e),n=t.on("change",(t=>{this.latestValues[e]=t,this.props.onUpdate&&Xle.update(this.notifyUpdate,!1,!0),r&&this.projection&&(this.projection.isTransformDirty=!0)})),a=t.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(e,(()=>{n(),a()}))}sortNodePosition(e){return this.current&&this.sortInstanceNodePosition&&this.type===e.type?this.sortInstanceNodePosition(this.current,e.current):0}loadFeatures({children:e,...t},r,n,a){let o,i;if("production"!==process.env.NODE_ENV&&n&&r){const e="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?fse(!1,e):dse(!1,e)}for(let e=0;e<Gme;e++){const r=Wme[e],{isEnabled:n,Feature:a,ProjectionNode:l,MeasureLayout:s}=die[r];l&&(o=l),n(t)&&(!this.features[r]&&a&&(this.features[r]=new a(this)),s&&(i=s))}if(!this.projection&&o){this.projection=new o(this.latestValues,this.parent&&this.parent.projection);const{layoutId:e,layout:r,drag:n,dragConstraints:i,layoutScroll:l,layoutRoot:s}=t;this.projection.setOptions({layoutId:e,layout:r,alwaysMeasureLayout:Boolean(n)||i&&oie(i),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof r?r:"both",initialPromotionConfig:a,layoutScroll:l,layoutRoot:s})}return i}updateFeatures(){for(const e in this.features){const t=this.features[e];t.isMounted?t.update():(t.mount(),t.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ahe()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,t){this.latestValues[e]=t}makeTargetAnimatable(e,t=!0){return this.makeTargetAnimatableFromInstance(e,this.props,t)}update(e,t){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=t;for(let t=0;t<Qme.length;t++){const r=Qme[t];this.propEventSubscriptions[r]&&(this.propEventSubscriptions[r](),delete this.propEventSubscriptions[r]);const n=e["on"+r];n&&(this.propEventSubscriptions[r]=this.on(r,n))}this.prevMotionValues=function(e,t,r){const{willChange:n}=t;for(const a in t){const o=t[a],i=r[a];if(kie(o))e.addValue(a,o),cue(n)&&n.add(a),"development"===process.env.NODE_ENV&&due("10.12.16"===o.version,`Attempting to mix Framer Motion versions ${o.version} with 10.12.16 may not work as expected.`);else if(kie(i))e.addValue(a,gue(o,{owner:e})),cue(n)&&n.remove(a);else if(i!==o)if(e.hasValue(a)){const t=e.getValue(a);!t.hasAnimated&&t.set(o)}else{const t=e.getStaticValue(a);e.addValue(a,gue(void 0!==t?t:o,{owner:e}))}}for(const n in r)void 0===t[n]&&e.removeValue(n);return t}(this,this.scrapeMotionValuesFromProps(e,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(e){return this.props.variants?this.props.variants[e]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(e=!1){if(e)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const e=this.parent&&this.parent.getVariantContext()||{};return void 0!==this.props.initial&&(e.initial=this.props.initial),e}const t={};for(let e=0;e<Yme;e++){const r=cie[e],n=this.props[r];(iie(n)||!1===n)&&(t[r]=n)}return t}addVariantChild(e){const t=this.getClosestVariantNode();if(t)return t.variantChildren&&t.variantChildren.add(e),()=>t.variantChildren.delete(e)}addValue(e,t){t!==this.values.get(e)&&(this.removeValue(e),this.bindToMotionValue(e,t)),this.values.set(e,t),this.latestValues[e]=t.get()}removeValue(e){this.values.delete(e);const t=this.valueSubscriptions.get(e);t&&(t(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,t){if(this.props.values&&this.props.values[e])return this.props.values[e];let r=this.values.get(e);return void 0===r&&void 0!==t&&(r=gue(t,{owner:this}),this.addValue(e,r)),r}readValue(e){return void 0===this.latestValues[e]&&this.current?this.readValueFromInstance(this.current,e,this.options):this.latestValues[e]}setBaseTarget(e,t){this.baseTarget[e]=t}getBaseTarget(e){var t;const{initial:r}=this.props,n="string"==typeof r||"object"==typeof r?null===(t=Ole(this.props,r))||void 0===t?void 0:t[e]:void 0;if(r&&void 0!==n)return n;const a=this.getBaseTargetFromProps(this.props,e);return void 0===a||kie(a)?void 0!==this.initialValues[e]&&void 0===n?void 0:this.baseTarget[e]:a}on(e,t){return this.events[e]||(this.events[e]=new pue),this.events[e].add(t)}notify(e,...t){this.events[e]&&this.events[e].notify(...t)}}class Xme extends Kme{sortInstanceNodePosition(e,t){return 2&e.compareDocumentPosition(t)?1:-1}getBaseTargetFromProps(e,t){return e.style?e.style[t]:void 0}removeValueFromRenderState(e,{vars:t,style:r}){delete t[e],delete r[e]}makeTargetAnimatableFromInstance({transition:e,transitionEnd:t,...r},{transformValues:n},a){let o=function(e,t,r){const n={};for(const a in e){const e=jue(a,t);if(void 0!==e)n[a]=e;else{const e=r.getValue(a);e&&(n[a]=e.get())}}return n}(r,e||{},this);if(n&&(t&&(t=n(t)),r&&(r=n(r)),o&&(o=n(o))),a){!function(e,t,r){var n,a;const o=Object.keys(t).filter((t=>!e.hasValue(t))),i=o.length;if(i)for(let l=0;l<i;l++){const i=o[l],s=t[i];let c=null;Array.isArray(s)&&(c=s[0]),null===c&&(c=null!==(a=null!==(n=r[i])&&void 0!==n?n:e.readValue(i))&&void 0!==a?a:t[i]),null!=c&&("string"==typeof c&&(uue(c)||oue(c))?c=parseFloat(c):!Oue(c)&&mce.test(s)&&(c=aue(i,s)),e.addValue(i,gue(c,{owner:e})),void 0===r[i]&&(r[i]=c),null!==c&&e.setBaseTarget(i,c))}}(this,r,o);const e=qme(this,r,o,t);t=e.transitionEnd,r=e.target}return{transition:e,transitionEnd:t,...r}}}class Jme extends Xme{readValueFromInstance(e,t){if(Pie.has(t)){const e=nue(t);return e&&e.default||0}{const n=(r=e,window.getComputedStyle(r)),a=(Rie(t)?n.getPropertyValue(t):n[t])||0;return"string"==typeof a?a.trim():a}var r}measureInstanceViewportBox(e,{transformPagePoint:t}){return Ohe(e,t)}build(e,t,r,n){Jie(e,t,r,n.transformTemplate)}scrapeMotionValuesFromProps(e,t){return yle(e,t)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;kie(e)&&(this.childSubscription=e.on("change",(e=>{this.current&&(this.current.textContent=`${e}`)})))}renderInstance(e,t,r,n){gle(e,t,r,n)}}class epe extends Xme{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(e,t){return e[t]}readValueFromInstance(e,t){if(Pie.has(t)){const e=nue(t);return e&&e.default||0}return t=ble.has(t)?t:vle(t),e.getAttribute(t)}measureInstanceViewportBox(){return ahe()}scrapeMotionValuesFromProps(e,t){return xle(e,t)}build(e,t,r,n){hle(e,t,r,this.isSVGTag,n.transformTemplate)}renderInstance(e,t,r,n){wle(e,t,0,n)}mount(e){this.isSVGTag=ple(e.tagName),super.mount(e)}}const tpe=(e,t)=>Eie(e)?new epe(t,{enableHardwareAcceleration:!1}):new Jme(t,{enableHardwareAcceleration:!0}),rpe={...Hue,...use,...Sme,...{layout:{ProjectionNode:kme,MeasureLayout:Rhe}}},npe=xie(((e,t)=>function(e,{forwardMotionProps:t=!1},r,n){return{...Eie(e)?Nle:Ble,preloadedFeatures:r,useRender:dle(t),createVisualElement:n,Component:e}}(e,t,rpe,tpe)));function ape(){const t=e.useRef(!1);return nie((()=>(t.current=!0,()=>{t.current=!1})),[]),t}class ope extends h.Component{getSnapshotBeforeUpdate(e){const t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){const e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function ipe({children:t,isPresent:r}){const n=e.useId(),a=e.useRef(null),o=e.useRef({width:0,height:0,top:0,left:0});return e.useInsertionEffect((()=>{const{width:e,height:t,top:i,left:l}=o.current;if(r||!a.current||!e||!t)return;a.current.dataset.motionPopId=n;const s=document.createElement("style");return document.head.appendChild(s),s.sheet&&s.sheet.insertRule(`\n [data-motion-pop-id="${n}"] {\n position: absolute !important;\n width: ${e}px !important;\n height: ${t}px !important;\n top: ${i}px !important;\n left: ${l}px !important;\n }\n `),()=>{document.head.removeChild(s)}}),[r]),h.createElement(ope,{isPresent:r,childRef:a,sizeRef:o},h.cloneElement(t,{ref:a}))}const lpe=({children:t,initial:r,isPresent:n,onExitComplete:a,custom:o,presenceAffectsLayout:i,mode:l})=>{const s=Ele(spe),c=e.useId(),u=e.useMemo((()=>({id:c,initial:r,isPresent:n,custom:o,onExitComplete:e=>{s.set(e,!0);for(const e of s.values())if(!e)return;a&&a()},register:e=>(s.set(e,!1),()=>s.delete(e))})),i?void 0:[n]);return e.useMemo((()=>{s.forEach(((e,t)=>s.set(t,!1)))}),[n]),h.useEffect((()=>{!n&&!s.size&&a&&a()}),[n]),"popLayout"===l&&(t=h.createElement(ipe,{isPresent:n},t)),h.createElement(tie.Provider,{value:u},t)};function spe(){return new Map}const cpe=e=>e.key||"";const upe=({children:t,custom:r,initial:n=!0,onExitComplete:a,exitBeforeEnter:o,presenceAffectsLayout:i=!0,mode:l="sync"})=>{dse(!o,"Replace exitBeforeEnter with mode='wait'");const s=e.useContext(vie).forceRender||function(){const t=ape(),[r,n]=e.useState(0),a=e.useCallback((()=>{t.current&&n(r+1)}),[r]);return[e.useCallback((()=>Xle.postRender(a)),[a]),r]}()[0],c=ape(),u=function(t){const r=[];return e.Children.forEach(t,(t=>{e.isValidElement(t)&&r.push(t)})),r}(t);let m=u;const p=e.useRef(new Map).current,f=e.useRef(m),d=e.useRef(new Map).current,v=e.useRef(!0);var g;if(nie((()=>{v.current=!1,function(e,t){e.forEach((e=>{const r=cpe(e);t.set(r,e)}))}(u,d),f.current=m})),g=()=>{v.current=!0,d.clear(),p.clear()},e.useEffect((()=>()=>g()),[]),v.current)return h.createElement(h.Fragment,null,m.map((e=>h.createElement(lpe,{key:cpe(e),isPresent:!0,initial:!!n&&void 0,presenceAffectsLayout:i,mode:l},e))));m=[...m];const b=f.current.map(cpe),w=u.map(cpe),y=b.length;for(let e=0;e<y;e++){const t=b[e];-1!==w.indexOf(t)||p.has(t)||p.set(t,void 0)}return"wait"===l&&p.size&&(m=[]),p.forEach(((e,t)=>{if(-1!==w.indexOf(t))return;const n=d.get(t);if(!n)return;const o=b.indexOf(t);let v=e;if(!v){const e=()=>{d.delete(t),p.delete(t);const e=f.current.findIndex((e=>e.key===t));if(f.current.splice(e,1),!p.size){if(f.current=u,!1===c.current)return;s(),a&&a()}};v=h.createElement(lpe,{key:cpe(n),isPresent:!1,onExitComplete:e,custom:r,presenceAffectsLayout:i,mode:l},n),p.set(t,v)}m.splice(o,0,v)})),m=m.map((e=>{const t=e.key;return p.has(t)?e:h.createElement(lpe,{key:cpe(e),isPresent:!0,presenceAffectsLayout:i,mode:l},e)})),"production"!==process.env.NODE_ENV&&"wait"===l&&m.length>1&&console.warn('You\'re attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.'),h.createElement(h.Fragment,null,p.size?m:m.map((t=>e.cloneElement(t))))};function hpe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("a",{href:e.linkUrl,target:e.isExternalLink?"_blank":"",rel:e.isExternalLink?"noopener noreferrer":"",className:"rounded-2xl hover:shadow-xl p-8 h-full flex flex-col justify-between group/sc border border-neutral-200 hover:border-opacity-0 min-h-[260px] group"},u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex items-center justify-between pb-5"},e.brandImageUrl&&e.brandImageAlt&&u.default.createElement("div",{className:"max-h-[64px]"},u.default.createElement("img",{src:e.brandImageUrl,alt:e.brandImageAlt,className:"max-h-[44px] brightness-0 transition ease-in-out duration-300 group-hover:brightness-100"})),e.iconVariant&&u.default.createElement("div",{className:"hidden tb:flex flex-row relative "},e.iconTag&&u.default.createElement("div",{className:"gap-2 items-center transition-all duration-[350ms] group-hover/sc:opacity-100 inline-flex flex-row translate-x-0 group-hover/sc:-translate-x-5"},u.default.createElement(G$,{height:"w-6 h-6 stroke-[1.5px]",variant:e.iconArrowVariant??"",strokeClass:"stroke-neutral-400"}),u.default.createElement("div",{className:" opacity-0 group-hover/sc:opacity-100 transition-opacity duration-[350ms] "},u.default.createElement(z,{textStyle:"body3-medium",className:"hidden text-neutral-400 group-hover/sc:block"},e.iconTag))))),e.description&&u.default.createElement("div",null,u.default.createElement("div",{className:"translate-y-10 group-hover/sc:translate-y-0 duration-300 transition-all"},u.default.createElement(z,{textStyle:"body1c",className:`${g(e.descTextColor)} mt-2`},e.description)),u.default.createElement("div",{className:"translate-y-8 transition-all group-hover/sc:translate-y-0 opacity-0 group-hover/sc:opacity-100 duration-300 group-hover/sc:flex"},u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:e.readMoreBtn.cta_text??"Read More",type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-[14px]"})))))))}function mpe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex flex-col-reverse px-6 py-10 tb-l:px-0 tb-l:py-0 tb-l:flex-row tb-l:gap-10 db:gap-32 tb-l:max-w-7xl min-h-[742px] tb-l:min-h-[518px]"},u.default.createElement("div",{className:"flex flex-col tb-l:pl-20 tb-l:pt-14 tb-l:pb-14"},e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 tb-l:block uppercase mb-2 hidden "},e.tagline),e.brandImageURL&&e.brandImageAlt&&u.default.createElement("div",{className:"tb-l:flex hidden -ml-2 pb-1 justify-start"},u.default.createElement("img",{src:e.brandImageURL,alt:e.brandImageAlt,className:"max-h-[64px]"})),e.title&&u.default.createElement("div",{className:"flex flex-col gap-6 tb-l:max-w-[547px] "},u.default.createElement(z,{textStyle:"h3",className:"text-neutral-1000 tb-l:block hidden min-h-[144px] overflow-clip"},e.title),e.heroList&&u.default.createElement("div",null,u.default.createElement("div",{className:"flex flex-col pt-6 tb-l:pt-0 gap-4"},e.heroList.map(((e,t)=>u.default.createElement("div",{key:t,className:"flex gap-5"},u.default.createElement(G$,{height:"tb:h-8 tb:w-8 h-6 w-6",variant:e.iconVariant,strokeClass:e.strokeClass??"stroke-neutral-800"}),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.title))))))),e.CTA&&u.default.createElement("div",{className:"mt-10 tb:flex"},u.default.createElement("a",{href:e.CTA.url},u.default.createElement(s8,{label:e.CTA.text,type:"secondary",size:"md",rightAnimatedArrowColor:"#3970FD"})))),e.heroImageURL&&e.heroImageAlt?u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex justify-center tb:justify-start tb-l:justify-end tb-l:pt-14 tb:max-w-[600px]"},u.default.createElement("img",{src:e.heroImageURL,alt:e.heroImageAlt,className:"rounded-xl tb-l:rounded-none tb-l:rounded-br-3xl tb-l:rounded-tl-3xl w-full h-auto object-cover db-s:max-w-[650px] tb-l:max-w-[600px] tb:max-w-[420px] "}))):u.default.createElement(u.default.Fragment,null,e.video_url&&u.default.createElement("div",{className:"flex mt-4 tb:mt-0 tb:items-end tb:max-w-[600px] tb-l:min-w-[550px]"},u.default.createElement("video",{autoPlay:!0,loop:!0,playsInline:!0,muted:!0,src:e.video_url,className:" rounded-xl tb-l:rounded-none tb-l:rounded-br-3xl tb-l:rounded-tl-3xl"}))),u.default.createElement("div",{className:"tb-l:hidden pb-6"},e.brandImageURL&&e.brandImageAlt&&u.default.createElement("div",{className:"pb-1 -ml-1 "},u.default.createElement("img",{src:e.brandImageURL,alt:e.brandImageAlt,className:"max-h-[40px]"})),u.default.createElement("div",{className:"text-neutral-1000 text-hds-m-h4 tb:text-hds-t-h3 db:text-hds-d-h3"},e.title)),e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 tb-l:hidden uppercase"},e.tagline)))}function ppe({disabled:t,label:r,helper:n,size:a,placeholder:o,onChange:i}){return e.useState(""),u.default.createElement("div",null,u.default.createElement("div",{className:"flex bg-neutral-0 border border-neutral-300 rounded-full shadow-sm"},u.default.createElement("div",{className:"relative flex flex-grow items-stretch "},u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:t,className:"block w-full rounded-l-full border-0 text-hds-m-body3c tb:text-hds-t-body3c db:text-hds-d-body3c py-3 pl-5 placeholder:text-hds-m-body3c placeholder:tb:text-hds-t-body3c placeholder:db:text-hds-d-body3c placeholder:text-neutral-500 placeholder:bg-neutral-0 focus:ring-0 active:bg-neutral-0 focus:bg-neutral-0 visited:bg-neutral-0 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-neutral-200",placeholder:o})),u.default.createElement("div",{className:" py-[3.5px] pr-[3px] z-20"},u.default.createElement(s8,{type:"tonal",btnBgColorClass:"bg-blue-100",btnbgHoverClass:"hover:bg-blue-500",rightAnimatedArrowColor:"#3970FD",label:r}))))}function fpe(...e){return e.filter(Boolean).join(" ")}hpe.defaultProps={descTextColor:"text-neutral-700",isExternalLink:"false",iconTag:"Customer Stories",titleTextColor:"",brandImageUrl:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1690909443/hasura-design-system/swiggy_m2hjxy.png",brandImageAlt:"pipe",linkUrl:"?path=/story/hasura-design-system--hasura-design-system&globals=backgrounds.value:!hex(3b5998)",iconVariant:"videorecorder",iconStrokeColor:"blue-500",iconArrowVariant:"home03",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura Model Level Authorization System for ",readMoreBtn:{cta_text:"Read More"}},mpe.defaultProps={heroImageURL:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1690802853/website%20v3/optum_hiqty8.png",heroImageAlt:"optum",heroIconVariant:"calendar",heroIconStrokeClass:"stroke-neutral-1000",heroListTitle:"100 days from concept to production",brandImageURL:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1690982762/pulley_pcj45e_8fd10af212.png",brandImageAlt:"optum",title:"Healthcare giant Optum goes from concept to production in 100 days with Hasura",description:"description1",CTA:{text:"Button Label"},heroList:[{iconVariant:"calendar",title:"100 days from concept to production"},{iconVariant:"database03",title:"Vastly improved access to relevant data"},{iconVariant:"settings01",title:"Simpler data and API management"}]};const dpe=(e,t)=>{if(t){const r=new URL(e);return r.searchParams.set("pg",t),r.toString()}return e};function vpe(t){t.HEADER_LIST.length;const[r,n]=e.useState(!1),[a,o]=e.useState(!1),[i,l]=e.useState(!1),[s,c]=e.useState(!1),[h,m]=e.useState("");e.useState(!1);const[p,f]=e.useState(!1),d=dpe("https://cloud.hasura.io/signup?pg=sample-apps&plcmt=header&cta=try-hasura&tech=default",t.website_key),v=dpe("https://cloud.hasura.io/login?pg=sample-apps&plcmt=header&cta=log-in&tech=default",t.website_key),[b,w]=e.useState(Array(t.HEADER_LIST.length).fill(!1)),y=e=>{w((t=>{const r=[...t];return r[e]=!0,r}))},x=e=>{w((t=>{const r=[...t];return r[e]=!1,r}))},O=(e,t)=>{const{title:r,primaryCard:n,secondaryCardArr:a,tertiaryCard:o,flyoutD:i}=e[t];return u.default.createElement("div",{id:`dropdown_${t}`},e[t]&&u.default.createElement("div",{className:"relative",onMouseEnter:()=>y(t),onMouseLeave:()=>x(t)},u.default.createElement("div",{className:fpe("group inline-flex items-center rounded-md bg-white hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2",b[t]?"":"text-gray-500")},u.default.createElement("div",{className:"flex flex-col items-center cursor-pointer"},u.default.createElement(z,{className:"hover:text-blue-600",textStyle:"body3c-medium"},`${r} `))),u.default.createElement(npe.div,null,b[t]&&u.default.createElement("div",{id:`dropdown_${t}_content`,className:"left-0 z-20",onMouseEnter:()=>y(t),onMouseLeave:()=>x(t),onScroll:()=>x(t)},u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{ease:"easeInOut",duration:.1},className:"absolute -left-[137px] z-[2] transform "+(b[0]?"-left-[137px] ":"")+(b[1]?"-left-[218px]":"")+(b[3]?"-left-[50px] ":"")},((e,t,r,n)=>u.default.createElement("div",null,u.default.createElement("div",null,u.default.createElement("hr",{className:"w-full h-6 border-0"})),u.default.createElement("div",{className:"p-2 bg-neutral-150 rounded-3xl"},u.default.createElement(Doe,{primaryCard:e,secondaryCardArr:t,tertiaryCard:r,flyoutD:n}))))(n,a,o,i))))))};let E,j;function C(){n(!r),l(!1),c(!1),o(!1),m(""),t.HEADER_LIST.forEach(((e,t)=>{x(t)}))}return r&&(E="rotate-45 ",j="-rotate-45 "),r||(E=" ",j="translate-y-[5.8px] "),e.useEffect((()=>{a?m("Product"):i?m("Developer"):s&&m("Company")}),[a,i,s]),u.default.createElement("div",{className:"relative mx-auto"},u.default.createElement("div",{className:`flex items-center ${g(t.headerBg)} justify-between py-4 db:py-3 tb-l:justify-start`},u.default.createElement("div",{className:"flex flex-row justify-between items-center w-full tb-l:w-fit"},u.default.createElement("div",null,u.default.createElement("a",{href:t.headerUrl,className:"flex items-center"},u.default.createElement(G$,{height:"w-[103px] h-[33px]",variant:"hasuraPrimary",strokeColor:""}))),u.default.createElement("div",{className:"hds-hidden-tbl flex z-[10] items-center gap-6"},u.default.createElement("div",{className:"h-full "+(r?" hds-hidden":"")},!t.hideSearch&&u.default.createElement(A5,t)),!(s||i||a)&&u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,opacity:{ease:"easeIn"}},className:"h-5 w-5 mt-3",onClick:()=>C()},u.default.createElement("div",{className:" h-5 cursor-pointer"},u.default.createElement("div",{"aria-hidden":"true",className:`${E} block absolute h-[2px] w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`}),u.default.createElement("div",{"aria-hidden":"true",className:`${j} block absolute h-0.5 w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`}))))),u.default.createElement("div",{className:"hds-hidden tb-l:flex flex-row w-full justify-between items-center"},u.default.createElement("nav",{className:"hds-hidden items-baseline relative tb-l:pl-8 tb-l:flex tb-l:space-x-6",onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1)},(M=t.HEADER_LIST,u.default.createElement(u.default.Fragment,null,O(M,0),O(M,1),u.default.createElement("a",{href:"/case-studies/"},u.default.createElement(z,{className:"hover:text-blue-600 cursor-pointer",textStyle:"body3c-medium"},"Customers ")),O(M,3),u.default.createElement("a",{href:"/pricing"},u.default.createElement(z,{className:"hover:text-blue-600 cursor-pointer",textStyle:"body3c-medium"},"Pricing "))))),u.default.createElement("div",{className:"hds-hidden tb-l:flex flex-row items-center gap-x-4 "},!t.hideSearch&&u.default.createElement(A5,t),u.default.createElement("a",{href:"/contact-us?type=hasuraenterprise",className:"hds-hidden db:flex"},u.default.createElement(z,{textStyle:"body3c-medium",className:"text-neutral-800 hover:text-blue-600"},"Contact Sales")),u.default.createElement("a",{href:v},u.default.createElement(s8,{label:"Log In",type:"tonal",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"hds-hidden tb-l:flex"})),u.default.createElement("a",{href:d},u.default.createElement(s8,{label:"Get Started",type:"primary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"hds-hidden tb:flex"})))),u.default.createElement("div",{className:"hds-hidden-tbl overflow-auto flex "},u.default.createElement("div",{className:"bg-neutral-100 shadow-sh1 hds-hidden-tbl block fixed w-full tb:max-w-[480px] tb:left-auto tb:right-0 mx-auto left-4 top-0 transform transition duration-500 ease-in-out h-[calc(100%-1px)] max-h-screen overflow-y-auto"+(r?" translate-x-0":" translate-x-[1240px]")},u.default.createElement("div",{className:"bg-neutral-100 h-[calc(100%-80px)] rounded-2xl overflow-y-scroll scrollbar-hide"},u.default.createElement("div",{className:"pt-6 pb-4 tb:mr-[12px] mr-[30px] min-h-[36px] flex flex-row justify-between items-center sticky top-0 bg-neutral-100 z-50 "},(s||i||a)&&u.default.createElement("div",{className:" flex flex-row justify-start z-10",onClick:()=>(l(!1),c(!1),o(!1),m(""),void t.HEADER_LIST.forEach(((e,t)=>{x(t)})))},u.default.createElement(G$,{height:"w-5 h-5 ml-4 cursor-pointer",variant:"arrowleft",strokeClass:"stroke-neutral-1000"})),u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,opacity:{ease:"easeIn"}},className:"w-full justify-center flex "},u.default.createElement(z,{textStyle:"body3c-medium",className:"text-neutral-900"},h)),(s||i||a)&&u.default.createElement(npe.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,opacity:{ease:"easeIn"}},className:" flex flex-row justify-start z-10",onClick:()=>C()},u.default.createElement(G$,{height:"w-5 h-5 ml-4 stroke-2 cursor-pointer",variant:"xclose",strokeClass:"stroke-neutral-1000"}))),u.default.createElement(upe,{mode:"wait",exit:!1},a||i||s?u.default.createElement(npe.div,{key:"hey",exit:{opacity:0,y:[0,300]},animate:{opacity:1,y:[300,0]},transition:{duration:.2,exit:{duration:.3},opacity:{ease:"easeIn"}},when:a||i||s,className:"flex flex-col justify-between "},u.default.createElement("div",{className:"flex flex-col justify-between rounded-2xl h-full"},u.default.createElement("div",{className:"pl-4 pr-8 tb:pr-4"},(P=t.HEADER_LIST,u.default.createElement("div",{className:"pt-4 "},u.default.createElement("div",{className:"transform transition-all"},a&&u.default.createElement(npe.div,{className:"product_mobile mr-0"},u.default.createElement(Doe,{primaryCard:P[0].primaryCard,secondaryCardArr:P[0].secondaryCardArr,tertiaryCard:P[0].tertiaryCard,flyoutD:P[0].flyoutD})),i&&u.default.createElement("div",{className:"product_developer"},u.default.createElement(Doe,{primaryCard:P[1].primaryCard,secondaryCardArr:P[1].secondaryCardArr,tertiaryCard:P[1].tertiaryCard})),s&&u.default.createElement("div",{className:"product_company"},u.default.createElement(Doe,{primaryCard:P[3].primaryCard,secondaryCardArr:P[3].secondaryCardArr,tertiaryCard:P[3].tertiaryCard})))))))):u.default.createElement(npe.div,{initial:{opacity:1},animate:{opacity:1},transition:{duration:.1,opacity:{ease:"easeIn"}},className:"mt-7 flex flex-col gap-6 ml-4"},u.default.createElement("div",{className:"flex flex-col mr-[50px] mb-m:items-center items-end"},u.default.createElement("img",{className:"inline-block max-w-[242px] w-full",src:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1688572403/hasura-design-system/mutations_1_tdh5ir.png ",alt:""})),u.default.createElement("nav",{className:"grid divide-y mr-8 tb:mr-4 bg-neutral-0 divide-neutral-200 border border-neutral-200 rounded-3xl mb-6"},t.HEADER_LIST.map((e=>u.default.createElement("div",{key:e.title,onClick:()=>function(e){const r=t.HEADER_LIST.findIndex((t=>t.title===e));y(r),"Developer"===e&&l(!0),"Customers"===e&&(window.location.href="/case-studies/"),"Pricing"===e&&(window.location.href="/pricing/"),"Product"===e&&o(!0),"Company"===e&&c(!0)}(e.title),className:"flex justify-between items-center p-4 cursor-pointer group"},u.default.createElement("div",{className:"flex items-center justify-center gap-2"},u.default.createElement(z,{textStyle:"body3c-medium",className:"text-neutral-700 hover:text-neutral-1000 transition-all duration-300 ease-in-out"},`${e.title}`)),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px] group-hover:translate-x-1 ease-in-out transition duration-300",variant:"chevronright",strokeClass:"stroke-neutral-500"})))))))),u.default.createElement("div",{className:"py-6 shadow-sh1 bg-neutral-0 pl-4 pr-8 self-end w-full"},u.default.createElement("div",{className:"flex flex-row justify-around"},u.default.createElement("div",{className:"w-full flex gap-2"},u.default.createElement("a",{href:v,className:"w-1/2"},u.default.createElement(s8,{label:"Log In",type:"tonal",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"group-hover:stroke-neutral-0",className:" !w-full"})),u.default.createElement("a",{href:d,className:"w-1/2"},u.default.createElement(s8,{label:"Get Started",type:"primary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff",animatedHoverStroke:"group-hover:stroke-neutral-0",className:" !w-full"})))))))));var P,M}function gpe(...e){return e.filter(Boolean).join(" ")}function bpe(...e){return e.filter(Boolean).join(" ")}function wpe(...e){return e.filter(Boolean).join(" ")}function ype(t){const{tabs:r,onTabClick:n,pillColor:a}=t,[o,i]=e.useState(r.find((e=>e.current))||r[0]),l=e.useRef(null);let s="";a&&(s=g(a));let c="";function h(e){c=o.tabTextColorClass?g(o.tabTextColorClass):"text-neutral-500";let t=" text-neutral-0 transition-all rounded-full "+s,r=" flex-nowrap rounded-full "+c;return o.name===e?t:r}return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block"},u.default.createElement("nav",{className:"relative inline-flex gap-2 rounded-full","aria-label":"Tabs"},r.map((e=>u.default.createElement("div",{key:e.name,onClick:t=>((e,t)=>{e.preventDefault(),i(t),n&&n(t);const r=l.current;if(r){const t=e.currentTarget.offsetWidth,n=e.currentTarget.offsetLeft;r.parentElement.offsetLeft;const a=n;r.style.transform=`translateX(${a}px)`,r.style.width=`${t}px`}})(t,e)},u.default.createElement(z,{className:`${h(e.name)} ${e.name===o.name?"":"hover:bg-neutral-150"} cursor-pointer px-3 py-1 z-[2] relative whitespace-nowrap`,textStyle:"body3c-medium"},e.name)))),u.default.createElement("span",{ref:l,className:`absolute left-0 z-[1] ${s} rounded-full transition-all ease-in duration-150`,style:{left:100*o.index+"%",width:`${o.width}px`,height:"28px"}}))))}function xpe(t){const{tabs:r,onTabClick:n,pillColor:a,initalTab:o=!0}=t,i=r.find((e=>e.current))?.name||(o?r[0].name:""),[l,s]=e.useState(i);let c="";a&&(c=g(a));return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block "},u.default.createElement("nav",{className:"relative inline-flex gap-2 rounded-[32px] ","aria-label":"Tabs"},r&&r.map((e=>u.default.createElement("button",{key:e.name,onClick:()=>{var t;s((t=e).name),n&&n(t)},className:(l===e.name?" text-neutral-0 transition-all duration-300":" hover:bg-neutral-500/30 text-neutral-400")+" relative px-3 py-1 whitespace-nowrap rounded-full hover:text-neutral-0 transition-all duration-300"},l===e.name&&u.default.createElement(npe.div,{layoutId:"active-pill",className:`absolute inset-0 ${c}`,style:{borderRadius:32}}),u.default.createElement(z,{textStyle:"body3c-medium",className:"relative z-10 "},e.name)))))))}vpe.defaultProps={hideSearch:!1,HEADER_LIST:[{title:"Product",primaryCard:{iconVariant:"layersthree01",mainDescription:"Discover Hasura's core capabilities for automating the building, securing, optimizing, and deploying of APIs.",primaryBtnLabel:"Hasura Data API Platform",primaryBtnCTA:"/products",strokeClass:"stroke-neutral-800",tertiaryBtn:[{cta_leftVariantIcon:"checksquarebroken",cta_leftVariantIconColor:"#6C737F",cta_text:"Compare Plans",cta_link:"/pricing"}],secondaryBtn:[{cta_leftVariantIcon:"zap",cta_leftVariantIconColor:"#6C737F",cta_text:"Deployment Options",cta_link:"/products/deployment"}]},secondaryCardArr:[{childArray:[{description:"",href:"/products/instant-api",icon:"lightning01",name:"Instant API",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/authorization",icon:"eye",name:"Authorization",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/performance",icon:"speedometer03",name:"Performance",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/federation",icon:"data",name:"Federation",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/api-security",icon:"shieldtick",name:"API Security",strokeClass:"stroke-neutral-500"},{description:"",href:"/products/observability",icon:"piechart01",name:"Observability",strokeClass:"stroke-neutral-500"}],label:"CAPABILITIES"},{childArray:[{description:"",href:"/graphql/database",icon:"database01",name:"All Databases",strokeClass:"stroke-neutral-500"},{description:"",href:"/graphql/database?category=planned",icon:"checksquare",name:"Planned Databases",strokeClass:"stroke-neutral-500"}],label:"Data sources"}],flyoutD:{link:"https://hasura.io/ai",IconVariant:"aibot",btnLabel:"AI with Hasura",description:"Use Hasura Notebook to get Gen AI querying over your structured private data sources via GraphQL and REST APIs"}},{title:"Developer",secondaryCardArr:[{childArray:[{description:"",href:"/docs/latest/index/",icon:"file02",name:"Documentation",strokeClass:"stroke-neutral-500"},{description:"",href:"/hub",icon:"hasura",name:"Hasura Hub",strokeClass:"stroke-neutral-500"},{description:"",href:"/reference-app/",icon:"route",name:"Guides",strokeClass:"stroke-neutral-500"},{description:"",href:"/graphql/",icon:"asterisk02",name:"GraphQL Hub",strokeClass:"stroke-neutral-500"},{description:"",href:"https://cloud.hasura.io/public/graphiql",icon:"codebrowser",name:"GraphiQL",strokeClass:"stroke-neutral-500"},{description:"",href:"/changelog",icon:"gitpullrequest",name:"Changelog",strokeClass:"stroke-neutral-500"}],label:"BUILD"},{childArray:[{description:"",href:"/blog",icon:"bookopen01",name:"Blog",strokeClass:"stroke-neutral-500"},{description:"",href:"/learn/",icon:"graduationhat02",name:"Tutorials",strokeClass:"stroke-neutral-500"},{description:"",href:"/events",icon:"calendarplus02",name:"Events",strokeClass:"stroke-neutral-500"},{description:"",href:"/sample-apps/",icon:"box",name:"Resources",strokeClass:"stroke-neutral-500"}],label:"Learn"},{childArray:[{description:"",href:"/community/",icon:"users01",name:"Community",strokeClass:"stroke-neutral-500"},{description:"",href:"https://discord.com/invite/hasura",icon:"discord",name:"Discord",strokeClass:""},{description:"",href:"https://github.com/hasura/graphql-engine/discussions",icon:"octoface",name:"Discussions",strokeClass:""},{description:"",href:"https://www.meetup.com/pro/hasura/",icon:"meetup",name:"Meetups",strokeClass:""},{description:"",href:"/support/",icon:"hand",name:"Support",strokeClass:"stroke-neutral-500"}],label:"Connect"}],tertiaryCard:[{title:"HasuraCon 2023 is here!",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/hascon_211daeb83a.png"},{title:"Top 6 Architecture Trends for API Development",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/api_trends_0a035678d8.png"},{title:"Announcing Hasura integration with Snowflake",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/snowflake_def20494db.png"}]},{title:"Customers",href:""},{title:"Company",secondaryCardArr:[{childArray:[{description:"",href:"/about/",icon:"pentool02",name:"Our Story",strokeClass:"stroke-neutral-500"},{description:"",href:"/partners",icon:"intersectcircle",name:"Partners",strokeClass:"stroke-neutral-500"},{description:"",href:"/careers/",icon:"hearthand",name:"Work at Hasura",strokeClass:"stroke-neutral-500"}],label:"Company"}],tertiaryCard:[{title:"HasuraCon 2023 is here!",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/hascon_211daeb83a.png"},{title:"Top 6 Architecture Trends for API Development",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/api_trends_0a035678d8.png"},{title:"Announcing Hasura integration with Snowflake",title_colorClass:"text-neutral-900",img_url:"https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687040455/snowflake_def20494db.png"}]},{title:"Pricing",href:""}],headerUrl:"/"},ype.defaultProps={pillColor:"bg-blue-500"},xpe.defaultProps={pillColor:"bg-blue-500"};function Ope(e){const{heroData:t,activeTab:r,onTabChange:n}=e;let a;if(r.activeTab&&(a=r.activeTab),!t)return u.default.createElement("div",null);let o="",i="",l="",s="",c="";return e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].heroBgColor&&(o=g(e.heroData.tabContent[a].heroBgColor)),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].bgColorTab&&(i=g(e.heroData.tabContent[a].bgColorTab)),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].videoUrl&&(l=e.heroData.tabContent[a].videoUrl),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].videoPoster&&(s=e.heroData.tabContent[a].videoPoster),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].img_url&&e.heroData.tabContent[a].img_url,e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].pillColor&&(c=e.heroData.tabContent[a].pillColor),e.heroData&&e.heroData.tabContent&&e.heroData.tabContent[a]&&e.heroData.tabContent[a].bgColorTab&&(i=g(e.heroData.tabContent[a].bgColorTab)),u.default.createElement("div",{className:`${o} -mt-[81px] pt-[81px] tb:mt-0 tb:pt-0 max-w-7xl rounded-b-3xl tb:rounded-3xl`},e.heroData.navTabs&&u.default.createElement("div",{className:"py-5 db:p-20 tb:p-10 flex flex-col shadow rounded-2xl"},u.default.createElement("div",{className:"flex px-8 tb:px-0 overflow-scroll scrollbar-hide tb-l:justify-center justify-start"},u.default.createElement("div",{className:`${i} bg-opacity-30 p-1 rounded-[32px]`},u.default.createElement(ype,{onTabClick:e=>{if(e.name){const t=e.name.replace(/\s/g,"");n(t)}},tabs:e.heroData.navTabs,bgColorTab:e.heroData.bgColorTab,pillColor:c}))),u.default.createElement("div",{className:"flex flex-col-reverse pt-6 px-8 tb:px-0 tb:flex tb:flex-row tb:items-center tb:pt-10 tb:justify-between"},u.default.createElement("div",{className:" mt-3 db:max-w-[488px] tb:w-1/2"},e.heroData.tabContent&&e.heroData.tabContent[a]&&(h=e.heroData.tabContent[a],u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"tb:px-3"},h.title&&u.default.createElement(z,{textStyle:"h2",className:g(h.titleTextColor)},h.title),h.subTitle&&u.default.createElement(z,{textStyle:"sub2",className:`mt-2 ${g(h.subTitleTextColor)}`},h.subTitle)),h.btnLabel&&u.default.createElement("div",{className:"flex pl-3 pt-6"},u.default.createElement(s8,{label:h.btnLabel,type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-blue-600",className:"flex",btnTextColorClass:"text-blue-600"}))))),u.default.createElement("div",{className:" db:max-w-[540px] tb:w-1/2 "},u.default.createElement(Q$,{video_url:l,video_poster:s}))),u.default.createElement("div",{className:""},e.heroData.tabContent[a]&&(e=>e.linkCards&&u.default.createElement("div",{className:"flex px-8 tb:px-0 tb:justify-center overflow-auto scrollbar-hide flex-row mt-16 gap-6 tb:flex-row "},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:`${g(e.cardBorderClass)} border rounded-2xl w-full pb-2 min-w-[11.5rem] max-w-[22.313rem]`},u.default.createElement(Uoe,{titleTextColor:e.titleTextColor,descTextColor:e.descTextColor,linkUrl:e.linkUrl,cardBgColor:e.cardBgColor,cardHoverBg:e.cardHoverBg,iconVariant:e.iconVariant,iconStrokeClass:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeClass:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(e.heroData.tabContent[a]))));var h}Ope.defaultProps={heroData:{tabContent:{Performance:{heroBgColor:"bg-green-500",title:"Blazing-fast APIs at Global Scale ",subTitle:"Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.",videoUrl:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",videoPoster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",subTitleTextColor:"text-neutral-0",titleTextColor:"text-neutral-0",bgColorTab:"bg-neutral-1000",pillColor:"bg-pink-500",button:[{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""},{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""}],linkCards:[{titleTextColor:"text-neutral-0",descTextColor:"text-neutral-0",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"GraphQL response caching"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"}]},Company:{heroBgColor:"bg-blue-500",title:"Leverage Hasura’s Authorization Engine",subTitle:"Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.ss",videoUrl:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",videoPoster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",imgUrl:"",subTitleTextColor:"text-neutral-0",titleTextColor:"text-neutral-0",bgColorTab:"bg-neutral-1000",pillColor:"bg-amber-500",button:[{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""},{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""}],linkCards:[{titleTextColor:"text-neutral-0",descTextColor:"text-neutral-0",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"}]},Authorization:{heroBgColor:"bg-cyan-500",title:"Blazing-fast APIs at Global Scale ",subTitle:"Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.",videoUrl:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",videoPoster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",imgUrl:"",subTitleTextColor:"text-neutral-0",titleTextColor:"text-neutral-0",bgColorTab:"bg-pink-500",pillColor:"bg-neutral-500",button:[{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""},{cta_text:"Get Started",btnBg:"",bg_color:"bg-blue-900",cta_link:"",cta_type:""}],linkCards:[{titleTextColor:"text-neutral-0",descTextColor:"text-neutral-0",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"},{cardBgColor:"bg-pink-300",cardHoverBg:"bg-pink-900",iconVariant:"videorecorder",iconStrokeColor:"#3970FD",iconArrowVariant:"arrownarrowupright",iconArrowStrokeColor:"blue-400",title:"Webinar",description:"Model Level Authorization System for GraphQL with Hasura"}]}},navTabs:[{current:!0,name:"Performance"},{current:"false",name:"Company"},{current:"false",name:"Authorization"},{current:"false",name:"Observability"},{current:"false",name:"API Security"}]}};const Epe=[{name:"Tier 1",href:"",current:!0},{name:"Tier 2",href:"",current:!1},{name:"Tier 3",href:"",current:!1}];function jpe(t){const{title:r,title_color:n,description:a,desc_color:o,TABLE_VALUE:i,TABLE_HEADER:l}=t,[s,c]=e.useState(1);return u.default.createElement("div",{className:" max-w-7xl px-4 sm:px-6 lg:px-8 "},u.default.createElement("div",{className:" flex justify-around "},u.default.createElement("div",{className:"w-full flex-col items-center flex justify-around tb-l:flex tb-l:flex-col tb-l:items-center"},u.default.createElement("div",null,r&&u.default.createElement(z,{textStyle:"h3",className:g(n)},r),a&&u.default.createElement(z,{textStyle:"body1c",className:g(o)},a)),u.default.createElement("div",{className:" mt-11 p-2 bg-neutral-0 rounded-full shadow tb-l:hidden"},u.default.createElement(ype,{onTabClick:function(e){"Tier 1"===e.name&&c(1),"Tier 2"===e.name&&c(2),"Tier 3"===e.name&&c(3)},tabs:Epe})))),u.default.createElement("div",{className:"tb-l:hidden"},u.default.createElement("div",{className:"mt-8 bg-neutral-0 rounded-3xl "},u.default.createElement("div",{className:" shadow rounded-3xl "},u.default.createElement("div",{className:"flex border-x px-8 py-[1.625rem] border-neutral-200 rounded-t-3xl flex-col justify-center items-center text-center"},u.default.createElement("div",{className:"flex items-center gap-2"},l[s].icon&&u.default.createElement(G$,{height:"h-6 w-6",variant:l[s].icon,strokeClass:l[s].iconStrokeClass}),l[s].title&&0==s&&u.default.createElement(z,{textStyle:"h5",className:l[s].title_text_color},`${l[s].title}`),l[s].title&&0!=s&&u.default.createElement(z,{textStyle:"h5",className:l[s].title_text_color},`${l[s].title}`)),u.default.createElement("div",{className:" max-w-[10rem]"},l[s].descr&&u.default.createElement(z,{textStyle:"body1",className:l[s].descr_text_color},`${l[s].descr}`))),u.default.createElement("div",{className:"divide-y divide-neutral-200 rounded-b-3xl"},u.default.createElement("div",{className:"flex flex-col border border-neutral-200 divide-y divide-neutral-200 rounded-b-3xl items-center"},u.default.createElement("div",{className:"flex divide-y divide-neutral-200 flex-col w-full gap-2 items-start"},i.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},((e,t)=>{const r=`key${t}`;if(e[r]&&(e[r].text||e[r].iconVariant))return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex gap-4 p-4 w-full"},(e[r].text||e[r].iconVariant)&&u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:"checkcircle",strokeClass:"stroke-green-500"}),u.default.createElement(u.default.Fragment,null,u.default.createElement(z,{textStyle:"body1c",className:"text-neutral-700 [&>span]:pb-2 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 [&>ul>li]:last:pb-0"},e[r].text&&null!==e[r].text&&u.default.createElement(u.default.Fragment,null,`${e[r].text} `),e.rowTitle&&(e[r].text||e[r].iconVariant)&&u.default.createElement(u.default.Fragment,null,u.default.createElement(Hoe,{components:{p:"span"}},`${e.rowTitle}`))))))})(e,s)))))))))),u.default.createElement("div",{className:"hidden tb-l:block"},u.default.createElement("div",{className:"mt-12 bg-neutral-0 rounded-3xl "},u.default.createElement("table",{className:"min-w-full shadow tableclss rounded-3xl "},u.default.createElement("thead",null,u.default.createElement("tr",{className:"divide-x border-b border-neutral-200 divide-neutral-200 text-center rounded-t-3xl"},Object.keys(l).map(((e,t)=>u.default.createElement("th",{key:t,scope:"col",className:"px-8 py-6 sm:table-cell"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"flex flex-col justify-center items-center text-center"},u.default.createElement("div",{className:"flex items-center gap-2 w-full justify-center"},l[e].icon&&u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:l[e].icon,strokeClass:g(l[e].iconStrokeClass)}),l[e].title&&0==e&&u.default.createElement(z,{textStyle:"h5",className:`w-full text-left ${g(l[e].title_text_color)}`},l[e].title),l[e].title&&0!=e&&u.default.createElement(z,{textStyle:"h5",className:g(l[e].title_text_color)},u.default.createElement(Hoe,null,l[e].title))),u.default.createElement("div",{className:" max-w-[10rem]"},l[e].descr&&u.default.createElement(z,{textStyle:"body1",className:g(l[e].descr_text_color)},l[e].descr))))))))),u.default.createElement("tbody",{className:"divide-y divide-neutral-200"},i.map(((e,t)=>u.default.createElement("tr",{className:"divide-x divide-neutral-200",key:t},Object.keys(e).map((r=>u.default.createElement(u.default.Fragment,{key:t+r},null!==r&&"rowTitle"===r&&u.default.createElement("td",{className:"px-8 py-7 w-[22.5rem]"},u.default.createElement(z,{className:"max-w-[22rem] text-neutral-700 [&>p]:pb-2 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 [&>ul>li]:last:pb-0",textStyle:"body1c"},u.default.createElement(Hoe,null,e[r]))),null!==r&&"rowTitle"!==r&&null!==e[r]&&u.default.createElement("td",{className:"px-8 py-7 border-table text-center "},e&&r&&e[r]&&null===e[r].text&&!e[r].iconVariant&&null===e[r].iconVariant&&u.default.createElement(u.default.Fragment,null),null!==e[r].text&&e[r].text&&u.default.createElement(z,{className:"text-neutral-700",textStyle:"body1c"},e[r].text),(null===e[r].text||!e[r].text)&&e[r].iconVariant&&u.default.createElement("div",{className:"flex justify-center"},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[r].iconVariant,strokeClass:g(e[r].iconStrokeClass)}))),null===r&&u.default.createElement("td",{key:t,className:"px-8 py-7 border-table text-center"}))))))))))))}jpe.defaultProps={title_color:"text-blue-800",desc_color:"text-blue-600"};const Cpe=[["https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016995/optum_Card_17973d6328.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016994/philips_5bab1602cd.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016996/nutrien_e629b651d5.png"]],Ppe=e=>u.default.createElement("div",{className:"h-full"},u.default.createElement("div",{className:" w-[300px] flex flex-col items-center justify-between rounded-3xl h-[338px] "},u.default.createElement("img",{src:e,alt:"img",className:"w-[300px]"})));const Mpe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M7.31687 9.12914C7.31687 10.1979 6.47716 11.0376 5.40844 11.0376C4.33971 11.0376 3.5 10.1979 3.5 9.12914C3.5 8.06042 4.33971 7.2207 5.40844 7.2207C6.47716 7.2207 7.31687 8.06042 7.31687 9.12914ZM7.31687 12.5643H3.5V24.7783H7.31687V12.5643ZM13.4239 12.5643H9.607V24.7783H13.4239V18.366C13.4239 14.7781 18.0041 14.4728 18.0041 18.366V24.7783H21.821V17.0682C21.821 11.0376 15.027 11.2666 13.4239 14.2438V12.5643Z"})),kpe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.087 8.93655L21.087 8.93659L21.1002 8.93761C21.9378 9.00203 22.3817 9.16101 22.6263 9.30672C22.827 9.42628 23.0039 9.59975 23.1728 9.98218C23.3636 10.4144 23.5265 11.0801 23.6296 12.1242C23.7315 13.1571 23.7646 14.4356 23.7646 16.0392C23.7646 17.6426 23.7315 18.9284 23.6294 19.9704C23.5261 21.0243 23.3626 21.7015 23.17 22.1417C22.9987 22.5332 22.8229 22.7001 22.6368 22.8096C22.4079 22.9441 21.9795 23.0951 21.1534 23.1375L21.1534 23.1374L21.1445 23.1379C17.4729 23.3419 9.22945 23.3423 5.5387 23.1392C4.71481 23.0738 4.27627 22.9162 4.03377 22.7718C3.8331 22.6522 3.65613 22.4787 3.4873 22.0963C3.29651 21.6641 3.13358 20.9984 3.03051 19.9542C2.92855 18.9213 2.8955 17.6429 2.8955 16.0392C2.8955 14.4356 2.92855 13.1571 3.03051 12.1242C3.13358 11.0801 3.29651 10.4144 3.4873 9.98219C3.65613 9.59975 3.8331 9.42628 4.03377 9.30672C4.27834 9.16101 4.7223 9.00203 5.55985 8.93761L5.55985 8.93765L5.5731 8.93655C9.21419 8.63312 17.4459 8.63312 21.087 8.93655ZM0.808594 16.0392C0.808594 22.5087 1.33032 24.9086 5.39979 25.2216C9.15622 25.4303 17.5039 25.4303 21.2603 25.2216C25.3298 25.0129 25.8515 22.5087 25.8515 16.0392C25.8515 9.56983 25.3298 7.16988 21.2603 6.85685C17.5039 6.54381 9.15622 6.54381 5.39979 6.85685C1.33032 7.16988 0.808594 9.56983 0.808594 16.0392ZM11.71 19.4583C11.0162 19.8052 10.1999 19.3006 10.1999 18.525V13.554C10.1999 12.7783 11.0162 12.2738 11.71 12.6207L16.6809 15.1062C17.45 15.4907 17.45 16.5882 16.6809 16.9728L11.71 19.4583Z"})),Spe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M10.755 13.0059H8.50977V15.9995H10.755V24.9805H14.4971V15.9995H17.1914L17.4907 13.0059H14.4971V11.7336C14.4971 11.06 14.6468 10.7606 15.3203 10.7606H17.4907V7.01855H14.6468C11.9525 7.01855 10.755 8.21602 10.755 10.4613V13.0059Z"})),Npe=()=>u.default.createElement("svg",{className:"w-[21px] h-5",width:"1200",height:"1227",viewBox:"0 0 1200 1227",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",fill:"white"})),Bpe=()=>u.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M13.3394 7.2359C16.2009 7.2359 16.5586 7.2359 17.7212 7.32532C20.6722 7.41475 22.0135 8.84554 22.103 11.7071C22.1924 12.8696 22.1924 13.1379 22.1924 15.9995C22.1924 18.8611 22.1924 19.2188 22.103 20.2919C22.0135 23.1535 20.5828 24.5843 17.7212 24.6737C16.5586 24.7631 16.2904 24.7631 13.3394 24.7631C10.4778 24.7631 10.1201 24.7631 9.04697 24.6737C6.09596 24.5843 4.75459 23.1535 4.66517 20.2919C4.57574 19.1294 4.57574 18.8611 4.57574 15.9995C4.57574 13.1379 4.57574 12.7802 4.66517 11.7071C4.75459 8.84554 6.18538 7.41475 9.04697 7.32532C10.1201 7.2359 10.4778 7.2359 13.3394 7.2359ZM13.3394 5.26855C10.3883 5.26855 10.0306 5.26855 8.95755 5.35798C5.02286 5.53683 2.87667 7.68302 2.69782 11.6177C2.6084 12.6908 2.6084 13.0485 2.6084 15.9995C2.6084 18.9505 2.6084 19.3082 2.69782 20.3813C2.87667 24.316 5.02286 26.4622 8.95755 26.641C10.0306 26.7305 10.3883 26.7305 13.3394 26.7305C16.2904 26.7305 16.6481 26.7305 17.7212 26.641C21.6558 26.4622 23.802 24.316 23.9809 20.3813C24.0703 19.3082 24.0703 18.9505 24.0703 15.9995C24.0703 13.0485 24.0703 12.6908 23.9809 11.6177C23.802 7.68302 21.6558 5.53683 17.7212 5.35798C16.6481 5.26855 16.2904 5.26855 13.3394 5.26855ZM13.3394 10.4552C10.2989 10.4552 7.79503 12.9591 7.79503 15.9995C7.79503 19.0399 10.2989 21.5438 13.3394 21.5438C16.3798 21.5438 18.8837 19.0399 18.8837 15.9995C18.8837 12.9591 16.3798 10.4552 13.3394 10.4552ZM13.3394 19.5765C11.372 19.5765 9.76237 17.9669 9.76237 15.9995C9.76237 14.0322 11.372 12.4225 13.3394 12.4225C15.3067 12.4225 16.9163 14.0322 16.9163 15.9995C16.9163 17.9669 15.3067 19.5765 13.3394 19.5765ZM19.0625 9.02439C18.3471 9.02439 17.8106 9.56094 17.8106 10.2763C17.8106 10.9917 18.3471 11.5283 19.0625 11.5283C19.7779 11.5283 20.3145 10.9917 20.3145 10.2763C20.3145 9.56094 19.7779 9.02439 19.0625 9.02439Z"})),Rpe=[{icon:u.default.createElement(Mpe,null),linkUrl:"https://www.linkedin.com/company/hasura/"},{icon:u.default.createElement(kpe,null),linkUrl:"https://www.youtube.com/channel/UCZo1ciR8pZvdD3Wxp9aSNhQ"},{icon:u.default.createElement(Spe,null),linkUrl:"https://www.facebook.com/HasuraHQ"},{icon:u.default.createElement(Npe,null),linkUrl:"https://twitter.com/hasurahq",className:"py-1"},{icon:u.default.createElement(Bpe,null),linkUrl:"https://www.instagram.com/hasurahq/?hl=en"}];function Vpe(t){const[r,n]=e.useState(!1),[a,o]=e.useState(null);return e.useEffect((()=>{fetch("https://status.hasura.io/api/v2/status.json").then((e=>e.json())).then((e=>{o(e),n(!1)}),(e=>{n(!0)}))}),[]),u.default.createElement("div",null,u.default.createElement("div",{className:"db-s:flex justify-between gap-10 db-s:gap-20 db:gap-40"},u.default.createElement("div",{className:"pb-10 db-s:pb-0 px-4 tb:px-0"},u.default.createElement("a",{href:t.brandLink,className:""},u.default.createElement("img",{className:"max-w-[125px]",src:t.brandUrl,alt:t.brandAlt}))),u.default.createElement("div",{className:"flex justify-between px-4 tb:px-0 tb:justify-start tb-l:justify-between flex-1 flex-wrap gap-y-10 tb:gap-y-16"},t.footerLinks.map(((e,t)=>u.default.createElement("div",{key:t,className:"min-w-[130px] db-s:min-w-fit"},u.default.createElement(z,{textStyle:"body3c-semi-bold",className:"text-neutral-600"},e.title),e.links.map(((e,t)=>u.default.createElement("a",{href:e.linkUrl},u.default.createElement(z,{textStyle:"body3",className:"text-neutral-600 mt-2 tb:mt-4 hover:text-neutral-1000"},e.linkText))))))))),u.default.createElement("div",{className:"flex flex-col tb-m:flex-row items-center justify-between tb:pt-24"},u.default.createElement("div",{className:"flex items-center justify-center pt-10 tb-m:pt-0 pb-4 tb-m:pb-0 tb-m:justify-start"},Rpe.map(((e,t)=>u.default.createElement("a",{href:e.linkUrl,className:"mx-2 tb-l:mx-4 first:ml-0 last:mr-0 [&>svg>path]:fill-neutral-400 [&>svg>path]:hover:fill-neutral-600 "+(e.className?e.className:"")},e.icon)))),a&&!r&&u.default.createElement(u.default.Fragment,null,u.default.createElement("a",{href:"https://status.hasura.io/",className:""},u.default.createElement("div",{className:" bg-neutral-0 rounded-full shadow hover:shadow-lg transition-all duration-300 px-4 py-2 inline-flex justify-center items-center"},u.default.createElement("div",{className:"w-4 h-4 bg-green-400 rounded-full mr-2"}),u.default.createElement(z,{textStyle:"body3",className:"text-neutral-1000"},a?.status.description)))),u.default.createElement("div",null,u.default.createElement(z,{textStyle:"body3c",className:"text-neutral-600 pt-4 tb-m:pt-0"},"© ",(new Date).getFullYear()," Hasura Inc. All rights reserved"))))}function Ape(t){const[r,n]=e.useState(!1),[a,o]=e.useState("");e.useEffect((()=>{if(t.tabContent){const e=Object.keys(t.tabContent);o(e[0])}}),[t.tabContent]);return u.default.createElement("div",null,t.navTabs&&u.default.createElement("div",{className:"max-w-[44.44rem] rounded-2xl"},u.default.createElement("div",{className:"flex pb-8 overflow-scroll scrollbar-hide"},u.default.createElement(ype,{onTabClick:e=>{e.name&&o(e.name)},tabs:t.navTabs,pillColor:t.pillColor,bgColorTab:t.bgColorTab})),u.default.createElement("div",{className:""},t.tabContent&&t.tabContent[a]&&(i=t.tabContent[a],u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:""},i.title&&u.default.createElement(z,{textStyle:"body1c-semi-bold",className:g(i.title_color)},i.title),i.subTitle&&u.default.createElement(z,{textStyle:"body3",className:"mt-2 "+g(i.sub_title_color)},i.subTitle),i.readMore_cta&&u.default.createElement("div",{className:"flex"},u.default.createElement("a",{href:i.readMore_cta_link??""},u.default.createElement(s8,{label:i.readMore_cta,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" mt-4"})))),i.btnLabel&&u.default.createElement("div",{className:"flex pl-3 pt-6 pb-8"},u.default.createElement(s8,{label:i.btnLabel,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-blue-600",className:"flex",btnTextColorClass:"text-blue-600"})),u.default.createElement("div",{className:"mt-8"},r&&i.video_url?u.default.createElement("video",{id:"hero_vid",controls:!0,autoPlay:!0,muted:!0,playsInline:!0,width:"500",height:"500",className:"tb:w-full w-full rounded-3xl",src:i.video_url}):u.default.createElement("div",{className:"relative"},i.img_url&&u.default.createElement("img",{src:i.img_url,alt:"Illustration",className:" rounded-2xl"}),i.video_url&&u.default.createElement("div",{className:"w-14 h-14 cursor-pointer video-play-btn before:bg-blue-700 after:bg-blue-700 rounded-full flex items-center justify-center bg-blue-700 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-neutral-1000 shadow-2xl",onClick:()=>n(!0)},u.default.createElement(G$,{variant:"play",height:"h-6 w-6 ml-1",strokeClass:"stroke-neutral-0"})))))))));var i}function Tpe(e){return u.default.createElement("div",{className:"flex tb-l:flex-row flex-col justify-between"},u.default.createElement("div",null,u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.title),u.default.createElement(z,{textStyle:"body1",className:"mt-4 text-neutral-700 max-w-[430px]"},e.description)),u.default.createElement("div",{className:"max-w-[583px] pt-8 tb-l:pt-0"},u.default.createElement(Ape,{navTabs:e.navTabs,tabContent:e.tabContent,pillColor:e.pillColor,bgColorTab:e.bgColorTab})))}function Hpe(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex flex-col-reverse px-6 py-10 db:px-0 db:py-0 db:flex-row db:gap-[132px]"},u.default.createElement("div",{className:"flex flex-col db:pl-20 db:pt-20 db:pb-[74px]"},e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 db:block uppercase mb-2 hidden "},e.tagline),e.title&&e.description&&u.default.createElement("div",{className:"flex flex-col gap-4"},u.default.createElement(z,{textStyle:"h3",className:"text-neutral-1000 db:block hidden"},e.title),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-600 db:mt-0 mt-4 "},e.description)),e.CTA&&u.default.createElement("div",{className:"mt-4 tb:mt-6 flex"},u.default.createElement("a",{href:e.CTA.url},u.default.createElement(s8,{label:e.CTA.text,type:e.CTA.type||"secondary",size:"md",rightAnimatedArrowColor:"#3970FD"})))),e.video_url&&u.default.createElement("div",{className:"flex mt-4 tb:mt-0 tb:items-end tb:max-w-[600px] db:min-w-[550px]"},u.default.createElement("video",{autoPlay:!0,loop:!0,playsInline:!0,muted:!0,src:e.video_url,className:" rounded-xl db:rounded-none db:rounded-br-3xl db:rounded-tl-3xl"})),u.default.createElement("div",{className:"db:hidden pb-2"},u.default.createElement(z,{textStyle:"h3",className:"text-neutral-1000"},e.title)),e.tagline&&u.default.createElement(z,{textStyle:"h6",className:"text-blue-400 db:hidden uppercase"},e.tagline)))}Vpe.defaultProps={brandUrl:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1686659126/website%20v3/hasura-primary_y9cdnn.svg",brandAlt:"Hasura",brandLink:"https://hasura.io/",footerLinks:[{title:"Platform",links:[{linkText:"Hasura CE Edition",linkUrl:"https://hasura.io/opensource/"},{linkText:"Hasura EE",linkUrl:"https://hasura.io/enterprise/"},{linkText:"Hasura Cloud",linkUrl:"https://hasura.io/cloud/"},{linkText:"Pricing",linkUrl:"https://hasura.io/pricing/"}]},{title:"Capabilities",links:[{linkText:"Instant API",linkUrl:"https://hasura.io/product/instant-api/"},{linkText:"Authorization",linkUrl:"https://hasura.io/product/authorization/"},{linkText:"Performance",linkUrl:"https://hasura.io/product/performance/"},{linkText:"Federation",linkUrl:"https://hasura.io/products/federation"},{linkText:"API Security",linkUrl:"https://hasura.io/product/api-security/"},{linkText:"Observability",linkUrl:"https://hasura.io/product/observability/"}]},{title:"Build",links:[{linkText:"Docs",linkUrl:"https://hasura.io/docs/latest/index/"},{linkText:"Hasura Hub",linkUrl:"https://hasura.io/hub/"},{linkText:"Changelog",linkUrl:"https://github.com/hasura/graphql-engine/releases/"},{linkText:"GraphiQL",linkUrl:"https://cloud.hasura.io/public/graphiql"}]},{title:"Learn",links:[{linkText:"Blog",linkUrl:"https://hasura.io/blog/"},{linkText:"Tutorials",linkUrl:"https://hasura.io/learn/"},{linkText:"Events",linkUrl:"https://hasura.io/events/"}]},{title:"Company",links:[{linkText:"Our Story",linkUrl:"https://hasura.io/about/"},{linkText:"Careers",linkUrl:"https://hasura.io/careers/"},{linkText:"Partners",linkUrl:"https://hasura.io/partners/"},{linkText:"Legal",linkUrl:"https://hasura.io/legal/"},{linkText:"Privacy Policy",linkUrl:"https://hasura.io/legal/hasura-privacy-policy/"}]},{title:"Connect",links:[{linkText:"Community",linkUrl:"https://hasura.io/community/"},{linkText:"Discord",linkUrl:"https://discord.com/invite/hasura"}]},{title:"Community",links:[{linkText:"Docs",linkUrl:"https://hasura.io/docs/latest/index/"},{linkText:"Help",linkUrl:"https://hasura.io/help/"},{linkText:"Github",linkUrl:"https://github.com/hasura"},{linkText:"Swag Store",linkUrl:"https://store.hasura.io/"},{linkText:"Contact Sales",linkUrl:"https://hasura.io/contact-us/"}]}]},Tpe.defaultProps={title:"Build any supergraph topology",description:"Build a supergraph using Hasura, use Hasura to implement a GraphQL gateway pattern or use Hasura to federate existing resources into another supergraph. Hasura allows you to shape any supergraph topology that works for you. \n\nCheck out some of the Federation architecture patterns implemented by our users.",navTabs:[{current:"[Circular]",href:"",name:"Performance"},{current:"[Circular]",href:"",name:"Company"},{current:"[Circular]",href:"",name:"Authorization"},{current:"[Circular]",href:"",name:"Observability"},{current:"[Circular]",href:"",name:"API Security"}],tabContent:{"API Security":{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"5Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Authorization:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"3Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Company:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"2Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Observability:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"4Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"},Performance:{img_url:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",readMore_cta:"Read More About Performance",subTitle:"Hasura simplifies data access and reduces latency for optimizing performance via a Haskell core, JIT query compiler, predicate pushdown, and application-level caching out of the box.",title:"1Get blazing-fast APIs without the extra work",video_poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4"}}},Hpe.defaultProps={title:"100+ Data Sources",description:"description1",CTA:{text:"Button Label"},video_url:"https://res.cloudinary.com/dh8fp23nd/video/upload/v1654760488/samples/sea-turtle.mp4"},exports.AboutSectionCard=function(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"divide-y divide-neutral-200"},u.default.createElement("div",{className:" pb-8"},u.default.createElement("div",null,e.imgUrl&&u.default.createElement("div",{className:"flex"},u.default.createElement("img",{alt:e.title??"connectorImage",src:e.imgUrl,className:" max-h-[25px] "})),e.tags&&u.default.createElement("div",{className:"gap-2 pt-8 flex flex-wrap"},e.tags.map(((e,t)=>u.default.createElement(X5,{key:t,color:e.color,children:e.label}))))),u.default.createElement("div",null,e.title&&u.default.createElement("div",{className:"pt-4 text-hds-t-h3 text-neutral-1000"},e.title),e.description&&u.default.createElement(z,{textStyle:"sub2",className:"pt-2 text-neutral-500"},e.description)),e.btnLink&&u.default.createElement("a",{href:e.btnLink,className:"mt-4 flex"},u.default.createElement(s8,{type:"secondary",label:e.btnLabel??"Deployment guide",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#3970FD"}))),u.default.createElement("div",{className:"py-8 "},u.default.createElement(z,{textStyle:"h6",className:"text-neutral-500 uppercase"},e.aboutTitle??"About"),u.default.createElement("div",{className:"pt-4 flex flex-col gap-2"},e.versionValue&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.version??"Version"),u.default.createElement(X5,{color:"blue",children:e.versionValue})),e.typeValue&&u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.typeText??"Type"),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e.typeIconVariant,strokeClass:"stroke-neutral-800"}),u.default.createElement(z,{textStyle:"body1c-medium",className:"text-neutral-800"},e.typeValue)),e.releasedValue&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.releasedText??"Released"),u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-800"},e.releasedValue)),e.lastUpdateValue&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.lastUpdatedText??"Last Updated"),u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-800"},e.lastUpdateValue)),e.deployed&&u.default.createElement("div",{className:"flex gap-2"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500"},e.deployed??"Deployed"),u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-800"},e.deployedValue)),e.githubRepoLink&&u.default.createElement("a",{href:e.githubRepoLink,className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:"octoface"}),u.default.createElement(z,{textStyle:"body1-medium",className:"text-blue-600"},e.githubText??"Github Repo"),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:"linkexternal01",strokeClass:"stroke-blue-600"})))),u.default.createElement("div",{className:"py-8"},u.default.createElement(z,{textStyle:"h6",className:"text-neutral-500 uppercase"},e.creator??"Creator"),e.hasuraIncUrl&&u.default.createElement("a",{href:e.hasuraIncUrl,className:"flex gap-2 items-center pt-4"},u.default.createElement(z,{textStyle:"body1-medium",className:"text-blue-600"},e.hasuraInc??"Hasura, Inc"),u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:"linkexternal01",strokeClass:"stroke-blue-600"})),e.Email&&u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-500 pt-2"},e.Email??"support@hasura.io"))))},exports.AlgoliaSearch=A5,exports.AnnouncementMd=function(t){const[r,n]=e.useState(!0),a=t.bgColorClass?g(t.bgColorClass):"bg-neutral-0",o=t.linkTextColorClass?g(t.linkTextColorClass):"text-neutral-600",i=t.tagColor?t.tagColor:"purple",l=t.iconBgColor?g(t.iconBgColor):"bg-blue-200",[s,c]=e.useState(!1);return e.useEffect((()=>{if(Yoe&&"sessionStorage"in window&&window.sessionStorage&&"getItem"in window.sessionStorage){window.sessionStorage.getItem("announcementConsent")&&c(!0)}}),[]),r&&!s?u.default.createElement("div",{className:"py-6"},u.default.createElement("div",{className:`${a} flex justify-between relative rounded-2xl tb:rounded-full shadow p-4 tb:justify-center tb:items-center`},u.default.createElement("div",{className:"tb:items-center flex tb:justify-center"},t.brandImg&&u.default.createElement("div",{className:"tb:pb-0 tb:pl-14 pr-2"},u.default.createElement("img",{className:"mt-[2px] tb:mt-0 min-h-[20px] min-w-[20px] max-w-[20px] max-h-[20px] tb:min-h-[32px] tb:min-w-[32px] tb:max-w-[32px] tb:max-h-[32px]",src:t.brandImg,alt:t.brandImgAlt})),t.iconBgColor&&u.default.createElement("div",{className:`${l} mt-[2px] tb:mt-0 ml-0 mb-1 tb:mb-0 tb:ml-14 mr-2 w-5 h-5 tb:w-8 tb:h-8 min-w-[20px] tb:min-w-[32px] rounded-full flex items-center justify-center`},u.default.createElement(G$,{height:"block w-4 h-4 tb:w-5 tb:h-5 stroke-[2px] transition ease-in-out",variant:t.iconVariant,strokeClass:"stroke-neutral-1000"})),t.tagText&&u.default.createElement(z,{textStyle:"body2-medium",className:`inline-flex py-1 px-0 tb:px-3 ml-0 tb:ml-14 tb-m:ml-6 rounded-full mr-4 min-w-fit ${Qoe[i]}`},t.tagText),u.default.createElement("a",{href:t.linkUrl,className:"block pb-0"},u.default.createElement(z,{textStyle:"body2-medium",className:`${o} group flex items-center [&>div]:inline-block`},t.linkText,u.default.createElement(G$,{height:" hds-hidden tb:block w-6 h-6 stroke-[2px] ml-3 transition ease-in-out group-hover:translate-x-[5px]",variant:"arrownarrowright",strokeClass:"stroke-blue-500"})))),u.default.createElement("div",{className:"static mt-[2px] tb:mt-0 ml-3 tb:ml-0 tb:absolute top-1/2 tb:-translate-y-1/2 tb:left-6 cursor-pointer w-5 h-5 min-w-[20px] tb:w-8 tb:min-w-[32px] tb:h-8 rounded-full bg-neutral-100 flex items-center justify-center",onClick:()=>(n(!1),void(Yoe&&window.sessionStorage.setItem("announcementConsent","true")))},u.default.createElement(G$,{height:"block w-4 h-4 tb:w-6 tb:h-6 stroke-[2px] transition ease-in-out",variant:"xclose",strokeClass:"stroke-neutral-800"})))):null},exports.AnnouncementSM=function(e){const t=e.bgColorClass?g(e.bgColorClass):"bg-neutral-0",r=e.linkTextColorClass?g(e.linkTextColorClass):"text-neutral-600";return u.default.createElement("div",{className:`${t} rounded-2xl tb:rounded-full shadow p-3 tb:py-2 tb:px-2 inline-flex items-center`},u.default.createElement("div",{className:"block items-center tb:flex"},e.tagText&&u.default.createElement(z,{textStyle:"body2-medium",className:`inline-flex pl-0 tb:py-1 tb:px-3 rounded-full mr-4 min-w-fit ${Goe[e.tagColor]}`},e.tagText),u.default.createElement("a",{href:e.linkUrl,className:"pl-0 px-3 block tb:px-0 tb:pb-0"},u.default.createElement(z,{textStyle:"body2-medium",className:`${r} group flex items-center`},e.linkText,u.default.createElement(G$,{height:"block w-6 h-6 stroke-2 ml-2 mr-1 transition ease-in-out group-hover:translate-x-[5px]",variant:"arrownarrowright",strokeClass:"stroke-blue-500"})))))},exports.AvatarGroup=function(){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"flex -space-x-1 overflow-hidden"},u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-6 w-6 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""})),u.default.createElement("div",{className:"flex -space-x-2 overflow-hidden"},u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-8 w-8 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""})),u.default.createElement("div",{className:"flex -space-x-2 overflow-hidden"},u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80",alt:""}),u.default.createElement("img",{className:"inline-block h-10 w-10 rounded-full ring-2 ring-white",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:""})))},exports.Badges=X5,exports.Banner=function(){return u.default.createElement("div",{className:"flex items-center bg-neutral-100 pl-1 py-1 pr-[10px] sm:px-3.5 sm:before:flex-1 w-full rounded-full"},u.default.createElement("p",{className:"text-sm leading-6 text-white"},u.default.createElement("a",{href:"#",className:"flex-none rounded-full bg-neutral-0 py-1 px-3.5 text-sm font-semibold text-white shadow-sm hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900"},"Register now"),u.default.createElement("span",{className:""},"We’ve just released a new feature ",u.default.createElement("span",{"aria-hidden":"true"},"↗"))),u.default.createElement("div",{className:"flex flex-1 justify-end"},u.default.createElement("button",{type:"button",className:"-m-3 p-3 focus-visible:outline-offset-[-4px]"},u.default.createElement("span",{className:"sr-only"},"Dismiss"),"x")))},exports.BrandCard=Zoe,exports.BreadCrumbs=o8,exports.Card=({text:t})=>{const[r,n]=e.useState(!1);return React.createElement("div",{className:"relative bg-white rounded-md shadow-md p-4 border bg-storybook-default-heading"},React.createElement("p",{className:"code-md whitespace-pre-wrap font-medium text-neutral-100"},t),React.createElement("button",{className:" code-md absolute bottom-0 right-0 border px-4 py-4 bg-neutral-100 text-storybook-default-heading rounded hover:bg-blue-100 focus:bg-blue-100 focus:outline-none",onClick:async()=>{try{await navigator.clipboard.writeText(t),n(!0),setTimeout((()=>{n(!1)}),2e3)}catch(e){console.error("Failed to copy text: ",e)}}},r?"Copied!":"Copy"))},exports.Card3dHover=({children:t})=>{const r=e.useRef(null);let n;return e.useEffect((()=>{const e=r.current,t=t=>{const r=t.clientX,a=t.clientY,o=r-n.x,i=a-n.y,l=o-n.width/2,s=i-n.height/2,c=Math.sqrt(l**2+s**2);e.style.transform=`\n scale3d(1.07, 1.07, 1.07)\n rotate3d(\n ${s/100},\n ${-l/100},\n 0,\n ${2*Math.log(c)}deg\n )\n `,e.querySelector(".glow").style.backgroundImage=`\n radial-gradient(\n circle at\n ${2*l+n.width/2}px\n ${2*s+n.height/2}px,\n #ffffff55,\n #0000000\n \n )\n `},a=()=>{n=e.getBoundingClientRect(),document.addEventListener("mousemove",t)},o=()=>{document.removeEventListener("mousemove",t),e.style.transform="",e.style.background=""};return e.addEventListener("mouseenter",a),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",a),e.removeEventListener("mouseleave",o)}}),[]),u.default.createElement("div",{className:"card",ref:r},u.default.createElement("div",{className:"glow"}),t)},exports.Carousel=function(e){const[t,r]=u.default.useState(0),[n,a]=u.default.useState(0),[o,i]=u.default.useState(0),l=e.images.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),s=e=>{r(e),l[e].current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},c=e.images.length,h=()=>{s(t>=c-1?0:t+1)},m=()=>{s(0===t?c-1:t-1)},p=e=>u.default.createElement("button",{type:"button",onClick:e?m:h,className:"absolute text-2xl z-10 bg-black h-10 w-10 rounded-full bg-neutral-0 flex items-center justify-center "+(e?"left-2 db:-left-5":"right-2 db:-right-5"),style:{top:"40%"}},u.default.createElement("span",{role:"img","aria-label":"Arrow "+(e?"left":"right")},e?u.default.createElement(G$,{className:""+(0==t?"invisible":""),height:"h-6",variant:"chevronleft",strokeColor:"#1F2A37"}):u.default.createElement(G$,{height:"h-6",variant:"chevronright",strokeColor:"#1F2A37"})));return u.default.createElement("div",null,u.default.createElement("div",{className:"flex justify-center select-none items-center gap-10 "},u.default.createElement("div",{className:"relative w-full"},u.default.createElement("div",{className:"snap-x inline-flex select-none overflow-x-scroll scrollbar-hide",onTouchStart:e=>{a(e.targetTouches[0].clientX)},onTouchMove:e=>{i(e.targetTouches[0].clientX)},onTouchEnd:()=>{n-o>150&&h(),n-o<-150&&m()},onMouseDown:e=>a(e.clientX),onMouseUp:e=>{n-e.clientX>50&&h(),n-e.clientX<-50&&m()}},p(!0),e.images.map(((e,r)=>u.default.createElement("div",{className:"w-3/4 snap-center shrink-0 mx-4",key:r,ref:l[r]},u.default.createElement("img",{src:e,className:"w-full select-none rounded-3xl object-contain "+(t==r?"":" opacity-60 transition-opacity delay-300 ease-in"),draggable:"false"})))),p()))),u.default.createElement("div",null,u.default.createElement("div",{className:"flex flex-row gap-4 mt-10 ml-4"},e.images.map(((e,r)=>u.default.createElement("div",{className:"",key:r},u.default.createElement("img",{src:e,className:`max-w-[6rem] ${t==r?"border-blue-400 border-4":""} rounded-lg object-contain`})))))))},exports.CarouselB=function(t){const r=e.useRef(null),[n,a]=u.default.useState(0),[o,i]=e.useState(!1),l=t.cards.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),s=t.cards.length,c=" text-2xl z-10 bg-black h-12 w-12 ml-6 w-10 rounded-full bg-neutral-0 hover:bg-neutral-0 flex items-center justify-center shadow",h=(e,t)=>"isLeft"===t?0===e:"isRight"===t?2===e:void 0;return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block tb:hidden"},o?t.cards.map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:l[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))):t.cards.slice(0,6).map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:l[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))),t.cards.length>6&&u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:o?"View less":"View more",type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"flex",btnTextColorClass:"text-blue-600",btnBgColorClass:"",onClick:()=>i(!o)}))),u.default.createElement("div",{className:"hidden tb:flex tb:flex-col-reverse"},u.default.createElement("div",{className:"flex pt-10 justify-center items-center"},u.default.createElement("div",{className:"flex"},u.default.createElement("button",{type:"button",onClick:()=>{(()=>{if(n>0)a(n-1),r.current.scrollTo({left:r.current.scrollLeft-1*r.current.children[0].offsetWidth,behavior:"smooth"});else{const e=s-1,t=r.current.scrollWidth-1*r.current.children[0].offsetWidth;a(e),r.current.scrollTo({left:t,behavior:"smooth"})}})()},className:`flex bg-blue-600 ${c} disabled:bg-neutral-200 `,disabled:h(n,"isLeft")},u.default.createElement("span",{role:"img","aria-label":"Arrow left "},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5]",variant:"arrowleft",strokeColor:"#1F2A37"}))),u.default.createElement("button",{type:"button",onClick:()=>{n<s-1?(a(n+1),r.current.scrollTo({left:r.current.scrollLeft+1*r.current.children[0].offsetWidth,behavior:"smooth"})):(a(0),r.current.scrollTo({left:0,behavior:"smooth"}))},className:`flex bg-blue-600 ${c} disabled:bg-neutral-200 `,disabled:h(n,"isRight")},u.default.createElement("span",{role:"img","aria-label":"Arrow right "},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5]",variant:"arrowright",strokeColor:"#1F2A37"}))))),u.default.createElement("div",{className:"justify-center select-none items-center"},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"snap-center w-full inline-flex select-none overflow-x-hidden scrollbar-hide",ref:r},t.cards.map(((e,r)=>u.default.createElement("div",{className:"snap-center first:ml-0 mx-5 shrink-0",key:r,ref:l[r]},u.default.createElement("div",{className:"w-full snap-center select-none rounded-3xl object-contain"},u.default.createElement(t.component,e))))))))))},exports.CarouselCard=function(t){const r=e.useRef(null),[n,a]=u.default.useState(0),[o,i]=u.default.useState(0),[l,s]=u.default.useState(0),[c,h]=e.useState(!1),m=t.cards.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),p=t.cards.length,f=()=>{let e=1;window.innerWidth>800&&(e=2),window.innerWidth>1140&&(e=3),n<p-e?(a(n+e),r.current.scrollTo({left:r.current.scrollLeft+r.current.children[0].offsetWidth*e,behavior:"smooth"})):(a(0),r.current.scrollTo({left:0,behavior:"smooth"}))},d=()=>{let e=1;if(window.innerWidth>800&&(e=2),window.innerWidth>1140&&(e=3),n>0)a(n-e),r.current.scrollTo({left:r.current.scrollLeft-r.current.children[0].offsetWidth*e,behavior:"smooth"});else{const t=p-1,n=r.current.scrollWidth-r.current.children[0].offsetWidth*e;a(t),r.current.scrollTo({left:n,behavior:"smooth"})}},v=e=>u.default.createElement("button",{type:"button",onClick:e?d:f,className:"flex text-2xl z-10 bg-black h-10 ml-6 w-10 rounded-full bg-purple-200 hover:bg-neutral-0 flex items-center justify-center "},u.default.createElement("span",{role:"img","aria-label":"Arrow "+(e?"left":"right")},e?u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeColor:"#00288E"}):u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeColor:"#00288E"})));return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"block tb:hidden"},c?t.cards.map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))):t.cards.slice(0,6).map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl overflow-hidden"},u.default.createElement(t.component,e))))),t.cards.length>6&&u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:c?"View less":"View more",type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"flex",btnTextColorClass:"text-blue-600",btnBgColorClass:"",onClick:()=>h(!c)}))),u.default.createElement("div",{className:"hidden tb:flex tb:flex-col"},u.default.createElement("div",{className:"flex pb-12 items-center justify-end "},u.default.createElement("div",{className:"flex"},v(!0),v())),u.default.createElement("div",{className:"justify-center select-none items-center",onTouchStart:e=>{i(e.targetTouches[0].clientX)},onTouchMove:e=>{s(e.targetTouches[0].clientX)},onTouchEnd:()=>{o-l>150&&f(),o-l<-150&&d()},onMouseDown:e=>i(e.clientX),onMouseUp:e=>{o-e.clientX>50&&f(),o-e.clientX<-50&&d()}},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"snap-x w-full inline-flex select-none overflow-x-hidden scrollbar-hide",ref:r},t.cards.map(((e,r)=>u.default.createElement("div",{className:" db:snap-center snap-center tb-m:snap-start mx-5 shrink-0",key:r,ref:m[r]},u.default.createElement("div",{className:"w-full select-none rounded-3xl object-contain"},u.default.createElement(t.component,e))))))))))},exports.Checkbox=function(e){const{disabled:t,CHECKBOX_ARR:r}=e;return u.default.createElement("fieldset",null,u.default.createElement("legend",{className:"sr-only"},"Notifications"),u.default.createElement("div",{className:"space-y-5"},r.map((e=>u.default.createElement("div",{className:"relative flex items-start"},u.default.createElement("div",{className:"flex h-6 items-center"},u.default.createElement("input",{id:"comments","aria-describedby":"comments-description",name:"comments",type:"checkbox",disabled:t,className:"h-4 w-4 rounded-full border-neutral-200 focus:ring-blue-100 focus:ring-offset-0 focus:ring-0 focus:border focus:bg-neutral-0 focus:border-neutral-300 focus:shadow-[0px_0px_0px_4px_#F0F4FF] focus:outline-none hover:bg-blue-200 hover:border hover:border-blue-600 bg-checkbox checked:hover:bg-blue-200 checked:border-blue-600 checked:bg-blue-100 checked:focus:border checked:focus:border-blue-600 checked:focus:bg-blue-100 checked:hover:border checked:hover:border-blue-600 checked:focus:shadow-[0px_0px_0px_4px_#F0F4FF] disabled:bg-neutral-100 disabled:border disabled:border-neutral-300 "})),u.default.createElement("div",{className:"ml-3 text-sm leading-6"},u.default.createElement("label",{htmlFor:"comments",className:"text-neutral-800"},e.label),u.default.createElement("p",{id:"comments-description",className:"text-neutral-600"},e.description)))))),u.default.createElement("style",null,'\n .bg-checkbox:checked {\n background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27blue%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e")\n \n }\n '))},exports.CommunityCard=function(e){return u.default.createElement("a",{href:e.linkUrl},u.default.createElement("div",{className:"p-5 tb:p-8 bg-neutral-0 shadow-sm rounded-3xl mx-5"},u.default.createElement(Woe,null),u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-1000 py-4"},e.name),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-500"},e.tweets)))},exports.ConnectorCard=function(e){return u.default.createElement(u.default.Fragment,null,e.linkUrl&&u.default.createElement("a",{href:e.linkUrl,className:" flex flex-col gap-10 justify-between h-full"},u.default.createElement("div",{className:"flex justify-between"},e.imgUrl&&u.default.createElement("div",{className:"flex"},u.default.createElement("img",{alt:e.title??"connectorImage",src:e.imgUrl,className:" max-h-[25px] object-contain "})),e.checkIcon&&u.default.createElement("div",{className:"ml-2"},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:e.checkIcon,strokeClass:"stroke-blue-600"}))),u.default.createElement("div",null,e.title&&u.default.createElement(z,{textStyle:"body2-bold",className:"text-neutral-1000"},e.title),e.description&&u.default.createElement(z,{textStyle:"body3",className:"pt-2 text-neutral-600"},e.description),u.default.createElement("div",{className:"flex flex-row items-center gap-2 pt-3"},e.iconVariant&&u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e.iconVariant,strokeClass:"stroke-neutral-600"}),e.iconTag&&u.default.createElement(z,{textStyle:"body2-bold",className:"text-neutral-1000"},e.iconTag)))))},exports.Count=t8,exports.CustomCarousel=function(t){const r=e.useRef(null),[n,a]=u.default.useState(0),[o,i]=u.default.useState(0),[l,s]=u.default.useState(0),[c,h]=e.useState(!1),m=t.cards.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),p=t.cards.length,f=()=>{n<p-1?(a(n+1),r.current.scrollTo({left:r.current.scrollLeft+1*r.current.children[0].offsetWidth,behavior:"smooth"})):(a(0),r.current.scrollTo({left:0,behavior:"smooth"}))},d=()=>{if(n>0)a(n-1),r.current.scrollTo({left:r.current.scrollLeft-1*r.current.children[0].offsetWidth,behavior:"smooth"});else{const e=p-1,t=r.current.scrollWidth-1*r.current.children[0].offsetWidth;a(e),r.current.scrollTo({left:t,behavior:"smooth"})}},v=" text-2xl z-10 bg-black h-10 w-10 ml-6 w-10 rounded-full bg-neutral-0 hover:bg-neutral-0 flex items-center justify-center shadow",g=(e,t)=>"isLeft"===t?0===e:"isRight"===t?2===e:void 0;return u.default.createElement("div",{className:""},u.default.createElement("div",{className:"flex flex-row overflow-scroll scrollbar-hide gap-4 tb:hidden"},c?t.cards.map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl shadow min-w-[312px] overflow-hidden"},u.default.createElement(t.component,e))))):t.cards.slice(0,6).map(((e,r)=>u.default.createElement("div",{className:"my-5",key:r,ref:m[r]},u.default.createElement("div",{className:"rounded-3xl shadow overflow-hidden"},u.default.createElement(t.component,e))))),t.cards.length>6&&u.default.createElement("div",{className:"flex"},u.default.createElement(s8,{label:c?"View less":"View more",type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#1E56E3",animatedHoverStroke:"group-hover:stroke-neutral-0",className:"flex",btnTextColorClass:"text-blue-600",btnBgColorClass:"",onClick:()=>h(!c)}))),u.default.createElement("div",{className:"hidden tb:flex tb:flex-col-reverse"},u.default.createElement("div",{className:"flex items-center justify-center mt-10"},u.default.createElement("div",{className:"flex"},u.default.createElement("button",{type:"button",onClick:()=>{d()},className:`flex bg-blue-600 ${v} disabled:bg-neutral-200 `,disabled:g(n,"isLeft")},u.default.createElement("span",{role:"img","aria-label":"Arrow left "},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeColor:"#6C737F"}))),u.default.createElement("button",{type:"button",onClick:()=>{f()},className:`flex bg-blue-600 ${v} disabled:bg-neutral-200 `,disabled:g(n,"isRight")},u.default.createElement("span",{role:"img","aria-label":"Arrow right "},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5]",variant:"chevronright",strokeColor:"#6C737F"}))))),u.default.createElement("div",{className:"justify-center select-none items-center",onTouchStart:e=>{i(e.targetTouches[0].clientX)},onTouchMove:e=>{s(e.targetTouches[0].clientX)},onTouchEnd:()=>{o-l>150&&f(),o-l<-150&&d()},onMouseDown:e=>i(e.clientX),onMouseUp:e=>{o-e.clientX>50&&f(),o-e.clientX<-50&&d()}},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"snap-x w-full inline-flex select-none overflow-x-hidden scrollbar-hide",ref:r},t.cards.map(((e,r)=>u.default.createElement("div",{className:" snap-center mx-5 shrink-0 py-1",key:r,ref:m[r]},u.default.createElement("div",{className:"w-full select-none rounded-3xl object-contain"},u.default.createElement(t.component,e))))))))))},exports.CustomHeader=function(t){const{label:r,childArray:n}=t,[a,o]=e.useState(!1);return u.default.createElement("header",{className:"bg-white"},u.default.createElement("nav",{className:"mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8","aria-label":"Global"},u.default.createElement("a",{href:"#",className:"-m-1.5 p-1.5 flex"},u.default.createElement(G$,{variant:"hasuraPrimary",strokeColor:""})),u.default.createElement("div",{className:"flex lg:hidden"},u.default.createElement("button",{type:"button",className:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",onClick:()=>o(!0)},u.default.createElement("span",{className:"sr-only"},"Open main menu"),u.default.createElement(G$,{height:"h-6",variant:"menu05",strokeColor:"#3970FD"}))),u.default.createElement("div",{className:"hidden lg:flex lg:gap-x-12"},n.map((e=>u.default.createElement("a",{key:e.name,href:e.href},u.default.createElement(z,{className:"ml-1.5",textStyle:"body3"},e.name)))),u.default.createElement("a",{href:"#",className:"text-sm font-semibold leading-6 text-gray-900"},"Log in ",u.default.createElement("span",{"aria-hidden":"true"},"→")))),u.default.createElement("div",{className:"transition-all "},u.default.createElement(Z7,{as:"div",className:"lg:hidden",open:a,onClose:o},u.default.createElement("div",{className:"fixed inset-0 z-10"}),u.default.createElement(Z7.Panel,{className:"fixed border rounded-l-3xl inset-y-0 bg-neutral-0 max-w-min min-w-fit right-0 z-10 w-full overflow-y-auto bg-white px-6 py-6 sm:ring-1 sm:ring-gray-900/10"},u.default.createElement("div",{className:"flex items-center justify-end"},u.default.createElement("button",{type:"button",className:"-m-2.5 rounded-md p-2.5 text-gray-700",onClick:()=>o(!1)},u.default.createElement("span",{className:"sr-only"},"Close menu"),u.default.createElement(G$,{height:"h-6",variant:"xclose",strokeColor:"#3970FD"}))),u.default.createElement("div",{className:"mt-6 flow-root"},u.default.createElement(z,{textStyle:"h6",className:"text-neutral-400"},"MENU"),u.default.createElement("div",{className:" flex-col divide-y divide-blue-600/10"},u.default.createElement("div",{className:"space-y-2 py-6 pr-48"},n.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:"-mx-3 rounded-lg flex gap-5 py-2 px-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"},u.default.createElement(G$,{height:"h-6",variant:"home03",strokeColor:"#6C737F"}),e.name)))),u.default.createElement("div",{className:"py-6"},u.default.createElement(s8,{leftIconVariant:"none",rightIconVariant:"none",label:"Log In",state:"default",size:"sm",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff",animatedHoverStroke:"group-hover:stroke-neutral-0"}))))))))},exports.CustomerStories=function({components:t,variants:r}){const[n,a]=e.useState(!0),[o,i]=e.useState(0),[l,s]=e.useState(t.length-1),[c,h]=e.useState(1),[m,p]=e.useState(0),[f,d]=e.useState(!0),v=()=>{f&&g()};e.useEffect((()=>{const e=setInterval(v,3e3);return()=>clearInterval(e)}),[o,f]);const g=()=>{l===t.length-1?s(0):s(l+1),o===t.length-1?i(0):i(o+1),c===t.length-1?h(0):h(c+1),a(!0),p((e=>e===t.length-1?0:e+1)),a(!0)},b=()=>{a(!1),s(0===l?t.length-1:l-1),i(0===o?t.length-1:o-1),h(0===c?t.length-1:c-1),p((e=>0===e?t.length-1:e-1)),a(!1)},w=()=>{d(!1)},y=()=>{d(!0)};return t?u.default.createElement("div",{className:"h-full",onMouseEnter:w,onMouseLeave:y},u.default.createElement("div",{className:"hidden tb-l:grid relative h-full"},u.default.createElement(npe.div,{className:"flex justify-center "},u.default.createElement(upe,{initial:!1},u.default.createElement(npe.div,{key:l,variants:r,initial:n?"center":"leftHidden",animate:"left",exit:"leftHidden",className:"carousel-item"},t[l]),u.default.createElement(npe.div,{variants:r,key:o,initial:n?"right":"left",animate:"center",className:"carousel-item"},t[o]),u.default.createElement(npe.div,{key:c,variants:r,initial:n?"rightHidden":"center",animate:"right",exit:"rightHidden",className:"carousel-item"},t[c])))),u.default.createElement("div",{className:"hidden tb-l:flex mt-10 "},u.default.createElement("div",{className:"gap-4 w-full h-full flex justify-center"},u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:" w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200 ",onClick:b},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeClass:"stroke-neutral-800"})),u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:"w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200",onClick:g},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeClass:"stroke-neutral-800"})))),u.default.createElement("div",{className:"tb-l:hidden flex overflow-x-scroll pb-10 pt-4 tb:pb-16 tb:pt-10 px-4 gap-2 mb-m:gap-4 tb-m:gap-4"},t.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},u.default.createElement("div",{className:"tb-l:min-w-[700px] tb:min-w-[500px] mb-s:min-w-[350px] min-w-[300px]"},e)))))):u.default.createElement(u.default.Fragment,null)},exports.DataSourcesCard=Hpe,exports.DefaultIF=function({disabled:t,label:r,helper:n,size:a,placeholder:o,onChange:i}){const[l,s]=e.useState("");return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"ml-4 block text-sm-medium text-neutral-800"},r),u.default.createElement("div",{className:"mt-1"},u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:t,className:"block w-full rounded-full border-neutral-200 shadow-none text-neutral-800 focus:outline-none focus:border-neutral-200 focus:shadow-[0_0px_0px_4px_#DFE8FF] focus:ring-0 hover:shadow hover:border-neutral-300 placeholder:text-neutral-500 placeholder:text-md-regular disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200",placeholder:o,"aria-describedby":"email-description",onChange:e=>{const t=e.target.value;s(t),i&&i(t)}})),u.default.createElement("p",{className:"mt-2 ml-4 text-sm-regular text-neutral-800",id:"email-description"},n))},exports.ErrorIF=function({label:t,helper:r,size:n,placeholder:a,rightIconVariant:o,rightIconColor:i,disabled:l,onChange:s}){const[c,h]=e.useState("");return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"block ml-4 text-sm-medium text-neutral-800"},t),u.default.createElement("div",{className:"relative mt-1 rounded-full shadow-sm"},u.default.createElement("input",{type:"email",name:"email",id:"email",className:"block w-full rounded-full shadow border-pink-500 focus:border-pink-500 focus:outline-none focus:ring-pink-500 sm:text-sm focus:shadow-[0_0px_0px_4px_#FFE6F0] placeholder:text-neutral-500 placeholder:text-md-regular ",placeholder:a,defaultValue:"adamwathan","aria-invalid":"true","aria-describedby":"email-error",onChange:e=>{const t=e.target.value;h(t),s&&s(t)}}),u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4"},o&&"none"!==o&&u.default.createElement("div",{className:" ml-1.5 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i})))),u.default.createElement("p",{className:"mt-2 ml-4 text-xs-regular text-pink-600",id:"email-error"},r))},exports.EventListingCard=function(e){return u.default.createElement("div",{className:"group/eventListing rounded-3xl transition-all duration-300"},u.default.createElement("div",{className:"self-start rounded-t-3xl"},e.eventListingImg&&u.default.createElement("div",{className:"relative"},u.default.createElement("div",null,u.default.createElement("img",{src:e.eventListingImg,alt:e.title,className:` rounded-t-3xl h-[179px] object-cover ${e.imgBG}`,loading:"lazy"}),e.imgTagText&&u.default.createElement("div",{className:" scale-75 absolute top-2 -right-1"},u.default.createElement(r8,{statusCircleBgClass:e.circleBG??"bg-red-400",statusTextClass:"text-neutral-900",bgClass:"bg-neutral-0",statusText:e.imgTagText??"Concluded"}))))),u.default.createElement("div",{className:"border border-neutral-200 group-hover/eventListing:border-opacity-0 transition-all duration-300 rounded-b-3xl"},u.default.createElement("div",{className:"p-6 pb-0"},e.eventType&&u.default.createElement(X5,{color:e.badgeColor??"green",children:e.eventType}),e.title&&u.default.createElement("div",{className:"text-neutral-1000 text-hds-m-h5 tb:text-hds-t-h5 py-2"},e.title)),e.eventDate&&u.default.createElement(z,{textStyle:"body3-medium",className:"text-neutral-700 flex items-center duration-300 self-end p-6 pt-0"},e.eventDate,u.default.createElement("div",null,u.default.createElement(G$,{className:"z-10 stroke-2 group-hover/eventListing:translate-x-[0.15rem] group-hover/eventListing:transition-all group-hover/eventListing:duration-300",height:"h-5 w-5",variant:"chevronright",strokeClass:"stroke-neutral-500"}),u.default.createElement(G$,{className:"invisible stroke-2 group-hover/eventListing:transition-all group-hover/eventListing:delay-100 group-hover/eventListing:visible ",height:"h-5 w-5 -mt-5",variant:"minus01",strokeClass:"stroke-neutral-500"})))))},exports.EventScheduleCard=function(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",null,e.eventBadge&&u.default.createElement("div",{className:"pb-2"},u.default.createElement(X5,{color:e.badgeColor??"green",children:e.eventBadge})),e.title&&u.default.createElement(z,{textStyle:"h3",as:"h1",className:g(e.titleTextColor)+" pb-6"},e.title),(e.eventDate||e.eventTime||e.eventLocation||e.social)&&u.default.createElement("div",{className:"flex tb:divide-x divide-y tb:divide-y-0 divide-neutral-200 pb-6 tb:flex-row flex-col"},e.eventDate&&u.default.createElement("div",{className:"flex flex-col tb:pr-6 pb-4 tb:pb-0 gap-1"},u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-[18px] w-[18px]",variant:"calendar",strokeClass:"stroke-neutral-600 stroke-2"}),u.default.createElement(z,{textStyle:"h6",className:"capitalize text-neutral-600"},"WHEN")),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.eventDate)),e.eventTime&&u.default.createElement("div",{className:"flex flex-col tb:px-6 py-4 tb:py-0 gap-1"},u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-[18px] w-[18px]",variant:"clock",strokeClass:"stroke-neutral-600 stroke-2"}),u.default.createElement(z,{textStyle:"h6",className:"capitalize text-neutral-600"},"TIME")),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.eventTime)),e.eventLocation&&u.default.createElement("div",{className:"flex flex-col tb:px-6 py-4 tb:py-0 gap-1 "},u.default.createElement("div",{className:"flex gap-2 items-center"},u.default.createElement(G$,{height:"h-[18px] w-[18px]",variant:"markerpin03",strokeClass:"stroke-neutral-600 stroke-2"}),u.default.createElement(z,{textStyle:"h6",className:"capitalize text-neutral-600"},"WHERE")),u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700"},e.eventLocation)),e.social&&u.default.createElement("div",{className:"px-6 flex flex-wrap gap-4 items-center"},e.social&&e.social.twitter&&u.default.createElement("a",{href:e.social.twitter},u.default.createElement(G$,{variant:"twitter",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.linkedin&&u.default.createElement("a",{href:e.social.linkedin},u.default.createElement(G$,{variant:"linkedin",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.facebook&&u.default.createElement("a",{href:e.social.facebook},u.default.createElement(G$,{variant:"facebookBlue",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})))),e.subtitle&&u.default.createElement(z,{textStyle:"h5",className:"text-neutral-700 pb-2"},e.subtitle),e.description&&u.default.createElement(z,{textStyle:"sub2",className:"text-neutral-700 pb-6 [&>p]:pb-2 [&>p>img]:mt-4 [&>p>img]:max-w-[420px] [&>p>img]:w-full [&>p>img:nth-child(2)]:max-w-[140px] last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800 "},u.default.createElement(Hoe,null,e.description)),e.speakers&&u.default.createElement("div",{className:"pt-6 border-t border-neutral-200 gap-8 flex flex-wrap"},e.speakers&&e.speakers.map(((e,t)=>{return u.default.createElement("div",{key:t},(r=e.speakerName,n=e.speakerDesignation,a=e.speakerImgUrl,u.default.createElement("div",{className:""},u.default.createElement(G5,{name:r,size:"md",designation:n,imageUrl:a,avatarVariant:"circle",avatarType:"primary"}))));var r,n,a})))))},exports.EventStories=function({components:t,variants:r}){const[n,a]=e.useState(!0),[o,i]=e.useState(0),[l,s]=e.useState(t.length-1),[c,h]=e.useState(1),[m,p]=e.useState(0),[f,d]=e.useState(!0),v=()=>{f&&g()};e.useEffect((()=>{const e=setInterval(v,3e3);return()=>clearInterval(e)}),[o,f]);const g=()=>{a(!0),l===t.length-1?s(0):s(l+1),o===t.length-1?i(0):i(o+1),c===t.length-1?h(0):h(c+1),p((e=>e===t.length-1?0:e+1))},b=()=>{a(!1),s(0===l?t.length-1:l-1),i(0===o?t.length-1:o-1),h(0===c?t.length-1:c-1),p((e=>0===e?t.length-1:e-1))},w=()=>{d(!1)},y=()=>{d(!1)};return t?u.default.createElement("div",{className:"h-full",onMouseEnter:w,onMouseLeave:y},u.default.createElement("div",{className:"hidden tb-l:grid relative h-full"},u.default.createElement(npe.div,{className:"flex justify-center "},u.default.createElement(upe,{initial:!1},u.default.createElement(npe.div,{key:l,variants:r,animate:n?"rightHidden":"left",exit:"leftHidden",className:"carousel-item"},t[l]),u.default.createElement(npe.div,{variants:r,key:o,animate:"center",className:"carousel-item"},t[o]),u.default.createElement(npe.div,{key:c,variants:r,animate:n?"leftHidden":"right",exit:"rightHidden",className:"carousel-item"},t[c])))),u.default.createElement("div",{className:"hidden tb-l:flex mt-10 "},u.default.createElement("div",{className:"gap-4 w-full h-full flex justify-center"},u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:" w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200 ",onClick:b},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeClass:"stroke-neutral-800"})),u.default.createElement(npe.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",duration:.5},whileHover:{scale:1.1},whileTap:{scale:.8},className:"w-12 h-12 bg-neutral-0 shadow hover:bg-neutral-100 rounded-full flex justify-center items-center active:bg-neutral-200",onClick:g},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeClass:"stroke-neutral-800"})))),u.default.createElement("div",{className:"tb-l:hidden flex overflow-x-scroll pb-10 pt-4 tb:pb-16 tb:pt-10 px-4 gap-2 mb-m:gap-4 tb-m:gap-4"},t.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},u.default.createElement("div",{className:"tb-l:min-w-[700px] tb:min-w-[500px] mb-s:min-w-[350px] min-w-[300px]"},e)))))):u.default.createElement(u.default.Fragment,null)},exports.EventsAgenda=function(e){return u.default.createElement(u.default.Fragment,null,e.tagline&&u.default.createElement(z,{textStyle:"body1-medium",className:"flex items-center text-neutral-700 pb-4"},e.tagIcon&&u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px] mr-2",variant:e.tagIcon,strokeClass:"stroke-neutral-700"}),e.tagline),e.agendaTitle&&u.default.createElement(z,{textStyle:"h3",as:"h3",className:"text-neutral-1000 pb-4"},e.agendaTitle),e.agendaList&&e.agendaList.map(((e,t)=>u.default.createElement("div",{key:t,className:0===t?"":"pt-4"},e.title&&u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-700 pb-1"},e.title),e.description&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-700 [&>p]:pb-1 [&>p>img]:mt-4 [&>p>img]:max-w-[420px] [&>p>img]:w-full [&>p>img:nth-child(2)]:max-w-[140px] last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800"},u.default.createElement(Hoe,null,e.description))))),e.closingNotes&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-700 pt-4 [&>p]:pb-4 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800"},u.default.createElement(Hoe,null,e.closingNotes)))},exports.EyeBrowText=n8,exports.FAQSection=function(t){const[r,n]=e.useState(null),a=e=>{n(r===e?null:e)};return u.default.createElement("div",{className:"divide-y divide-neutral-200"},t.accordionData&&t.accordionData.map(((e,t)=>u.default.createElement("div",{key:t,className:" first:pt-0 last:pb-0 py-6 flex"},u.default.createElement("div",{className:" cursor-pointer",onClick:()=>a(t)},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px] ",variant:r===t?"minus":"plus",strokeClass:"stroke-blue-600",className:" transition-opacity duration-300 mt-1"})),u.default.createElement("div",null,u.default.createElement(npe.div,{className:" pl-4 ",initial:{opacity:0},animate:{opacity:1},exit:{opacity:1},transition:{duration:.3,type:"easeIn"}},u.default.createElement("div",{className:"flex items-center justify-between cursor-pointer"},u.default.createElement("div",{className:"flex items-center",onClick:()=>a(t)},e.title&&u.default.createElement(z,{textStyle:"body1-medium",className:"text-neutral-900"},e.title)))),u.default.createElement(upe,null,r===t&&u.default.createElement(npe.div,{className:"",initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.1,type:"tween"}},e.content&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-900 pl-4 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p]:pb-2 last:[&>p]:pb-0 [&>ul>li>a]:text-blue-600"},u.default.createElement(Hoe,{components:{a:({node:e,...t})=>u.default.createElement("a",Y$({className:"text-blue-600",target:"_blank"},t))}},e.content)))))))))},exports.FeedbackCard=qoe,exports.FlyoutA=ate,exports.FlyoutB=ote,exports.FlyoutC=ite,exports.FlyoutD=lte,exports.HDSButton=s8,exports.HDSButtonVariants=c8,exports.HDSColor=g,exports.HDSPaperForm=L5,exports.HDSSearch=function({wordArray:t}){const[r,n]=e.useState(""),[a,o]=e.useState([]);return u.default.createElement("div",null,u.default.createElement("input",{type:"text",placeholder:"Search...",value:r,onChange:e=>{const r=e.target.value.toLowerCase();n(r);const a=(i=r,t.filter((e=>e.toLowerCase().includes(i))));var i;o(a)}}),u.default.createElement("div",{id:"results"},a.map(((e,t)=>u.default.createElement("div",{key:t},e)))))},exports.HasConAvatar=Q5,exports.Hero1=function({heroData:t,logo:r,scrollArrow:n,fontSize:a}){const[o,i]=e.useState("volumex"),l=g(t.video_gradient_bg);return React.createElement("div",{className:"db:pt-32 mb-10 db:mb-5 tb:mb-16 tb-l:mb-0"},React.createElement("div",{className:"tb:px-4"},React.createElement("div",{className:"max-w-7xl mx-auto rounded-3xl overflow-hidden "+(t.bg_color?t.bg_color:"")},React.createElement("div",{className:"w-full"},React.createElement("div",{className:"db:flex db:w-full tb-l:flex block"+(t.video_url?" tb:block":" tb:flex")},React.createElement("div",{className:"db:px-28 db:py-20 db:pr-0 tb-l:self-center tb-l:min-w-[400px] mx-auto db:ml-0 db:max-w-[625px] db:min-w-[625px] p-5 pt-10 z-[1] tb:p-16 tb-l:py-12"+(t.video_url?" tb:max-w-[530px]":" tb:ml-0 tb:max-w-[290px] tb:min-w-[310px] tb:pr-0")},t.tag_line&&React.createElement("div",null,React.createElement(z,{textStyle:"h6",as:"h6",className:"pb-6 uppercase text-center db:text-left font-normal tb-l:text-left "+(t.tag_line_color?t.tag_line_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.tag_line)),t.title&&React.createElement("div",null,r?React.createElement("div",{className:"pb-4 db:text-left text-center tb-l:text-left"+(t.video_url?" tb:text-center":" tb:text-left")},React.createElement("img",{className:"w-[290px] inline-block",src:r,alt:"Brand"})):React.createElement(z,{textStyle:a||"h1",as:"h1",className:"pb-2 text-center break-words db:text-left tb-l:text-left "+(t.title_color?t.title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.title)),t.sub_title&&React.createElement("div",null,React.createElement(z,{textStyle:"sub1",className:"text-center db:text-left tb-l:text-left "+(t.sub_title_color?t.sub_title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.sub_title)),t.description&&React.createElement("div",null,React.createElement(z,{textStyle:"sub2",className:"text-center tb:text-left db:text-left tb-l:text-left text-blue-700 [&>*]:mb-8 last:[&>*]:mb-0"},t.description)),t.buttons&&React.createElement("div",{className:" gap-2 flex items-center justify-center tb-l:justify-start db:justify-start pt-6"+(t.video_url?" tb:justify-center":" tb:justify-start")},t.buttons.map(((e,t)=>React.createElement(s8,{leftIconVariant:"none",rightIconVariant:"none",label:e.cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}))))),t.video_url?React.createElement("div",{className:"relative"+(t.video_gradient_bg?"":" p-4")},React.createElement("div",{className:"w-12 h-12 bg-neutral-0 rounded-full absolute right-8 bottom-8 shadow-md cursor-pointer z-[2] flex items-center justify-center",onClick:()=>(()=>{if(t.video_url){const e=document.getElementById("hero_vid");e?.muted?(e.muted=!1,i("volumemax")):(e.muted=!0,i("volumex"))}})()},React.createElement(G$,{height:"w-6 h-6 stroke-neutral-800 stroke-[1.5px]",variant:o,strokeColor:"#1F2A37"})),React.createElement("video",{id:"hero_vid",controls:!1,loop:!0,muted:!0,poster:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1683311269/hasura-con-2023/hascon23_fallback_homepage_tg5sgv.jpg",width:"500",height:"500",className:"tb:w-full w-full db:max-w-[500px]"+(t.video_gradient_bg?"":" rounded-xl shadow-md")},React.createElement("source",{src:t.video_url,type:"video/mp4"})),t.video_gradient_bg&&React.createElement("div",{className:`tb-l:w-1/2 w-full h-1/2 tb:h-full absolute left-0 top-0 tb-l:ml-[-4px] tb-l:bg-gradient-to-r ${l} to-transparent bg-gradient-to-b tb:mt-[-4px] tb-l:mt-0`})):React.createElement("div",{className:"w-full",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{delay:.2,duration:1}}}},t.img_url&&React.createElement("div",{className:"text-right pt-0 flex items-end justify-end h-full"},React.createElement("img",{src:t.img_url,alt:"Hero",className:"db:inline tb:w-[90%] tb-l:w-[70%] db:w-[75%] w-full rounded-b-3xl"})))))),n&&React.createElement("div",{className:" hidden tb-l:block translate-y-[-20px]"},React.createElement("div",{className:"px-6 flex justify-center pb-16 animate-bounce h-6 grid-cols-3"},React.createElement("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("g",{filter:"url(#filter0_dd_1052_3729)"},React.createElement("circle",{cx:"30",cy:"26",r:"24",fill:"white"}),React.createElement("path",{d:"M25 27L30 32L35 27M25 20L30 25L35 20",stroke:"#1F2A37",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),React.createElement("defs",null,React.createElement("filter",{id:"filter0_dd_1052_3729",x:"0",y:"0",width:"60",height:"60",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},React.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),React.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),React.createElement("feMorphology",{radius:"2",operator:"erode",in:"SourceAlpha",result:"effect1_dropShadow_1052_3729"}),React.createElement("feOffset",{dy:"2"}),React.createElement("feGaussianBlur",{stdDeviation:"2"}),React.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.109804 0 0 0 0 0.14902 0 0 0 0 0.247059 0 0 0 0.06 0"}),React.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1052_3729"}),React.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),React.createElement("feMorphology",{radius:"2",operator:"erode",in:"SourceAlpha",result:"effect2_dropShadow_1052_3729"}),React.createElement("feOffset",{dy:"4"}),React.createElement("feGaussianBlur",{stdDeviation:"4"}),React.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.109804 0 0 0 0 0.14902 0 0 0 0 0.247059 0 0 0 0.1 0"}),React.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_1052_3729",result:"effect2_dropShadow_1052_3729"}),React.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_1052_3729",result:"shape"}))))))))},exports.HeroCapability=Ope,exports.HeroEvents=function(e){return u.default.createElement("div",{className:"max-w-7xl"},u.default.createElement("div",{className:"relative"},u.default.createElement("img",{loading:"lazy",src:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1692355512/hasura-design-system/heroevents2_c8mpzp.png",alt:e.img_alt,className:"bg-discord h-[336px] object-cover "})),u.default.createElement("div",{className:"flex items-start py-12 px-20"},u.default.createElement("div",{className:"flex-1"}),u.default.createElement("div",{className:"bg-neutral-0 rounded-3xl w-[400px] z-[1] -mt-[200px] p-10 border border-neutral-200"},u.default.createElement("div",{className:"flex gap-2 items-center pb-6"},u.default.createElement(G$,{height:"h-5 w-5",variant:"videorecorder",strokeClass:"stroke-blue-600"}),u.default.createElement(z,{textStyle:"h5",className:"text-neutral-1000"})),u.default.createElement("div",null,u.default.createElement(L5,{formId:"hf-1051",styleClass:"paper-form-wrapper"})))))},exports.HeroIntegration=function({heroData:e}){return u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"max-w-7xl mx-auto pb-14 tb:pb-10 db-s:p-20 rounded-3xl overflow-hidden "+(e.bg_color?e.bg_color:"")},u.default.createElement("div",{className:"w-full"},u.default.createElement("div",{className:"flex flex-col px-8 db-s:px-0 tb:px-10 pt-5 tb:pt-10 db-s:flex db-s:justify-between db-s:items-center db-s:flex-row db-s:w-full db-s:gap-x-[92px]"},u.default.createElement("div",{className:"db-s:max-w-[490px] tb-l:max-w-[658px] w-full tb:flex items-start tb:flex-col mt-4 tb:mt-0"},e.title&&u.default.createElement(u.default.Fragment,null,e.title&&u.default.createElement(u.default.Fragment,null,e.stackedCard&&u.default.createElement("div",{className:"pb-6"},(t=e.stackedCard,u.default.createElement("div",{className:"flex flex-row"},t&&t.map(((e,t)=>u.default.createElement("div",{key:t,className:`w-20 h-20 ${t>0?"-ml-4":""} ${g(e.cardBgClass)} ${g(e.cardHoverbgClass)} rounded-full flex items-center justify-center `},u.default.createElement("div",{className:"w-14 h-14"},u.default.createElement("img",{className:"inline-block",src:e.img_link,alt:e.img_alt})))))))),u.default.createElement(z,{textStyle:"h2",as:"h2",className:"pb-2 tb:text-center break-words db:text-left tb-l:text-left "+(e.title_color?e.title_color:"")+(e.video_url?" tb:text-center":" tb:text-left")},e.title))),e.sub_title&&u.default.createElement(z,{textStyle:"sub1",className:"tb-l:text-center db:text-left flex"+(e.sub_title_color?e.sub_title_color:"")},e.sub_title),e.description&&u.default.createElement(z,{textStyle:"sub1",className:"db:text-left text-neutral-0 [&>*]:mb-8 last:[&>*]:mb-0"},e.description),e.buttons&&u.default.createElement("div",{className:" gap-6 flex items-center tb:justify-center tb-l:justify-start db:justify-start pt-6"+(e.video_url?" tb:justify-center":" tb:justify-start")},e.buttons[0]&&u.default.createElement(s8,{type:"primary",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:e.buttons[0].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}),e.buttons[1]&&u.default.createElement(s8,{type:"primaryLink",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:e.buttons[1].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}))),u.default.createElement("div",{className:"h-full flex justify-center db-s:self-start w-full"},(e=>e.imageUrl&&u.default.createElement("div",{className:"py-12 tb:py-14 db-s:pt-0 "},u.default.createElement("img",{src:e.imageUrl,alt:e.imageAlt,className:"tb-l:w-full db-s:max-w-[540px]"})))(e))),(e=>e.linkCards&&u.default.createElement("div",{className:"flex px-8 tb:px-10 tb:justify-center db-s:px-0 overflow-auto scrollbar-hide flex-row gap-6 db-s:mt-[68px] tb:flex-row "},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:`${g(e.cardBorderClass)} ${g(e.cardBgColor)} ${g(e.cardHoverBg)} transition-all ease-out duration-300 hover:shadow-2xl hover:border-opacity-0 border rounded-2xl w-full min-w-[11.5rem] max-w-[22.313rem]`},u.default.createElement(Uoe,{titleTextColor:e.titleTextColor,descTextColor:e.descTextColor,linkUrl:e.linkUrl,iconVariant:e.iconVariant,iconStrokeClass:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeClass:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(e)))));var t},exports.HeroLinkCard=function(t){const[r,n]=e.useState(!1);return t?u.default.createElement("div",null,u.default.createElement("div",{className:"flex flex-col-reverse tb-l:flex tb-l:flex-row tb-l:justify-between gap-4"},u.default.createElement("div",{className:`max-w-[435px] db:max-w-[${t.contentWd?t.contentWd:"535px"}]`},t&&(a=t,u.default.createElement(u.default.Fragment,null,a.title&&u.default.createElement(z,{textStyle:"h2",as:"h2",className:` hidden tb:block ${a.titleTextColor?g(a.titleTextColor):"text-neutral-1000"}`},a.title),a.subTitle&&u.default.createElement(z,{textStyle:"sub1",className:`mt-2 ${a.subTitleTextColor?g(a.subTitleTextColor):"text-neutral-700"}`},a.subTitle),a.buttons&&u.default.createElement("div",{className:"flex items-center flex-wrap flex-row gap-2 pt-6"},a.buttons.map(((t,r)=>u.default.createElement(e.Fragment,{key:r},t.url&&t.text&&t.type&&u.default.createElement("a",{href:t.url,key:r,className:"flex "},u.default.createElement(s8,{label:t.text,type:t.type,leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:t.rightAnimatedArrowColor??"#3970FD",animatedHoverStroke:t.animatedHoverStroke??"group-hover:stroke-neutral-0",btnTextColorClass:t.btnTextColorClass,btnTextHoverClass:t.btnTextHoverClass,className:t.className,btnbgHoverClass:t.btnBgColorClass}))))))))),u.default.createElement("div",{className:"grid items-center relative db:max-w-[500px] tb:w-1/2 transition-opacity duration-700 ease-linear "},u.default.createElement(z,{textStyle:"h2",as:"h2",className:`tb:hidden pb-6 ${t.titleTextColor?g(t.titleTextColor):"text-neutral-1000"}`},t.title),r?u.default.createElement(u.default.Fragment,null,t.videoUrl&&u.default.createElement("video",{id:"hero_vid",controls:!0,autoPlay:!0,playsInline:!0,width:"500",height:"500",className:"tb:w-full w-full rounded-3xl",src:t.videoUrl})):u.default.createElement("div",{className:"relative"},t.imgUrl&&u.default.createElement("img",{src:t.imgUrl,alt:"Illustration",loading:"lazy"}),t.videoUrl&&u.default.createElement("div",{className:`${t.currentPlayBtnClass} w-14 h-14 cursor-pointer video-play-btn rounded-full flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-neutral-1000 shadow-2xl`,onClick:()=>n(!0)},u.default.createElement(G$,{variant:"play",height:"h-6 w-6",strokeColor:"#ffffff",strokeClass:"stroke-neutral-0"}))))),u.default.createElement("div",{className:""},(e=>e.linkCards&&u.default.createElement("div",{className:"flex tb-m:justify-center overflow-auto no-scrollbar db:overflow-visible scrollbar-hide flex-row mt-10 tb:mt-12 db:mt-16 gap-6 tb:flex-row "},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:`${g(e.cardBorderClass)} ${g(e.cardBgColor)} ${g(e.cardHoverBg)} transition-all ease-out duration-300 hover:shadow-2xl hover:border-opacity-0 border rounded-2xl w-full min-w-[11.5rem] max-w-[22.313rem]`},u.default.createElement(Uoe,{titleTextColor:e.titleTextColor,descTextColor:e.descTextColor,linkUrl:e.linkUrl,iconVariant:e.iconVariant,iconStrokeClass:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeClass:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(t))):u.default.createElement("div",null);var a},exports.HeroSecondary=function({heroData:t,logo:r,scrollArrow:n,fontSize:a}){e.useState("volumex");const o=e=>{const t=e.nextElementSibling;t&&t.scrollIntoView({behavior:"smooth"})};return g(t.video_gradient_bg),u.default.createElement("div",{className:""},u.default.createElement("div",{className:""},u.default.createElement("div",{className:"max-w-7xl mx-auto px-20 py-20 rounded-3xl overflow-hidden "+(t.bg_color?t.bg_color:"")},u.default.createElement("div",{className:"w-full"},u.default.createElement("div",{className:"tb-l:flex tb-l:justify-between tb-l:items-center tb-l:flex-row db:w-full flex flex-col-reverse tb:gap-x-16 db:gap-x-10 min-[1880px]:gap-x-72"+(t.video_url?" ":" tb:flex")},u.default.createElement("div",{className:"max-w-[29.18rem] w-full tb:flex items-start tb:flex-col mt-4 tb:mt-0"},t.tag_line&&u.default.createElement("div",null,u.default.createElement(z,{textStyle:"h6",as:"h6",className:"pb-2 uppercase text-center db:text-left font-normal tb-l:text-left "+(t.tag_line_color?t.tag_line_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.tag_line)),t.title&&u.default.createElement("div",null,r?u.default.createElement("div",{className:"pb-4 db:text-left tb:text-center tb-l:text-left"+(t.video_url?" tb:text-center":" tb:text-left")},u.default.createElement("img",{className:"w-[290px] inline-block",src:r,alt:"Brand"})):u.default.createElement(z,{textStyle:"h2",as:"h2",className:"pb-2 tb:text-center break-words db:text-left tb-l:text-left "+(t.title_color?t.title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.title)),t.sub_title&&u.default.createElement(z,{textStyle:"sub1",className:"tb-l:text-center db:text-left flex"+(t.sub_title_color?t.sub_title_color:"")+(t.video_url?" tb:text-center":" tb:text-left")},t.sub_title),t.description&&u.default.createElement(z,{textStyle:"sub1",className:"db:text-left text-neutral-0 [&>*]:mb-8 last:[&>*]:mb-0"},t.description),t.buttons&&u.default.createElement("div",{className:" gap-6 flex items-center tb:justify-center tb-l:justify-start db:justify-start pt-6"+(t.video_url?" tb:justify-center":" tb:justify-start")},t.buttons[0]&&u.default.createElement(s8,{type:t.buttons[0].cta_type||"secondary",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:t.buttons[0].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}),t.buttons[1]&&u.default.createElement(s8,{type:t.buttons[0].cta_type||"primaryLink",btnTextColorClass:g("text-neutral-0"),leftIconVariant:"none",rightIconVariant:"none",label:t.buttons[1].cta_text,state:"default",size:"lg",rightAnimatedArrow:"true",rightAnimatedArrowColor:"#ffffff"}))),u.default.createElement("div",{className:""},(e=>e.imageUrl&&u.default.createElement("div",{className:""},u.default.createElement("img",{src:e.imageUrl,alt:e.imageAlt,className:"tb-l:w-full w-1/2"})))(t))),(e=>e.linkCards&&u.default.createElement("div",{className:"flex mt-16 px-20 pb-20 gap-6 justify-center"},e.linkCards.map(((e,t)=>u.default.createElement("div",{key:t,className:"w-full"},u.default.createElement(Uoe,{linkUrl:e.linkUrl,cardBgColor:e.cardBgColor,cardHoverBg:e.cardHoverBg,iconVariant:e.iconVariant,iconStrokeColor:e.iconStrokeColor,iconArrowVariant:e.iconArrowVariant,iconArrowStrokeColor:e.iconArrowStrokeColor,title:e.title,description:e.description}))))))(t))),t.scrollArrow&&u.default.createElement("a",{className:"flex justify-center flex-row z-10",onClick:e=>o(e.currentTarget)},u.default.createElement("div",{className:"flex bg-neutral-0 shadow-md -mt-5 animate-bounce justify-center rounded-full items-center w-12 h-12",onClick:e=>{const t=e.target.parentNode;o(t)}},u.default.createElement(G$,{variant:"chevrondowndouble",strokeClass:"stroke-neutral-800",height:"h-6 w-6"})))))},exports.HomepageCarouselPrimary=function(t){let r=["https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016994/philips_5bab1602cd.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016996/nutrien_e629b651d5.png","https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1687016995/optum_Card_17973d6328.png"];function n(e){return{video_url:e.video.data.attributes.url||"",testimonial:{card:{title_img:e.slideLogo?.data?.attributes?.url||"",subtitle:e.slideQuoteText||"",avatar:{img_url:e.slideAuthorImage?.data?.attributes?.url||"",name:e.slideAuthorName||"",designation:e.slideAuthorTitle||""}},cardHover:{cardBg:e.slideHoverColor||"",img_url:e.slideHoverImage?.data?.attributes?.url||"",title:e.slideHoverText||"",button:{cta_text:e.slideCTAText||""},slideCTA:e?.slideCTA||""}}}}const a=[];for(const e in t.data)if(t.data.hasOwnProperty(e)){const r=n(t.data[e]);a.push(r)}const[o,i]=e.useState(!1),[l,s]=u.default.useState(null),c=e.useRef(null),h=e.useRef(null),[m,p]=u.default.useState(0),f=a.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),d=Cpe.reduce(((e,t,r)=>(e[r]=u.default.createRef(),e)),{}),v=r.length,g=" text-2xl z-50 bg-black h-10 w-10 rounded-full bg-neutral-0 shadow-md hover:bg-neutral-100 hover:shadow-lg bg-blue-600 z-500 flex items-center justify-center",b=()=>{s((e=>!e))},w=(e,t)=>"isLeft"===t?0===e:"isRight"===t?2===e:void 0,y=()=>u.default.createElement("button",{type:"button",onClick:()=>{b(),(()=>{if(m>0)p(m-1),c.current.scrollTo({left:c.current.scrollLeft-1*c.current.children[0].offsetWidth,behavior:"smooth"}),h.current.scrollTo({left:h.current.scrollLeft-1.5*h.current.children[0].offsetWidth,behavior:"smooth"}),i(!1);else{const e=v-1,t=c.current.scrollWidth-1*c.current.children[0].offsetWidth;p(e),c.current.scrollTo({left:t,behavior:"smooth"});const r=h.current.scrollWidth-1.5*h.current.children[0].offsetWidth;p(e),h.current.scrollTo({left:r,behavior:"smooth"}),i(!1)}})()},className:`flex bg-blue-600 ${g} disabled:bg-neutral-200 `,disabled:w(m,"isLeft")},u.default.createElement("span",{role:"img","aria-label":"Arrow left "},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronleft",strokeColor:"#00288E"}))),x=()=>u.default.createElement("button",{type:"button",onClick:()=>{b(),m<v-1?(p(m+1),c.current.scrollTo({left:c.current.scrollLeft+1*c.current.children[0].offsetWidth,behavior:"smooth"}),h.current.scrollTo({left:h.current.scrollLeft+1.5*h.current.children[0].offsetWidth,behavior:"smooth"})):(p(0),c.current.scrollTo({left:0,behavior:"smooth"}),h.current.scrollTo({left:0,behavior:"smooth"}),i(!0))},className:`flex bg-blue-600 ${g} disabled:bg-neutral-200 `,disabled:w(m,"isRight")},u.default.createElement("span",{role:"img","aria-label":"Arrow right "},u.default.createElement(G$,{height:"h-6 w-6",variant:"chevronright",strokeColor:"#00288E"}))),[O,E]=e.useState(!1);return u.default.createElement("div",{className:"min-[699px]:relative block"},u.default.createElement("div",{className:"mx-auto w-screen"},u.default.createElement("div",{className:"min-[699px]:relative flex flex-col items-center right-[75ppx] top-[112px]"},u.default.createElement("div",{className:"absolute"})),u.default.createElement("div",{className:" min-[699px]:relative top-5 rounded-lg"},u.default.createElement("div",{className:" min-[699px]:absolute"},u.default.createElement("div",{className:" flex flex-col-reverse tb:flex-col-reverse tb:flex items-center"},u.default.createElement("div",{className:"hidden min-[699px]:flex z-10 min-[699px]:mt-[70px] justify-center items-center"},u.default.createElement("div",{className:"flex w-screen gap-6 justify-center "},u.default.createElement("div",{className:"btnDBleft"},y()),u.default.createElement("div",{className:"btnDBright"},x()))),u.default.createElement("div",{className:"max-[369px]:mt-8 min-[400px]:-mt-[10rem] min-[699px]:hidden"},u.default.createElement("div",{className:"flex w-screen gap-6 justify-center "},y(),x())),u.default.createElement("div",{className:"justify-center select-none items-center"},u.default.createElement("div",{className:"w-screen flex justify-center items-center "},u.default.createElement("div",{className:" z-30"},u.default.createElement("div",{className:"snap-x max-[699px]:w-screen bg-neutral-00 tb:w-[580px] items-center z-20 inline-flex select-none overflow-x-hidden scrollbar-hide",ref:c},a.map(((e,t)=>u.default.createElement("div",{className:" db:snap-center snap-center mx-6 ",key:t,ref:f[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain "},u.default.createElement(Xoe,e))))))),u.default.createElement("div",{className:"hidden snap-x tb-l:max-w-[1240px] min-[1300px]:max-w-7xl\n gap-[167px]\n items-center min-[1300px]:flex select-none overflow-x-hidden scrollbar-hide absolute z-0",ref:h},r.map(((e,t)=>u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3",key:t+"x",ref:d[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain"},u.default.createElement("div",null,0==t&&Ppe(r[t+1]),1==t&&Ppe(r[1])))),u.default.createElement("div",{className:(O?" ":"")+" transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3 ",key:t+"y",ref:d[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain"},Ppe(r[2]))),u.default.createElement("div",{className:" transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3 ",key:t+"z",ref:d[t]},u.default.createElement("div",{className:"select-none rounded-3xl object-contain"},Ppe(r[0])))))))))))),u.default.createElement("div",{className:" hidden min-[699px]:flex tb:flex-col items-center"},u.default.createElement("div",{className:"relative -right-[44px]"},u.default.createElement("img",{alt:"tab",src:"https://res.cloudinary.com/dh8fp23nd/image/upload/v1687108911/hasura-design-system/Group_2608834_rxnldq.png",className:"w-[709px]"})))))},exports.Icon=G$,exports.IconAvatar=D5,exports.IconCard=Ioe,exports.IconCardButton=_oe,exports.IconLeadingIF=function({label:t,helper:r,size:n,placeholder:a,leftIconVariant:o,leftIconColor:i,disabled:l,onChange:s}){return e.useState(""),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"block text-sm-medium text-neutral-800"},t),u.default.createElement("div",{className:"relative mt-1 rounded-md shadow-sm"},u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"},o&&"none"!==o&&u.default.createElement("div",{className:"-ml-0.5 mr-2 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i}))),u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:l,className:"block w-full rounded-md border-gray-300 pl-10 focus:border-indigo-500 focus:ring-indigo-500 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm",placeholder:a})),u.default.createElement("p",{className:"mt-2 text-sm-regular text-neutral-800",id:"email-description"},r))},exports.IconTrailIF=function({label:t,helper:r,size:n,placeholder:a,rightIconVariant:o,rightIconColor:i,disabled:l,onChange:s}){const[c,h]=e.useState("");return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"account-number",className:"block text-sm-medium ml-4 text-neutral-800"},t),u.default.createElement("div",{className:"relative mt-1 rounded-full shadow-sm"},u.default.createElement("input",{type:"text",name:"account-number",id:"account-number",disabled:l,className:"block w-full rounded-full border-gray-300 pr-10 focus:border-indigo-500 focus:ring-indigo-500 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm",placeholder:"000-00-0000",onChange:e=>{const t=e.target.value;h(t),s&&s(t)}}),u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4"},o&&"none"!==o&&u.default.createElement("div",{className:" ml-1.5 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i})))),u.default.createElement("p",{className:"mt-2 ml-4 text-sm-regular text-neutral-800",id:"email-description"},r))},exports.ImageAvatar=F5,exports.ImageBadgeCard=function(e){return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",null,u.default.createElement("a",{href:e.sliderLink},u.default.createElement("div",{className:`${g(e.cardBg)}bg-neutral-0 shadow hover:transition-all hover:ease-in-out hover:duration-300 hover:border-opacity-0 min-h-[443px] min-w-[312px] tb:max-w-[763px] tb:min-h-[245px] rounded-3xl tb:p-8 p-4`},u.default.createElement("div",{className:"flex flex-col-reverse tb:flex-row justify-between gap-4 items-center"},u.default.createElement("div",{className:"tb:max-w-[393px] mt-8 tb:mt-0"},u.default.createElement(X5,{color:e.badge.color,children:e.badge.label,text_color:"text-neutral-0"}),u.default.createElement(z,{textStyle:"h4",className:"mt-2 text-neutral-1000 max-w-[326px]"},e.title),u.default.createElement(z,{textStyle:"sub2",className:"mt-2 text-neutral-600"},e.subTitle)),u.default.createElement("div",{className:"flex justify-center h-full items-center"},u.default.createElement("img",{src:e.imageUrl,alt:e.title,className:"tb:max-w-[290px] rounded-lg flex items-center justify-center tb:max-h-[181px]"})))))))},exports.ImageCard=function(e){return u.default.createElement("a",{href:e.linkUrl,className:" bg-neutral-0 rounded-3xl mb-s:flex items-center shadow-sm"},u.default.createElement("div",{className:"h-full w-full mb-s:max-w-[142px]"},u.default.createElement("img",{className:" w-full rounded-t-3xl mb-s:rounded-tr-none mb-s:rounded-s-3xl h-full",src:e.imgUrl,alt:e.imgAlt})),u.default.createElement("div",{className:"p-4 mb-m:p-6"},u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-1000 pb-2"},e.title),u.default.createElement(z,{textStyle:"body3",className:" text-neutral-600"},e.description)))},exports.InitialsAvatar=U5,exports.InviteCard=function(e){return u.default.createElement("div",{className:""},u.default.createElement("div",{className:" flex "+("primary"===e.cardType?" flex flex-col-reverse ":"pb-6 flex flex-col")},e.imgURL&&u.default.createElement("div",{className:"primary"===e.cardType?"py-11":"pb-4"},u.default.createElement("img",{src:e.imgURL,loading:"lazy",alt:e.title,className:(e.cardType,"max-h-[200px]")})),u.default.createElement("div",null,e.titleTag&&u.default.createElement("div",{className:" text-hds-m-h6 text-neutral-500 uppercase"},e.titleTag),e.title&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.title),e.schedule&&u.default.createElement("div",{className:"flex gap-4 pt-4 flex-wrap"},e.schedule.date&&u.default.createElement("div",{className:"border border-neutral-200 rounded-2xl p-4 min-w-[152px] "},e.schedule.day&&u.default.createElement(z,{textStyle:"h6",className:"text-neutral-600"},e.schedule.day),e.schedule.date&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.schedule.date)),e.schedule.time&&u.default.createElement("div",{className:"border border-neutral-200 rounded-2xl p-4 min-w-[152px]"},e.schedule.timezone&&u.default.createElement(z,{textStyle:"h6",className:"text-neutral-600"},e.schedule.timezone),e.schedule.time&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.schedule.time))))),u.default.createElement("div",{className:"pb-6 border-neutral-200"},e.inviteTitle&&u.default.createElement(z,{textStyle:"h5",className:"text-neutral-800 border-t border-neutral-200 pt-6"},e.inviteTitle),e.inviteTitle2&&u.default.createElement(z,{textStyle:"h4",className:"text-neutral-1000"},e.inviteTitle2),e.inviteSubtitle&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-800"},e.inviteSubtitle)),u.default.createElement("div",{className:"pb-6"},(()=>{const t=e.invites||0,r=Array.from({length:t},((t,r)=>u.default.createElement("div",{className:"",key:r},u.default.createElement(ppe,{label:e.IFbuttonLabel,placeholder:e.IFbuttonPlaceholder}))));return u.default.createElement("div",{className:"flex flex-col gap-4"},r)})()),(e.social||e.calendarLink)&&u.default.createElement("div",{className:"border-t border-neutral-200 pt-6 flex gap-6 flex-wrap justify-center"},e.social&&u.default.createElement("div",{className:"flex flex-wrap items-center"},e.social&&e.social.twitter&&u.default.createElement("a",{href:e.social.twitter,className:"w-[45px] flex justify-center"},u.default.createElement(G$,{variant:"twitter",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.linkedin&&u.default.createElement("a",{href:e.social.linkedin,className:"w-[45px] flex justify-center"},u.default.createElement(G$,{variant:"linkedin",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"})),e.social&&e.social.facebook&&u.default.createElement("a",{href:e.social.facebook,className:"w-[45px] flex justify-center"},u.default.createElement(G$,{variant:"facebookBlue",className:"brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300"}))),u.default.createElement("div",null,u.default.createElement(c8,{variant:"calendarButton",label:"Add to Calendar",labelColor:"text-blue-500",iconStrokeClass:"stroke-blue-500",iconVariant:"calendarplus02"}))))},exports.InviteIF=ppe,exports.LeadingDropIF=function({disabled:t,label:r,helper:n,size:a,placeholder:o,dropOptions:i,onChange:l}){return e.useState(""),u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"phone-number",className:"block text-sm-medium text-neutral-800"},r),u.default.createElement("div",{className:"relative mt-1"},u.default.createElement("div",{className:"absolute inset-y-0 left-0 flex items-center"},u.default.createElement("label",{htmlFor:"country",className:"sr-only"},"Country"),u.default.createElement("select",{id:"country",name:"country",autoComplete:"country",disabled:t,className:"h-full rounded-l-md border-neutral-300 border-r-0 bg-transparent py-0 pl-3 pr-7 text-gray-500 focus:border-none focus:ring-0 sm:text-sm-regular focus:outline-none focus:border-neutral-200 focus:shadow-[0_0px_0px_4px_#DFE8FF] disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200"},i.map((e=>u.default.createElement("option",null,e))))),u.default.createElement("input",{type:"text",name:"phone-number",id:"phone-number",disabled:t,className:" block w-full rounded-lg border-neutral-200 shadow-none text-neutral-800 py-1.5 pl-16 sm:text-sm-regular focus:outline-none focus:border-neutral-200 focus:shadow-[0_0px_0px_4px_#DFE8FF] focus:ring-0 hover:shadow hover:border-neutral-300 placeholder:text-neutral-500 placeholder:text-md-regular disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 ",placeholder:" "+o})),u.default.createElement("p",{className:"mt-2 text-sm-regular text-neutral-800",id:"email-description"},n))},exports.LeadingTextIF=function(){return React.createElement("div",null,"leading text")},exports.LinkCard=Uoe,exports.LiveStatus=r8,exports.MarketoForm=I5,exports.MediaBox=Q$,exports.NavCard=Ape,exports.NavTabCard=Tpe,exports.PricingTableB=function(t){const{title:r,title_color:n,description:a,desc_color:o,TABLE_VALUE:i,TABLE_HEADER:l}=t,[s,c]=e.useState(!1),h=e.useRef();return e.useEffect((()=>{const e=()=>{h.current.getBoundingClientRect().top,c(!0)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[]),u.default.createElement("div",{className:"px-10"},u.default.createElement("div",{className:"hidden tb:block"},u.default.createElement("div",{className:" mt-[70px] rounded-3xl bg-neutral-0"},l&&l[0]&&l[0].title&&u.default.createElement(z,{textStyle:"h4",className:`pb-10 pl-8 pt-[72px] ${g(n)}`},l[0].title),u.default.createElement("table",{className:"rounded-3xl w-full table-fixed "},i.map(((e,t)=>u.default.createElement("tbody",{key:t,className:"border-90 bg-neutral-0"},Object.keys(e).map((r=>u.default.createElement(u.default.Fragment,null,u.default.createElement("tr",{key:t+r,className:""},Object.keys(e[r][0]).map((n=>u.default.createElement(u.default.Fragment,{key:n+r+t},null!==n&&u.default.createElement("th",{ref:h,className:"first:rounded-l-full last:rounded-r-full px-8 z-[100] top-[72px] sticky "+(0===t?"bg-neutral-0":"bg-neutral-100")},u.default.createElement("div",{className:"flex flex-col py-3.5 gap-[11px]"},u.default.createElement(z,{textStyle:"h5",className:"text-neutral-900 text-left whitespace-nowrap"},n),e[r][0][n].btn&&e[r][0][n].btn_cta&&u.default.createElement("div",{className:"flex -mt-4"},u.default.createElement("a",{href:e[r][0][n].btn_cta},u.default.createElement(s8,{label:e[r][0][n].btn,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",animatedHoverStroke:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"",className:" "}))))))))),((e,t)=>{let r="";e[t][0]&&e[t][0];const n=e[t].map((e=>Object.keys(e)[0]))[0];return e[t].length&&(r=e[t].length),u.default.createElement(u.default.Fragment,null,e[t].map(((e,t)=>u.default.createElement("tr",{className:"",key:t},Object.keys(e).map((a=>u.default.createElement(u.default.Fragment,{key:t+a},null!==a&&a===n&&t!==r-1&&0!==t&&u.default.createElement("td",{className:"pl-[30px] border-80 "},u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"py-4 text-neutral-700",textStyle:"body1"},e[a]))),null!==a&&a===n&&t!==r-1&&0===t&&u.default.createElement("td",{className:"pl-[30px] border-80 "},u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"pb-4 pt-12 text-neutral-700",textStyle:"body1"},e[a]))),null!==a&&a===n&&t===r-1&&u.default.createElement("td",{className:"pl-[30px] border-80 "},u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"pt-4 pb-12 text-neutral-700",textStyle:"body1"},e[a]))),null!==a&&a!==n&&null!==e[a]&&0!==t&&t!==r-1&&u.default.createElement("td",{className:"px-8 text-left ml-[30px] border-80 "},e&&a&&e[a]&&null===e[a].text&&!e[a].iconVariant&&null===e[a].iconVariant&&u.default.createElement("div",{className:""}),null!==e[a].text&&e[a].text&&u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"text-neutral-700 py-4",textStyle:"body1"},e[a].text)),(null===e[a].text||!e[a].text)&&e[a].iconVariant&&u.default.createElement("div",{className:"flex "},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[a].iconVariant,strokeClass:g(e[a].iconStrokeClass)}))),null!==a&&a!==n&&null!==e[a]&&0===t&&u.default.createElement("td",{className:"px-8 text-left ml-[30px] border-80 "},e&&a&&e[a]&&null===e[a].text&&!e[a].iconVariant&&null===e[a].iconVariant&&u.default.createElement("div",{className:""}),null!==e[a].text&&e[a].text&&u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"text-neutral-700 pb-4 pt-12",textStyle:"body1"},e[a].text)),(null===e[a].text||!e[a].text)&&e[a].iconVariant&&u.default.createElement("div",{className:"flex pb-4 pt-12"},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[a].iconVariant,strokeClass:g(e[a].iconStrokeClass)}))),null!==a&&a!==n&&null!==e[a]&&t===r-1&&u.default.createElement("td",{className:"px-8 text-left ml-[30px] border-80 "},e&&a&&e[a]&&null===e[a].text&&!e[a].iconVariant&&null===e[a].iconVariant&&u.default.createElement("div",{className:""}),null!==e[a].text&&e[a].text&&u.default.createElement("div",{className:" "},u.default.createElement(z,{className:"text-neutral-700 pt-4 pb-12",textStyle:"body1"},e[a].text)),(null===e[a].text||!e[a].text)&&e[a].iconVariant&&u.default.createElement("div",{className:"flex pt-4 pb-12 "},u.default.createElement(G$,{height:"h-5 w-5 stroke-[1.5px]",variant:e[a].iconVariant,strokeClass:g(e[a].iconStrokeClass)}))),null===a&&u.default.createElement("td",{key:t,className:"px-8 py-7 border-table text-center"}))))))))})(e,r))))))),l&&u.default.createElement(u.default.Fragment,null,u.default.createElement("tbody",null,u.default.createElement("tr",null,u.default.createElement("td",null),l.map(((e,t)=>u.default.createElement(u.default.Fragment,{key:t},0!==t&&e.button_title&&u.default.createElement("td",{key:t,className:"px-8"},u.default.createElement("a",{href:e.button_link},u.default.createElement(s8,{label:e.button_title,type:"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"sm",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",className:"mt-4 mb-16"})))))))))))))},exports.ProfileAvatar=G5,exports.ResourcesCard=$oe,exports.StoryCardSM=hpe,exports.StoryCardXL=mpe,exports.Tab=ype,exports.TableA=function(e){const{head:t,description:r,tableValue:n,children:a}=e;return u.default.createElement("div",{className:"px-4 sm:px-6 lg:px-8 "},u.default.createElement("div",{className:"sm:flex sm:items-center "},u.default.createElement("div",{className:"sm:flex-auto"},u.default.createElement("h1",{className:"text-base font-semibold leading-6 text-gray-900"},t),u.default.createElement("p",{className:"mt-2 text-sm text-gray-700"},r))),u.default.createElement("div",null,u.default.createElement("div",{className:"-mx-4 mt-8 sm:-mx-0"},u.default.createElement("table",{className:"min-w-full divide-y divide-gray-300 border"},u.default.createElement("thead",null,u.default.createElement("tr",null,Object.keys(n[0]).map((e=>u.default.createElement("th",{key:e,scope:"col",className:"px-3 py-3.5 text-left text-sm font-semibold text-gray-900 sm:table-cell"},e))))),u.default.createElement("tbody",{className:"divide-y divide-gray-200 bg-white"},n.map(((e,t)=>u.default.createElement("tr",{key:t},Object.keys(e).map(((r,n)=>u.default.createElement("td",{key:n+t,className:" py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-3"},"",e[r])))))))))))},exports.TableB=jpe,exports.TableC=function(e){const{head:t,description:r,tableValue:n,children:a}=e;return Object.keys(n[0]).length,u.default.createElement("div",{className:" "},u.default.createElement("div",{className:"sm:flex sm:items-center "},u.default.createElement("div",{className:"sm:flex-auto"},u.default.createElement("h1",{className:"text-base font-semibold leading-6 text-gray-900"},t),u.default.createElement("p",{className:"mt-2 text-sm text-gray-700"},r))),u.default.createElement("div",null,u.default.createElement("div",{className:"border border-neutral-100 rounded-2xl"},u.default.createElement("table",{className:"min-w-full divide-y divide-neutral-100 "},u.default.createElement("thead",null,u.default.createElement("tr",{className:"divide-x divide-neutral-100"},Object.keys(n[0]).map(((e,t)=>u.default.createElement("th",{key:e,scope:"col",className:0===t?"rounded-tl-2xl text-left sm:table-cell bg-neutral-50":"text-left sm:table-cell bg-neutral-50 rounded-tr-2xl"},u.default.createElement(z,{className:"p-6",textStyle:"body3c-bold"},e)))))),u.default.createElement("tbody",{className:"divide-y rounded-b-3xl divide-neutral-100 "},n.slice(1).map(((e,t)=>u.default.createElement("tr",{key:t,className:"divide-x divide-neutral-100 "},Object.keys(e).map(((r,a)=>u.default.createElement("td",{key:a+t,className:"p-6 "+(t==""+(n.length-2)?"rounded-3xl":"")},u.default.createElement(z,{textStyle:"body3c-bold",className:"bg-transparent text-neutral-800"},r.toString()),u.default.createElement(z,{textStyle:"body3",className:"text-neutral-800 mt-2"},e[r].toString()))))))))))))},exports.Tabone=function(e){const t=Array.isArray(e.tabs)?e.tabs:[];return u.default.createElement("div",null,u.default.createElement("div",{className:"sm:hidden"},u.default.createElement("label",{htmlFor:"tabs",className:"sr-only"},"Select a tab"),u.default.createElement("select",{id:"tabs",name:"tabs",className:"block w-full rounded-md border-amber-600 py-2 pl-3 pr-10 text-base focus:border-green-600 focus:outline-none focus:ring-pink-500 sm:text-sm",defaultValue:t.length&&t.find((e=>e.current)).name},t.length&&t.map((e=>u.default.createElement("option",{key:e.name},e.name))))),u.default.createElement("div",{className:"hidden sm:block"},u.default.createElement("div",{className:"border-b border-neutral-200"},u.default.createElement("nav",{className:"-mb-px flex space-x-8","aria-label":"Tabs"},t.length&&t.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:gpe(e.current?"border-blue-600 text-blue-600 border-b-2":"border-transparent text-neutral-700 hover:text-blue-600 hover:border-blue-600","whitespace-nowrap py-4 px-1 font-medium text-sm"),"aria-current":e.current?"page":void 0},e.name)))))))},exports.Tabthree=function(e){const t=Array.isArray(e.tabs)?e.tabs:[];return u.default.createElement("div",null,u.default.createElement("div",{className:"sm:hidden"},u.default.createElement("label",{htmlFor:"tabs",className:"sr-only"},"Select a tab"),u.default.createElement("select",{id:"tabs",name:"tabs",className:"block w-full rounded-md border-pink-300 focus:border-pink-500 focus:ring-pink-500",defaultValue:t.length&&t.find((e=>e.current)).name},t.length&&t.map((e=>u.default.createElement("option",{key:e.name},e.name))))),u.default.createElement("div",{className:"hidden sm:block"},u.default.createElement("nav",{className:"inline-flex space-x-4 bg-neutral-100 p-2 rounded","aria-label":"Tabs"},t.length&&t.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:bpe(e.current?"bg-neutral-0 text-neutral-700":"text-neutral-700 bg-neutral-50 hover:text-gray-800","px-3 py-2 font-medium text-sm rounded-md"),"aria-current":e.current?"page":void 0},e.name))))))},exports.Tabtwo=function(e){const t=Array.isArray(e.tabs)?e.tabs:[];return u.default.createElement("div",null,u.default.createElement("div",{className:"sm:hidden"},u.default.createElement("label",{htmlFor:"tabs",className:"sr-only"},"Select a tab"),u.default.createElement("select",{id:"tabs",name:"tabs",className:"block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500",defaultValue:t.length&&t.find((e=>e.current)).name},t.length&&t.map((e=>u.default.createElement("option",{key:e.name},e.name))))),u.default.createElement("div",{className:"hidden sm:block"},u.default.createElement("nav",{className:"flex space-x-4","aria-label":"Tabs"},t.length&&t.map((e=>u.default.createElement("a",{key:e.name,href:e.href,className:wpe(e.current?"bg-blue-100 text-blue-600 border-blue-600 border-b-2":"text-neutral-700 hover:text-gray-700","px-3 py-2 font-medium text-sm rounded-t-md"),"aria-current":e.current?"page":void 0},e.name))))))},exports.TagFilter=function(e,t){const r=function(e){const t={};for(const r of e){const e=Object.keys(r)[0],n=r[e];for(const r of n)t[r]||(t[r]=new Set),t[r].add(e)}return t}(e),n=e.find((e=>e[t])),a=new Set,o=new Set;if(n)for(const e of n[t]){const n=r[e];n&&n.forEach((e=>{e!==t&&a.add(e)}))}for(const t of e){const e=Object.keys(t)[0];o.add(e)}const i=[...o].filter((e=>!a.has(e)));return[...a,...i]},exports.TalkCard=function(e){let t="";return t=void 0===e.speakerSet?"flex":"flex tb-l:flex-row flex-col",u.default.createElement("div",{className:"grid w-full"},u.default.createElement("div",{className:`${t} w-full max-w-[882px]`},u.default.createElement("div",{className:"px-8 py-6"+(e.speakerSet?" border-b tb-l:w-[62%] border-b-neutral-150 tb:border-0 tb:border-r tb:border-r-neutral-150":"")},u.default.createElement(X5,{size:e.badges.size,color:e.badges.color,leftIconVariant:e.badges.leftIconVariant,leftIconColor:e.badges.leftIconColor,children:e.badges.label}),u.default.createElement(z,{className:"my-2 text-blue-800",textStyle:"h5"},e.title),e.para&&u.default.createElement(z,{className:"line-clamp-3 text-neutral-700",textStyle:"body1c"},e.para)),e.speakerSet&&u.default.createElement("div",{className:"flex flex-col tb-l:w-[38%] pt-0 tb:pt-[2.875rem] justify-between"},e.speakerSet&&u.default.createElement("div",{className:"pl-6 flex gap-6 mt-9 tb:mt-0 mb-9 flex-col "},e.speakerSet.map(((e,t)=>u.default.createElement("div",{key:t,className:""},u.default.createElement(G5,{name:e.name,size:"md",designation:e.designation,imageUrl:e.imageUrl}))))),u.default.createElement("div",{className:" w-full border-t border-t-neutral-150 p-6 flex flex-row justify-between items-center"},u.default.createElement(z,{textStyle:"h6",className:"text-blue-800"},e.eventTime),u.default.createElement(s8,{leftIconVariant:"calendarplus02",leftIconColor:"#1E56E3",rightIconVariant:"none",state:"default",size:"sm",type:"iconOnly",label:""})))))},exports.TalkCard2=function(e){let t="";return t=e.speakerSet?"tb-l:justify-between":"tb-l:justify-center",u.default.createElement("a",{href:e.readUrl??"#",className:"grid group"},u.default.createElement("div",{className:"flex flex-col tb-l:flex-row tb-l:justify-between "},u.default.createElement("div",{className:"px-6 pt-6 tb-l:px-8 tb-l:pb-6 tb-l:border-r tb-l:border-r-neutral-200"},u.default.createElement("div",{className:"flex flex-row flex-wrap tb:gap-3 gap-2"},e.badges&&e.badges.map(((e,t)=>u.default.createElement("div",{key:t,className:"flex whitespace-nowrap"},u.default.createElement(X5,{size:e.size,color:e.color,leftIconVariant:e.leftIconVariant,leftIconColor:e.leftIconColor,leftIconColorClass:g(e.leftIconColorClass),children:e.label}))))),u.default.createElement("div",{className:"tb-l:w-[380px] db:w-[520px] flex flex-col tb:justify-between"},u.default.createElement("div",null,u.default.createElement(z,{className:"mt-2 text-blue-800",textStyle:"h5"},e.title),e.para&&u.default.createElement(z,{className:"line-clamp-3 mt-2 text-neutral-700",textStyle:"body1c"},e.para)),u.default.createElement("div",{className:"flex pb-6 tb-l:pb-0"},e.readUrl&&e.para&&u.default.createElement("div",null,u.default.createElement(s8,{label:e.videoUrl?"Watch Recording":"Read more",type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",className:"mt-2",btnTextColorClass:"text-blue-500",animatedHoverStroke:"stroke-blue-500",btnTextHoverClass:"hover:text-blue-500"}))))),u.default.createElement("div",{className:`${t} tb-l:divide-y-2 divide-neutral-200 flex tb-l:w-full flex-col pt-0`},e.speakerSet&&u.default.createElement("div",{className:"px-6 py-6 border-t border-neutral-200 flex flex-col gap-6 tb:mt-0 tb-l:border-0 tb-l:h-full tb-l:justify-center "},e.speakerSet.map(((t,r)=>u.default.createElement("div",{key:r,className:"block"},u.default.createElement(G5,{name:t.name,size:"md",designation:t.designation,imageUrl:t.imageUrl,avatarBgColor:e.avatarBgColor}))))),e.eventTime&&u.default.createElement("div",{className:"border-t border-neutral-200 tb-l:border-0 w-full pl-6 p-6 flex flex-row justify-between items-center"},u.default.createElement(z,{textStyle:"h6",className:"text-blue-800 uppercase"},e.eventTime),e.addCalendarUrl&&u.default.createElement("a",{href:e.addCalendarUrl},u.default.createElement(s8,{leftIconVariant:"calendarplus02",leftIconColor:"#1E56E3",rightIconVariant:"none",state:"default",size:"sm",type:"iconOnly",label:""}))))))},exports.TalkDetailCard=zoe,exports.Testimonial=Koe,exports.TextAreaIF=function({label:e,placeholder:t,disabled:r}){return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"comment",className:"block text-sm-medium leading-6 text-neutral-800"},e),u.default.createElement("div",{className:"mt-2"},u.default.createElement("textarea",{rows:4,name:"comment",id:"comment",disabled:r,className:"block w-full rounded-md border-0 text-neutral-800 shadow ring-1 ring-inset ring-neutral-200 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:py-1.5 sm:text-md-regular sm:leading-6",defaultValue:"",placeholder:t})))},exports.TextCard=function(t){g(t.title_color);const r=g(t.sub_text_color),n=t.feature_cards_links&&t.feature_cards_links[0]?.title?t.feature_cards_links[0].title:null,[a,o]=e.useState();return e.useEffect((()=>{n&&o(n)}),[n]),u.default.createElement(u.default.Fragment,null,t.feature_cards_links&&u.default.createElement(u.default.Fragment,null,t.tagLine&&u.default.createElement(z,{textStyle:"h6",as:"h6",className:"text-blue-800 uppercase pb-1 tb-l:w-1/2"},t.tagLine),u.default.createElement(z,{textStyle:"h4",as:"h4",className:"text-neutral-1000 pb-8 tb-l:w-1/2"},t.title)),u.default.createElement("div",{className:"grid grid-cols-1 tb-l:grid-cols-2 gap-10 tb:gap-8"+(t.feature_cards_links?" tb:gap-16":" tb-l:gap-20")},u.default.createElement("div",null,u.default.createElement("div",null,!t.feature_cards_links&&u.default.createElement(u.default.Fragment,null,t.tagLine&&u.default.createElement(z,{textStyle:"h6",as:"h6",className:"text-blue-800 uppercase pb-1 tb-l:w-1/2"},t.tagLine),u.default.createElement(z,{textStyle:"h4",as:"h4",className:"text-neutral-1000 pb-6 max-w-[330px]"},t.title)),!t.feature_cards_links&&t.sub_title&&u.default.createElement(z,{textStyle:"sub1",className:`${r} pb-2 -mt-4`},t.sub_title),!t.content_right&&u.default.createElement(u.default.Fragment,null,t.descriptions&&t.descriptions.map(((e,t)=>u.default.createElement(z,{key:t,textStyle:"body1",className:"pb-6 pr-8 max-w-[412px] [&>p]:pb-2 [&>p]:text-neutral-600 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>ul>li]:text-neutral-600"},u.default.createElement(Hoe,null,e.description)))),t.descriptions_list&&u.default.createElement("div",{className:"pb-6"},t.descriptions_list&&t.descriptions_list.map(((e,t)=>{const r=g(e.icon_bg_color),n=g(e.icon_color);return u.default.createElement("div",{className:"flex items-start pb-4 last:pb-0",key:t},u.default.createElement("div",{className:`${r} w-6 h-6 min-w-[24px] min-h-[24px] rounded-full mr-2 flex items-center justify-center`},u.default.createElement(G$,{height:"h-3 w-3 stroke-[1.5px]",variant:e.icon_name,strokeClass:n,strokeColor:""})),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600"},e.description))}))),t.addiDescription&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600 max-w-[412px]"},t.addiDescription)),t.feature_cards_links&&u.default.createElement("div",{className:"tb:border border-neutral-150 rounded-3xl max-w-[460px]"},t.feature_cards_links.map(((e,t)=>{const r=g(e.icon_color),n=g(e.tab_img_bg_class);return u.default.createElement("div",{key:t,className:"border-b border-b-neutral-150 last:border-b-0 cursor-pointer",onClick:()=>o(e.title)},u.default.createElement("div",{className:"my-4 tb-l:m-2 p-4 tb:p-6 rounded-2xl transition ease-in duration-200 hover:bg-neutral-50"+(a===e.title?" bg-neutral-150":""),key:t},u.default.createElement("div",{className:"flex items-center pb-4"},u.default.createElement(G$,{height:"w-6 h-6 mr-2 stroke-[1.5px]",variant:e.icon_name,strokeClass:r,strokeColor:""}),u.default.createElement(z,{textStyle:"h5",as:"h5",className:"text-neutral-1000"},e.title)),e.description&&u.default.createElement(z,{textStyle:"body3",className:"pb-4 text-neutral-600"},e.description),e.descriptions_list&&e.descriptions_list.map(((e,t)=>{const r=g(e.icon_bg_color),n=g(e.icon_color);return u.default.createElement("div",{className:"flex items-start pb-4 last:pb-0",key:t},u.default.createElement("div",{className:`${r} w-5 h-5 min-w-[20px] min-h-[20px] rounded-full mr-2 flex items-center justify-center`},u.default.createElement(G$,{height:"h-3 w-3 stroke-[1.5px]",variant:e.icon_name,strokeClass:n,strokeColor:""})),u.default.createElement(z,{textStyle:"body3",className:"text-neutral-600"},e.description))})),e.cta_text&&e.cta_link&&u.default.createElement("a",{href:e.cta_link,className:"inline-flex"},u.default.createElement(s8,{label:e.cta_text,type:"secondaryLink",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:"#3970FD",btnTextColorClass:"text-blue-500",btnTextHoverClass:"text-blue-600",animatedHoverStroke:"group-hover:stroke-blue-600"})),e.tab_img_url&&u.default.createElement("div",{className:`${n} tb-l:hidden p-4 tb-l:p-12 rounded-2xl mt-8`},u.default.createElement("img",{src:e.tab_img_url,alt:e.title,loading:"lazy"}))))}))),t.button&&u.default.createElement("div",{className:"flex gap-6 items-center"},t.button.map(((e,t)=>u.default.createElement("a",{href:e.cta_link,key:t,className:"flex "},u.default.createElement(s8,{label:e.cta_text,type:e.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.rightAnimatedArrowColor||"#3970FD",btnBgColorClass:e.btnBg,btnTextHoverClass:e.btnTextColorClass,animatedHoverStroke:e.animatedHoverStroke,btnTextColorClass:e.btnTextColorClass}))))))),u.default.createElement(u.default.Fragment,null,t.content_right?u.default.createElement("div",null,t.descriptions&&t.descriptions.map(((e,t)=>u.default.createElement(z,{key:t,textStyle:"body1",className:"pb-6 pr-8 max-w-[412px] [&>p]:pb-2 last:[&>p]:pb-0 [&>p]:text-neutral-600 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>ul>li]:text-neutral-600"},u.default.createElement(Hoe,null,e.description)))),t.descriptions_list&&u.default.createElement("div",{className:"pb-6"},t.descriptions_list&&t.descriptions_list.map(((e,t)=>{const r=g(e.icon_bg_color),n=g(e.icon_color);return u.default.createElement("div",{className:"flex items-start pb-4 last:pb-0",key:t},u.default.createElement("div",{className:`${r} w-6 h-6 min-w-[24px] min-h-[24px] rounded-full mr-2 flex items-center justify-center`},u.default.createElement(G$,{height:"h-3 w-3 stroke-[1.5px]",variant:e.icon_name,strokeClass:n,strokeColor:""})),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600"},e.description))}))),t.addiDescription&&u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600 max-w-[412px]"},t.addiDescription)):u.default.createElement(u.default.Fragment,null,t.feature_cards_links?u.default.createElement(u.default.Fragment,null,t.feature_cards_links.map(((t,r)=>(g(t.tab_img_bg_class),u.default.createElement(e.Fragment,{key:r},a===t.title&&u.default.createElement("div",{className:("pattern"===t.tab_img_bg_class?"bg-neutral-100":"")+" hidden h-full p-4 tb-l:p-12 tb-l:flex items-center justify-center rounded-2xl db:rounded-3xl relative bg-neutral-100"},"pattern"===t.tab_img_bg_class&&u.default.createElement("div",{className:"pattern-gradient absolute left-0 top-0 w-full h-full rounded-3xl"}),t.tab_video_url?u.default.createElement("video",{loading:"lazy",controls:!1,autoPlay:!0,loop:!0,muted:!0,poster:t.tab_video_poster,className:"z-[1]"},u.default.createElement("source",{src:t.tab_video_url,type:"video/mp4"})):u.default.createElement("img",{className:"z-[1] max-h-[530px]",src:t.tab_img_url,alt:t.title,loading:"lazy"}))))))):u.default.createElement(u.default.Fragment,null,t.iframe_url||t.video_url?u.default.createElement("div",null,t.iframe_url?u.default.createElement("div",{className:"relative pb-[56.2%]"},u.default.createElement("iframe",{loading:"lazy",title:t.title,src:t.iframe_url,frameBorder:"0",allowFullScreen:!0,className:"absolute w-full h-full rounded-2xl db:rounded-3xl"})):u.default.createElement("video",{loading:"lazy",controls:!1,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,poster:t.video_poster,src:t.video_url,className:"rounded-2xl db:rounded-3xl"})):u.default.createElement(u.default.Fragment,null,t.img_url&&u.default.createElement("div",{className:("pattern"===t.img_bg_class?"px-5 py-10 db:p-8 bg-neutral-100":"px-0 py-0")+` ${g(t.img_bg_class)} relative rounded-2xl db:rounded-3xl`},"pattern"===t.img_bg_class&&u.default.createElement("div",{className:"pattern-gradient z-0 absolute left-0 top-0 w-full h-full rounded-3xl"}),u.default.createElement("img",{className:("pattern"===t.img_bg_class?"":"rounded-2xl db:rounded-3xl")+" z-[1] relative inline-block",src:t.img_url,alt:t.title,loading:"lazy"}))))))))},exports.TextIconCard=function(e){return u.default.createElement("div",{className:"tb-m:flex gap-14 gap-y-14 gap-x-14 tb:gap-12 db-s:gap-20 db:gap-24"},u.default.createElement("div",{className:"pb-10 tb-m:pb-0 db-s:max-w-[524px] tb-m:w-1/2 w-full flex flex-col justify-between"},u.default.createElement("div",null,e.tagline&&u.default.createElement(z,{textStyle:"h6",as:"h6",className:"pb-2 uppercase text-blue-400"},e.tagline),e.title&&u.default.createElement(z,{textStyle:"h3",as:"h3",className:"pb-2 text-neutral-1000"},e.title),e.description&&u.default.createElement(z,{textStyle:"sub2",className:"pb-6 text-neutral-600"},e.description)),u.default.createElement("div",null,e.imgUrl&&u.default.createElement("div",{className:"pb-4 pt-2"},u.default.createElement("img",{className:"max-w-[210px]",src:e.imgUrl,alt:e.title?e.title:"Illu"})),e.button&&u.default.createElement("a",{href:e.button.cta_link,className:"inline-flex ",download:!0,target:"_blank"},u.default.createElement(s8,{label:e.button.cta_text,type:e.button.cta_type||"secondary",leftIconVariant:"none",rightIconVariant:"none",state:"default",size:"md",rightAnimatedArrow:!0,rightAnimatedArrowColor:e.button.rightAnimatedArrowColor||"#3970FD",animatedHoverStroke:"group-hover:stroke-blue-600",btnTextHoverClass:"hover:text-blue-600",btnTextColorClass:"text-blue-500"})))),e.iconCards&&u.default.createElement("div",{className:"flex-1 pt-10 tb-m:pt-0 border-t border-neutral-200 tb-m:border-t-0"},e.iconCards.map(((e,t)=>u.default.createElement("div",{className:"pb-6 tb:pb-10 tb-l:pb-16 last:pb-0 tb:flex",key:t},u.default.createElement("div",{className:"w-12 h-12 min-w-[48px] rounded-full flex justify-center items-center mr-5 "+(e.iconBgClass?g(e.iconBgClass):"bg-blue-300")},u.default.createElement(G$,{height:"h-6 w-6 stroke-[1.5px]",variant:e.iconName?e.iconName:"cube02",strokeClass:"stroke-neutral-1000"})),u.default.createElement("div",null,u.default.createElement(z,{textStyle:"h4",as:"h4",className:"pb-2 pt-4 tb:pt-0 text-neutral-1000"},e.title),u.default.createElement(z,{textStyle:"body1",className:"text-neutral-600"},e.description)))))))},exports.Tooltip=t=>{let r;const[n,a]=e.useState(t.visible||!1);return u.default.createElement("div",{className:"relative inline-flex",onMouseEnter:()=>{r=setTimeout((()=>{a(!0)}),t.delay||500)},onMouseLeave:()=>{clearInterval(r),a(!1)}},t.children,n&&u.default.createElement("div",{className:"absolute z-50 px-2 py-1 rounded "+("bottom-centre"===t.direction||"bottom-right"===t.direction||"bottom-left"===t.direction?"bottom-full text-xs-bold mb-2.5 left-1/2 transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"left-centre"===t.direction?" text-xs-bold left-[160%] transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"right-centre"===t.direction?" text-xs-bold -left-[60%] transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"top-centre"===t.direction||"top-left"===t.direction?"bottom-full text-xs-bold -mb-[112%] left-1/2 transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"top-right"===t.direction?"bottom-full text-xs-bold -mb-[112%] left-1/2 transform -translate-x-1/2 bg-blue-600 text-neutral-0 shadow-lg w-full":"")},t.content,u.default.createElement("div",{className:"absolute w-full "+("bottom-centre"===t.direction?"-bottom-1.5 left-1/2 mb-px transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"bottom-right"===t.direction?"-bottom-1.5 left-[82.3%] mb-px transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"bottom-left"===t.direction?"-bottom-1.5 left-[17.6%] mb-px transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"left-centre"===t.direction?"bottom-1.5 transform rotate-45 bg-blue-600 -z-10 -ml-3":"right-centre"===t.direction?"bottom-1.5 left-[82.4%] transform rotate-45 bg-blue-600 -z-10 ml-1.5":"top-centre"===t.direction?"-bottom-1.5 left-1/2 mb-[28%] transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"top-left"===t.direction?"-bottom-1.5 left-[17.6%] mb-[28%] transform rotate-45 bg-blue-600 -z-10 -ml-1.5":"top-right"===t.direction?"-bottom-1.5 left-[82.3%] mb-[28%] transform rotate-45 bg-blue-600 -z-10 -ml-1.5":""),style:{width:"12px",height:"12px",transform:"rotate(45deg)"}})))},exports.TrailingButtonIF=function({label:e,disabled:t,helper:r,size:n,placeholder:a,leftIconVariant:o,leftIconColor:i,rightIconVariant:l,rightIconColor:s,buttonName:c}){return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"email",className:"block text-sm font-medium leading-6 text-gray-900"},e),u.default.createElement("div",{className:"mt-2 flex rounded-md shadow-sm"},u.default.createElement("div",{className:"relative flex flex-grow items-stretch focus-within:z-10"},u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"},o&&"none"!==o&&u.default.createElement("div",{className:"-ml-0.5 mr-2 h-4 w-4"},u.default.createElement(G$,{variant:o,strokeColor:i}))),u.default.createElement("input",{type:"email",name:"email",id:"email",disabled:t,className:"block w-full rounded-none rounded-l-md border-0 py-1.5 pl-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm sm:leading-6",placeholder:a})),u.default.createElement("button",{type:"button",disabled:t,className:"relative -ml-px inline-flex items-center gap-x-1.5 rounded-r-md px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200"},l&&"none"!==l&&u.default.createElement("div",{className:" ml-1.5 h-4 w-4"},u.default.createElement(G$,{variant:l,strokeColor:s})),c)))},exports.TrailingDropdownIF=function({disabled:e,label:t,helper:r,size:n,placeholder:a,dropOptions:o,currencySymbol:i}){return u.default.createElement("div",null,u.default.createElement("label",{htmlFor:"price",className:"block text-sm font-medium leading-6 text-gray-900"},t),u.default.createElement("div",{className:"relative mt-2 rounded-md shadow-sm"},u.default.createElement("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"},u.default.createElement("span",{className:"text-gray-500 sm:text-sm"},i)),u.default.createElement("input",{type:"text",name:"price",id:"price",disabled:e,className:"block w-full rounded-md border-0 py-1.5 pl-7 pr-20 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500 disabled:ring-gray-200 sm:text-sm sm:leading-6",placeholder:a}),u.default.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},u.default.createElement("label",{htmlFor:"currency",className:"sr-only"},"Currency"),u.default.createElement("select",{id:"currency",name:"currency",disabled:e,className:"h-full rounded-md border border-blue-200 py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm"},o.map((e=>u.default.createElement("option",null,e)))))))},exports.Translations=W,exports.Typography=z,exports.TypographyClasses=({applyclass:e,text:t})=>u.default.createElement("div",{className:" "},u.default.createElement("div",{className:"grid grid-cols-4 gap-10"},u.default.createElement("div",null,"ClassName"),u.default.createElement("div",null,"Tab"),u.default.createElement("div",null,"Mobile"),u.default.createElement("div",null,"Desktop")),u.default.createElement("div",{className:"grid grid-cols-4 gap-10 border"},u.default.createElement("div",null,e.map((e=>u.default.createElement("div",{className:""},u.default.createElement("div",{className:"text-lg-regular not-italic flex items-center ml-2 col-span-1 my-10"},e))))),u.default.createElement("div",{className:"grid grid-cols-3 gap-[14rem] "},e.map((e=>u.default.createElement("div",{className:""},u.default.createElement("div",{className:`${e} mr-2 `},"Aa"))))))),exports.V3Dropdown=Doe,exports.V3Footer=Vpe,exports.V3Header=vpe,exports.V3Tab=xpe,exports.VideoCard=Xoe;