@hanzo/ui 5.3.19 → 5.3.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/3d/button.js +298 -1
- package/dist/3d/button.mjs +273 -1
- package/dist/3d/card.js +234 -1
- package/dist/3d/card.mjs +207 -1
- package/dist/3d/carousel.js +371 -1
- package/dist/3d/carousel.mjs +344 -1
- package/dist/3d/grid.js +362 -1
- package/dist/3d/grid.mjs +337 -1
- package/dist/3d/index.js +1518 -1
- package/dist/3d/index.mjs +1472 -1
- package/dist/3d/marquee.js +352 -1
- package/dist/3d/marquee.mjs +327 -1
- package/dist/3d/pin.js +46 -1
- package/dist/3d/pin.mjs +24 -1
- package/dist/accordion.js +80 -1
- package/dist/accordion.mjs +55 -1
- package/dist/alert-dialog.js +220 -1
- package/dist/alert-dialog.mjs +187 -1
- package/dist/alert.js +68 -1
- package/dist/alert.mjs +64 -1
- package/dist/animation/animated-background.js +424 -1
- package/dist/animation/animated-background.mjs +418 -1
- package/dist/animation/animated-beam.js +119 -1
- package/dist/animation/animated-beam.mjs +97 -1
- package/dist/animation/animated-cursor.js +275 -1
- package/dist/animation/animated-cursor.mjs +270 -1
- package/dist/animation/animated-icon.js +357 -2
- package/dist/animation/animated-icon.mjs +351 -2
- package/dist/animation/animated-list.js +339 -1
- package/dist/animation/animated-list.mjs +333 -1
- package/dist/animation/animated-number.js +283 -1
- package/dist/animation/animated-number.mjs +277 -1
- package/dist/animation/animated-testimonials.js +97 -1
- package/dist/animation/animated-testimonials.mjs +75 -1
- package/dist/animation/animated-tooltip.js +67 -1
- package/dist/animation/animated-tooltip.mjs +45 -1
- package/dist/animation/apple-cards-carousel.js +308 -1
- package/dist/animation/apple-cards-carousel.mjs +285 -1
- package/dist/animation/apple-hello-effect.js +60 -1
- package/dist/animation/apple-hello-effect.mjs +38 -1
- package/dist/animation/index.js +1952 -2
- package/dist/animation/index.mjs +1921 -2
- package/dist/avatar.js +71 -1
- package/dist/avatar.mjs +47 -1
- package/dist/badge.js +66 -1
- package/dist/badge.mjs +40 -1
- package/dist/blocks/index.js +1665 -2
- package/dist/blocks/index.mjs +1626 -2
- package/dist/breadcrumb.js +107 -1
- package/dist/breadcrumb.mjs +99 -1
- package/dist/calendar.js +189 -1
- package/dist/calendar.mjs +164 -1
- package/dist/carousel.js +278 -1
- package/dist/carousel.mjs +249 -1
- package/dist/checkbox.js +60 -1
- package/dist/checkbox.mjs +35 -1
- package/dist/code/block.js +226 -2
- package/dist/code/block.mjs +203 -2
- package/dist/code/compare.js +445 -5
- package/dist/code/compare.mjs +422 -5
- package/dist/code/diff.js +430 -12
- package/dist/code/diff.mjs +406 -11
- package/dist/code/editor.js +243 -1
- package/dist/code/editor.mjs +218 -1
- package/dist/code/explorer.js +291 -1
- package/dist/code/explorer.mjs +268 -1
- package/dist/code/index.js +2515 -26
- package/dist/code/index.mjs +2472 -24
- package/dist/code/preview.js +364 -6
- package/dist/code/preview.mjs +341 -6
- package/dist/code/snippet.js +274 -2
- package/dist/code/snippet.mjs +250 -2
- package/dist/code/tabs.js +75 -1
- package/dist/code/tabs.mjs +53 -1
- package/dist/code/terminal.js +437 -3
- package/dist/code/terminal.mjs +414 -3
- package/dist/collapsible.js +33 -1
- package/dist/collapsible.mjs +9 -1
- package/dist/command.js +262 -1
- package/dist/command.mjs +232 -1
- package/dist/context-menu.js +207 -1
- package/dist/context-menu.mjs +171 -1
- package/dist/device/index.js +3 -1
- package/dist/device/index.mjs +2 -0
- package/dist/dialog.js +151 -1
- package/dist/dialog.mjs +121 -1
- package/dist/dock/basic.js +174 -1
- package/dist/dock/basic.mjs +151 -1
- package/dist/dock/index.js +628 -1
- package/dist/dock/index.mjs +601 -1
- package/dist/dock/limelight-nav.js +295 -1
- package/dist/dock/limelight-nav.mjs +274 -1
- package/dist/dock/macos.js +141 -1
- package/dist/dock/macos.mjs +118 -1
- package/dist/dock/menu.js +70 -1
- package/dist/dock/menu.mjs +48 -1
- package/dist/dock/message.js +144 -1
- package/dist/dock/message.mjs +122 -1
- package/dist/drawer.js +115 -1
- package/dist/drawer.mjs +103 -1
- package/dist/dropdown-menu.js +202 -1
- package/dist/dropdown-menu.mjs +166 -1
- package/dist/finance/AdvancedChart.js +48 -2
- package/dist/finance/AdvancedChart.mjs +46 -2
- package/dist/finance/CompanyProfile.js +48 -2
- package/dist/finance/CompanyProfile.mjs +46 -2
- package/dist/finance/CryptoScreener.js +45 -2
- package/dist/finance/CryptoScreener.mjs +43 -2
- package/dist/finance/Financials.js +52 -2
- package/dist/finance/Financials.mjs +50 -2
- package/dist/finance/ForexScreener.js +46 -2
- package/dist/finance/ForexScreener.mjs +44 -2
- package/dist/finance/MarketOverview.js +104 -2
- package/dist/finance/MarketOverview.mjs +102 -2
- package/dist/finance/NewsTimeline.js +44 -2
- package/dist/finance/NewsTimeline.mjs +42 -2
- package/dist/finance/OrderEntry.js +131 -1
- package/dist/finance/OrderEntry.mjs +129 -1
- package/dist/finance/OrdersHistory.js +64 -1
- package/dist/finance/OrdersHistory.mjs +62 -1
- package/dist/finance/PositionsList.js +80 -1
- package/dist/finance/PositionsList.mjs +78 -1
- package/dist/finance/StockScreener.js +46 -2
- package/dist/finance/StockScreener.mjs +44 -2
- package/dist/finance/SymbolInfo.js +46 -2
- package/dist/finance/SymbolInfo.mjs +44 -2
- package/dist/finance/TechnicalAnalysis.js +54 -2
- package/dist/finance/TechnicalAnalysis.mjs +52 -2
- package/dist/finance/TickerTape.js +56 -2
- package/dist/finance/TickerTape.mjs +54 -2
- package/dist/finance/TradingPanel.js +191 -1
- package/dist/finance/TradingPanel.mjs +189 -1
- package/dist/finance/index.js +930 -2
- package/dist/finance/index.mjs +914 -2
- package/dist/form/index.js +155 -1
- package/dist/form/index.mjs +125 -1
- package/dist/form.js +172 -1
- package/dist/form.mjs +142 -1
- package/dist/hover-card.js +58 -1
- package/dist/hover-card.mjs +34 -1
- package/dist/index.js +8467 -192
- package/dist/index.mjs +8087 -192
- package/dist/input-otp.js +79 -1
- package/dist/input-otp.mjs +54 -1
- package/dist/lib/utils.js +28 -1
- package/dist/lib/utils.mjs +24 -1
- package/dist/navigation/index.js +98 -1
- package/dist/navigation/index.mjs +79 -1
- package/dist/navigation-menu.js +149 -1
- package/dist/navigation-menu.mjs +116 -1
- package/dist/pattern/grid-pattern.js +326 -3
- package/dist/pattern/grid-pattern.mjs +303 -3
- package/dist/pattern/index.js +326 -3
- package/dist/pattern/index.mjs +303 -3
- package/dist/popover.js +63 -1
- package/dist/popover.mjs +37 -1
- package/dist/primitives/index.js +8467 -192
- package/dist/primitives/index.mjs +8087 -192
- package/dist/primitives-export.js +8467 -192
- package/dist/primitives-export.mjs +8087 -192
- package/dist/progress.js +62 -1
- package/dist/progress.mjs +37 -1
- package/dist/project/gantt.js +65 -1
- package/dist/project/gantt.mjs +43 -1
- package/dist/project/index.js +636 -1
- package/dist/project/index.mjs +611 -1
- package/dist/project/kanban.js +597 -1
- package/dist/project/kanban.mjs +572 -1
- package/dist/project/list.js +35 -1
- package/dist/project/list.mjs +12 -1
- package/dist/radio-group.js +68 -1
- package/dist/radio-group.mjs +45 -1
- package/dist/resizable.js +72 -1
- package/dist/resizable.mjs +48 -1
- package/dist/scroll-area.js +89 -1
- package/dist/scroll-area.mjs +66 -1
- package/dist/select.js +140 -1
- package/dist/select.mjs +111 -1
- package/dist/separator.js +59 -1
- package/dist/separator.mjs +34 -1
- package/dist/sheet.js +148 -1
- package/dist/sheet.mjs +117 -1
- package/dist/skeleton.js +32 -1
- package/dist/skeleton.mjs +27 -1
- package/dist/slider.js +99 -1
- package/dist/slider.mjs +73 -1
- package/dist/sonner.js +34 -1
- package/dist/sonner.mjs +29 -1
- package/dist/switch.js +62 -1
- package/dist/switch.mjs +37 -1
- package/dist/table.js +110 -1
- package/dist/table.mjs +101 -1
- package/dist/tabs.js +82 -1
- package/dist/tabs.mjs +57 -1
- package/dist/tailwind/index.js +2023 -1
- package/dist/tailwind/index.mjs +2011 -1
- package/dist/textarea.js +78 -1
- package/dist/textarea.mjs +56 -1
- package/dist/toggle-group.js +118 -1
- package/dist/toggle-group.mjs +93 -1
- package/dist/toggle.js +71 -1
- package/dist/toggle.mjs +48 -1
- package/dist/tooltip.js +67 -1
- package/dist/tooltip.mjs +40 -1
- package/dist/types/index.js +57 -1
- package/dist/types/index.mjs +51 -1
- package/dist/ui/announcement.js +129 -1
- package/dist/ui/announcement.mjs +107 -1
- package/dist/ui/avatar-group.js +88 -1
- package/dist/ui/avatar-group.mjs +65 -1
- package/dist/ui/banner.js +85 -1
- package/dist/ui/banner.mjs +62 -1
- package/dist/ui/cursor.js +78 -1
- package/dist/ui/cursor.mjs +56 -1
- package/dist/ui/index.js +475 -1
- package/dist/ui/index.mjs +442 -1
- package/dist/ui/marquee.js +74 -1
- package/dist/ui/marquee.mjs +52 -1
- package/dist/ui/pill.js +85 -1
- package/dist/ui/pill.mjs +62 -1
- package/dist/ui/spinner.js +28 -1
- package/dist/ui/spinner.mjs +26 -1
- package/dist/ui/tags.js +101 -1
- package/dist/ui/tags.mjs +79 -1
- package/dist/ui/ticker.js +73 -1
- package/dist/ui/ticker.mjs +51 -1
- package/dist/util/index.js +457 -1
- package/dist/util/index.mjs +399 -1
- package/package.json +1 -1
package/dist/blocks/index.js
CHANGED
|
@@ -1,2 +1,1665 @@
|
|
|
1
|
-
'use strict';var R=require('@radix-ui/react-accordion'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),je=require('react'),Be=require('next/image'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),oo=require('next/link'),reactIntersectionObserver=require('react-intersection-observer');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var R__namespace=/*#__PURE__*/_interopNamespace(R);var je__namespace=/*#__PURE__*/_interopNamespace(je);var Be__default=/*#__PURE__*/_interopDefault(Be);var oo__default=/*#__PURE__*/_interopDefault(oo);var Fe=Object.defineProperty;var i=(e,r)=>Fe(e,"name",{value:r,configurable:true});var gt=(e,r)=>{for(var o in r)Fe(e,o,{get:r[o],enumerable:true});};var ue={xs:2,sm:4,md:5,lg:6,xl:8};function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}i(s,"cn");var ge=R__namespace.Root,te=i(({className:e,ref:r,...o})=>jsxRuntime.jsx(R__namespace.Item,{className:s("",e),ref:r,...o}),"AccordionItem");te.displayName="AccordionItem";var oe=i(({className:e,children:r,hideArrow:o=false,ref:t,...n})=>jsxRuntime.jsx(R__namespace.Header,{className:"flex",children:jsxRuntime.jsxs(R__namespace.Trigger,{className:s("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),ref:t,...n,children:[r,o?null:jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]})}),"AccordionTrigger");oe.displayName=R__namespace.Trigger.displayName;var re=i(({className:e,children:r,ref:o,...t})=>jsxRuntime.jsx(R__namespace.Content,{className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-sm transition-all",ref:o,...t,children:jsxRuntime.jsx("div",{className:s("pt-0 pb-4",e),children:r})}),"AccordionContent");re.displayName=R__namespace.Content.displayName;var G=i(({className:e,ref:r,...o})=>jsxRuntime.jsx("div",{className:s("bg-card text-card-foreground rounded-lg border shadow-xs",e),ref:r,...o}),"Card");G.displayName="Card";var I=i(({className:e,ref:r,...o})=>jsxRuntime.jsx("div",{className:s("flex flex-col space-y-1.5 p-6",e),ref:r,...o}),"CardHeader");I.displayName="CardHeader";var ne=i(({className:e,ref:r,...o})=>jsxRuntime.jsx("h3",{className:s("text-2xl leading-none font-semibold tracking-tight",e),ref:r,...o}),"CardTitle");ne.displayName="CardTitle";var ie=i(({className:e,ref:r,...o})=>jsxRuntime.jsx("p",{className:s("text-text-secondary text-sm",e),ref:r,...o}),"CardDescription");ie.displayName="CardDescription";var D=i(({className:e,ref:r,...o})=>jsxRuntime.jsx("div",{className:s("p-6 pt-0",e),ref:r,...o}),"CardContent");D.displayName="CardContent";var M=i(({className:e,ref:r,...o})=>jsxRuntime.jsx("div",{className:s("flex items-center p-6 pt-0",e),ref:r,...o}),"CardFooter");M.displayName="CardFooter";var Ie=i((e,r)=>e.split(" ").find(t=>t.startsWith(`${r}-`)),"getPrimaryStartingWith");function He(e,r,o,t){let n=r(e);return n?o(n)??t:t??void 0}i(He,"getSpecifierData");function ae(e,r,o){if(typeof e=="number"&&typeof r=="number"&&typeof o=="number")return Math.min(Math.max(e,r),o);if(typeof e=="object"&&typeof r=="object"){let t=e,n=r,a=t.w/t.h,l=n.w/n.h;return a>l?{w:n.w,h:n.w/a}:{w:n.h*a,h:n.h}}throw new Error("Invalid parameters for constrain function")}i(ae,"constrain");function b(e,r){return e?e.toLowerCase().includes(r.toLowerCase()):false}i(b,"containsToken");function Ee(...e){let r={};for(let o of e)o&&typeof o=="object"&&Object.assign(r,o);return r}i(Ee,"ldMerge");var B=i(({children:e,className:r="",asTag:o="div",size:t="responsive",...n})=>{let a="typography gap-3 xs:typography-sm sm:typography sm:gap-4 lg:typography-lg lg:gap-5 xl:typography-xl xl:gap-6 typography-headings:font-heading ";switch(t){case "sm":a="typography typography-sm gap-3 typography-headings:font-heading typography-p:text-sm ";break;case "base":a="typography gap-4 typography-headings:font-heading ";break;case "lg":a="typography typography-lg gap-5 typography-headings:font-heading typography-p:text-lg ";break;case "xl":a="typography typography-xl gap-6 typography-headings:font-heading typography-p:text-lg ";break}return jsxRuntime.jsx(o,{...n,className:s(a,r),children:e})},"ApplyTypography");var vt=je__namespace.default.forwardRef(({sources:e,...r},o)=>jsxRuntime.jsx("video",{ref:o,...r,children:e.map((t,n)=>jsxRuntime.jsx("source",{src:t},n))})),j=vt;var Bt=i(({block:e,className:r=""})=>{if(e.blockType!=="accordian")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"accordian block required"});let o=e;return jsxRuntime.jsx(ge,{type:"single",collapsible:true,className:s("w-full border rounded-xl overflow-hidden",r),children:o.items.map((t,n)=>jsxRuntime.jsxs(te,{className:"border-b last:border-0 overflow-hidden",value:`value-${n}`,children:[jsxRuntime.jsx(oe,{className:"px-3 md:px-4 lg:px-6 hover:no-underline hover:bg-level-3",children:jsxRuntime.jsx(B,{children:jsxRuntime.jsx("h6",{className:"leading-[1.2] text-[1.05rem] font-semibold ",children:t.trigger})})}),jsxRuntime.jsx(re,{className:"p-4 border-t bg-level-1",children:jsxRuntime.jsx(B,{className:"flex flex-col justify-start items-start ",children:typeof t.content=="string"?jsxRuntime.jsx("p",{children:t.content}):t.content})})]},n))})},"AccordianBlockComponent"),ye=Bt;var Rt=i(({icon:e,size:r,agent:o,className:t=""})=>{if(!e)return null;let n=o==="phone";if(typeof e=="string"){let a=n&&r?r*.75:r;return jsxRuntime.jsx(Be__default.default,{src:e,width:a,height:a,alt:"icon",className:t})}return jsxRuntime.jsx("div",{className:t,children:e})},"InlineIcon"),se=Rt;var Nt=i((e,r,o)=>{let t=i(()=>e<o,"isFirstRow"),n=i(()=>e%o===0,"isFirstColumn"),a=i(()=>e===0,"isTLCorner"),l=i(()=>e===o-1,"isTRCorner"),p=i(()=>e===r-o,"isBLCorner"),m=i(()=>e===r-1,"isBRCorner"),d="border-b md:border-r p-4 md:p-8 lg:p-12 ";return t()&&(d+="border-t "),n()&&(d+="md:border-l "),a()?d+="border-t md:rounded-tl-lg ":l()?d+="md:rounded-tr-lg ":p()?d+="md:rounded-bl-lg ":m()&&(d+="md:rounded-br-lg "),d},"getCellClx"),Pt="gap-0 md:gap-0 xl:gap-0",Ge={getCellClx:Nt,gapClx:Pt};var Oe=new Map;Oe.set("style-table-borders",Ge);var We=i(e=>Oe.get(e),"default");var he=i((e,r)=>typeof e=="number"?`${r??""}grid-cols-${e} `:`${r??""}grid-cols-${e.columns} ${r??""}gap-${e.gap} `,"gridClx"),Dt=i(({block:e,className:r="",agent:o,children:t})=>{if(e.blockType!=="grid")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"grid block required"});let{cells:n,grid:a,specifiers:l}=e,m=i(f=>b(l,f),"specified")("style-table-borders")?We("style-table-borders"):void 0,d="grid ";if(o==="phone"){let f=a.mobile?a.mobile:a.at.xs?a.at.xs:a.at.sm??1;d+=he(f);}else {let f=false;for(let[g,y]of Object.entries(a.at))f?d+=he(y,`${g}:`):(d+=he(y),f=true);}let c=i(f=>"","getMutatorCellClx");if(m?.getCellClx){let f=typeof a.at.md=="number"?a.at.md:a.at.md.columns,g=n?.length;if(!f||!g)throw new Error("GridBlockComponent: using mutator, but colCount and / or cellCount is invalid!");c=i(y=>m.getCellClx(y,g,f),"getMutatorCellClx");}return jsxRuntime.jsx("div",{className:s("grid gap-2 md:gap-4 xl:gap-6",d,m?.gapClx??"",r),children:je__namespace.default.Children.count(t)>0?t:n?.map((f,g)=>jsxRuntime.jsx(T,{blocks:f,agent:o,className:c(g)},`cell-${g}`))})},"GridBlockComponent"),le=Dt;var Lt=i(({block:e,className:r="",agent:o})=>{if(e.blockType!=="bullet-cards")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"bullet cards block required"});let t=e,n=i(m=>b(t.specifiers,m),"specified"),a=n("no-card-border")?"border-0":"md:border",l=n("mobile-small-text")?"text-xs":"text-sm",p=n("border-muted-3")?"md:border-muted-3":n("border-muted-1")?"md:border-muted-1":"md:border-muted-2";return jsxRuntime.jsx(le,{block:{blockType:"grid",grid:t.grid},className:r,agent:o,children:t.cards.map((m,d)=>jsxRuntime.jsxs("div",{className:s("px-0 sm:px-4 py-1 md:py-4 rounded-lg flex flex-row justify-start items-center not-typography text-foreground",a,p),children:[jsxRuntime.jsx(se,{icon:m.icon,size:t.iconSize??28,agent:o,className:"shrink-0 mr-2 md:mr-4 "}),jsxRuntime.jsx("p",{className:s("m-0 sm:text-base",l),children:m.text})]},d))})},"BulletCardsBlockComponent"),$e=Lt;var Ce=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),Vt=je__namespace.forwardRef(({className:e,variant:r,size:o,asChild:t=false,isLoading:n=false,children:a,...l},p)=>jsxRuntime.jsxs(t?reactSlot.Slot:"button",{className:s(Ce({variant:r,size:o,className:e})),ref:p,...l,children:[n?jsxRuntime.jsx(lucideReact.Loader2,{className:s("h-4 w-4 animate-spin",o!=="icon"&&"mr-2")}):null,n&&o==="icon"?null:a]}));Vt.displayName="Button";var $t=i(({children:e})=>{let[r,o]=je.useState(false),t=i(a=>{o(a);let l=document.getElementsByTagName("video");Array.from(l).forEach(m=>{a?m.pause():m.play();});},"onOpenChange"),n=je__namespace.default.Children.map(e,a=>je__namespace.default.cloneElement(a,{open:r,onOpenChange:t}));return jsxRuntime.jsx(jsxRuntime.Fragment,{children:n})},"DialogVideoController"),Ue=$t;var Ut=i(({def:e,className:r="",...o})=>{if(e.action.type==="modal"){let t=e.action.def,n=t.Comp;return jsxRuntime.jsx(Ue,{children:jsxRuntime.jsx(n,{title:t.title,byline:t.byline,buttonText:e.text,buttonProps:{...e.props,...o,className:s(e.props?.className??"",r)},action:t.action,actionEnclosure:t.actionEnclosure,...t.props})})}return jsxRuntime.jsx(jsxRuntime.Fragment,{})},"ActionButton"),ke=Ut;var ce={};gt(ce,{burger:()=>lucideReact.Menu,gitHub:()=>Je,linkOut:()=>lucideReact.ArrowUpRight,moon:()=>lucideReact.Moon,sun:()=>lucideReact.SunMedium,youtube:()=>qe});var Xt=i(e=>jsxRuntime.jsx("svg",{viewBox:"0 0 256 256",xmlns:"http://www.w3.org/2000/svg",...e,children:jsxRuntime.jsxs("g",{style:{stroke:"none",strokeWidth:0,strokeDasharray:"none",strokeLinecap:"butt",strokeLinejoin:"miter",strokeMiterlimit:10,fill:"none",fillRule:"nonzero",opacity:1},transform:"translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)",children:[jsxRuntime.jsx("path",{d:"M 88.119 23.338 c -1.035 -3.872 -4.085 -6.922 -7.957 -7.957 C 73.144 13.5 45 13.5 45 13.5 s -28.144 0 -35.162 1.881 c -3.872 1.035 -6.922 4.085 -7.957 7.957 C 0 30.356 0 45 0 45 s 0 14.644 1.881 21.662 c 1.035 3.872 4.085 6.922 7.957 7.957 C 16.856 76.5 45 76.5 45 76.5 s 28.144 0 35.162 -1.881 c 3.872 -1.035 6.922 -4.085 7.957 -7.957 C 90 59.644 90 45 90 45 S 90 30.356 88.119 23.338 z",style:{stroke:"none",strokeWidth:1,strokeDasharray:"none",strokeLinecap:"butt",strokeLinejoin:"miter",strokeMiterlimit:10,fill:"red",fillRule:"nonzero",opacity:1},transform:" matrix(1 0 0 1 0 0) ",strokeLinecap:"round"}),jsxRuntime.jsx("polygon",{points:"36,58.5 59.38,45 36,31.5 ",style:{stroke:"none",strokeWidth:1,strokeDasharray:"none",strokeLinecap:"butt",strokeLinejoin:"miter",strokeMiterlimit:10,fill:"white",fillRule:"nonzero",opacity:1},transform:"matrix(1 0 0 1 0 0)"})]})}),"YouTubeLogo"),qe=Xt;var Kt=i(e=>jsxRuntime.jsx("svg",{viewBox:"0 0 438.549 438.549",...e,children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"})}),"GitHub"),Je=Kt;var ro=i(({def:e,onClick:r,size:o,variant:t,icon:n,iconAfter:a,className:l="",children:p})=>{let{href:m,newTab:d,variant:c,size:f,title:g}=e,y={};m.startsWith("http")||m.startsWith("mailto")?(y.rel="noreferrer noopener",(d??true)&&(y.target="_blank")):d&&(y.target="_blank");let h={href:m,...r?{onClick:r}:{},...y},u=i(()=>{if(je__namespace.default.Children.count(p)>0)return p;let C=n||(e.icon?e.icon:void 0),v=a||(e.iconAfter?e.iconAfter:false);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[C&&!v&&jsxRuntime.jsx("div",{className:"pr-1",children:C}),g&&jsxRuntime.jsx("div",{children:g}),C&&v&&jsxRuntime.jsx("div",{className:"pl-1",children:C})]})},"Contents");return jsxRuntime.jsx(oo__default.default,{className:s(Ce({variant:t||c||"link",size:o||f||"default"}),m.length>0||r?"":"pointer-events-none",l),...h,children:jsxRuntime.jsx(u,{})})},"LinkElement"),q=ro;var ao=i(({block:e,className:r="",itemClasses:o="",itemSize:t,renderLink:n,renderButton:a,agent:l})=>{if(e.blockType!=="cta")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"cta block required"});let{elements:p,specifiers:m}=e,d="",c="";b(m,"fill")?(d+="w-full ",c+="grow shrink !min-w-0"):b(m,"left")?d+="md:justify-start ":b(m,"right")?d+="md:justify-end ":d+="md:justify-center ";let f=b(m,"mobile-2-columns"),g=!b(m,"desktop-dont-fill"),y=b(m,"mobile-center-first-if-odd"),h=b(m,"mobile-odd-full-width"),u;if(p.length>1){let v=false;f&&(u="grid grid-cols-2 gap-2 self-stretch ",v=true),g?(u=u??"grid grid-cols-2 gap-2 self-stretch",v=true):u=u?u+"md:flex md:flex-row md:justify-center ":"flex flex-row justify-center ",c+=v?"!min-w-0 ":"";}u=u??"flex flex-col items-stretch gap-2 self-stretch md:flex-row sm:justify-center ";let C=i((v,S)=>{let x=S%2===0?-1:y?0:S-1;return l==="phone"&&f&&v===x?"col-span-2 "+(h?"w-full ":"w-3/5 mx-auto "):""},"getMobileColSpanClx");return jsxRuntime.jsx("div",{className:s(u,d,r),children:p.map((v,S)=>{let x=C(S,p.length);if(v.title){let N=v;return n?n(N,S):jsxRuntime.jsx(q,{def:N,size:t,className:s(c,o,x)},S)}else {let N=v;return a?a(N,S):jsxRuntime.jsx(ke,{def:N,size:t,className:s(c,o,x)},S)}})})},"CtaBlockComponent"),P=ao;var lo=i(({block:e,className:r="",agent:o,constraintTo:t})=>{if(e.blockType!=="image")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"image block required"});let{src:n,alt:a,dim:l,props:p,sizes:m,fullWidthOnMobile:d,svgFillClass:c,specifiers:f}=e,g=i(x=>b(f,x),"specified"),y={};if(p?.fill===void 0){let x=t?ae(l,t):l;y.width=x.w,y.height=x.h;}let h;if(a)h=a;else {let x=n.split("/");h=x.length>0?x[x.length]:n;}let u=c??"";if(o==="phone")if(g("mobile-full-width")||d){let x={style:{width:"100%",height:"auto",maxWidth:"420px"},sizes:"100vw"};return x.width=l.w,x.height=l.h,jsxRuntime.jsx("div",{className:"flex flex-col items-center w-full",children:jsxRuntime.jsx(Be__default.default,{src:n,alt:h,...x,className:s(u,r)})})}else g("mobile-no-scale")||(p?.style?.width==="auto"&&typeof p.style.height=="number"?p.style.height=p.style.height*.75:p?.style?.height==="auto"&&typeof p?.style?.width=="number"?p.style.width=p.style.width*.75:p?.style&&!p?.style.width&&(y.width=l.w*.75,y.height=l.h*.75));m&&(y.sizes=m);let C=b(f,"right"),v=b(f,"center"),S=C?"self-end":v?"self-center":"self-start";return p?.fill?jsxRuntime.jsx("div",{className:"relative w-full h-full",children:jsxRuntime.jsx(Be__default.default,{src:n,alt:h,...y,...p,className:s(u,"max-w-[70vw] mx-auto",r)})}):jsxRuntime.jsx(Be__default.default,{src:n,alt:h,...y,...p,className:s(S,u,"max-w-[70vw] mx-auto",r)})},"ImageBlockComponent"),X=lo;var go=i(({block:e,className:r="",agent:o,usePoster:t=false,size:n="md",constrainTo:a})=>{let[l,p]=je.useState(void 0),m=i(()=>{p({w:window.innerWidth,h:window.innerHeight});},"onResize");if(je.useEffect(()=>{if(window&&o==="desktop")return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)},[typeof window<"u"]),je.useLayoutEffect(()=>{m();},[]),e.blockType!=="video")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"video block required"});let c=e,f=c.dim.md.w/c.dim.md.h;if(o==="phone"){if(c.sizing?.mobile?.vw)if(l){let u=c.sizing.mobile.vw/100*l.w,C={h:u/f,w:u};return jsxRuntime.jsx(j,{className:s("mx-auto",r),sources:c.sources,width:C.w,height:C.h,...c.videoProps})}else {let u=`${c.sizing.mobile.vw}vw`;return jsxRuntime.jsx("div",{className:"dummy-div",style:{maxWidth:"100%",maxHeight:"100%",width:u,height:`calc(${u}/${f})`,backgroundImage:`url(${c.poster})`,backgroundSize:"contain",backgroundRepeat:"no-repeat"}})}}else if(c.sizing?.vh)if(l){let u=c.sizing.vh/100*l.h,C={h:u,w:u*f};return jsxRuntime.jsx(j,{className:s("mx-auto",r),sources:c.sources,width:C.w,height:C.h,...c.videoProps})}else {let u=`${c.sizing.vh}vh`;return jsxRuntime.jsx("div",{className:"dummy-div",style:{maxWidth:"100%",maxHeight:"100%",height:u,width:`calc(${u}*${f})`,backgroundImage:`url(${c.poster})`,backgroundSize:"contain",backgroundRepeat:"no-repeat"}})}let g=c.dim,y=n&&n in g?g[n]:g.md,h=a?ae(y,a):y;return t?jsxRuntime.jsx(Be__default.default,{src:c.poster,alt:"image",width:h.w,height:h.h,className:r}):jsxRuntime.jsx(j,{className:s("mx-auto",r),sources:c.sources,width:h.w,height:h.h,...c.videoProps})},"VideoBlockComponent"),$=go;var Ke=i(e=>He(e,r=>Ie(r,"typography"),r=>{let o=r.split("-");return o[o.length-1]},"responsive"),"getTypographySize");var ho=i(({def:e})=>jsxRuntime.jsx(q,{def:e,className:"justify-between",variant:"link",icon:jsxRuntime.jsx(ce.linkOut,{className:"w-[18px] h-[18px]"}),iconAfter:true}),"ArrowLinkElement"),Qe=ho;var bo=i(({block:e,className:r="",contentClassName:o=""})=>{if(e.blockType!=="card")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"card block required"});let t=e,n=i(F=>t.specifiers?.includes(F),"has"),a=n("ghost"),l=(n("content-left")?"items-start ":" items-center ")+(n("content-top")?"!justify-start":"")+o,p=n("appear-disabled")?" border-muted-4":" border-muted-3",m=n("no-outer-border")||a?" border-0":"",d=a?" border-0":"",c=a?" px-0 py-0":" px-6 py-3",f=a?" gap-2":"",g=n("appear-disabled")?" text-muted-2":"",y=n("appear-disabled")?" typography-p:text-muted-2":"",h=n("bg-card")?" bg-level-1":"",u=(n("heading-style-title")?" font-heading text-base leading-tight":"")+(a?" text-left md:text-xl":""),C=t.specifiers?Ke(t.specifiers):"responsive",v=C==="sm"?"typography-sm typography-p:text-sm ":C==="lg"?"typography-lg ":"",S=n("content-before"),x=n("icon-inline"),N=n("reveal-content-on-hover"),Le=i(({inContent:F=false,className:fe=""})=>t.title||t.byline||t.icon?jsxRuntime.jsxs(I,{className:"not-typography text-accent"+g+c+d+fe,children:[jsxRuntime.jsxs("div",{className:x||F?"flex flex-row justify-start items-end my-3":"",children:[t.icon&&!t.iconAfter&&jsxRuntime.jsx("div",{className:x?"mr-1":"mb-2",children:t.icon}),t.title&&jsxRuntime.jsx(ne,{className:"text-center text-lg font-medium"+u+(x?" md:text-xl/none":""),children:t.title}),t.icon&&t.iconAfter&&jsxRuntime.jsx("div",{className:x?"ml-1":"my-1",children:t.icon})]}),t.byline&&jsxRuntime.jsx(ie,{children:t.byline})]}):null,"Header"),ft=i(({className:F=""})=>n("media-left")?jsxRuntime.jsxs(D,{className:"flex flex-row justify-start items-stretch p-0 grow "+p+h+l+F,children:[t.media&&jsxRuntime.jsx("div",{className:"box-content grow-0 not-typography"+c,style:{width:t.media.dim.sm.w},children:jsxRuntime.jsx($,{block:t.media,usePoster:n("video-use-poster"),size:"sm",className:n("appear-disabled")?"opacity-[0.6]":""})}),t.content&&jsxRuntime.jsx(B,{className:"grow border-l flex flex-col justify-center "+y+c+p+l,size:C,children:typeof t.content=="string"?jsxRuntime.jsx("p",{children:t.content}):t.content})]}):jsxRuntime.jsxs(D,{className:"grow typography flex flex-col justify-center "+v+y+h+c+l+(n("full-width")?" p-0 ":" ")+F,children:[N&&jsxRuntime.jsx(Le,{inContent:true}),t.content&&S&&(typeof t.content=="string"?jsxRuntime.jsx("p",{children:t.content}):t.content),t.media&&(t.media.blockType==="image"?jsxRuntime.jsx(X,{block:t.media}):jsxRuntime.jsx($,{block:t.media})),t.content&&!S&&(typeof t.content=="string"?jsxRuntime.jsx("p",{children:t.content}):t.content)]}),"MediaAndContent"),ut=i(()=>t.cta?n("links-w-arrow")?jsxRuntime.jsx(M,{className:"typography typography-a:text-muted-2 typography-a:hover:text-muted-1 typography-a:text-xs typography-a:no-underline typography-a:hover:underline flex flex-col justify-start items-stretch "+c,children:jsxRuntime.jsx(P,{block:t.cta,renderLink:(F,fe)=>jsxRuntime.jsx(Qe,{def:F},fe)})}):jsxRuntime.jsx(M,{className:"grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center "+c,children:jsxRuntime.jsx(P,{block:t.cta})}):null,"Footer");return jsxRuntime.jsxs(G,{className:s("flex flex-col self-stretch "+(N?"group relative":"")+p+m+h+f,r),children:[jsxRuntime.jsx(Le,{className:N?" absolute top-[0px] left-[0px] w-full hidden ":""}),jsxRuntime.jsx(ft,{className:N?" bg-gradient-to-t from-secondary to-65% items-start justify-start rounded-lg p-4 transition-opacity duration-500 ease-out opacity-100 ":""}),jsxRuntime.jsx(ut,{})]})},"CardBlockComponent"),Te=bo;var xo=i(({block:e,agent:r,className:o,headingclx:t,contentclx:n,footerclx:a})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex gap-2",children:[e.topContent&&jsxRuntime.jsx(T,{blocks:e.topContent,agent:r,className:"self-center ml-6 mt-6"}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[e.heading&&jsxRuntime.jsx(I,{className:s("typography-img:m-0",t),children:jsxRuntime.jsx(V,{block:e.heading,className:"text-accent",agent:r})}),e.content&&jsxRuntime.jsx(D,{className:s("typography flex flex-col justify-start",n,o),children:jsxRuntime.jsx(T,{blocks:e.content,agent:r})})]})]}),e.cta&&jsxRuntime.jsx(M,{className:s("grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center mx-auto",a),children:jsxRuntime.jsx(P,{block:e.cta,agent:r})})]}),"VariantContentLeft"),Ze=xo;var vo=i((e,r)=>{let o="";if(e==="big-padding")switch(r){case "header":o="md:p-8 lg:p-12 xl:p-16";break}if(e==="big-padding-content")switch(r){case "content":o="md:p-8 lg:p-12 xl:p-16";break}else if(e==="no-inner-borders")switch(r){case "header":o="border-none";break;case "footer":o="border-t-0";break}return o},"_getClx"),Bo=i(({block:e,className:r="",agent:o})=>{if(e.blockType!=="carte-blanche")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"carte blanche block required"});let t=e,n=i(g=>b(t.specifiers,g),"specified"),a=i((g,y)=>n(g)?vo(g,y):"","getClx"),l=[a("big-padding","header"),a("no-inner-borders","header")].join(" "),p=[a("big-padding-content","content")].join(" "),m=[a("no-inner-borders","footer")].join(" "),d=n("no-outer-borders"),c=n("variant-content-left"),f=n("variant-mobile-content-left");return jsxRuntime.jsx(G,{className:s("flex flex-col",r,d?"border-none":""),children:c||f&&o==="phone"?jsxRuntime.jsx(Ze,{block:t,agent:o,className:r,headingclx:l,contentclx:p,footerclx:m}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[(t.heading||t.topContent)&&jsxRuntime.jsxs(I,{className:s("typography-img:m-0",l),children:[t.topContent&&jsxRuntime.jsx(T,{blocks:t.topContent,agent:o,className:""}),t.heading&&jsxRuntime.jsx(V,{block:t.heading,className:"text-accent",agent:o})]}),t.content&&jsxRuntime.jsx(D,{className:s("typography flex flex-col justify-center",p,r),children:jsxRuntime.jsx(T,{blocks:t.content,agent:o})}),t.cta&&jsxRuntime.jsx(M,{className:s("grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center",m),children:jsxRuntime.jsx(P,{block:t.cta,agent:o})})]})})},"CarteBlancheBlockComponent"),ot=Bo;var K={preheading:{tag:"h4",mb:2},heading:{tag:"h1",mb:2},byline:{tag:"h6"}},Se=i(e=>{switch(e){case 1:return "h1";case 2:return "h2";case 3:return "h3";case 4:return "h4";case 5:return "h5";case 6:return "h6"}return "p"},"tagFromLevel"),rt=i(({asTag:e,text:r,icon:o,iconLeft:t=true,className:n=""})=>jsxRuntime.jsx(e,{className:n,children:r}),"Element"),To=i((e,r)=>{let o=e("mobile-heading-centered"),t=e("mobile-heading-left"),n=e("center"),a=e("right"),l=e("byline-center"),p=e("byline-right"),m=e("mobile-byline-left"),d="",c=l?"self-center !text-center":p?"self-end !text-right":"self-start !text-left";if(r==="phone")t?d="self-start text-left":d=o||n?"self-center text-center":a?"self-end text-right":"self-start text-left",m&&(c="self-start !text-left");else {let f=n?"self-center text-center":a?"self-end text-right":"self-start text-left";o?d="self-center text-center md:"+f.split(" ").join(" md:"):d=f;}return {preheading:d,heading:d,byline:c}},"getPositionClx"),wo=i(({block:e,className:r="",agent:o,applyTypography:t=true,extraSpecifiers:n=""})=>{if(e.blockType!=="enh-heading")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"enhance heading block required"});let a=e,l=i(g=>b(a.specifiers+n,g),"specified"),m=l("preheading-heading-font")?"font-heading":"",d=l("align-middle")?"my-auto":"",c=To(l,o),f=i(()=>{let g=[{tag:a.preheading?a.preheading.level!==void 0?Se(a.preheading.level):K.preheading.tag:void 0,clx:a.preheading?(a.preheading.mb!==void 0?`mb-${a.preheading.mb}`:`mb-${K.preheading.mb}`)+" "+c.preheading+" "+m:c.preheading+" "+m,text:a.preheading?a.preheading.text:void 0},{tag:a.heading.level!==void 0?Se(a.heading.level):K.heading.tag,clx:(a.heading.mb!==void 0?`mb-${a.heading.mb}`:`mb-${K.heading.mb}`)+" "+c.heading,text:a.heading.text},{tag:a.byline?a.byline.level!==void 0?Se(a.byline.level):K.byline.tag:void 0,clx:c.byline,text:a.byline?a.byline.text:void 0}],y=false;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:g.map(({tag:h,clx:u,text:C},v)=>h?a.icon&&!y?(y=true,jsxRuntime.jsxs("div",{className:s("flex flex-row items-center gap-2 sm:gap-4",u),children:[jsxRuntime.jsx(se,{icon:a.icon,size:a.iconSize??32,agent:o}),jsxRuntime.jsx(rt,{asTag:h,text:C})]},`div-${v}`)):jsxRuntime.jsx(rt,{asTag:h,text:C,className:u},`el-${v}`):null)})},"Inner");return t?jsxRuntime.jsx(B,{className:s("flex flex-col w-full !gap-0",r,d),children:jsxRuntime.jsx(f,{})}):jsxRuntime.jsx("div",{className:s("flex flex-col w-full gap-0",r,d),children:jsxRuntime.jsx(f,{})})},"EnhHeadingBlockComponent"),V=wo;var Ro=i(({block:e,className:r=""})=>{if(e.blockType!=="heading")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"heading block required"});let o=e,t,n;switch(o.bylineLevel){case 0:n="p";break;case 1:n="h1";break;case 2:n="h2";break;case 3:n="h3";break;case 4:n="h4";break;case 5:n="h5";break;case 6:n="h6";break}switch(o.level){case 0:t="p",n=n??"p";break;case 1:t="h1",n=n??"h3";break;case 2:t="h2",n=n??"h4";break;case 4:t="h4",n=n??"h6";break;case 5:t="h5",n=n??"p";break;case 6:t="h6",n=n??"p";break;default:t="h3",n=n??"h5";}return jsxRuntime.jsxs(B,{className:r,children:[jsxRuntime.jsx(t,{children:o.heading}),o.spaceBetween&&jsxRuntime.jsx("div",{className:`w-[1px] h-${o.spaceBetween}`}),o.byline&&jsxRuntime.jsx(n,{children:o.byline}),o.spaceAfter&&jsxRuntime.jsx("div",{className:`w-[1px] h-${o.spaceAfter}`})]})},"HeadingBlockComponent"),Re=Ro;var it={xs:"0px",sm:"480px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1500px"};var Ne=Object.keys(it);var Ao=i(e=>{let o=e.split(" ").find(t=>t.startsWith("layout-"));if(o){let t=o.split("-"),n=t[1],a={};switch(n){case "grid":{let l=parseInt(t[2],10),p=t[4];if(Number.isNaN(l)||l<2||l>6||!Ne.includes(p))return;a={columns:l,starting:p};}break}return {layout:n,spec:a}}},"getLayoutInfo"),Do=i(({block:e,className:r=""})=>{if(e.blockType!=="group")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"group block required"});let o=e;if(o.specifiers?.includes("layout")){let t=Ao(o.specifiers);if(!t)return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"invalid or missing layout specifier in group block!"});if(t.layout==="grid"){let{elements:n}=o,{spec:{starting:a,columns:l}}=t,p=s("grid xs:grid-cols-1 gap-2 sm:gap-3",`${a}:grid-cols-${l} `,r);return jsxRuntime.jsx("div",{className:p,children:jsxRuntime.jsx(T,{blocks:n})})}}return null},"GroupBlockComponent"),Pe=Do;var Mo=["div","h1","h2","h3","h4","h5","h6"],Lo=i(({block:e,className:r=""})=>{if(e&&e.blockType!=="space")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"space block required"});let o=e;if(!o.level){if(typeof o.sizes=="number")return jsxRuntime.jsx("div",{className:s(`invisible w-[1px] h-${o.sizes}`,r)});let a={};Ee(a,ue,o.sizes);let l="";for(let[p,m]of Object.entries(a))l+=`${p}:h-${m} `;return o.test&&console.log(l),jsxRuntime.jsx("div",{className:s("invisible w-[1px] "+l,r)})}let t=Mo[o.level],n=o.level===0?"h-4":"";return jsxRuntime.jsx(B,{className:r,children:jsxRuntime.jsx(t,{className:"invisible m-0 "+n,children:"\xA0"})})},"SpaceBlockComponent"),Ae=Lo;var w=new Map;w.set("accordian",ye);w.set("bullet-cards",$e);w.set("card",Te);w.set("carte-blanche",ot);w.set("cta",P);w.set("heading",Re);w.set("enh-heading",V);w.set("space",Ae);w.set("image",X);w.set("video",$);w.set("group",Pe);w.set("grid",le);var Io=i((e,r)=>{w.set(e,r);},"registerBlockType"),st=i((e,r,o,t)=>{if(e.blockType==="element")return e.element;let n=w.get(e.blockType);return n?jsxRuntime.jsx(n,{block:e,className:r,agent:o},t??""):null},"renderBlock"),T=i(({blocks:e,className:r="",agent:o})=>e?Array.isArray(e)?e.map((t,n)=>st(t,r,o,`content-block-${t.blockType}-${n}`)):st(e,r,o):null,"ContentComponent");var Eo=i(({children:e,banner:r,className:o=""})=>r?jsxRuntime.jsx("div",{className:s("relative",o),style:{height:"100%",width:"100%",backgroundImage:`url(${typeof r=="string"?r:r.poster})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},children:e}):jsxRuntime.jsx("div",{className:s("bg-transparent h-full w-full relative",o),children:e}),"Poster"),pt=Eo;var ct=i(({blocks:e,specifiers:r,agent:o,className:t=""})=>{let n=i(l=>b(r,l),"specified"),a="";return o!=="phone"?n("right")?a+="items-end ":n("center")?a+="items-center ":a+="items-start ":a+="items-start ",o!=="phone"?(n("bottom")?a+="justify-end ":n("vert-center")?a+="justify-center ":a+="justify-start ",n("text-align-right")?a+="text-right ":a+="text-left "):n("mobile-vert-center")?a+="justify-center ":a+="justify-start ",o==="phone"&&n("mobile-center-headings")&&(a+="typography-headings:text-center "),jsxRuntime.jsx("div",{className:s("flex flex-col justify-center h-full",a,t),children:jsxRuntime.jsx(T,{blocks:e,agent:o})})},"ContentColumn"),zo=i(({block:e,agent:r,className:o=""})=>{let t="flex flex-col gap-2 sm:gap-4 h-full "+(r!=="phone"?`md:grid md:gap-8 md:grid-cols-${e.contentColumns.length} `:""),n=i(a=>{let l=e.mobileOrder?.indexOf(a);return l&&l>=0?`order-${l} md:order-none`:""},"orderclx");return e.contentColumns.length==1?jsxRuntime.jsx(ct,{blocks:e.contentColumns[0],specifiers:e.columnSpecifiers?.[0],agent:r,className:s(o)}):jsxRuntime.jsx("div",{className:s(t,o),children:e.contentColumns.map((a,l)=>jsxRuntime.jsx(ct,{blocks:a,specifiers:e.columnSpecifiers?.[l],agent:r,className:n(l)},l))})},"Content"),mt=zo;var Go=i(({block:e,className:r="",initialInView:o})=>{let{ref:t,inView:n}=reactIntersectionObserver.useInView({threshold:.75,initialInView:o});return e?jsxRuntime.jsx("div",{ref:t,className:r,children:n&&jsxRuntime.jsx("video",{autoPlay:true,loop:true,muted:true,style:{margin:0,height:"100%",width:"100%",objectFit:"cover"},children:e.sources?.map((a,l)=>jsxRuntime.jsx("source",{src:a},l))})}):null},"VideoBG"),dt=Go;var $o=i(e=>{let[r,o]=je.useState(false);return je.useEffect(()=>{o(true);},[]),r?jsxRuntime.jsx(dt,{...e}):null},"Video"),_o=i(({block:e,agent:r,initialInView:o=false,snapTile:t=false,clx:n="",contentClx:a="",bottom:l})=>{if(e.blockType!=="screenful")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"screenful block required"});let p=e,m=i(()=>!!p.banner&&typeof p.banner=="object","hasBannerVideo"),d=r==="desktop"?"h-full ":"h-[100svh] ",c=i(v=>b(p.specifiers,v),"specified"),f=c("narrow-gutters"),g=c("no-gutters"),y=c("full-screen-width"),h=c("vert-center"),u=p.contentColumns.length===1,C=["xl:mx-auto overflow-y-hidden h-full",y?"":"max-w-screen-xl",f?"px-6 lg:px-8 2xl:px-2 pb-4 lg:pb-6 xl:pb-8 "+(t?"pt-15 md:pt-26 lg:pt-28 ":""):g?"px-0 pb-0 "+(t?"pt-11 lg:pt-20 ":""):"px-[8vw] xl:px-[1vw] pb-[8vh] pt-[calc(44px+4vh)] md:pt-[calc(80px+6vh)] ",r&&r!=="desktop"?"pt-15 sm:pt-17 pb-0 px-3 sm:px-8":""];return jsxRuntime.jsxs("section",{...p.anchorId?{id:p.anchorId}:{},className:s(t?"snap-start snap-always h-[100vh]":"min-h-screen",l?"flex flex-col":"",n),children:[jsxRuntime.jsx(B,{className:s("w-full flex flex-row justify-center self-stretch",t?d:"",l?"grow":""),children:jsxRuntime.jsxs(pt,{banner:p.banner,children:[m()&&jsxRuntime.jsx($o,{block:p.banner,className:"absolute top-0 left-0 bottom-0 right-0",initialInView:o}),jsxRuntime.jsxs("div",{className:s(...C,t?"absolute left-0 right-0 top-0 bottom-0 ":"flex min-h-screen w-full",a,h?"self-center "+(u?"!py-0":""):""),children:[jsxRuntime.jsx(mt,{block:p,agent:r,className:"w-full"}),p.footer]})]})}),l]})},"ScreenfulComponent"),jo=_o;
|
|
2
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
5
|
+
var lucideReact = require('lucide-react');
|
|
6
|
+
var clsx = require('clsx');
|
|
7
|
+
var tailwindMerge = require('tailwind-merge');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
var React4 = require('react');
|
|
10
|
+
var Image2 = require('next/image');
|
|
11
|
+
var reactSlot = require('@radix-ui/react-slot');
|
|
12
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
13
|
+
var Link = require('next/link');
|
|
14
|
+
var reactIntersectionObserver = require('react-intersection-observer');
|
|
15
|
+
|
|
16
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
|
|
18
|
+
function _interopNamespace(e) {
|
|
19
|
+
if (e && e.__esModule) return e;
|
|
20
|
+
var n = Object.create(null);
|
|
21
|
+
if (e) {
|
|
22
|
+
Object.keys(e).forEach(function (k) {
|
|
23
|
+
if (k !== 'default') {
|
|
24
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
25
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return e[k]; }
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
n.default = e;
|
|
33
|
+
return Object.freeze(n);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
37
|
+
var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
|
|
38
|
+
var Image2__default = /*#__PURE__*/_interopDefault(Image2);
|
|
39
|
+
var Link__default = /*#__PURE__*/_interopDefault(Link);
|
|
40
|
+
|
|
41
|
+
var __defProp = Object.defineProperty;
|
|
42
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
43
|
+
var __export = (target, all) => {
|
|
44
|
+
for (var name in all)
|
|
45
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// blocks/def/space-block.ts
|
|
49
|
+
var SPACE_DEFAULTS = {
|
|
50
|
+
xs: 2,
|
|
51
|
+
sm: 4,
|
|
52
|
+
md: 5,
|
|
53
|
+
lg: 6,
|
|
54
|
+
xl: 8
|
|
55
|
+
};
|
|
56
|
+
function cn(...inputs) {
|
|
57
|
+
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
58
|
+
}
|
|
59
|
+
__name(cn, "cn");
|
|
60
|
+
var Accordion = AccordionPrimitive__namespace.Root;
|
|
61
|
+
var AccordionItem = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { className: cn("", className), ref, ...props }), "AccordionItem");
|
|
62
|
+
AccordionItem.displayName = "AccordionItem";
|
|
63
|
+
var AccordionTrigger = /* @__PURE__ */ __name(({
|
|
64
|
+
className,
|
|
65
|
+
children,
|
|
66
|
+
hideArrow = false,
|
|
67
|
+
ref,
|
|
68
|
+
...props
|
|
69
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
70
|
+
AccordionPrimitive__namespace.Trigger,
|
|
71
|
+
{
|
|
72
|
+
className: cn(
|
|
73
|
+
"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
|
74
|
+
className
|
|
75
|
+
),
|
|
76
|
+
ref,
|
|
77
|
+
...props,
|
|
78
|
+
children: [
|
|
79
|
+
children,
|
|
80
|
+
hideArrow ? null : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
|
|
81
|
+
]
|
|
82
|
+
}
|
|
83
|
+
) }), "AccordionTrigger");
|
|
84
|
+
AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
|
|
85
|
+
var AccordionContent = /* @__PURE__ */ __name(({
|
|
86
|
+
className,
|
|
87
|
+
children,
|
|
88
|
+
ref,
|
|
89
|
+
...props
|
|
90
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
91
|
+
AccordionPrimitive__namespace.Content,
|
|
92
|
+
{
|
|
93
|
+
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-sm transition-all",
|
|
94
|
+
ref,
|
|
95
|
+
...props,
|
|
96
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
|
|
97
|
+
}
|
|
98
|
+
), "AccordionContent");
|
|
99
|
+
AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
|
|
100
|
+
var Card = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
101
|
+
"div",
|
|
102
|
+
{
|
|
103
|
+
className: cn(
|
|
104
|
+
"bg-card text-card-foreground rounded-lg border shadow-xs",
|
|
105
|
+
className
|
|
106
|
+
),
|
|
107
|
+
ref,
|
|
108
|
+
...props
|
|
109
|
+
}
|
|
110
|
+
), "Card");
|
|
111
|
+
Card.displayName = "Card";
|
|
112
|
+
var CardHeader = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
113
|
+
"div",
|
|
114
|
+
{
|
|
115
|
+
className: cn("flex flex-col space-y-1.5 p-6", className),
|
|
116
|
+
ref,
|
|
117
|
+
...props
|
|
118
|
+
}
|
|
119
|
+
), "CardHeader");
|
|
120
|
+
CardHeader.displayName = "CardHeader";
|
|
121
|
+
var CardTitle = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
122
|
+
"h3",
|
|
123
|
+
{
|
|
124
|
+
className: cn(
|
|
125
|
+
"text-2xl leading-none font-semibold tracking-tight",
|
|
126
|
+
className
|
|
127
|
+
),
|
|
128
|
+
ref,
|
|
129
|
+
...props
|
|
130
|
+
}
|
|
131
|
+
), "CardTitle");
|
|
132
|
+
CardTitle.displayName = "CardTitle";
|
|
133
|
+
var CardDescription = /* @__PURE__ */ __name(({
|
|
134
|
+
className,
|
|
135
|
+
ref,
|
|
136
|
+
...props
|
|
137
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
138
|
+
"p",
|
|
139
|
+
{
|
|
140
|
+
className: cn("text-text-secondary text-sm", className),
|
|
141
|
+
ref,
|
|
142
|
+
...props
|
|
143
|
+
}
|
|
144
|
+
), "CardDescription");
|
|
145
|
+
CardDescription.displayName = "CardDescription";
|
|
146
|
+
var CardContent = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-6 pt-0", className), ref, ...props }), "CardContent");
|
|
147
|
+
CardContent.displayName = "CardContent";
|
|
148
|
+
var CardFooter = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
149
|
+
"div",
|
|
150
|
+
{
|
|
151
|
+
className: cn("flex items-center p-6 pt-0", className),
|
|
152
|
+
ref,
|
|
153
|
+
...props
|
|
154
|
+
}
|
|
155
|
+
), "CardFooter");
|
|
156
|
+
CardFooter.displayName = "CardFooter";
|
|
157
|
+
|
|
158
|
+
// util/specifier.ts
|
|
159
|
+
var getPrimaryStartingWith = /* @__PURE__ */ __name((s, toFind) => {
|
|
160
|
+
const tokenArray = s.split(" ");
|
|
161
|
+
return tokenArray.find((tok) => tok.startsWith(`${toFind}-`));
|
|
162
|
+
}, "getPrimaryStartingWith");
|
|
163
|
+
function getSpecifierData(main, getPrimary, getData, def) {
|
|
164
|
+
const primary = getPrimary(main);
|
|
165
|
+
if (primary) {
|
|
166
|
+
return getData(primary) ?? def;
|
|
167
|
+
}
|
|
168
|
+
return def ?? void 0;
|
|
169
|
+
}
|
|
170
|
+
__name(getSpecifierData, "getSpecifierData");
|
|
171
|
+
|
|
172
|
+
// util/index.ts
|
|
173
|
+
function constrain(value, minOrConstrainTo, max) {
|
|
174
|
+
if (typeof value === "number" && typeof minOrConstrainTo === "number" && typeof max === "number") {
|
|
175
|
+
return Math.min(Math.max(value, minOrConstrainTo), max);
|
|
176
|
+
}
|
|
177
|
+
if (typeof value === "object" && typeof minOrConstrainTo === "object") {
|
|
178
|
+
const dim = value;
|
|
179
|
+
const constrainTo = minOrConstrainTo;
|
|
180
|
+
const aspectRatio = dim.w / dim.h;
|
|
181
|
+
const constrainAspectRatio = constrainTo.w / constrainTo.h;
|
|
182
|
+
if (aspectRatio > constrainAspectRatio) {
|
|
183
|
+
return {
|
|
184
|
+
w: constrainTo.w,
|
|
185
|
+
h: constrainTo.w / aspectRatio
|
|
186
|
+
};
|
|
187
|
+
} else {
|
|
188
|
+
return {
|
|
189
|
+
w: constrainTo.h * aspectRatio,
|
|
190
|
+
h: constrainTo.h
|
|
191
|
+
};
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
throw new Error("Invalid parameters for constrain function");
|
|
195
|
+
}
|
|
196
|
+
__name(constrain, "constrain");
|
|
197
|
+
function containsToken(text, token) {
|
|
198
|
+
if (!text) return false;
|
|
199
|
+
return text.toLowerCase().includes(token.toLowerCase());
|
|
200
|
+
}
|
|
201
|
+
__name(containsToken, "containsToken");
|
|
202
|
+
function ldMerge(...objects) {
|
|
203
|
+
const result = {};
|
|
204
|
+
for (const obj of objects) {
|
|
205
|
+
if (obj && typeof obj === "object") {
|
|
206
|
+
Object.assign(result, obj);
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
return result;
|
|
210
|
+
}
|
|
211
|
+
__name(ldMerge, "ldMerge");
|
|
212
|
+
var ApplyTypography = /* @__PURE__ */ __name(({
|
|
213
|
+
children,
|
|
214
|
+
className = "",
|
|
215
|
+
asTag = "div",
|
|
216
|
+
size = "responsive",
|
|
217
|
+
...rest
|
|
218
|
+
}) => {
|
|
219
|
+
let typoClasses = "typography gap-3 xs:typography-sm sm:typography sm:gap-4 lg:typography-lg lg:gap-5 xl:typography-xl xl:gap-6 typography-headings:font-heading ";
|
|
220
|
+
switch (size) {
|
|
221
|
+
case "sm":
|
|
222
|
+
{
|
|
223
|
+
typoClasses = "typography typography-sm gap-3 typography-headings:font-heading typography-p:text-sm ";
|
|
224
|
+
}
|
|
225
|
+
break;
|
|
226
|
+
case "base":
|
|
227
|
+
{
|
|
228
|
+
typoClasses = "typography gap-4 typography-headings:font-heading ";
|
|
229
|
+
}
|
|
230
|
+
break;
|
|
231
|
+
case "lg":
|
|
232
|
+
{
|
|
233
|
+
typoClasses = "typography typography-lg gap-5 typography-headings:font-heading typography-p:text-lg ";
|
|
234
|
+
}
|
|
235
|
+
break;
|
|
236
|
+
case "xl":
|
|
237
|
+
{
|
|
238
|
+
typoClasses = "typography typography-xl gap-6 typography-headings:font-heading typography-p:text-lg ";
|
|
239
|
+
}
|
|
240
|
+
break;
|
|
241
|
+
}
|
|
242
|
+
const Tag = asTag;
|
|
243
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Tag, { ...rest, className: cn(typoClasses, className), children });
|
|
244
|
+
}, "ApplyTypography");
|
|
245
|
+
var VideoPlayer = React4__namespace.default.forwardRef(
|
|
246
|
+
({
|
|
247
|
+
sources,
|
|
248
|
+
...rest
|
|
249
|
+
}, ref) => {
|
|
250
|
+
return /* @__PURE__ */ jsxRuntime.jsx("video", { ref, ...rest, children: sources.map((source, index) => /* @__PURE__ */ jsxRuntime.jsx("source", { src: source }, index)) });
|
|
251
|
+
}
|
|
252
|
+
);
|
|
253
|
+
var video_player_default = VideoPlayer;
|
|
254
|
+
var AccordianBlockComponent = /* @__PURE__ */ __name(({
|
|
255
|
+
block,
|
|
256
|
+
className = ""
|
|
257
|
+
}) => {
|
|
258
|
+
if (block.blockType !== "accordian") {
|
|
259
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "accordian block required" });
|
|
260
|
+
}
|
|
261
|
+
const accordian = block;
|
|
262
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: cn("w-full border rounded-xl overflow-hidden", className), children: accordian.items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { className: "border-b last:border-0 overflow-hidden", value: `value-${index}`, children: [
|
|
263
|
+
/* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "px-3 md:px-4 lg:px-6 hover:no-underline hover:bg-level-3", children: /* @__PURE__ */ jsxRuntime.jsx(ApplyTypography, { children: /* @__PURE__ */ jsxRuntime.jsx("h6", { className: "leading-[1.2] text-[1.05rem] font-semibold ", children: item.trigger }) }) }),
|
|
264
|
+
/* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "p-4 border-t bg-level-1", children: /* @__PURE__ */ jsxRuntime.jsx(ApplyTypography, { className: "flex flex-col justify-start items-start ", children: typeof item.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.content }) : item.content }) })
|
|
265
|
+
] }, index)) });
|
|
266
|
+
}, "AccordianBlockComponent");
|
|
267
|
+
var accordian_block_default = AccordianBlockComponent;
|
|
268
|
+
var InlineIcon = /* @__PURE__ */ __name(({
|
|
269
|
+
icon,
|
|
270
|
+
size,
|
|
271
|
+
agent,
|
|
272
|
+
className = ""
|
|
273
|
+
}) => {
|
|
274
|
+
if (!icon) return null;
|
|
275
|
+
const phone = agent === "phone";
|
|
276
|
+
if (typeof icon === "string") {
|
|
277
|
+
const _size = phone && size ? size * 0.75 : size;
|
|
278
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Image2__default.default, { src: icon, width: _size, height: _size, alt: "icon", className });
|
|
279
|
+
}
|
|
280
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: icon });
|
|
281
|
+
}, "InlineIcon");
|
|
282
|
+
var inline_icon_default = InlineIcon;
|
|
283
|
+
|
|
284
|
+
// blocks/components/grid-block/table-borders.mutator.ts
|
|
285
|
+
var getCellClx = /* @__PURE__ */ __name((cellIndex, cellCount, colCount) => {
|
|
286
|
+
const isFirstRow = /* @__PURE__ */ __name(() => cellIndex < colCount, "isFirstRow");
|
|
287
|
+
const isFirstColumn = /* @__PURE__ */ __name(() => cellIndex % colCount === 0, "isFirstColumn");
|
|
288
|
+
const isTLCorner = /* @__PURE__ */ __name(() => cellIndex === 0, "isTLCorner");
|
|
289
|
+
const isTRCorner = /* @__PURE__ */ __name(() => cellIndex === colCount - 1, "isTRCorner");
|
|
290
|
+
const isBLCorner = /* @__PURE__ */ __name(() => cellIndex === cellCount - colCount, "isBLCorner");
|
|
291
|
+
const isBRCorner = /* @__PURE__ */ __name(() => cellIndex === cellCount - 1, "isBRCorner");
|
|
292
|
+
let clx = "border-b md:border-r p-4 md:p-8 lg:p-12 ";
|
|
293
|
+
if (isFirstRow()) {
|
|
294
|
+
clx += "border-t ";
|
|
295
|
+
}
|
|
296
|
+
if (isFirstColumn()) {
|
|
297
|
+
clx += "md:border-l ";
|
|
298
|
+
}
|
|
299
|
+
if (isTLCorner()) {
|
|
300
|
+
clx += "border-t md:rounded-tl-lg ";
|
|
301
|
+
} else if (isTRCorner()) {
|
|
302
|
+
clx += "md:rounded-tr-lg ";
|
|
303
|
+
} else if (isBLCorner()) {
|
|
304
|
+
clx += "md:rounded-bl-lg ";
|
|
305
|
+
} else if (isBRCorner()) {
|
|
306
|
+
clx += "md:rounded-br-lg ";
|
|
307
|
+
}
|
|
308
|
+
return clx;
|
|
309
|
+
}, "getCellClx");
|
|
310
|
+
var gapClx = "gap-0 md:gap-0 xl:gap-0";
|
|
311
|
+
var table_borders_mutator_default = {
|
|
312
|
+
getCellClx,
|
|
313
|
+
gapClx
|
|
314
|
+
};
|
|
315
|
+
|
|
316
|
+
// blocks/components/grid-block/mutator-registry.ts
|
|
317
|
+
var map = /* @__PURE__ */ new Map();
|
|
318
|
+
map.set("style-table-borders", table_borders_mutator_default);
|
|
319
|
+
var mutator_registry_default = /* @__PURE__ */ __name((key) => map.get(key), "default");
|
|
320
|
+
var gridClx = /* @__PURE__ */ __name((d, prefix) => typeof d === "number" ? `${prefix ?? ""}grid-cols-${d} ` : `${prefix ?? ""}grid-cols-${d.columns} ${prefix ?? ""}gap-${d.gap} `, "gridClx");
|
|
321
|
+
var GridBlockComponent = /* @__PURE__ */ __name(({
|
|
322
|
+
block,
|
|
323
|
+
className = "",
|
|
324
|
+
agent,
|
|
325
|
+
children
|
|
326
|
+
}) => {
|
|
327
|
+
if (block.blockType !== "grid") {
|
|
328
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "grid block required" });
|
|
329
|
+
}
|
|
330
|
+
const { cells, grid, specifiers } = block;
|
|
331
|
+
const specified = /* @__PURE__ */ __name((s) => containsToken(specifiers, s), "specified");
|
|
332
|
+
const mutator = specified("style-table-borders") ? mutator_registry_default("style-table-borders") : void 0;
|
|
333
|
+
let clx = "grid ";
|
|
334
|
+
if (agent === "phone") {
|
|
335
|
+
const d = grid.mobile ? grid.mobile : grid.at.xs ? grid.at.xs : grid.at.sm ?? 1;
|
|
336
|
+
clx += gridClx(d);
|
|
337
|
+
} else {
|
|
338
|
+
let defaultSet = false;
|
|
339
|
+
for (const [key, value] of Object.entries(grid.at)) {
|
|
340
|
+
if (!defaultSet) {
|
|
341
|
+
clx += gridClx(value);
|
|
342
|
+
defaultSet = true;
|
|
343
|
+
} else {
|
|
344
|
+
clx += gridClx(value, `${key}:`);
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
let getMutatorCellClx = /* @__PURE__ */ __name((ignore) => "", "getMutatorCellClx");
|
|
349
|
+
if (mutator?.getCellClx) {
|
|
350
|
+
const colCount = typeof grid.at.md === "number" ? grid.at.md : grid.at.md.columns;
|
|
351
|
+
const cellCount = cells?.length;
|
|
352
|
+
if (!colCount || !cellCount) {
|
|
353
|
+
throw new Error("GridBlockComponent: using mutator, but colCount and / or cellCount is invalid!");
|
|
354
|
+
}
|
|
355
|
+
getMutatorCellClx = /* @__PURE__ */ __name((cellIndex) => mutator.getCellClx(cellIndex, cellCount, colCount), "getMutatorCellClx");
|
|
356
|
+
}
|
|
357
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-2 md:gap-4 xl:gap-6", clx, mutator?.gapClx ?? "", className), children: React4__namespace.default.Children.count(children) > 0 ? children : cells?.map((cell, index) => /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { blocks: cell, agent, className: getMutatorCellClx(index) }, `cell-${index}`)) });
|
|
358
|
+
}, "GridBlockComponent");
|
|
359
|
+
var grid_block_default = GridBlockComponent;
|
|
360
|
+
var BulletCardsBlockComponent = /* @__PURE__ */ __name(({
|
|
361
|
+
block,
|
|
362
|
+
className = "",
|
|
363
|
+
agent
|
|
364
|
+
}) => {
|
|
365
|
+
if (block.blockType !== "bullet-cards") {
|
|
366
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "bullet cards block required" });
|
|
367
|
+
}
|
|
368
|
+
const b = block;
|
|
369
|
+
const specified = /* @__PURE__ */ __name((s) => containsToken(b.specifiers, s), "specified");
|
|
370
|
+
const noBorder = specified("no-card-border") ? "border-0" : "md:border";
|
|
371
|
+
const mobileTextXs = specified("mobile-small-text") ? "text-xs" : "text-sm";
|
|
372
|
+
const borderclx = specified("border-muted-3") ? "md:border-muted-3" : specified("border-muted-1") ? "md:border-muted-1" : "md:border-muted-2";
|
|
373
|
+
return /* @__PURE__ */ jsxRuntime.jsx(grid_block_default, { block: { blockType: "grid", grid: b.grid }, className, agent, children: b.cards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
|
|
374
|
+
"px-0 sm:px-4 py-1 md:py-4 rounded-lg flex flex-row justify-start items-center not-typography text-foreground",
|
|
375
|
+
noBorder,
|
|
376
|
+
borderclx
|
|
377
|
+
), children: [
|
|
378
|
+
/* @__PURE__ */ jsxRuntime.jsx(inline_icon_default, { icon: card.icon, size: b.iconSize ?? 28, agent, className: "shrink-0 mr-2 md:mr-4 " }),
|
|
379
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("m-0 sm:text-base", mobileTextXs), children: card.text })
|
|
380
|
+
] }, index)) });
|
|
381
|
+
}, "BulletCardsBlockComponent");
|
|
382
|
+
var bullet_cards_block_default = BulletCardsBlockComponent;
|
|
383
|
+
var buttonVariants = classVarianceAuthority.cva(
|
|
384
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
385
|
+
{
|
|
386
|
+
variants: {
|
|
387
|
+
variant: {
|
|
388
|
+
default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
389
|
+
destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
|
|
390
|
+
outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
|
|
391
|
+
secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
|
|
392
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
393
|
+
link: "text-primary underline-offset-4 hover:underline",
|
|
394
|
+
// Keep the additional Hanzo variants for backward compatibility
|
|
395
|
+
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
396
|
+
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
397
|
+
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
398
|
+
},
|
|
399
|
+
size: {
|
|
400
|
+
default: "h-9 px-4 py-2",
|
|
401
|
+
sm: "h-8 rounded-md px-3 text-xs",
|
|
402
|
+
lg: "h-10 rounded-md px-8",
|
|
403
|
+
icon: "h-9 w-9"
|
|
404
|
+
}
|
|
405
|
+
},
|
|
406
|
+
defaultVariants: {
|
|
407
|
+
variant: "default",
|
|
408
|
+
size: "default"
|
|
409
|
+
}
|
|
410
|
+
}
|
|
411
|
+
);
|
|
412
|
+
var Button = React4__namespace.forwardRef(
|
|
413
|
+
({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
414
|
+
const Comp = asChild ? reactSlot.Slot : "button";
|
|
415
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
416
|
+
Comp,
|
|
417
|
+
{
|
|
418
|
+
className: cn(buttonVariants({ variant, size, className })),
|
|
419
|
+
ref,
|
|
420
|
+
...props,
|
|
421
|
+
children: [
|
|
422
|
+
isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
423
|
+
lucideReact.Loader2,
|
|
424
|
+
{
|
|
425
|
+
className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
|
|
426
|
+
}
|
|
427
|
+
) : null,
|
|
428
|
+
isLoading && size === "icon" ? null : children
|
|
429
|
+
]
|
|
430
|
+
}
|
|
431
|
+
);
|
|
432
|
+
}
|
|
433
|
+
);
|
|
434
|
+
Button.displayName = "Button";
|
|
435
|
+
var DialogVideoController = /* @__PURE__ */ __name(({
|
|
436
|
+
children
|
|
437
|
+
}) => {
|
|
438
|
+
const [open, setOpen] = React4.useState(false);
|
|
439
|
+
const onOpenChange = /* @__PURE__ */ __name((b) => {
|
|
440
|
+
setOpen(b);
|
|
441
|
+
const videos = document.getElementsByTagName("video");
|
|
442
|
+
const videoArray = Array.from(videos);
|
|
443
|
+
videoArray.forEach((v) => {
|
|
444
|
+
if (b) {
|
|
445
|
+
v.pause();
|
|
446
|
+
} else {
|
|
447
|
+
v.play();
|
|
448
|
+
}
|
|
449
|
+
});
|
|
450
|
+
}, "onOpenChange");
|
|
451
|
+
const updatedChildren = React4__namespace.default.Children.map(
|
|
452
|
+
children,
|
|
453
|
+
(child) => React4__namespace.default.cloneElement(
|
|
454
|
+
child,
|
|
455
|
+
{ open, onOpenChange }
|
|
456
|
+
)
|
|
457
|
+
);
|
|
458
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: updatedChildren });
|
|
459
|
+
}, "DialogVideoController");
|
|
460
|
+
var dialog_video_controller_default = DialogVideoController;
|
|
461
|
+
var ActionButton = /* @__PURE__ */ __name(({
|
|
462
|
+
def,
|
|
463
|
+
className = "",
|
|
464
|
+
...rest
|
|
465
|
+
}) => {
|
|
466
|
+
if (def.action.type === "modal") {
|
|
467
|
+
const m = def.action.def;
|
|
468
|
+
const Modal = m.Comp;
|
|
469
|
+
return /* @__PURE__ */ jsxRuntime.jsx(dialog_video_controller_default, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
470
|
+
Modal,
|
|
471
|
+
{
|
|
472
|
+
title: m.title,
|
|
473
|
+
byline: m.byline,
|
|
474
|
+
buttonText: def.text,
|
|
475
|
+
buttonProps: { ...def.props, ...rest, className: cn(def.props?.className ?? "", className) },
|
|
476
|
+
action: m.action,
|
|
477
|
+
actionEnclosure: m.actionEnclosure,
|
|
478
|
+
...m.props
|
|
479
|
+
}
|
|
480
|
+
) });
|
|
481
|
+
}
|
|
482
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
483
|
+
}, "ActionButton");
|
|
484
|
+
var action_button_default = ActionButton;
|
|
485
|
+
|
|
486
|
+
// primitives/icons/index.ts
|
|
487
|
+
var icons_exports = {};
|
|
488
|
+
__export(icons_exports, {
|
|
489
|
+
burger: () => lucideReact.Menu,
|
|
490
|
+
gitHub: () => github_default,
|
|
491
|
+
linkOut: () => lucideReact.ArrowUpRight,
|
|
492
|
+
moon: () => lucideReact.Moon,
|
|
493
|
+
sun: () => lucideReact.SunMedium,
|
|
494
|
+
youtube: () => youtube_logo_default
|
|
495
|
+
});
|
|
496
|
+
var YouTubeLogo = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
497
|
+
"svg",
|
|
498
|
+
{
|
|
499
|
+
viewBox: "0 0 256 256",
|
|
500
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
501
|
+
...props,
|
|
502
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
503
|
+
"g",
|
|
504
|
+
{
|
|
505
|
+
style: {
|
|
506
|
+
stroke: "none",
|
|
507
|
+
strokeWidth: 0,
|
|
508
|
+
strokeDasharray: "none",
|
|
509
|
+
strokeLinecap: "butt",
|
|
510
|
+
strokeLinejoin: "miter",
|
|
511
|
+
strokeMiterlimit: 10,
|
|
512
|
+
fill: "none",
|
|
513
|
+
fillRule: "nonzero",
|
|
514
|
+
opacity: 1
|
|
515
|
+
},
|
|
516
|
+
transform: "translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)",
|
|
517
|
+
children: [
|
|
518
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
519
|
+
"path",
|
|
520
|
+
{
|
|
521
|
+
d: "M 88.119 23.338 c -1.035 -3.872 -4.085 -6.922 -7.957 -7.957 C 73.144 13.5 45 13.5 45 13.5 s -28.144 0 -35.162 1.881 c -3.872 1.035 -6.922 4.085 -7.957 7.957 C 0 30.356 0 45 0 45 s 0 14.644 1.881 21.662 c 1.035 3.872 4.085 6.922 7.957 7.957 C 16.856 76.5 45 76.5 45 76.5 s 28.144 0 35.162 -1.881 c 3.872 -1.035 6.922 -4.085 7.957 -7.957 C 90 59.644 90 45 90 45 S 90 30.356 88.119 23.338 z",
|
|
522
|
+
style: {
|
|
523
|
+
stroke: "none",
|
|
524
|
+
strokeWidth: 1,
|
|
525
|
+
strokeDasharray: "none",
|
|
526
|
+
strokeLinecap: "butt",
|
|
527
|
+
strokeLinejoin: "miter",
|
|
528
|
+
strokeMiterlimit: 10,
|
|
529
|
+
fill: "red",
|
|
530
|
+
fillRule: "nonzero",
|
|
531
|
+
opacity: 1
|
|
532
|
+
},
|
|
533
|
+
transform: " matrix(1 0 0 1 0 0) ",
|
|
534
|
+
strokeLinecap: "round"
|
|
535
|
+
}
|
|
536
|
+
),
|
|
537
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
538
|
+
"polygon",
|
|
539
|
+
{
|
|
540
|
+
points: "36,58.5 59.38,45 36,31.5 ",
|
|
541
|
+
style: {
|
|
542
|
+
stroke: "none",
|
|
543
|
+
strokeWidth: 1,
|
|
544
|
+
strokeDasharray: "none",
|
|
545
|
+
strokeLinecap: "butt",
|
|
546
|
+
strokeLinejoin: "miter",
|
|
547
|
+
strokeMiterlimit: 10,
|
|
548
|
+
fill: "white",
|
|
549
|
+
fillRule: "nonzero",
|
|
550
|
+
opacity: 1
|
|
551
|
+
},
|
|
552
|
+
transform: "matrix(1 0 0 1 0 0)"
|
|
553
|
+
}
|
|
554
|
+
)
|
|
555
|
+
]
|
|
556
|
+
}
|
|
557
|
+
)
|
|
558
|
+
}
|
|
559
|
+
), "YouTubeLogo");
|
|
560
|
+
var youtube_logo_default = YouTubeLogo;
|
|
561
|
+
var GitHub = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 438.549 438.549", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
562
|
+
"path",
|
|
563
|
+
{
|
|
564
|
+
fill: "currentColor",
|
|
565
|
+
d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
|
|
566
|
+
}
|
|
567
|
+
) }), "GitHub");
|
|
568
|
+
var github_default = GitHub;
|
|
569
|
+
var LinkElement = /* @__PURE__ */ __name(({
|
|
570
|
+
def,
|
|
571
|
+
// DO NOT provide a default to any of the props that also appear in def!
|
|
572
|
+
onClick,
|
|
573
|
+
size,
|
|
574
|
+
variant,
|
|
575
|
+
icon,
|
|
576
|
+
iconAfter,
|
|
577
|
+
className = "",
|
|
578
|
+
children
|
|
579
|
+
}) => {
|
|
580
|
+
const {
|
|
581
|
+
href,
|
|
582
|
+
newTab,
|
|
583
|
+
variant: defVariant,
|
|
584
|
+
size: defSize,
|
|
585
|
+
title
|
|
586
|
+
} = def;
|
|
587
|
+
const linkProps = {};
|
|
588
|
+
if (href.startsWith("http") || href.startsWith("mailto")) {
|
|
589
|
+
linkProps.rel = "noreferrer noopener";
|
|
590
|
+
if (newTab ?? true) {
|
|
591
|
+
linkProps.target = "_blank";
|
|
592
|
+
}
|
|
593
|
+
} else if (newTab) {
|
|
594
|
+
linkProps.target = "_blank";
|
|
595
|
+
}
|
|
596
|
+
const toSpread = {
|
|
597
|
+
href,
|
|
598
|
+
...onClick ? { onClick } : {},
|
|
599
|
+
...linkProps
|
|
600
|
+
};
|
|
601
|
+
const Contents = /* @__PURE__ */ __name(() => {
|
|
602
|
+
if (React4__namespace.default.Children.count(children) > 0) return children;
|
|
603
|
+
const _icon = icon ? icon : def.icon ? def.icon : void 0;
|
|
604
|
+
const _iconAfter = iconAfter ? iconAfter : def.iconAfter ? def.iconAfter : false;
|
|
605
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
606
|
+
_icon && !_iconAfter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-1", children: _icon }),
|
|
607
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { children: title }),
|
|
608
|
+
_icon && _iconAfter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-1", children: _icon })
|
|
609
|
+
] });
|
|
610
|
+
}, "Contents");
|
|
611
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
612
|
+
Link__default.default,
|
|
613
|
+
{
|
|
614
|
+
className: cn(
|
|
615
|
+
buttonVariants({
|
|
616
|
+
variant: variant ? variant : defVariant ? defVariant : "link",
|
|
617
|
+
size: size ? size : defSize || "default"
|
|
618
|
+
}),
|
|
619
|
+
// This is a "label only" LinkDef. cf: footer"
|
|
620
|
+
href.length > 0 || onClick ? "" : "pointer-events-none",
|
|
621
|
+
className
|
|
622
|
+
),
|
|
623
|
+
...toSpread,
|
|
624
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Contents, {})
|
|
625
|
+
}
|
|
626
|
+
);
|
|
627
|
+
}, "LinkElement");
|
|
628
|
+
var link_element_default = LinkElement;
|
|
629
|
+
var CtaBlockComponent = /* @__PURE__ */ __name(({
|
|
630
|
+
block,
|
|
631
|
+
className = "",
|
|
632
|
+
// assigned to each item
|
|
633
|
+
itemClasses = "",
|
|
634
|
+
itemSize,
|
|
635
|
+
// do not provide default. this is an override to the def
|
|
636
|
+
renderLink,
|
|
637
|
+
renderButton,
|
|
638
|
+
agent
|
|
639
|
+
}) => {
|
|
640
|
+
if (block.blockType !== "cta") {
|
|
641
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "cta block required" });
|
|
642
|
+
}
|
|
643
|
+
const { elements, specifiers } = block;
|
|
644
|
+
let wrapperClasses = "";
|
|
645
|
+
let itemclx = "";
|
|
646
|
+
if (containsToken(specifiers, "fill")) {
|
|
647
|
+
wrapperClasses += "w-full ";
|
|
648
|
+
itemclx += "grow shrink !min-w-0";
|
|
649
|
+
} else if (containsToken(specifiers, "left")) {
|
|
650
|
+
wrapperClasses += "md:justify-start ";
|
|
651
|
+
} else if (containsToken(specifiers, "right")) {
|
|
652
|
+
wrapperClasses += "md:justify-end ";
|
|
653
|
+
} else {
|
|
654
|
+
wrapperClasses += "md:justify-center ";
|
|
655
|
+
}
|
|
656
|
+
const mobile2Columns = containsToken(specifiers, "mobile-2-columns");
|
|
657
|
+
const fillEvenly = !containsToken(specifiers, "desktop-dont-fill");
|
|
658
|
+
const mobileCenterFirstIfOdd = containsToken(specifiers, "mobile-center-first-if-odd");
|
|
659
|
+
const mobileOddFullWidth = containsToken(specifiers, "mobile-odd-full-width");
|
|
660
|
+
let layoutclx = void 0;
|
|
661
|
+
if (elements.length > 1) {
|
|
662
|
+
let resetMinWidth = false;
|
|
663
|
+
if (mobile2Columns) {
|
|
664
|
+
layoutclx = "grid grid-cols-2 gap-2 self-stretch ";
|
|
665
|
+
resetMinWidth = true;
|
|
666
|
+
}
|
|
667
|
+
if (fillEvenly) {
|
|
668
|
+
layoutclx = layoutclx ?? "grid grid-cols-2 gap-2 self-stretch";
|
|
669
|
+
resetMinWidth = true;
|
|
670
|
+
} else {
|
|
671
|
+
layoutclx = layoutclx ? layoutclx + "md:flex md:flex-row md:justify-center " : "flex flex-row justify-center ";
|
|
672
|
+
}
|
|
673
|
+
itemclx += resetMinWidth ? "!min-w-0 " : "";
|
|
674
|
+
}
|
|
675
|
+
layoutclx = layoutclx ?? "flex flex-col items-stretch gap-2 self-stretch md:flex-row sm:justify-center ";
|
|
676
|
+
const getMobileColSpanClx = /* @__PURE__ */ __name((index, total) => {
|
|
677
|
+
const indexToCenter = total % 2 === 0 ? -1 : mobileCenterFirstIfOdd ? 0 : total - 1;
|
|
678
|
+
const widthclx = mobileOddFullWidth ? "w-full " : "w-3/5 mx-auto ";
|
|
679
|
+
return agent === "phone" && mobile2Columns && index === indexToCenter ? "col-span-2 " + widthclx : "";
|
|
680
|
+
}, "getMobileColSpanClx");
|
|
681
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
|
|
682
|
+
layoutclx,
|
|
683
|
+
wrapperClasses,
|
|
684
|
+
className
|
|
685
|
+
), children: elements.map((element, index) => {
|
|
686
|
+
const twoColClx = getMobileColSpanClx(index, elements.length);
|
|
687
|
+
if (element.title) {
|
|
688
|
+
const def = element;
|
|
689
|
+
return renderLink ? renderLink(def, index) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
690
|
+
link_element_default,
|
|
691
|
+
{
|
|
692
|
+
def,
|
|
693
|
+
size: itemSize,
|
|
694
|
+
className: cn(itemclx, itemClasses, twoColClx)
|
|
695
|
+
},
|
|
696
|
+
index
|
|
697
|
+
);
|
|
698
|
+
} else {
|
|
699
|
+
const def = element;
|
|
700
|
+
return renderButton ? renderButton(def, index) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
701
|
+
action_button_default,
|
|
702
|
+
{
|
|
703
|
+
def,
|
|
704
|
+
size: itemSize,
|
|
705
|
+
className: cn(itemclx, itemClasses, twoColClx)
|
|
706
|
+
},
|
|
707
|
+
index
|
|
708
|
+
);
|
|
709
|
+
}
|
|
710
|
+
}) });
|
|
711
|
+
}, "CtaBlockComponent");
|
|
712
|
+
var cta_block_default = CtaBlockComponent;
|
|
713
|
+
var ImageBlockComponent = /* @__PURE__ */ __name(({
|
|
714
|
+
block,
|
|
715
|
+
className = "",
|
|
716
|
+
agent,
|
|
717
|
+
constraintTo
|
|
718
|
+
}) => {
|
|
719
|
+
if (block.blockType !== "image") {
|
|
720
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "image block required" });
|
|
721
|
+
}
|
|
722
|
+
const {
|
|
723
|
+
src,
|
|
724
|
+
alt,
|
|
725
|
+
dim,
|
|
726
|
+
props,
|
|
727
|
+
sizes,
|
|
728
|
+
fullWidthOnMobile,
|
|
729
|
+
svgFillClass,
|
|
730
|
+
specifiers
|
|
731
|
+
} = block;
|
|
732
|
+
const specified = /* @__PURE__ */ __name((s) => containsToken(specifiers, s), "specified");
|
|
733
|
+
const toSpread = {};
|
|
734
|
+
if (props?.fill === void 0) {
|
|
735
|
+
const resolved = constraintTo ? constrain(dim, constraintTo) : dim;
|
|
736
|
+
toSpread.width = resolved.w;
|
|
737
|
+
toSpread.height = resolved.h;
|
|
738
|
+
}
|
|
739
|
+
let _alt;
|
|
740
|
+
if (alt) {
|
|
741
|
+
_alt = alt;
|
|
742
|
+
} else {
|
|
743
|
+
const tokens = src.split("/");
|
|
744
|
+
_alt = tokens.length > 0 ? tokens[tokens.length] : src;
|
|
745
|
+
}
|
|
746
|
+
const _svgFillClass = svgFillClass ?? "";
|
|
747
|
+
if (agent === "phone") {
|
|
748
|
+
if (specified("mobile-full-width") || fullWidthOnMobile) {
|
|
749
|
+
const toSpread2 = {
|
|
750
|
+
style: {
|
|
751
|
+
width: "100%",
|
|
752
|
+
height: "auto",
|
|
753
|
+
maxWidth: "420px"
|
|
754
|
+
},
|
|
755
|
+
sizes: "100vw"
|
|
756
|
+
};
|
|
757
|
+
toSpread2.width = dim.w;
|
|
758
|
+
toSpread2.height = dim.h;
|
|
759
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center w-full", children: /* @__PURE__ */ jsxRuntime.jsx(Image2__default.default, { src, alt: _alt, ...toSpread2, className: cn(_svgFillClass, className) }) });
|
|
760
|
+
} else if (!specified("mobile-no-scale")) {
|
|
761
|
+
if (props?.style?.width === "auto" && typeof props.style.height === "number") {
|
|
762
|
+
props.style.height = props.style.height * 0.75;
|
|
763
|
+
} else if (props?.style?.height === "auto" && typeof props?.style?.width === "number") {
|
|
764
|
+
props.style.width = props.style.width * 0.75;
|
|
765
|
+
} else if (props?.style && !props?.style.width) {
|
|
766
|
+
toSpread.width = dim.w * 0.75;
|
|
767
|
+
toSpread.height = dim.h * 0.75;
|
|
768
|
+
}
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
if (sizes) {
|
|
772
|
+
toSpread.sizes = sizes;
|
|
773
|
+
}
|
|
774
|
+
const right = containsToken(specifiers, "right");
|
|
775
|
+
const center = containsToken(specifiers, "center");
|
|
776
|
+
const alignSelfClx = right ? "self-end" : center ? "self-center" : "self-start";
|
|
777
|
+
return props?.fill ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(Image2__default.default, { src, alt: _alt, ...toSpread, ...props, className: cn(_svgFillClass, "max-w-[70vw] mx-auto", className) }) }) : /* @__PURE__ */ jsxRuntime.jsx(Image2__default.default, { src, alt: _alt, ...toSpread, ...props, className: cn(alignSelfClx, _svgFillClass, "max-w-[70vw] mx-auto", className) });
|
|
778
|
+
}, "ImageBlockComponent");
|
|
779
|
+
var image_block_default = ImageBlockComponent;
|
|
780
|
+
var VideoBlockComponent = /* @__PURE__ */ __name(({
|
|
781
|
+
block,
|
|
782
|
+
className = "",
|
|
783
|
+
agent,
|
|
784
|
+
usePoster = false,
|
|
785
|
+
size = "md",
|
|
786
|
+
constrainTo
|
|
787
|
+
}) => {
|
|
788
|
+
const [_dim, setDim] = React4.useState(void 0);
|
|
789
|
+
const onResize = /* @__PURE__ */ __name(() => {
|
|
790
|
+
setDim({
|
|
791
|
+
w: window.innerWidth,
|
|
792
|
+
h: window.innerHeight
|
|
793
|
+
});
|
|
794
|
+
}, "onResize");
|
|
795
|
+
const windowDefined = typeof window !== "undefined";
|
|
796
|
+
React4.useEffect(() => {
|
|
797
|
+
if (window && agent === "desktop") {
|
|
798
|
+
window.addEventListener("resize", onResize);
|
|
799
|
+
return () => window.removeEventListener("resize", onResize);
|
|
800
|
+
}
|
|
801
|
+
}, [windowDefined]);
|
|
802
|
+
React4.useLayoutEffect(() => {
|
|
803
|
+
onResize();
|
|
804
|
+
}, []);
|
|
805
|
+
if (block.blockType !== "video") {
|
|
806
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "video block required" });
|
|
807
|
+
}
|
|
808
|
+
const b = block;
|
|
809
|
+
const ar = b.dim.md.w / b.dim.md.h;
|
|
810
|
+
if (agent === "phone") {
|
|
811
|
+
if (b.sizing?.mobile?.vw) {
|
|
812
|
+
if (!_dim) {
|
|
813
|
+
const width = `${b.sizing.mobile.vw}vw`;
|
|
814
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dummy-div", style: {
|
|
815
|
+
maxWidth: "100%",
|
|
816
|
+
maxHeight: "100%",
|
|
817
|
+
width,
|
|
818
|
+
height: `calc(${width}/${ar})`,
|
|
819
|
+
backgroundImage: `url(${b.poster})`,
|
|
820
|
+
backgroundSize: "contain",
|
|
821
|
+
backgroundRepeat: "no-repeat"
|
|
822
|
+
} });
|
|
823
|
+
} else {
|
|
824
|
+
const width = b.sizing.mobile.vw / 100 * _dim.w;
|
|
825
|
+
const dim2 = {
|
|
826
|
+
h: width / ar,
|
|
827
|
+
w: width
|
|
828
|
+
};
|
|
829
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
830
|
+
video_player_default,
|
|
831
|
+
{
|
|
832
|
+
className: cn("mx-auto", className),
|
|
833
|
+
sources: b.sources,
|
|
834
|
+
width: dim2.w,
|
|
835
|
+
height: dim2.h,
|
|
836
|
+
...b.videoProps
|
|
837
|
+
}
|
|
838
|
+
);
|
|
839
|
+
}
|
|
840
|
+
}
|
|
841
|
+
} else if (b.sizing?.vh) {
|
|
842
|
+
if (!_dim) {
|
|
843
|
+
const height = `${b.sizing.vh}vh`;
|
|
844
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dummy-div", style: {
|
|
845
|
+
maxWidth: "100%",
|
|
846
|
+
maxHeight: "100%",
|
|
847
|
+
height,
|
|
848
|
+
width: `calc(${height}*${ar})`,
|
|
849
|
+
backgroundImage: `url(${b.poster})`,
|
|
850
|
+
backgroundSize: "contain",
|
|
851
|
+
backgroundRepeat: "no-repeat"
|
|
852
|
+
} });
|
|
853
|
+
} else {
|
|
854
|
+
const height = b.sizing.vh / 100 * _dim.h;
|
|
855
|
+
const dim2 = {
|
|
856
|
+
h: height,
|
|
857
|
+
w: height * ar
|
|
858
|
+
};
|
|
859
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
860
|
+
video_player_default,
|
|
861
|
+
{
|
|
862
|
+
className: cn("mx-auto", className),
|
|
863
|
+
sources: b.sources,
|
|
864
|
+
width: dim2.w,
|
|
865
|
+
height: dim2.h,
|
|
866
|
+
...b.videoProps
|
|
867
|
+
}
|
|
868
|
+
);
|
|
869
|
+
}
|
|
870
|
+
}
|
|
871
|
+
const videoDims = b.dim;
|
|
872
|
+
const dim = size && size in videoDims ? videoDims[size] : videoDims.md;
|
|
873
|
+
const conDim = constrainTo ? constrain(dim, constrainTo) : dim;
|
|
874
|
+
return usePoster ? /* @__PURE__ */ jsxRuntime.jsx(Image2__default.default, { src: b.poster, alt: "image", width: conDim.w, height: conDim.h, className }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
875
|
+
video_player_default,
|
|
876
|
+
{
|
|
877
|
+
className: cn("mx-auto", className),
|
|
878
|
+
sources: b.sources,
|
|
879
|
+
width: conDim.w,
|
|
880
|
+
height: conDim.h,
|
|
881
|
+
...b.videoProps
|
|
882
|
+
}
|
|
883
|
+
);
|
|
884
|
+
}, "VideoBlockComponent");
|
|
885
|
+
var video_block_default = VideoBlockComponent;
|
|
886
|
+
|
|
887
|
+
// blocks/components/card-block/util.ts
|
|
888
|
+
var getTypographySize = /* @__PURE__ */ __name((s) => getSpecifierData(
|
|
889
|
+
s,
|
|
890
|
+
(s2) => getPrimaryStartingWith(s2, "typography"),
|
|
891
|
+
(s2) => {
|
|
892
|
+
const subTokenArray = s2.split("-");
|
|
893
|
+
return subTokenArray[subTokenArray.length - 1];
|
|
894
|
+
},
|
|
895
|
+
"responsive"
|
|
896
|
+
), "getTypographySize");
|
|
897
|
+
var ArrowLinkElement = /* @__PURE__ */ __name(({
|
|
898
|
+
def
|
|
899
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
900
|
+
link_element_default,
|
|
901
|
+
{
|
|
902
|
+
def,
|
|
903
|
+
className: "justify-between",
|
|
904
|
+
variant: "link",
|
|
905
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.linkOut, { className: "w-[18px] h-[18px]" }),
|
|
906
|
+
iconAfter: true
|
|
907
|
+
}
|
|
908
|
+
), "ArrowLinkElement");
|
|
909
|
+
var link_out_button_default = ArrowLinkElement;
|
|
910
|
+
var CardBlockComponent = /* @__PURE__ */ __name(({
|
|
911
|
+
block,
|
|
912
|
+
className = "",
|
|
913
|
+
contentClassName = ""
|
|
914
|
+
}) => {
|
|
915
|
+
if (block.blockType !== "card") {
|
|
916
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "card block required" });
|
|
917
|
+
}
|
|
918
|
+
const card = block;
|
|
919
|
+
const has = /* @__PURE__ */ __name((s) => card.specifiers?.includes(s), "has");
|
|
920
|
+
const ghost = has("ghost");
|
|
921
|
+
const contentclx = (has("content-left") ? "items-start " : " items-center ") + (has("content-top") ? "!justify-start" : "") + contentClassName;
|
|
922
|
+
const disabledBorder = has("appear-disabled") ? " border-muted-4" : " border-muted-3";
|
|
923
|
+
const outerBorder = has("no-outer-border") || ghost ? " border-0" : "";
|
|
924
|
+
const innerBorder = ghost ? " border-0" : "";
|
|
925
|
+
const paddingclx = ghost ? " px-0 py-0" : " px-6 py-3";
|
|
926
|
+
const mainGap = ghost ? " gap-2" : "";
|
|
927
|
+
const disabledText = has("appear-disabled") ? " text-muted-2" : "";
|
|
928
|
+
const disabledTypoText = has("appear-disabled") ? " typography-p:text-muted-2" : "";
|
|
929
|
+
const bgclx = has("bg-card") ? " bg-level-1" : "";
|
|
930
|
+
const titleclx = (has("heading-style-title") ? " font-heading text-base leading-tight" : "") + (ghost ? " text-left md:text-xl" : "");
|
|
931
|
+
const typoSize = card.specifiers ? getTypographySize(card.specifiers) : "responsive";
|
|
932
|
+
const typoclx = typoSize === "sm" ? "typography-sm typography-p:text-sm " : typoSize === "lg" ? "typography-lg " : "";
|
|
933
|
+
const contentBefore = has("content-before");
|
|
934
|
+
const iconInline = has("icon-inline");
|
|
935
|
+
const contentOnHover = has("reveal-content-on-hover");
|
|
936
|
+
const Header2 = /* @__PURE__ */ __name(({
|
|
937
|
+
inContent = false,
|
|
938
|
+
className: className2 = ""
|
|
939
|
+
}) => card.title || card.byline || card.icon ? /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "not-typography text-accent" + disabledText + paddingclx + innerBorder + className2, children: [
|
|
940
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: iconInline || inContent ? "flex flex-row justify-start items-end my-3" : "", children: [
|
|
941
|
+
card.icon && !card.iconAfter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconInline ? "mr-1" : "mb-2", children: card.icon }),
|
|
942
|
+
card.title && /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-center text-lg font-medium" + titleclx + (iconInline ? " md:text-xl/none" : ""), children: card.title }),
|
|
943
|
+
card.icon && card.iconAfter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconInline ? "ml-1" : "my-1", children: card.icon })
|
|
944
|
+
] }),
|
|
945
|
+
card.byline && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: card.byline })
|
|
946
|
+
] }) : null, "Header");
|
|
947
|
+
const MediaAndContent = /* @__PURE__ */ __name(({
|
|
948
|
+
className: className2 = ""
|
|
949
|
+
}) => has("media-left") ? (
|
|
950
|
+
// media left layout
|
|
951
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex flex-row justify-start items-stretch p-0 grow " + disabledBorder + bgclx + contentclx + className2, children: [
|
|
952
|
+
card.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "box-content grow-0 not-typography" + paddingclx, style: {
|
|
953
|
+
// If this layout has been specified, assume media is video, and that the 'sm' dim exists.
|
|
954
|
+
width: card.media.dim.sm.w
|
|
955
|
+
}, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
956
|
+
video_block_default,
|
|
957
|
+
{
|
|
958
|
+
block: card.media,
|
|
959
|
+
usePoster: has("video-use-poster"),
|
|
960
|
+
size: "sm",
|
|
961
|
+
className: has("appear-disabled") ? "opacity-[0.6]" : ""
|
|
962
|
+
}
|
|
963
|
+
) }),
|
|
964
|
+
card.content && /* @__PURE__ */ jsxRuntime.jsx(ApplyTypography, { className: "grow border-l flex flex-col justify-center " + disabledTypoText + paddingclx + disabledBorder + contentclx, size: typoSize, children: typeof card.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: card.content }) : card.content })
|
|
965
|
+
] })
|
|
966
|
+
) : (
|
|
967
|
+
// default layout
|
|
968
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "grow typography flex flex-col justify-center " + typoclx + disabledTypoText + bgclx + paddingclx + contentclx + (has("full-width") ? " p-0 " : " ") + className2, children: [
|
|
969
|
+
contentOnHover && /* @__PURE__ */ jsxRuntime.jsx(Header2, { inContent: true }),
|
|
970
|
+
card.content && contentBefore && (typeof card.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: card.content }) : card.content),
|
|
971
|
+
card.media && (card.media.blockType === "image" ? /* @__PURE__ */ jsxRuntime.jsx(image_block_default, { block: card.media }) : /* @__PURE__ */ jsxRuntime.jsx(video_block_default, { block: card.media })),
|
|
972
|
+
card.content && !contentBefore && (typeof card.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: card.content }) : card.content)
|
|
973
|
+
] })
|
|
974
|
+
), "MediaAndContent");
|
|
975
|
+
const Footer = /* @__PURE__ */ __name(() => !card.cta ? null : has("links-w-arrow") ? (
|
|
976
|
+
// links w arrow
|
|
977
|
+
/* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: "typography typography-a:text-muted-2 typography-a:hover:text-muted-1 typography-a:text-xs typography-a:no-underline typography-a:hover:underline flex flex-col justify-start items-stretch " + paddingclx, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
978
|
+
cta_block_default,
|
|
979
|
+
{
|
|
980
|
+
block: card.cta,
|
|
981
|
+
renderLink: (def, key) => /* @__PURE__ */ jsxRuntime.jsx(link_out_button_default, { def }, key)
|
|
982
|
+
}
|
|
983
|
+
) })
|
|
984
|
+
) : (
|
|
985
|
+
// default
|
|
986
|
+
/* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: "grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center " + paddingclx, children: /* @__PURE__ */ jsxRuntime.jsx(cta_block_default, { block: card.cta }) })
|
|
987
|
+
), "Footer");
|
|
988
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn(
|
|
989
|
+
"flex flex-col self-stretch " + (contentOnHover ? "group relative" : "") + disabledBorder + outerBorder + bgclx + mainGap,
|
|
990
|
+
className
|
|
991
|
+
), children: [
|
|
992
|
+
/* @__PURE__ */ jsxRuntime.jsx(Header2, { className: contentOnHover ? " absolute top-[0px] left-[0px] w-full hidden " : "" }),
|
|
993
|
+
/* @__PURE__ */ jsxRuntime.jsx(MediaAndContent, { className: contentOnHover ? " bg-gradient-to-t from-secondary to-65% items-start justify-start rounded-lg p-4 transition-opacity duration-500 ease-out opacity-100 " : "" }),
|
|
994
|
+
/* @__PURE__ */ jsxRuntime.jsx(Footer, {})
|
|
995
|
+
] });
|
|
996
|
+
}, "CardBlockComponent");
|
|
997
|
+
var card_block_default = CardBlockComponent;
|
|
998
|
+
var VariantContentLeft = /* @__PURE__ */ __name(({
|
|
999
|
+
block,
|
|
1000
|
+
agent,
|
|
1001
|
+
className,
|
|
1002
|
+
headingclx,
|
|
1003
|
+
contentclx,
|
|
1004
|
+
footerclx
|
|
1005
|
+
}) => {
|
|
1006
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1007
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
|
|
1008
|
+
block.topContent && /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { blocks: block.topContent, agent, className: "self-center ml-6 mt-6" }),
|
|
1009
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
1010
|
+
block.heading && /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { className: cn("typography-img:m-0", headingclx), children: /* @__PURE__ */ jsxRuntime.jsx(enh_heading_block_default, { block: block.heading, className: "text-accent", agent }) }),
|
|
1011
|
+
block.content && /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("typography flex flex-col justify-start", contentclx, className), children: /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { blocks: block.content, agent }) })
|
|
1012
|
+
] })
|
|
1013
|
+
] }),
|
|
1014
|
+
block.cta && /* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: cn("grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center mx-auto", footerclx), children: /* @__PURE__ */ jsxRuntime.jsx(cta_block_default, { block: block.cta, agent }) })
|
|
1015
|
+
] });
|
|
1016
|
+
}, "VariantContentLeft");
|
|
1017
|
+
var variant_content_left_default = VariantContentLeft;
|
|
1018
|
+
var _getClx = /* @__PURE__ */ __name((specifier, section) => {
|
|
1019
|
+
let result = "";
|
|
1020
|
+
if (specifier === "big-padding") {
|
|
1021
|
+
switch (section) {
|
|
1022
|
+
// defaults: p-4 lg:p-6 xl:p-8
|
|
1023
|
+
case "header":
|
|
1024
|
+
{
|
|
1025
|
+
result = "md:p-8 lg:p-12 xl:p-16";
|
|
1026
|
+
}
|
|
1027
|
+
break;
|
|
1028
|
+
}
|
|
1029
|
+
}
|
|
1030
|
+
if (specifier === "big-padding-content") {
|
|
1031
|
+
switch (section) {
|
|
1032
|
+
case "content":
|
|
1033
|
+
{
|
|
1034
|
+
result = "md:p-8 lg:p-12 xl:p-16";
|
|
1035
|
+
}
|
|
1036
|
+
break;
|
|
1037
|
+
}
|
|
1038
|
+
} else if (specifier === "no-inner-borders") {
|
|
1039
|
+
switch (section) {
|
|
1040
|
+
case "header":
|
|
1041
|
+
{
|
|
1042
|
+
result = "border-none";
|
|
1043
|
+
}
|
|
1044
|
+
break;
|
|
1045
|
+
case "footer":
|
|
1046
|
+
{
|
|
1047
|
+
result = "border-t-0";
|
|
1048
|
+
}
|
|
1049
|
+
break;
|
|
1050
|
+
}
|
|
1051
|
+
}
|
|
1052
|
+
return result;
|
|
1053
|
+
}, "_getClx");
|
|
1054
|
+
var CarteBlancheBlockComponent = /* @__PURE__ */ __name(({
|
|
1055
|
+
block,
|
|
1056
|
+
className = "",
|
|
1057
|
+
agent
|
|
1058
|
+
}) => {
|
|
1059
|
+
if (block.blockType !== "carte-blanche") {
|
|
1060
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "carte blanche block required" });
|
|
1061
|
+
}
|
|
1062
|
+
const b = block;
|
|
1063
|
+
const specified = /* @__PURE__ */ __name((s) => containsToken(b.specifiers, s), "specified");
|
|
1064
|
+
const getClx = /* @__PURE__ */ __name((specifier, section) => specified(specifier) ? _getClx(specifier, section) : "", "getClx");
|
|
1065
|
+
const headingclx = [
|
|
1066
|
+
getClx("big-padding", "header"),
|
|
1067
|
+
getClx("no-inner-borders", "header")
|
|
1068
|
+
].join(" ");
|
|
1069
|
+
const contentclx = [
|
|
1070
|
+
getClx("big-padding-content", "content")
|
|
1071
|
+
].join(" ");
|
|
1072
|
+
const footerclx = [
|
|
1073
|
+
getClx("no-inner-borders", "footer")
|
|
1074
|
+
].join(" ");
|
|
1075
|
+
const noOuterBorders = specified("no-outer-borders");
|
|
1076
|
+
const contentLeft = specified("variant-content-left");
|
|
1077
|
+
const mobileContentLeft = specified("variant-mobile-content-left");
|
|
1078
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("flex flex-col", className, noOuterBorders ? "border-none" : ""), children: contentLeft || mobileContentLeft && agent === "phone" ? /* @__PURE__ */ jsxRuntime.jsx(variant_content_left_default, { block: b, agent, className, headingclx, contentclx, footerclx }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1079
|
+
(b.heading || b.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: cn("typography-img:m-0", headingclx), children: [
|
|
1080
|
+
b.topContent && /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { blocks: b.topContent, agent, className: "" }),
|
|
1081
|
+
b.heading && /* @__PURE__ */ jsxRuntime.jsx(enh_heading_block_default, { block: b.heading, className: "text-accent", agent })
|
|
1082
|
+
] }),
|
|
1083
|
+
b.content && /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("typography flex flex-col justify-center", contentclx, className), children: /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { blocks: b.content, agent }) }),
|
|
1084
|
+
b.cta && /* @__PURE__ */ jsxRuntime.jsx(CardFooter, { className: cn("grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center", footerclx), children: /* @__PURE__ */ jsxRuntime.jsx(cta_block_default, { block: b.cta, agent }) })
|
|
1085
|
+
] }) });
|
|
1086
|
+
}, "CarteBlancheBlockComponent");
|
|
1087
|
+
var carte_blanche_block_default = CarteBlancheBlockComponent;
|
|
1088
|
+
var DEFAULTS = {
|
|
1089
|
+
preheading: {
|
|
1090
|
+
tag: "h4",
|
|
1091
|
+
mb: 2
|
|
1092
|
+
},
|
|
1093
|
+
heading: {
|
|
1094
|
+
tag: "h1",
|
|
1095
|
+
mb: 2
|
|
1096
|
+
},
|
|
1097
|
+
byline: {
|
|
1098
|
+
tag: "h6"
|
|
1099
|
+
}
|
|
1100
|
+
};
|
|
1101
|
+
var tagFromLevel = /* @__PURE__ */ __name((level) => {
|
|
1102
|
+
switch (level) {
|
|
1103
|
+
case 1: {
|
|
1104
|
+
return "h1";
|
|
1105
|
+
}
|
|
1106
|
+
case 2: {
|
|
1107
|
+
return "h2";
|
|
1108
|
+
}
|
|
1109
|
+
case 3: {
|
|
1110
|
+
return "h3";
|
|
1111
|
+
}
|
|
1112
|
+
case 4: {
|
|
1113
|
+
return "h4";
|
|
1114
|
+
}
|
|
1115
|
+
case 5: {
|
|
1116
|
+
return "h5";
|
|
1117
|
+
}
|
|
1118
|
+
case 6: {
|
|
1119
|
+
return "h6";
|
|
1120
|
+
}
|
|
1121
|
+
}
|
|
1122
|
+
return "p";
|
|
1123
|
+
}, "tagFromLevel");
|
|
1124
|
+
var Element = /* @__PURE__ */ __name(({
|
|
1125
|
+
asTag: Tag,
|
|
1126
|
+
text,
|
|
1127
|
+
icon,
|
|
1128
|
+
iconLeft = true,
|
|
1129
|
+
className: elClassName = ""
|
|
1130
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: elClassName, children: text }), "Element");
|
|
1131
|
+
var getPositionClx = /* @__PURE__ */ __name((specified, agent) => {
|
|
1132
|
+
const mobileHeadingCentered = specified("mobile-heading-centered");
|
|
1133
|
+
const mobileHeadingLeft = specified("mobile-heading-left");
|
|
1134
|
+
const headingCentered = specified("center");
|
|
1135
|
+
const headingRight = specified("right");
|
|
1136
|
+
const bylineCentered = specified("byline-center");
|
|
1137
|
+
const bylineRight = specified("byline-right");
|
|
1138
|
+
const mobileBylineLeft = specified("mobile-byline-left");
|
|
1139
|
+
let headerclx = "";
|
|
1140
|
+
let bylineclx = bylineCentered ? "self-center !text-center" : bylineRight ? "self-end !text-right" : "self-start !text-left";
|
|
1141
|
+
if (agent === "phone") {
|
|
1142
|
+
if (mobileHeadingLeft) {
|
|
1143
|
+
headerclx = "self-start text-left";
|
|
1144
|
+
} else {
|
|
1145
|
+
headerclx = mobileHeadingCentered || headingCentered ? "self-center text-center" : headingRight ? "self-end text-right" : "self-start text-left";
|
|
1146
|
+
}
|
|
1147
|
+
if (mobileBylineLeft) {
|
|
1148
|
+
bylineclx = "self-start !text-left";
|
|
1149
|
+
}
|
|
1150
|
+
} else {
|
|
1151
|
+
const largerclx = headingCentered ? "self-center text-center" : headingRight ? "self-end text-right" : "self-start text-left";
|
|
1152
|
+
if (mobileHeadingCentered) {
|
|
1153
|
+
headerclx = "self-center text-center md:" + largerclx.split(" ").join(" md:");
|
|
1154
|
+
} else {
|
|
1155
|
+
headerclx = largerclx;
|
|
1156
|
+
}
|
|
1157
|
+
}
|
|
1158
|
+
return {
|
|
1159
|
+
preheading: headerclx,
|
|
1160
|
+
heading: headerclx,
|
|
1161
|
+
byline: bylineclx
|
|
1162
|
+
};
|
|
1163
|
+
}, "getPositionClx");
|
|
1164
|
+
var EnhHeadingBlockComponent = /* @__PURE__ */ __name(({
|
|
1165
|
+
block,
|
|
1166
|
+
className = "",
|
|
1167
|
+
agent,
|
|
1168
|
+
applyTypography = true,
|
|
1169
|
+
extraSpecifiers = ""
|
|
1170
|
+
}) => {
|
|
1171
|
+
if (block.blockType !== "enh-heading") {
|
|
1172
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "enhance heading block required" });
|
|
1173
|
+
}
|
|
1174
|
+
const b = block;
|
|
1175
|
+
const specified = /* @__PURE__ */ __name((s) => containsToken(b.specifiers + extraSpecifiers, s), "specified");
|
|
1176
|
+
const preheadingHeadingFont = specified("preheading-heading-font");
|
|
1177
|
+
const phFontClx = preheadingHeadingFont ? "font-heading" : "";
|
|
1178
|
+
const alignMiddleClx = specified("align-middle") ? "my-auto" : "";
|
|
1179
|
+
const positionclx = getPositionClx(specified, agent);
|
|
1180
|
+
const Inner = /* @__PURE__ */ __name(() => {
|
|
1181
|
+
const toRender = [
|
|
1182
|
+
{
|
|
1183
|
+
tag: b.preheading ? b.preheading.level !== void 0 ? tagFromLevel(b.preheading.level) : DEFAULTS.preheading.tag : void 0,
|
|
1184
|
+
clx: b.preheading ? (b.preheading.mb !== void 0 ? `mb-${b.preheading.mb}` : `mb-${DEFAULTS.preheading.mb}`) + " " + positionclx.preheading + " " + phFontClx : positionclx.preheading + " " + phFontClx,
|
|
1185
|
+
text: b.preheading ? b.preheading.text : void 0
|
|
1186
|
+
},
|
|
1187
|
+
{
|
|
1188
|
+
tag: b.heading.level !== void 0 ? tagFromLevel(b.heading.level) : DEFAULTS.heading.tag,
|
|
1189
|
+
clx: (b.heading.mb !== void 0 ? `mb-${b.heading.mb}` : `mb-${DEFAULTS.heading.mb}`) + " " + positionclx.heading,
|
|
1190
|
+
text: b.heading.text
|
|
1191
|
+
},
|
|
1192
|
+
{
|
|
1193
|
+
tag: b.byline ? b.byline.level !== void 0 ? tagFromLevel(b.byline.level) : DEFAULTS.byline.tag : void 0,
|
|
1194
|
+
clx: positionclx.byline,
|
|
1195
|
+
text: b.byline ? b.byline.text : void 0
|
|
1196
|
+
}
|
|
1197
|
+
];
|
|
1198
|
+
let iconRendered = false;
|
|
1199
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: toRender.map(({ tag, clx, text }, index) => {
|
|
1200
|
+
if (!tag) return null;
|
|
1201
|
+
if (b.icon && !iconRendered) {
|
|
1202
|
+
iconRendered = true;
|
|
1203
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-row items-center gap-2 sm:gap-4", clx), children: [
|
|
1204
|
+
/* @__PURE__ */ jsxRuntime.jsx(inline_icon_default, { icon: b.icon, size: b.iconSize ?? 32, agent }),
|
|
1205
|
+
/* @__PURE__ */ jsxRuntime.jsx(Element, { asTag: tag, text })
|
|
1206
|
+
] }, `div-${index}`);
|
|
1207
|
+
}
|
|
1208
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Element, { asTag: tag, text, className: clx }, `el-${index}`);
|
|
1209
|
+
}) });
|
|
1210
|
+
}, "Inner");
|
|
1211
|
+
return applyTypography ? /* @__PURE__ */ jsxRuntime.jsx(ApplyTypography, { className: cn("flex flex-col w-full !gap-0", className, alignMiddleClx), children: /* @__PURE__ */ jsxRuntime.jsx(Inner, {}) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col w-full gap-0", className, alignMiddleClx), children: /* @__PURE__ */ jsxRuntime.jsx(Inner, {}) });
|
|
1212
|
+
}, "EnhHeadingBlockComponent");
|
|
1213
|
+
var enh_heading_block_default = EnhHeadingBlockComponent;
|
|
1214
|
+
var HeadingBlockComponent = /* @__PURE__ */ __name(({
|
|
1215
|
+
block,
|
|
1216
|
+
className = ""
|
|
1217
|
+
}) => {
|
|
1218
|
+
if (block.blockType !== "heading") {
|
|
1219
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "heading block required" });
|
|
1220
|
+
}
|
|
1221
|
+
const heading = block;
|
|
1222
|
+
let Tag;
|
|
1223
|
+
let BylineTag = void 0;
|
|
1224
|
+
switch (heading.bylineLevel) {
|
|
1225
|
+
case 0:
|
|
1226
|
+
{
|
|
1227
|
+
BylineTag = "p";
|
|
1228
|
+
}
|
|
1229
|
+
break;
|
|
1230
|
+
case 1:
|
|
1231
|
+
{
|
|
1232
|
+
BylineTag = "h1";
|
|
1233
|
+
}
|
|
1234
|
+
break;
|
|
1235
|
+
case 2:
|
|
1236
|
+
{
|
|
1237
|
+
BylineTag = "h2";
|
|
1238
|
+
}
|
|
1239
|
+
break;
|
|
1240
|
+
case 3:
|
|
1241
|
+
{
|
|
1242
|
+
BylineTag = "h3";
|
|
1243
|
+
}
|
|
1244
|
+
break;
|
|
1245
|
+
case 4:
|
|
1246
|
+
{
|
|
1247
|
+
BylineTag = "h4";
|
|
1248
|
+
}
|
|
1249
|
+
break;
|
|
1250
|
+
case 5:
|
|
1251
|
+
{
|
|
1252
|
+
BylineTag = "h5";
|
|
1253
|
+
}
|
|
1254
|
+
break;
|
|
1255
|
+
case 6:
|
|
1256
|
+
{
|
|
1257
|
+
BylineTag = "h6";
|
|
1258
|
+
}
|
|
1259
|
+
break;
|
|
1260
|
+
}
|
|
1261
|
+
switch (heading.level) {
|
|
1262
|
+
case 0:
|
|
1263
|
+
{
|
|
1264
|
+
Tag = "p";
|
|
1265
|
+
BylineTag = BylineTag ?? "p";
|
|
1266
|
+
}
|
|
1267
|
+
break;
|
|
1268
|
+
case 1:
|
|
1269
|
+
{
|
|
1270
|
+
Tag = "h1";
|
|
1271
|
+
BylineTag = BylineTag ?? "h3";
|
|
1272
|
+
}
|
|
1273
|
+
break;
|
|
1274
|
+
case 2:
|
|
1275
|
+
{
|
|
1276
|
+
Tag = "h2";
|
|
1277
|
+
BylineTag = BylineTag ?? "h4";
|
|
1278
|
+
}
|
|
1279
|
+
break;
|
|
1280
|
+
// 3 is default
|
|
1281
|
+
case 4:
|
|
1282
|
+
{
|
|
1283
|
+
Tag = "h4";
|
|
1284
|
+
BylineTag = BylineTag ?? "h6";
|
|
1285
|
+
}
|
|
1286
|
+
break;
|
|
1287
|
+
case 5:
|
|
1288
|
+
{
|
|
1289
|
+
Tag = "h5";
|
|
1290
|
+
BylineTag = BylineTag ?? "p";
|
|
1291
|
+
}
|
|
1292
|
+
break;
|
|
1293
|
+
case 6:
|
|
1294
|
+
{
|
|
1295
|
+
Tag = "h6";
|
|
1296
|
+
BylineTag = BylineTag ?? "p";
|
|
1297
|
+
}
|
|
1298
|
+
break;
|
|
1299
|
+
default: {
|
|
1300
|
+
Tag = "h3";
|
|
1301
|
+
BylineTag = BylineTag ?? "h5";
|
|
1302
|
+
}
|
|
1303
|
+
}
|
|
1304
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ApplyTypography, { className, children: [
|
|
1305
|
+
/* @__PURE__ */ jsxRuntime.jsx(Tag, { children: heading.heading }),
|
|
1306
|
+
heading.spaceBetween && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-[1px] h-${heading.spaceBetween}` }),
|
|
1307
|
+
heading.byline && /* @__PURE__ */ jsxRuntime.jsx(BylineTag, { children: heading.byline }),
|
|
1308
|
+
heading.spaceAfter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-[1px] h-${heading.spaceAfter}` })
|
|
1309
|
+
] });
|
|
1310
|
+
}, "HeadingBlockComponent");
|
|
1311
|
+
var heading_block_default = HeadingBlockComponent;
|
|
1312
|
+
|
|
1313
|
+
// tailwind/screens.tailwind.js
|
|
1314
|
+
var screens_tailwind_default = {
|
|
1315
|
+
xs: "0px",
|
|
1316
|
+
// <-- phone
|
|
1317
|
+
sm: "480px",
|
|
1318
|
+
// phone --><-- sm tablets / narrow
|
|
1319
|
+
md: "768px",
|
|
1320
|
+
// sm tablets / narrow -->
|
|
1321
|
+
lg: "1024px",
|
|
1322
|
+
xl: "1280px",
|
|
1323
|
+
"2xl": "1500px"
|
|
1324
|
+
};
|
|
1325
|
+
|
|
1326
|
+
// types/breakpoints.ts
|
|
1327
|
+
var Breakpoints = Object.keys(screens_tailwind_default);
|
|
1328
|
+
var getLayoutInfo = /* @__PURE__ */ __name((s) => {
|
|
1329
|
+
const tokenArray = s.split(" ");
|
|
1330
|
+
const layoutToken = tokenArray.find((tok) => tok.startsWith("layout-"));
|
|
1331
|
+
if (layoutToken) {
|
|
1332
|
+
const subtokens = layoutToken.split("-");
|
|
1333
|
+
const layout = subtokens[1];
|
|
1334
|
+
let spec = {};
|
|
1335
|
+
switch (layout) {
|
|
1336
|
+
case "grid":
|
|
1337
|
+
{
|
|
1338
|
+
const columns = parseInt(subtokens[2], 10);
|
|
1339
|
+
const starting = subtokens[4];
|
|
1340
|
+
if (Number.isNaN(columns) || columns < 2 || columns > 6 || !Breakpoints.includes(starting)) {
|
|
1341
|
+
return void 0;
|
|
1342
|
+
}
|
|
1343
|
+
spec = {
|
|
1344
|
+
columns,
|
|
1345
|
+
starting
|
|
1346
|
+
};
|
|
1347
|
+
}
|
|
1348
|
+
break;
|
|
1349
|
+
}
|
|
1350
|
+
return {
|
|
1351
|
+
layout,
|
|
1352
|
+
spec
|
|
1353
|
+
};
|
|
1354
|
+
}
|
|
1355
|
+
return void 0;
|
|
1356
|
+
}, "getLayoutInfo");
|
|
1357
|
+
var GroupBlockComponent = /* @__PURE__ */ __name(({
|
|
1358
|
+
block,
|
|
1359
|
+
className = ""
|
|
1360
|
+
}) => {
|
|
1361
|
+
if (block.blockType !== "group") {
|
|
1362
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "group block required" });
|
|
1363
|
+
}
|
|
1364
|
+
const group = block;
|
|
1365
|
+
if (group.specifiers?.includes("layout")) {
|
|
1366
|
+
const layoutSpec = getLayoutInfo(group.specifiers);
|
|
1367
|
+
if (!layoutSpec) {
|
|
1368
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "invalid or missing layout specifier in group block!" });
|
|
1369
|
+
}
|
|
1370
|
+
if (layoutSpec.layout === "grid") {
|
|
1371
|
+
const { elements } = group;
|
|
1372
|
+
const { spec: { starting, columns } } = layoutSpec;
|
|
1373
|
+
const clazzName = cn(
|
|
1374
|
+
"grid xs:grid-cols-1 gap-2 sm:gap-3",
|
|
1375
|
+
`${starting}:grid-cols-${columns} `,
|
|
1376
|
+
className
|
|
1377
|
+
);
|
|
1378
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clazzName, children: /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { blocks: elements }) });
|
|
1379
|
+
}
|
|
1380
|
+
}
|
|
1381
|
+
return null;
|
|
1382
|
+
}, "GroupBlockComponent");
|
|
1383
|
+
var group_block_default = GroupBlockComponent;
|
|
1384
|
+
var TAGS = [
|
|
1385
|
+
"div",
|
|
1386
|
+
"h1",
|
|
1387
|
+
"h2",
|
|
1388
|
+
"h3",
|
|
1389
|
+
"h4",
|
|
1390
|
+
"h5",
|
|
1391
|
+
"h6"
|
|
1392
|
+
];
|
|
1393
|
+
var SpaceBlockComponent = /* @__PURE__ */ __name(({
|
|
1394
|
+
block,
|
|
1395
|
+
className = ""
|
|
1396
|
+
}) => {
|
|
1397
|
+
if (block && block.blockType !== "space") {
|
|
1398
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "space block required" });
|
|
1399
|
+
}
|
|
1400
|
+
const b = block;
|
|
1401
|
+
if (!b.level) {
|
|
1402
|
+
if (typeof b.sizes == "number") {
|
|
1403
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`invisible w-[1px] h-${b.sizes}`, className) });
|
|
1404
|
+
}
|
|
1405
|
+
const _sizes = {};
|
|
1406
|
+
ldMerge(_sizes, SPACE_DEFAULTS, b.sizes);
|
|
1407
|
+
let clx = "";
|
|
1408
|
+
for (const [key, value] of Object.entries(_sizes)) {
|
|
1409
|
+
clx += `${key}:h-${value} `;
|
|
1410
|
+
}
|
|
1411
|
+
if (b.test) {
|
|
1412
|
+
console.log(clx);
|
|
1413
|
+
}
|
|
1414
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("invisible w-[1px] " + clx, className) });
|
|
1415
|
+
}
|
|
1416
|
+
const Tag = TAGS[b.level];
|
|
1417
|
+
const heightClx = b.level === 0 ? "h-4" : "";
|
|
1418
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ApplyTypography, { className, children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: "invisible m-0 " + heightClx, children: "\xA0" }) });
|
|
1419
|
+
}, "SpaceBlockComponent");
|
|
1420
|
+
var space_block_default = SpaceBlockComponent;
|
|
1421
|
+
var map2 = /* @__PURE__ */ new Map();
|
|
1422
|
+
map2.set("accordian", accordian_block_default);
|
|
1423
|
+
map2.set("bullet-cards", bullet_cards_block_default);
|
|
1424
|
+
map2.set("card", card_block_default);
|
|
1425
|
+
map2.set("carte-blanche", carte_blanche_block_default);
|
|
1426
|
+
map2.set("cta", cta_block_default);
|
|
1427
|
+
map2.set("heading", heading_block_default);
|
|
1428
|
+
map2.set("enh-heading", enh_heading_block_default);
|
|
1429
|
+
map2.set("space", space_block_default);
|
|
1430
|
+
map2.set("image", image_block_default);
|
|
1431
|
+
map2.set("video", video_block_default);
|
|
1432
|
+
map2.set("group", group_block_default);
|
|
1433
|
+
map2.set("grid", grid_block_default);
|
|
1434
|
+
var registerBlockType = /* @__PURE__ */ __name((key, type) => {
|
|
1435
|
+
map2.set(key, type);
|
|
1436
|
+
}, "registerBlockType");
|
|
1437
|
+
var renderBlock = /* @__PURE__ */ __name((block, className, agent, keyStr) => {
|
|
1438
|
+
if (block.blockType === "element") {
|
|
1439
|
+
return block.element;
|
|
1440
|
+
}
|
|
1441
|
+
const CompType = map2.get(block.blockType);
|
|
1442
|
+
if (!CompType) return null;
|
|
1443
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CompType, { block, className, agent }, keyStr ?? "");
|
|
1444
|
+
}, "renderBlock");
|
|
1445
|
+
var ContentComponent = /* @__PURE__ */ __name(({
|
|
1446
|
+
blocks,
|
|
1447
|
+
className = "",
|
|
1448
|
+
agent
|
|
1449
|
+
}) => {
|
|
1450
|
+
if (!blocks) return null;
|
|
1451
|
+
if (Array.isArray(blocks)) {
|
|
1452
|
+
return blocks.map((block, index) => renderBlock(block, className, agent, `content-block-${block.blockType}-${index}`));
|
|
1453
|
+
}
|
|
1454
|
+
return renderBlock(blocks, className, agent);
|
|
1455
|
+
}, "ContentComponent");
|
|
1456
|
+
var Poster = /* @__PURE__ */ __name(({
|
|
1457
|
+
children,
|
|
1458
|
+
banner,
|
|
1459
|
+
className = ""
|
|
1460
|
+
}) => banner ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1461
|
+
"div",
|
|
1462
|
+
{
|
|
1463
|
+
className: cn("relative", className),
|
|
1464
|
+
style: {
|
|
1465
|
+
height: "100%",
|
|
1466
|
+
width: "100%",
|
|
1467
|
+
backgroundImage: `url(${typeof banner === "string" ? banner : banner.poster})`,
|
|
1468
|
+
backgroundSize: "cover",
|
|
1469
|
+
backgroundRepeat: "no-repeat"
|
|
1470
|
+
},
|
|
1471
|
+
children
|
|
1472
|
+
}
|
|
1473
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("bg-transparent h-full w-full relative", className), children }), "Poster");
|
|
1474
|
+
var poster_background_default = Poster;
|
|
1475
|
+
var ContentColumn = /* @__PURE__ */ __name(({
|
|
1476
|
+
blocks,
|
|
1477
|
+
specifiers,
|
|
1478
|
+
agent,
|
|
1479
|
+
className = ""
|
|
1480
|
+
}) => {
|
|
1481
|
+
const specified = /* @__PURE__ */ __name((s) => containsToken(specifiers, s), "specified");
|
|
1482
|
+
let modifiers = "";
|
|
1483
|
+
if (agent !== "phone") {
|
|
1484
|
+
if (specified("right")) {
|
|
1485
|
+
modifiers += "items-end ";
|
|
1486
|
+
} else if (specified("center")) {
|
|
1487
|
+
modifiers += "items-center ";
|
|
1488
|
+
} else {
|
|
1489
|
+
modifiers += "items-start ";
|
|
1490
|
+
}
|
|
1491
|
+
} else {
|
|
1492
|
+
modifiers += "items-start ";
|
|
1493
|
+
}
|
|
1494
|
+
if (agent !== "phone") {
|
|
1495
|
+
if (specified("bottom")) {
|
|
1496
|
+
modifiers += "justify-end ";
|
|
1497
|
+
} else if (specified("vert-center")) {
|
|
1498
|
+
modifiers += "justify-center ";
|
|
1499
|
+
} else {
|
|
1500
|
+
modifiers += "justify-start ";
|
|
1501
|
+
}
|
|
1502
|
+
if (specified("text-align-right")) {
|
|
1503
|
+
modifiers += "text-right ";
|
|
1504
|
+
} else {
|
|
1505
|
+
modifiers += "text-left ";
|
|
1506
|
+
}
|
|
1507
|
+
} else {
|
|
1508
|
+
if (specified("mobile-vert-center")) {
|
|
1509
|
+
modifiers += "justify-center ";
|
|
1510
|
+
} else {
|
|
1511
|
+
modifiers += "justify-start ";
|
|
1512
|
+
}
|
|
1513
|
+
}
|
|
1514
|
+
if (agent === "phone" && specified("mobile-center-headings")) {
|
|
1515
|
+
modifiers += "typography-headings:text-center ";
|
|
1516
|
+
}
|
|
1517
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col justify-center h-full", modifiers, className), children: /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { blocks, agent }) });
|
|
1518
|
+
}, "ContentColumn");
|
|
1519
|
+
var Content2 = /* @__PURE__ */ __name(({
|
|
1520
|
+
block: b,
|
|
1521
|
+
agent,
|
|
1522
|
+
className = ""
|
|
1523
|
+
}) => {
|
|
1524
|
+
const layoutClx = "flex flex-col gap-2 sm:gap-4 h-full " + (agent !== "phone" ? `md:grid md:gap-8 md:grid-cols-${b.contentColumns.length} ` : "");
|
|
1525
|
+
const orderclx = /* @__PURE__ */ __name((columnIndex) => {
|
|
1526
|
+
const orderIndex = b.mobileOrder?.indexOf(columnIndex);
|
|
1527
|
+
return orderIndex && orderIndex >= 0 ? `order-${orderIndex} md:order-none` : "";
|
|
1528
|
+
}, "orderclx");
|
|
1529
|
+
return b.contentColumns.length == 1 ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1530
|
+
ContentColumn,
|
|
1531
|
+
{
|
|
1532
|
+
blocks: b.contentColumns[0],
|
|
1533
|
+
specifiers: b.columnSpecifiers?.[0],
|
|
1534
|
+
agent,
|
|
1535
|
+
className: cn(className)
|
|
1536
|
+
}
|
|
1537
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(layoutClx, className), children: b.contentColumns.map((column, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1538
|
+
ContentColumn,
|
|
1539
|
+
{
|
|
1540
|
+
blocks: column,
|
|
1541
|
+
specifiers: b.columnSpecifiers?.[index],
|
|
1542
|
+
agent,
|
|
1543
|
+
className: orderclx(index)
|
|
1544
|
+
},
|
|
1545
|
+
index
|
|
1546
|
+
)) });
|
|
1547
|
+
}, "Content");
|
|
1548
|
+
var content_default = Content2;
|
|
1549
|
+
var VideoBG = /* @__PURE__ */ __name(({
|
|
1550
|
+
block,
|
|
1551
|
+
className = "",
|
|
1552
|
+
initialInView
|
|
1553
|
+
}) => {
|
|
1554
|
+
const { ref, inView } = reactIntersectionObserver.useInView({
|
|
1555
|
+
threshold: 0.75,
|
|
1556
|
+
initialInView
|
|
1557
|
+
});
|
|
1558
|
+
return block ? /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className, children: inView && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1559
|
+
"video",
|
|
1560
|
+
{
|
|
1561
|
+
autoPlay: true,
|
|
1562
|
+
loop: true,
|
|
1563
|
+
muted: true,
|
|
1564
|
+
style: {
|
|
1565
|
+
margin: 0,
|
|
1566
|
+
height: "100%",
|
|
1567
|
+
width: "100%",
|
|
1568
|
+
objectFit: "cover"
|
|
1569
|
+
},
|
|
1570
|
+
children: block.sources?.map((src, index) => /* @__PURE__ */ jsxRuntime.jsx("source", { src }, index))
|
|
1571
|
+
}
|
|
1572
|
+
) }) : null;
|
|
1573
|
+
}, "VideoBG");
|
|
1574
|
+
var video_background_default = VideoBG;
|
|
1575
|
+
var Video = /* @__PURE__ */ __name((props) => {
|
|
1576
|
+
const [mounted, setMounted] = React4.useState(false);
|
|
1577
|
+
React4.useEffect(() => {
|
|
1578
|
+
setMounted(true);
|
|
1579
|
+
}, []);
|
|
1580
|
+
if (!mounted) return null;
|
|
1581
|
+
return /* @__PURE__ */ jsxRuntime.jsx(video_background_default, { ...props });
|
|
1582
|
+
}, "Video");
|
|
1583
|
+
var ScreenfulComponent = /* @__PURE__ */ __name(({
|
|
1584
|
+
block,
|
|
1585
|
+
agent,
|
|
1586
|
+
initialInView = false,
|
|
1587
|
+
snapTile = false,
|
|
1588
|
+
clx = "",
|
|
1589
|
+
contentClx = "",
|
|
1590
|
+
bottom
|
|
1591
|
+
}) => {
|
|
1592
|
+
if (block.blockType !== "screenful") {
|
|
1593
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "screenful block required" });
|
|
1594
|
+
}
|
|
1595
|
+
const b = block;
|
|
1596
|
+
const hasBannerVideo = /* @__PURE__ */ __name(() => !!b.banner && typeof b.banner === "object", "hasBannerVideo");
|
|
1597
|
+
const tileHeight = agent === "desktop" ? "h-full " : "h-[100svh] ";
|
|
1598
|
+
const specified = /* @__PURE__ */ __name((s) => containsToken(b.specifiers, s), "specified");
|
|
1599
|
+
const narrowGutters = specified("narrow-gutters");
|
|
1600
|
+
const noGutters = specified("no-gutters");
|
|
1601
|
+
const fullScreenWidth = specified("full-screen-width");
|
|
1602
|
+
const vertCenter = specified("vert-center");
|
|
1603
|
+
const oneColumn = b.contentColumns.length === 1;
|
|
1604
|
+
const cwclx = [
|
|
1605
|
+
"xl:mx-auto overflow-y-hidden h-full",
|
|
1606
|
+
fullScreenWidth ? "" : "max-w-screen-xl",
|
|
1607
|
+
// desktop header: 80px / pt-20
|
|
1608
|
+
// mobile header: 44px / pt-11
|
|
1609
|
+
narrowGutters ? "px-6 lg:px-8 2xl:px-2 pb-4 lg:pb-6 xl:pb-8 " + (snapTile ? "pt-15 md:pt-26 lg:pt-28 " : "") : noGutters ? "px-0 pb-0 " + (snapTile ? "pt-11 lg:pt-20 " : "") : "px-[8vw] xl:px-[1vw] pb-[8vh] pt-[calc(44px+4vh)] md:pt-[calc(80px+6vh)] ",
|
|
1610
|
+
agent && agent !== "desktop" ? "pt-15 sm:pt-17 pb-0 px-3 sm:px-8" : ""
|
|
1611
|
+
];
|
|
1612
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { ...b.anchorId ? { id: b.anchorId } : {}, className: cn(
|
|
1613
|
+
snapTile ? "snap-start snap-always h-[100vh]" : "min-h-screen",
|
|
1614
|
+
bottom ? "flex flex-col" : "",
|
|
1615
|
+
clx
|
|
1616
|
+
), children: [
|
|
1617
|
+
/* @__PURE__ */ jsxRuntime.jsx(ApplyTypography, { className: cn(
|
|
1618
|
+
"w-full flex flex-row justify-center self-stretch",
|
|
1619
|
+
snapTile ? tileHeight : "",
|
|
1620
|
+
bottom ? "grow" : ""
|
|
1621
|
+
), children: /* @__PURE__ */ jsxRuntime.jsxs(poster_background_default, { banner: b.banner, children: [
|
|
1622
|
+
hasBannerVideo() && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1623
|
+
Video,
|
|
1624
|
+
{
|
|
1625
|
+
block: b.banner,
|
|
1626
|
+
className: "absolute top-0 left-0 bottom-0 right-0",
|
|
1627
|
+
initialInView
|
|
1628
|
+
}
|
|
1629
|
+
),
|
|
1630
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1631
|
+
"div",
|
|
1632
|
+
{
|
|
1633
|
+
className: cn(
|
|
1634
|
+
...cwclx,
|
|
1635
|
+
snapTile ? "absolute left-0 right-0 top-0 bottom-0 " : "flex min-h-screen w-full",
|
|
1636
|
+
contentClx,
|
|
1637
|
+
// TODO :aa py-0 breaks padding for header! Investigate why I would have done this!
|
|
1638
|
+
vertCenter ? "self-center " + (oneColumn ? "!py-0" : "") : ""
|
|
1639
|
+
),
|
|
1640
|
+
children: [
|
|
1641
|
+
/* @__PURE__ */ jsxRuntime.jsx(content_default, { block: b, agent, className: "w-full" }),
|
|
1642
|
+
b.footer
|
|
1643
|
+
]
|
|
1644
|
+
}
|
|
1645
|
+
)
|
|
1646
|
+
] }) }),
|
|
1647
|
+
bottom
|
|
1648
|
+
] });
|
|
1649
|
+
}, "ScreenfulComponent");
|
|
1650
|
+
var screenful_block_default = ScreenfulComponent;
|
|
1651
|
+
|
|
1652
|
+
exports.AccordianBlockComponent = accordian_block_default;
|
|
1653
|
+
exports.BlocksComponent = ContentComponent;
|
|
1654
|
+
exports.CTABlockComponent = cta_block_default;
|
|
1655
|
+
exports.CardBlockComponent = card_block_default;
|
|
1656
|
+
exports.ContentComponent = ContentComponent;
|
|
1657
|
+
exports.EnhHeadingBlockComponent = enh_heading_block_default;
|
|
1658
|
+
exports.GroupBlockComponent = group_block_default;
|
|
1659
|
+
exports.HeadingBlockComponent = heading_block_default;
|
|
1660
|
+
exports.ImageBlockComponent = image_block_default;
|
|
1661
|
+
exports.SPACE_DEFAULTS = SPACE_DEFAULTS;
|
|
1662
|
+
exports.ScreenfulBlockComponent = screenful_block_default;
|
|
1663
|
+
exports.SpaceBlockComponent = space_block_default;
|
|
1664
|
+
exports.VideoBlockComponent = video_block_default;
|
|
1665
|
+
exports.registerBlockType = registerBlockType;
|