quirk-ui 0.1.207 → 0.1.208

package/dist/core/components/Carousel/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index24.css');const c=require("react/jsx-runtime"),s=require("react"),Ce=require("../../../arrow-left-4E3t8axP.cjs"),Se=require("../../../arrow-right-DO6S4vfx.cjs"),ke="_carousel_1v597_1",Ee="_noPointerEvents_1v597_21",De="_trackContainer_1v597_25",Ie="_track_1v597_25",Xe="_isMounted_1v597_39",je="_page_1v597_44",Ne="_controls_1v597_54",Re="_indicators_1v597_65",Ae="_indicator_1v597_65",Te="_active_1v597_87",Le="_buttons_1v597_106",We="_prev_1v597_111",Pe="_disabled_1v597_111",qe="_next_1v597_112",ze="_expandable_1v597_142",r={carousel:ke,noPointerEvents:Ee,trackContainer:De,track:Ie,isMounted:Xe,page:je,controls:Ne,indicators:Re,indicator:Ae,active:Te,buttons:Le,prev:We,disabled:Pe,next:qe,expandable:ze};function Ye({items:m,itemsPerPage:v=3,itemsPerRow:G=3,autoplay:J=!1,autoplayInterval:T=3,className:Q,parentRef:Z,siblingRef:p,isSplit:L=!1,isExpandable:ee=!1,ariaLabel:te="Carousel"}){const[i,_]=s.useState(0),[u,$]=s.useState(0),[M,I]=s.useState(0),[o,ne]=s.useState(v),[w,se]=s.useState(!1),[W,ae]=s.useState(J),[C,oe]=s.useState(!1),[re,ce]=s.useState(!1),le=s.useRef(null),h=s.useRef(null),b=s.useRef(null),S=Z,[x,X]=s.useState(!1),[P,q]=s.useState(null),[k,z]=s.useState(null),[Y,B]=s.useState(null),[ie,H]=s.useState(!1),[g,K]=s.useState(null),[j,O]=s.useState(null),ue=e=>{Math.abs((j??0)-(g??0))>25&&(e.stopPropagation(),e.preventDefault())},de=e=>{K(e.clientX)},he=e=>{g!==null&&Math.abs(e.clientX-g)>5&&(H(!0),O(e.clientX))},fe=()=>{if(!g||!j){N();return}const e=g-j;Math.abs(e)>50&&(e>0?E():D()),N()},ve=()=>{N()},N=()=>{H(!1),K(null),O(null)},pe=e=>{e.key==="ArrowLeft"?(e.preventDefault(),D()):e.key==="ArrowRight"?(e.preventDefault(),E()):e.key==="Home"?(e.preventDefault(),f(0)):e.key==="End"&&(e.preventDefault(),f(l-1))},_e=e=>{z(e.touches[0].clientX),q(e.touches[0].clientY),X(!1)},U=s.useRef(null);s.useEffect(()=>{ce(!0)},[]),s.useEffect(()=>{const e=U.current;if(!e)return;const t=n=>{const a=n.touches[0].clientX-(k??0),d=n.touches[0].clientY-(P??0);!x&&Math.abs(a)>Math.abs(d)&&X(!0),x&&(n.preventDefault(),B(n.touches[0].clientX))};return e.addEventListener("touchmove",t,{passive:!0}),()=>{e.removeEventListener("touchmove",t)}},[x,k,P]);const Me=()=>{if(k===null||Y===null)return;const e=k-Y;Math.abs(e)>50&&(e>0?E():D()),z(null),B(null),q(null),X(!1)},we=(e,t)=>{const n=[];for(let a=0;a<e.length;a+=t)n.push(e.slice(a,a+t));return n};s.useLayoutEffect(()=>{if(typeof window<"u"){const e=()=>{const t=window.innerWidth<768,n=t?1:v;se(t),ne(t?1:v),_(a=>Math.min(a,Math.ceil(m.length/n)-1))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[v]);const R=Math.ceil(o/G),V=we(m,o),l=V.length,me=3*16,be=3*16,xe=s.useCallback(e=>{if(e&&!C){const t=e.getBoundingClientRect().width;t>0&&t!==M&&(I(t),oe(!0))}},[M,C]);s.useEffect(()=>{var e,t,n,a;if(C&&u>0&&h.current&&((t=(e=h.current.children[0])==null?void 0:e.children[0])!=null&&t.children[0])){const y=((a=(n=h.current.children[0])==null?void 0:n.children[0])==null?void 0:a.children[0]).getBoundingClientRect().width;y>0&&y!==M&&I(y)}},[u,C,M]),s.useEffect(()=>{const e=new ResizeObserver(t=>{var n,a;for(let d of t)if(d.contentRect){w?$(d.contentRect.width-be):L?p!=null&&p.current?$(d.contentRect.width-((n=p==null?void 0:p.current)==null?void 0:n.offsetWidth)-me):$(d.contentRect.width):($(d.contentRect.width),I(((a=h==null?void 0:h.current)==null?void 0:a.children[0].children[0].children[0].getBoundingClientRect().width)??0));const y=w?1:v;_($e=>Math.min($e,Math.ceil(m.length/y)-1))}});return S!=null&&S.current&&e.observe(S.current),()=>e.disconnect()},[w,L,m]);const A=()=>{b.current&&clearInterval(b.current),ae(!1)},E=()=>{A(),_(e=>Math.min(e+1,l-1))},D=()=>{A(),_(e=>Math.max(e-1,0))},f=e=>{A(),_(e)},ge=()=>u?`translateX(-${i*u}px)`:"translateX(0px)",F=()=>{_(e=>e>=l-1?0:e+1)};s.useEffect(()=>(W&&(b.current=setInterval(F,T*1e3)),()=>{b.current&&clearInterval(b.current)}),[W,T,F]);const ye={"--max-item-width":`${(u-(o-1)*16)/o}px`};return c.jsxs("div",{className:`${Q??""} ${r.carousel}`,ref:le,role:"region","aria-label":te,"aria-roledescription":"carousel",tabIndex:0,onKeyDown:pe,style:{outline:"none"},children:[c.jsx("div",{ref:U,className:`${r.trackContainer} ${ie||x?r.noPointerEvents:""}`,style:{maxWidth:`${u}px`,touchAction:x?"none":"pan-y"},onTouchStart:_e,onTouchEnd:Me,onMouseDown:de,onMouseMove:he,onMouseUp:fe,onMouseLeave:ve,children:c.jsx("div",{ref:h,className:`${r.track} ${re?r.isMounted:""}`,style:{width:`${l*100}%`,transform:ge()},id:"carousel-track","aria-live":"polite","aria-atomic":"true","aria-label":`Slide ${i+1} of ${l}`,children:V.map((e,t)=>c.jsx("div",{className:`${r.page} ${ee?r.expandable:""}`,style:{display:R>1?"grid":"flex",gridTemplateColumns:`repeat(${Math.ceil(o/R)}, 1fr)`,gridTemplateRows:`repeat(${R}, 1fr)`,width:`${u}px`,margin:`${o>1?"unset":"0 auto"}`,justifyContent:`${o>1?"unset":"center"}`},children:e.map((n,a)=>c.jsx("div",{ref:t===0&&a===0?xe:null,onClickCapture:ue,style:{...ye,display:o>1?"unset":"flex",justifyContent:o>1?"unset":"center",alignItems:o>1?"unset":"flex-start",flexBasis:o>1?w?"100%":`${(u-(o-1)*16)/o}px`:"unset",width:o>1?w?`${u/o-16}px`:"unset":"100%"},children:n},a))},t))})}),l>1&&c.jsxs("div",{className:r.controls,style:{maxWidth:M>0&&v===1&&!w?`${M}px`:"unset"},children:[c.jsx("div",{className:r.indicators,role:"tablist","aria-label":"Slide indicators",children:Array.from({length:l}).map((e,t)=>c.jsx("button",{role:"tab","aria-selected":t===i,"aria-label":`Slide ${t+1} of ${l}`,"aria-controls":"carousel-track",tabIndex:t===i?0:-1,className:`${r.indicator} ${t===i?r.active:""}`,onClick:()=>f(t),onKeyDown:n=>{n.key==="ArrowRight"?(n.preventDefault(),f(Math.min(t+1,l-1))):n.key==="ArrowLeft"?(n.preventDefault(),f(Math.max(t-1,0))):n.key==="Home"?(n.preventDefault(),f(0)):n.key==="End"&&(n.preventDefault(),f(l-1))}},t))}),c.jsxs("div",{className:r.buttons,children:[c.jsx("button",{"aria-label":"Previous slide",className:`${r.prev} ${i===0?r.disabled:""}`,onClick:D,disabled:i===0,children:c.jsx(Ce.ArrowLeft,{size:36})}),c.jsx("button",{"aria-label":"Next slide",className:`${r.next} ${i>=l-1?r.disabled:""}`,onClick:E,disabled:i>=m.length-o,children:c.jsx(Se.ArrowRight,{size:36})})]})]})]})}exports.Carousel=Ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index24.css');const c=require("react/jsx-runtime"),s=require("react"),je=require("../../../arrow-left-4E3t8axP.cjs"),Ce=require("../../../arrow-right-DO6S4vfx.cjs"),Se="_carousel_jrudo_1",ke="_noPointerEvents_jrudo_21",Ee="_trackContainer_jrudo_25",De="_track_jrudo_25",Ie="_isMounted_jrudo_39",Xe="_page_jrudo_44",Ne="_controls_jrudo_54",Re="_indicators_jrudo_65",Ae="_indicator_jrudo_65",Te="_active_jrudo_87",Le="_buttons_jrudo_106",We="_prev_jrudo_111",Pe="_disabled_jrudo_111",qe="_next_jrudo_112",ze="_expandable_jrudo_147",a={carousel:Se,noPointerEvents:ke,trackContainer:Ee,track:De,isMounted:Ie,page:Xe,controls:Ne,indicators:Re,indicator:Ae,active:Te,buttons:Le,prev:We,disabled:Pe,next:qe,expandable:ze};function Ye({items:m,itemsPerPage:p=3,itemsPerRow:G=3,autoplay:J=!1,autoplayInterval:T=3,className:Q,parentRef:Z,siblingRef:v,isSplit:L=!1,isExpandable:ee=!1,ariaLabel:te="Carousel"}){const[i,_]=s.useState(0),[u,$]=s.useState(0),[M,D]=s.useState(0),[r,ne]=s.useState(p),[w,se]=s.useState(!1),[W,oe]=s.useState(J),[j,re]=s.useState(!1),[ae,ce]=s.useState(!1),le=s.useRef(null),h=s.useRef(null),b=s.useRef(null),C=Z,[x,I]=s.useState(!1),[P,q]=s.useState(null),[S,z]=s.useState(null),[Y,B]=s.useState(null),[ie,H]=s.useState(!1),[g,K]=s.useState(null),[X,O]=s.useState(null),ue=e=>{Math.abs((X??0)-(g??0))>25&&(e.stopPropagation(),e.preventDefault())},de=e=>{K(e.clientX)},he=e=>{g!==null&&Math.abs(e.clientX-g)>5&&(H(!0),O(e.clientX))},fe=()=>{if(!g||!X){N();return}const e=g-X;Math.abs(e)>50&&(e>0?k():E()),N()},pe=()=>{N()},N=()=>{H(!1),K(null),O(null)},ve=e=>{e.key==="ArrowLeft"?(e.preventDefault(),E()):e.key==="ArrowRight"?(e.preventDefault(),k()):e.key==="Home"?(e.preventDefault(),f(0)):e.key==="End"&&(e.preventDefault(),f(l-1))},_e=e=>{z(e.touches[0].clientX),q(e.touches[0].clientY),I(!1)},U=s.useRef(null);s.useEffect(()=>{ce(!0)},[]),s.useEffect(()=>{const e=U.current;if(!e)return;const t=n=>{const o=n.touches[0].clientX-(S??0),d=n.touches[0].clientY-(P??0);!x&&Math.abs(o)>Math.abs(d)&&I(!0),x&&(n.preventDefault(),B(n.touches[0].clientX))};return e.addEventListener("touchmove",t,{passive:!0}),()=>{e.removeEventListener("touchmove",t)}},[x,S,P]);const Me=()=>{if(S===null||Y===null)return;const e=S-Y;Math.abs(e)>50&&(e>0?k():E()),z(null),B(null),q(null),I(!1)},we=(e,t)=>{const n=[];for(let o=0;o<e.length;o+=t)n.push(e.slice(o,o+t));return n};s.useLayoutEffect(()=>{if(typeof window<"u"){const e=()=>{const t=window.innerWidth<768,n=t?1:p;se(t),ne(t?1:p),_(o=>Math.min(o,Math.ceil(m.length/n)-1))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[p]);const R=Math.ceil(r/G),V=we(m,r),l=V.length,me=3*16,be=3*16,xe=s.useCallback(e=>{if(e&&!j){const t=e.getBoundingClientRect().width;t>0&&t!==M&&(D(t),re(!0))}},[M,j]);s.useEffect(()=>{var e,t,n,o;if(j&&u>0&&h.current&&((t=(e=h.current.children[0])==null?void 0:e.children[0])!=null&&t.children[0])){const y=((o=(n=h.current.children[0])==null?void 0:n.children[0])==null?void 0:o.children[0]).getBoundingClientRect().width;y>0&&y!==M&&D(y)}},[u,j,M]),s.useEffect(()=>{const e=new ResizeObserver(t=>{var n,o;for(let d of t)if(d.contentRect){w?$(d.contentRect.width-be):L?v!=null&&v.current?$(d.contentRect.width-((n=v==null?void 0:v.current)==null?void 0:n.offsetWidth)-me):$(d.contentRect.width):($(d.contentRect.width),D(((o=h==null?void 0:h.current)==null?void 0:o.children[0].children[0].children[0].getBoundingClientRect().width)??0));const y=w?1:p;_($e=>Math.min($e,Math.ceil(m.length/y)-1))}});return C!=null&&C.current&&e.observe(C.current),()=>e.disconnect()},[w,L,m]);const A=()=>{b.current&&clearInterval(b.current),oe(!1)},k=()=>{A(),_(e=>Math.min(e+1,l-1))},E=()=>{A(),_(e=>Math.max(e-1,0))},f=e=>{A(),_(e)},ge=()=>u?`translateX(-${i*u}px)`:"translateX(0px)",F=()=>{_(e=>e>=l-1?0:e+1)};s.useEffect(()=>(W&&(b.current=setInterval(F,T*1e3)),()=>{b.current&&clearInterval(b.current)}),[W,T,F]);const ye={"--max-item-width":`${(u-(r-1)*16)/r}px`};return c.jsxs("div",{className:`${Q??""} ${a.carousel}`,ref:le,role:"region","aria-label":te,"aria-roledescription":"carousel",tabIndex:0,onKeyDown:ve,style:{outline:"none"},children:[c.jsx("div",{ref:U,className:`${a.trackContainer} ${ie||x?a.noPointerEvents:""}`,style:{maxWidth:`${u}px`,touchAction:x?"none":"pan-y"},onTouchStart:_e,onTouchEnd:Me,onMouseDown:de,onMouseMove:he,onMouseUp:fe,onMouseLeave:pe,children:c.jsx("div",{ref:h,className:`${a.track} ${ae?a.isMounted:""}`,style:{width:`${l*100}%`,transform:ge()},id:"carousel-track","aria-live":"polite","aria-atomic":"true","aria-label":`Slide ${i+1} of ${l}`,children:V.map((e,t)=>c.jsx("div",{className:`${a.page} ${ee?a.expandable:""}`,style:{display:R>1?"grid":"flex",gridTemplateColumns:`repeat(${Math.ceil(r/R)}, 1fr)`,gridTemplateRows:`repeat(${R}, 1fr)`,width:`${u}px`,margin:`${r>1?"unset":"0 auto"}`,justifyContent:`${r>1?"unset":"center"}`},children:e.map((n,o)=>c.jsx("div",{ref:t===0&&o===0?xe:null,onClickCapture:ue,style:{...ye,display:r>1?"unset":"flex",justifyContent:r>1?"unset":"center",alignItems:r>1?"unset":"flex-start",flexBasis:r>1?w?"100%":`${(u-(r-1)*16)/r}px`:"unset",width:r>1?w?`${u/r-16}px`:"unset":"100%"},children:n},o))},t))})}),l>1&&c.jsxs("div",{className:a.controls,style:{maxWidth:M>0&&p===1&&!w?`${M}px`:"unset"},children:[c.jsx("div",{className:a.indicators,role:"tablist","aria-label":"Slide indicators",children:Array.from({length:l}).map((e,t)=>c.jsx("button",{role:"tab","aria-selected":t===i,"aria-label":`Slide ${t+1} of ${l}`,"aria-controls":"carousel-track",tabIndex:t===i?0:-1,className:`${a.indicator} ${t===i?a.active:""}`,onClick:()=>f(t),onKeyDown:n=>{n.key==="ArrowRight"?(n.preventDefault(),f(Math.min(t+1,l-1))):n.key==="ArrowLeft"?(n.preventDefault(),f(Math.max(t-1,0))):n.key==="Home"?(n.preventDefault(),f(0)):n.key==="End"&&(n.preventDefault(),f(l-1))}},t))}),c.jsxs("div",{className:a.buttons,children:[c.jsx("button",{"aria-label":"Previous slide",className:`${a.prev} ${i===0?a.disabled:""}`,onClick:E,disabled:i===0,children:c.jsx(je.ArrowLeft,{size:36})}),c.jsx("button",{"aria-label":"Next slide",className:`${a.next} ${i>=l-1?a.disabled:""}`,onClick:k,disabled:i>=m.length-r,children:c.jsx(Ce.ArrowRight,{size:36})})]})]})]})}exports.Carousel=Ye;

package/dist/core/components/Carousel/index.mjs

@@ -1,18 +1,18 @@
-import { jsxs as P, jsx as c } from "react/jsx-runtime";
-import { useState as a, useRef as A, useEffect as C, useLayoutEffect as De, useCallback as Ie } from "react";
-import { A as Xe } from "../../../arrow-left-BIJvHwNQ.js";
-import { A as Ae } from "../../../arrow-right-QEwnX3Sk.js";
-import '../../../index24.css';const Ne = "_carousel_1v597_1", Se = "_noPointerEvents_1v597_21", Te = "_trackContainer_1v597_25", We = "_track_1v597_25", Le = "_isMounted_1v597_39", Re = "_page_1v597_44", Pe = "_controls_1v597_54", ze = "_indicators_1v597_65", Ye = "_indicator_1v597_65", je = "_active_1v597_87", Be = "_buttons_1v597_106", He = "_prev_1v597_111", Ke = "_disabled_1v597_111", Ue = "_next_1v597_112", Oe = "_expandable_1v597_142", r = {
-  carousel: Ne,
-  noPointerEvents: Se,
-  trackContainer: Te,
-  track: We,
-  isMounted: Le,
-  page: Re,
-  controls: Pe,
-  indicators: ze,
-  indicator: Ye,
-  active: je,
+import { jsxs as R, jsx as c } from "react/jsx-runtime";
+import { useState as a, useRef as X, useEffect as C, useLayoutEffect as je, useCallback as De } from "react";
+import { A as Ie } from "../../../arrow-left-BIJvHwNQ.js";
+import { A as Xe } from "../../../arrow-right-QEwnX3Sk.js";
+import '../../../index24.css';const Ae = "_carousel_jrudo_1", Ne = "_noPointerEvents_jrudo_21", Se = "_trackContainer_jrudo_25", Te = "_track_jrudo_25", We = "_isMounted_jrudo_39", Le = "_page_jrudo_44", Re = "_controls_jrudo_54", Pe = "_indicators_jrudo_65", ze = "_indicator_jrudo_65", Ye = "_active_jrudo_87", Be = "_buttons_jrudo_106", He = "_prev_jrudo_111", Ke = "_disabled_jrudo_111", Ue = "_next_jrudo_112", Oe = "_expandable_jrudo_147", r = {
+  carousel: Ae,
+  noPointerEvents: Ne,
+  trackContainer: Se,
+  track: Te,
+  isMounted: We,
+  page: Le,
+  controls: Re,
+  indicators: Pe,
+  indicator: ze,
+  active: Ye,
   buttons: Be,
   prev: He,
   disabled: Ke,
@@ -21,78 +21,78 @@ import '../../../index24.css';const Ne = "_carousel_1v597_1", Se = "_noPointerEv
 };
 function Je({
   items: w,
-  itemsPerPage: v = 3,
+  itemsPerPage: p = 3,
   itemsPerRow: Z = 3,
   autoplay: ee = !1,
-  autoplayInterval: z = 3,
+  autoplayInterval: P = 3,
   className: te,
   parentRef: ne,
-  siblingRef: p,
-  isSplit: Y = !1,
+  siblingRef: v,
+  isSplit: z = !1,
   isExpandable: se = !1,
   ariaLabel: oe = "Carousel"
 }) {
-  const [i, m] = a(0), [d, x] = a(0), [_, N] = a(0), [o, re] = a(v), [M, ae] = a(!1), [j, le] = a(ee), [k, ce] = a(!1), [ie, de] = a(!1), ue = A(null), h = A(null), b = A(null), E = ne, [y, S] = a(!1), [B, H] = a(null), [D, K] = a(null), [U, O] = a(null), [he, V] = a(!1), [g, q] = a(null), [T, F] = a(null), fe = (e) => {
-    Math.abs((T ?? 0) - (g ?? 0)) > 25 && (e.stopPropagation(), e.preventDefault());
-  }, ve = (e) => {
-    q(e.clientX);
+  const [i, m] = a(0), [d, x] = a(0), [_, A] = a(0), [o, re] = a(p), [M, ae] = a(!1), [Y, le] = a(ee), [k, ce] = a(!1), [ie, de] = a(!1), ue = X(null), h = X(null), b = X(null), E = ne, [y, N] = a(!1), [B, H] = a(null), [j, K] = a(null), [U, O] = a(null), [he, V] = a(!1), [g, q] = a(null), [S, F] = a(null), fe = (e) => {
+    Math.abs((S ?? 0) - (g ?? 0)) > 25 && (e.stopPropagation(), e.preventDefault());
   }, pe = (e) => {
+    q(e.clientX);
+  }, ve = (e) => {
     g !== null && Math.abs(e.clientX - g) > 5 && (V(!0), F(e.clientX));
   }, me = () => {
-    if (!g || !T) {
-      W();
+    if (!g || !S) {
+      T();
       return;
     }
-    const e = g - T;
-    Math.abs(e) > 50 && (e > 0 ? I() : X()), W();
+    const e = g - S;
+    Math.abs(e) > 50 && (e > 0 ? D() : I()), T();
   }, _e = () => {
-    W();
-  }, W = () => {
+    T();
+  }, T = () => {
     V(!1), q(null), F(null);
   }, Me = (e) => {
-    e.key === "ArrowLeft" ? (e.preventDefault(), X()) : e.key === "ArrowRight" ? (e.preventDefault(), I()) : e.key === "Home" ? (e.preventDefault(), f(0)) : e.key === "End" && (e.preventDefault(), f(l - 1));
+    e.key === "ArrowLeft" ? (e.preventDefault(), I()) : e.key === "ArrowRight" ? (e.preventDefault(), D()) : e.key === "Home" ? (e.preventDefault(), f(0)) : e.key === "End" && (e.preventDefault(), f(l - 1));
   }, we = (e) => {
-    K(e.touches[0].clientX), H(e.touches[0].clientY), S(!1);
-  }, G = A(null);
+    K(e.touches[0].clientX), H(e.touches[0].clientY), N(!1);
+  }, G = X(null);
   C(() => {
     de(!0);
   }, []), C(() => {
     const e = G.current;
     if (!e) return;
     const t = (n) => {
-      const s = n.touches[0].clientX - (D ?? 0), u = n.touches[0].clientY - (B ?? 0);
-      !y && Math.abs(s) > Math.abs(u) && S(!0), y && (n.preventDefault(), O(n.touches[0].clientX));
+      const s = n.touches[0].clientX - (j ?? 0), u = n.touches[0].clientY - (B ?? 0);
+      !y && Math.abs(s) > Math.abs(u) && N(!0), y && (n.preventDefault(), O(n.touches[0].clientX));
     };
     return e.addEventListener("touchmove", t, { passive: !0 }), () => {
       e.removeEventListener("touchmove", t);
     };
-  }, [y, D, B]);
+  }, [y, j, B]);
   const be = () => {
-    if (D === null || U === null) return;
-    const e = D - U;
-    Math.abs(e) > 50 && (e > 0 ? I() : X()), K(null), O(null), H(null), S(!1);
+    if (j === null || U === null) return;
+    const e = j - U;
+    Math.abs(e) > 50 && (e > 0 ? D() : I()), K(null), O(null), H(null), N(!1);
   }, ye = (e, t) => {
     const n = [];
     for (let s = 0; s < e.length; s += t)
       n.push(e.slice(s, s + t));
     return n;
   };
-  De(() => {
+  je(() => {
     if (typeof window < "u") {
       const e = () => {
-        const t = window.innerWidth < 768, n = t ? 1 : v;
-        ae(t), re(t ? 1 : v), m(
+        const t = window.innerWidth < 768, n = t ? 1 : p;
+        ae(t), re(t ? 1 : p), m(
           (s) => Math.min(s, Math.ceil(w.length / n) - 1)
         );
       };
       return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
     }
-  }, [v]);
-  const L = Math.ceil(o / Z), J = ye(w, o), l = J.length, ge = 3 * 16, $e = 3 * 16, Ce = Ie(
+  }, [p]);
+  const W = Math.ceil(o / Z), J = ye(w, o), l = J.length, ge = 3 * 16, $e = 3 * 16, Ce = De(
     (e) => {
       if (e && !k) {
         const t = e.getBoundingClientRect().width;
-        t > 0 && t !== _ && (N(t), ce(!0));
+        t > 0 && t !== _ && (A(t), ce(!0));
       }
     },
     [_, k]
@@ -101,47 +101,47 @@ function Je({
     var e, t, n, s;
     if (k && d > 0 && h.current && ((t = (e = h.current.children[0]) == null ? void 0 : e.children[0]) != null && t.children[0])) {
       const $ = ((s = (n = h.current.children[0]) == null ? void 0 : n.children[0]) == null ? void 0 : s.children[0]).getBoundingClientRect().width;
-      $ > 0 && $ !== _ && N($);
+      $ > 0 && $ !== _ && A($);
     }
   }, [d, k, _]), C(() => {
     const e = new ResizeObserver((t) => {
       var n, s;
       for (let u of t)
         if (u.contentRect) {
-          M ? x(u.contentRect.width - $e) : Y ? p != null && p.current ? x(
-            u.contentRect.width - ((n = p == null ? void 0 : p.current) == null ? void 0 : n.offsetWidth) - ge
-          ) : x(u.contentRect.width) : (x(u.contentRect.width), N(
+          M ? x(u.contentRect.width - $e) : z ? v != null && v.current ? x(
+            u.contentRect.width - ((n = v == null ? void 0 : v.current) == null ? void 0 : n.offsetWidth) - ge
+          ) : x(u.contentRect.width) : (x(u.contentRect.width), A(
             ((s = h == null ? void 0 : h.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
           ));
-          const $ = M ? 1 : v;
+          const $ = M ? 1 : p;
           m(
             (Ee) => Math.min(Ee, Math.ceil(w.length / $) - 1)
           );
         }
     });
     return E != null && E.current && e.observe(E.current), () => e.disconnect();
-  }, [M, Y, w]);
-  const R = () => {
+  }, [M, z, w]);
+  const L = () => {
     b.current && clearInterval(b.current), le(!1);
+  }, D = () => {
+    L(), m((e) => Math.min(e + 1, l - 1));
   }, I = () => {
-    R(), m((e) => Math.min(e + 1, l - 1));
-  }, X = () => {
-    R(), m((e) => Math.max(e - 1, 0));
+    L(), m((e) => Math.max(e - 1, 0));
   }, f = (e) => {
-    R(), m(e);
+    L(), m(e);
   }, xe = () => d ? `translateX(-${i * d}px)` : "translateX(0px)", Q = () => {
     m((e) => e >= l - 1 ? 0 : e + 1);
   };
-  C(() => (j && (b.current = setInterval(
+  C(() => (Y && (b.current = setInterval(
     Q,
-    z * 1e3
+    P * 1e3
   )), () => {
     b.current && clearInterval(b.current);
-  }), [j, z, Q]);
+  }), [Y, P, Q]);
   const ke = {
     "--max-item-width": `${(d - (o - 1) * 16) / o}px`
   };
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ R(
     "div",
     {
       className: `${te ?? ""} ${r.carousel}`,
@@ -164,8 +164,8 @@ function Je({
             },
             onTouchStart: we,
             onTouchEnd: be,
-            onMouseDown: ve,
-            onMouseMove: pe,
+            onMouseDown: pe,
+            onMouseMove: ve,
             onMouseUp: me,
             onMouseLeave: _e,
             children: /* @__PURE__ */ c(
@@ -183,11 +183,11 @@ function Je({
                   {
                     className: `${r.page} ${se ? r.expandable : ""}`,
                     style: {
-                      display: L > 1 ? "grid" : "flex",
+                      display: W > 1 ? "grid" : "flex",
                       gridTemplateColumns: `repeat(${Math.ceil(
-                        o / L
+                        o / W
                       )}, 1fr)`,
-                      gridTemplateRows: `repeat(${L}, 1fr)`,
+                      gridTemplateRows: `repeat(${W}, 1fr)`,
                       width: `${d}px`,
                       margin: `${o > 1 ? "unset" : "0 auto"}`,
                       justifyContent: `${o > 1 ? "unset" : "center"}`
@@ -216,12 +216,12 @@ function Je({
             )
           }
         ),
-        l > 1 && /* @__PURE__ */ P(
+        l > 1 && /* @__PURE__ */ R(
           "div",
           {
             className: r.controls,
             style: {
-              maxWidth: _ > 0 && v === 1 && !M ? `${_}px` : "unset"
+              maxWidth: _ > 0 && p === 1 && !M ? `${_}px` : "unset"
             },
             children: [
               /* @__PURE__ */ c(
@@ -248,15 +248,15 @@ function Je({
                   ))
                 }
               ),
-              /* @__PURE__ */ P("div", { className: r.buttons, children: [
+              /* @__PURE__ */ R("div", { className: r.buttons, children: [
                 /* @__PURE__ */ c(
                   "button",
                   {
                     "aria-label": "Previous slide",
                     className: `${r.prev} ${i === 0 ? r.disabled : ""}`,
-                    onClick: X,
+                    onClick: I,
                     disabled: i === 0,
-                    children: /* @__PURE__ */ c(Xe, { size: 36 })
+                    children: /* @__PURE__ */ c(Ie, { size: 36 })
                   }
                 ),
                 /* @__PURE__ */ c(
@@ -264,9 +264,9 @@ function Je({
                   {
                     "aria-label": "Next slide",
                     className: `${r.next} ${i >= l - 1 ? r.disabled : ""}`,
-                    onClick: I,
+                    onClick: D,
                     disabled: i >= w.length - o,
-                    children: /* @__PURE__ */ c(Ae, { size: 36 })
+                    children: /* @__PURE__ */ c(Xe, { size: 36 })
                   }
                 )
               ] })

package/dist/core/tokens/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f={mode:"light",primary:{10:"#e6f0ff",25:"#b3d1ff",50:"#4da3ff",75:"#0066cc",100:"#004a99",foreground:"#ffffff",rgb:"0, 74, 153"},secondary:{10:"#f2f4f7",25:"#d0d5db",50:"#6b7280",75:"#374151",100:"#111827",foreground:"#ffffff",rgb:"17, 24, 39"},text:{primary:"#111111"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"rgba(0, 74, 153, 0.75)",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"rgba(255, 255, 255, 0.75)",text:"primary.100",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},announcement:{background:"primary.100",text:"#ffffff",link:"primary.10"},navigation:{transparent:{links:"#111827",linksHover:"#004a99"}},carousel:{button:{background:"#d1d5db",text:"secondary.100"}},background:"#ffffff",backgroundRgb:"255, 255, 255",foreground:"#ffffff",foregroundRgb:"255, 255, 255",border:"#d1d5db",heading:"#111111",link:{base:"#004a99",hover:"#004a99",inverted:"#ffffff"},error:"#b91c1c",success:"#1e7e34",warning:"#d97706",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{muted:{bg:"#d1d5db",text:"#292A2B",hover:"#BCBFC5"},info:{bg:"#004a99",text:"#ffffff",hover:"#4da3ff"},success:{bg:"#1e7e34",text:"#ffffff",hover:"#4ade80"},error:{bg:"#b91c1c",text:"#ffffff",hover:"#f87171"},warning:{bg:"#b97706",text:"#ffffff",hover:"#facc15"}},tab:{background:"#1f2937",text:"#ffffff"}},r={...f,mode:"light"},e={mode:"dark",primary:{10:"#1a2b47",25:"#274572",50:"#336199",75:"#3d7ad1",100:"#4da3ff",foreground:"#ffffff",rgb:"77, 163, 255"},secondary:{10:"#1f2937",25:"#374151",50:"#6b7280",75:"#9ca3af",100:"#d1d5db",foreground:"#111111",rgb:"209, 213, 219"},text:{primary:"#f9fafb"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},announcement:{background:"secondary.100",text:"text.primary",link:"primary.100"},navigation:{transparent:{links:"#f9fafb",linksHover:"#4da3ff"}},carousel:{button:{background:"#d1d5db",text:"secondary.10"}},background:"#111827",backgroundRgb:"17, 24, 39",foreground:"#1f2937",foregroundRgb:"12, 26, 22",border:"#374151",heading:"#f9fafb",link:{base:"#4da3ff",hover:"#4da3ff",inverted:"secondary.100"},error:"#f87171",success:"#4ade80",warning:"#facc15",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{info:{bg:"#4da3ff",text:"#111111",hover:"#004a99"},success:{bg:"#4ade80",text:"#111111",hover:"#1e7e34"},error:{bg:"#f87171",text:"#111111",hover:"#b91c1c"},warning:{bg:"#facc15",text:"#111111",hover:"#b97706"}},tab:{background:"#f2f4f7",text:"#111111"}};exports.darkTheme=e;exports.defaultTheme=f;exports.lightTheme=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f={mode:"light",primary:{10:"#e6f0ff",25:"#b3d1ff",50:"#4da3ff",75:"#0066cc",100:"#004a99",foreground:"#ffffff",rgb:"0, 74, 153"},secondary:{10:"#f2f4f7",25:"#d0d5db",50:"#6b7280",75:"#374151",100:"#111827",foreground:"#ffffff",rgb:"17, 24, 39"},text:{primary:"#111111"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"rgba(0, 74, 153, 0.75)",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"rgba(255, 255, 255, 0.75)",text:"primary.100",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},announcement:{background:"primary.100",text:"#ffffff",link:"primary.10"},navigation:{transparent:{links:"#111827",linksHover:"#004a99"}},carousel:{button:{background:"primary.100",text:"#ffffff",hover:{background:"primary.75",text:"#ffffff"}}},background:"#ffffff",backgroundRgb:"255, 255, 255",foreground:"#ffffff",foregroundRgb:"255, 255, 255",border:"#d1d5db",heading:"#111111",link:{base:"#004a99",hover:"#004a99",inverted:"#ffffff"},error:"#b91c1c",success:"#1e7e34",warning:"#d97706",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{muted:{bg:"#d1d5db",text:"#292A2B",hover:"#BCBFC5"},info:{bg:"#004a99",text:"#ffffff",hover:"#4da3ff"},success:{bg:"#1e7e34",text:"#ffffff",hover:"#4ade80"},error:{bg:"#b91c1c",text:"#ffffff",hover:"#f87171"},warning:{bg:"#b97706",text:"#ffffff",hover:"#facc15"}},tab:{background:"#1f2937",text:"#ffffff"}},r={...f,mode:"light"},e={mode:"dark",primary:{10:"#1a2b47",25:"#274572",50:"#336199",75:"#3d7ad1",100:"#4da3ff",foreground:"#ffffff",rgb:"77, 163, 255"},secondary:{10:"#1f2937",25:"#374151",50:"#6b7280",75:"#9ca3af",100:"#d1d5db",foreground:"#111111",rgb:"209, 213, 219"},text:{primary:"#f9fafb"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},announcement:{background:"secondary.100",text:"text.primary",link:"primary.100"},navigation:{transparent:{links:"#f9fafb",linksHover:"#4da3ff"}},carousel:{button:{background:"#d1d5db",text:"secondary.10"}},background:"#111827",backgroundRgb:"17, 24, 39",foreground:"#1f2937",foregroundRgb:"12, 26, 22",border:"#374151",heading:"#f9fafb",link:{base:"#4da3ff",hover:"#4da3ff",inverted:"secondary.100"},error:"#f87171",success:"#4ade80",warning:"#facc15",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{info:{bg:"#4da3ff",text:"#111111",hover:"#004a99"},success:{bg:"#4ade80",text:"#111111",hover:"#1e7e34"},error:{bg:"#f87171",text:"#111111",hover:"#b91c1c"},warning:{bg:"#facc15",text:"#111111",hover:"#b97706"}},tab:{background:"#f2f4f7",text:"#111111"}};exports.darkTheme=e;exports.defaultTheme=f;exports.lightTheme=r;

package/dist/core/tokens/theme.mjs

@@ -114,8 +114,12 @@ const f = {
   },
   carousel: {
     button: {
-      background: "#d1d5db",
-      text: "secondary.100"
+      background: "primary.100",
+      text: "#ffffff",
+      hover: {
+        background: "primary.75",
+        text: "#ffffff"
+      }
     }
   },
   background: "#ffffff",

package/dist/index17.css

@@ -1 +1 @@
-._cardLink_1ba7q_1{text-decoration:none;cursor:pointer}._card_1ba7q_1{background-color:transparent;min-height:100%;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1ba7q_1{width:100%;max-width:none;min-width:0}}._container_1ba7q_21{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;height:100%;width:100%;padding:3.25rem var(--spacing-xl)}._content_1ba7q_31{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}._icon_1ba7q_38{margin-bottom:var(--spacing-sm)}._icon_1ba7q_38 i,._icon_1ba7q_38 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_1ba7q_1:hover ._card_1ba7q_1,._modalTrigger_1ba7q_60:hover ._card_1ba7q_1{background-color:var(--color-primary-100)}._cardLink_1ba7q_1:hover ._callToAction_1ba7q_65 ._label_1ba7q_66,._modalTrigger_1ba7q_60:hover ._callToAction_1ba7q_65 ._label_1ba7q_66{opacity:1;transform:translateY(0)}._cardLink_1ba7q_1:hover ._callToAction_1ba7q_65 ._cardIcon_1ba7q_71,._modalTrigger_1ba7q_60:hover ._callToAction_1ba7q_65 ._cardIcon_1ba7q_71{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_1ba7q_78{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_1ba7q_78 span{transition:color .3s ease-in-out}._description_1ba7q_101{margin:0}._description_1ba7q_101:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_1ba7q_101:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_1ba7q_116{position:relative;height:100%;display:flex;justify-content:center}@media (max-width: 767px){._imageWrapper_1ba7q_116{max-width:380px}}._imageWrapper_1ba7q_116 img{position:relative;height:auto}._modalTrigger_1ba7q_60{cursor:pointer}._modalTrigger_1ba7q_60 ._imageWrapper_1ba7q_116{transition:opacity .3s ease-in-out}._modalTrigger_1ba7q_60:hover ._cardIcon_1ba7q_71{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_1ba7q_60:hover ._imageWrapper_1ba7q_116{opacity:.75}._callToAction_1ba7q_65{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1ba7q_65 ._cardIcon_1ba7q_71{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1ba7q_65 ._label_1ba7q_66{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._metric_1ba7q_205 ._content_1ba7q_31{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_1ba7q_205 ._description_1ba7q_101{text-align:center;font-size:var(--font-size-lg)}._metric_1ba7q_205 ._outerCircle_1ba7q_222{stroke-width:10px;stroke:#ccc}._metric_1ba7q_205 ._innerCircle_1ba7q_227{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_1ba7q_205 ._metricLabel_1ba7q_233{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_1ba7q_241 ._title_1ba7q_78{color:var(--color-primary-100);font-size:var(--font-size-xl)}._textOnly_1ba7q_241 ._description_1ba7q_101{color:var(--color-text-primary);font-size:var(--font-size-md)}._textOnly_1ba7q_241 ._imageWrapper_1ba7q_116{display:none}._textOnly_1ba7q_241 ._cardLink_1ba7q_1:hover ._card_1ba7q_1,._textOnly_1ba7q_241 ._modalTrigger_1ba7q_60:hover ._card_1ba7q_1{background-color:var(--color-primary-100)}._textOnly_1ba7q_241 ._cardLink_1ba7q_1:hover ._callToAction_1ba7q_65 ._label_1ba7q_66,._textOnly_1ba7q_241 ._modalTrigger_1ba7q_60:hover ._callToAction_1ba7q_65 ._label_1ba7q_66{opacity:1;transform:translateY(0);color:#fff}._textOnly_1ba7q_241 ._cardLink_1ba7q_1:hover ._callToAction_1ba7q_65 ._cardIcon_1ba7q_71,._textOnly_1ba7q_241 ._modalTrigger_1ba7q_60:hover ._callToAction_1ba7q_65 ._cardIcon_1ba7q_71{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._imageOnly_1ba7q_278 ._container_1ba7q_21{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}._imageOnly_1ba7q_278 ._imageWrapper_1ba7q_116{display:flex;align-items:center;justify-content:center;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._imageOnly_1ba7q_278 ._imageWrapper_1ba7q_116 img{width:100%;height:100%;object-fit:cover}._fullBleed_1ba7q_303{min-height:450px}._fullBleed_1ba7q_303 ._container_1ba7q_21{display:block;padding:0}._fullBleed_1ba7q_303 ._modalTrigger_1ba7q_60{display:block}._fullBleed_1ba7q_303 ._content_1ba7q_31{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);z-index:5;width:auto;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--spacing-lg)}._fullBleed_1ba7q_303 ._imageWrapper_1ba7q_116{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_1ba7q_303 ._imageWrapper_1ba7q_116 img{width:100%;height:100%;object-fit:cover}._imageTop_1ba7q_344 ._container_1ba7q_21{height:auto;justify-content:flex-start;flex-direction:column-reverse}._imageTop_1ba7q_344 ._imageWrapper_1ba7q_116{aspect-ratio:16/9}._imageTop_1ba7q_344 ._imageWrapper_1ba7q_116 img{position:relative;width:100%;height:auto;object-fit:cover}._imageBottom_1ba7q_363 ._container_1ba7q_21{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_1ba7q_363 ._imageWrapper_1ba7q_116{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_1ba7q_363 ._imageWrapper_1ba7q_116{max-height:350px}}._imageBottom_1ba7q_363 ._imageWrapper_1ba7q_116 img{width:100%;height:auto;object-fit:cover}@media (max-width: 767px){._imageBottom_1ba7q_363 ._imageWrapper_1ba7q_116 img{position:relative}}._imageLeft_1ba7q_391 ._container_1ba7q_21{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_1ba7q_391 ._container_1ba7q_21{flex-direction:column-reverse}}._imageRight_1ba7q_401 ._container_1ba7q_21{flex-direction:row}@media (max-width: 767px){._imageRight_1ba7q_401 ._container_1ba7q_21{flex-direction:column}}._imageLeft_1ba7q_391 ._content_1ba7q_31,._imageRight_1ba7q_401 ._content_1ba7q_31{flex:.8;width:100%}._imageLeft_1ba7q_391 ._title_1ba7q_78,._imageRight_1ba7q_401 ._title_1ba7q_78{font-size:var(--font-size-xl)}._imageLeft_1ba7q_391 ._description_1ba7q_101,._imageRight_1ba7q_401 ._description_1ba7q_101{font-size:var(--font-size-md)}._imageLeft_1ba7q_391 ._imageWrapper_1ba7q_116,._imageRight_1ba7q_401 ._imageWrapper_1ba7q_116{flex:.75 1;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageLeft_1ba7q_391 ._imageWrapper_1ba7q_116 img,._imageRight_1ba7q_401 ._imageWrapper_1ba7q_116 img{overflow:hidden;width:100%;object-fit:cover;height:auto}@media (max-width: 767px){._imageLeft_1ba7q_391 ._imageWrapper_1ba7q_116,._imageRight_1ba7q_401 ._imageWrapper_1ba7q_116{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_1ba7q_391 ._imageWrapper_1ba7q_116 img,._imageRight_1ba7q_401 ._imageWrapper_1ba7q_116 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_1ba7q_459{gap:var(--spacing-xl)}._containImage_1ba7q_459 ._imageWrapper_1ba7q_116{align-items:center}._fullBleedImage_1ba7q_467{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_1ba7q_467 ._imageWrapper_1ba7q_116{max-width:unset}}._fullBleedImage_1ba7q_467 ._imageWrapper_1ba7q_116 img{height:100%}._fullBleedImage_1ba7q_467 ._content_1ba7q_31{width:auto;padding:var(--spacing-md)}._image_1ba7q_116{min-height:unset}._image_1ba7q_116 ._container_1ba7q_21{padding:var(--spacing-sm);justify-content:center}._image_1ba7q_116 ._imageWrapper_1ba7q_116{width:100%;min-height:unset}._image_1ba7q_116 ._imageWrapper_1ba7q_116 ._imageWrapper_1ba7q_116 img{position:relative}.homeGrid ._textOnly_1ba7q_241 ._title_1ba7q_78{color:#fff}.homeGrid ._textOnly_1ba7q_241 ._description_1ba7q_101{color:#fff;font-size:var(--font-size-md)}.homeGrid ._fullBleed_1ba7q_303{min-height:400px}@media (min-width: 768px){.homeGrid ._fullBleed_1ba7q_303{min-height:unset}}.startMetricGrid ._textOnly_1ba7q_241{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_1ba7q_241 ._title_1ba7q_78{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_1ba7q_391{min-height:235px}.conditionManagementServicesGrid ._imageLeft_1ba7q_391 ._content_1ba7q_31{flex:1}.conditionManagementServicesGrid ._imageLeft_1ba7q_391 ._title_1ba7q_78{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_1ba7q_391 ._imageWrapper_1ba7q_116{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_1ba7q_391 ._imageWrapper_1ba7q_116{flex:1}}.backgroundPrimary ._eyebrow_1ba7q_563,.backgroundPrimary ._title_1ba7q_78,.backgroundPrimary ._description_1ba7q_101{color:#fff}.backgroundPrimary ._cta_1ba7q_575 ._secondary_1ba7q_576{background-color:#fff}
+._cardLink_e3ax5_1{text-decoration:none;cursor:pointer}._card_e3ax5_1{background-color:transparent;min-height:100%;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_e3ax5_1{width:100%;max-width:none;min-width:0}}._container_e3ax5_21{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;height:100%;width:100%;padding:3.25rem var(--spacing-xl)}._content_e3ax5_31{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}._icon_e3ax5_38{margin-bottom:var(--spacing-sm)}._icon_e3ax5_38 i,._icon_e3ax5_38 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_e3ax5_1:hover ._card_e3ax5_1,._modalTrigger_e3ax5_60:hover ._card_e3ax5_1{background-color:var(--color-primary-100)}._cardLink_e3ax5_1:hover ._callToAction_e3ax5_65 ._label_e3ax5_66,._modalTrigger_e3ax5_60:hover ._callToAction_e3ax5_65 ._label_e3ax5_66{opacity:1;transform:translateY(0)}._cardLink_e3ax5_1:hover ._callToAction_e3ax5_65 ._cardIcon_e3ax5_71,._modalTrigger_e3ax5_60:hover ._callToAction_e3ax5_65 ._cardIcon_e3ax5_71{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_e3ax5_78{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_e3ax5_78 span{transition:color .3s ease-in-out}._description_e3ax5_101{margin:0}._description_e3ax5_101:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_e3ax5_101:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_e3ax5_116{position:relative;height:100%;display:flex;justify-content:center}._imageWrapper_e3ax5_116 img{position:relative;height:auto}._modalTrigger_e3ax5_60{cursor:pointer}._modalTrigger_e3ax5_60 ._imageWrapper_e3ax5_116{transition:opacity .3s ease-in-out}._modalTrigger_e3ax5_60:hover ._cardIcon_e3ax5_71{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_e3ax5_60:hover ._imageWrapper_e3ax5_116{opacity:.75}._callToAction_e3ax5_65{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_e3ax5_65 ._cardIcon_e3ax5_71{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_e3ax5_65 ._label_e3ax5_66{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._metric_e3ax5_205 ._content_e3ax5_31{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_e3ax5_205 ._description_e3ax5_101{text-align:center;font-size:var(--font-size-lg)}._metric_e3ax5_205 ._outerCircle_e3ax5_222{stroke-width:10px;stroke:#ccc}._metric_e3ax5_205 ._innerCircle_e3ax5_227{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_e3ax5_205 ._metricLabel_e3ax5_233{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_e3ax5_241 ._title_e3ax5_78{color:var(--color-primary-100);font-size:var(--font-size-xl)}._textOnly_e3ax5_241 ._description_e3ax5_101{color:var(--color-text-primary);font-size:var(--font-size-md)}._textOnly_e3ax5_241 ._imageWrapper_e3ax5_116{display:none}._textOnly_e3ax5_241 ._cardLink_e3ax5_1:hover ._card_e3ax5_1,._textOnly_e3ax5_241 ._modalTrigger_e3ax5_60:hover ._card_e3ax5_1{background-color:var(--color-primary-100)}._textOnly_e3ax5_241 ._cardLink_e3ax5_1:hover ._callToAction_e3ax5_65 ._label_e3ax5_66,._textOnly_e3ax5_241 ._modalTrigger_e3ax5_60:hover ._callToAction_e3ax5_65 ._label_e3ax5_66{opacity:1;transform:translateY(0);color:#fff}._textOnly_e3ax5_241 ._cardLink_e3ax5_1:hover ._callToAction_e3ax5_65 ._cardIcon_e3ax5_71,._textOnly_e3ax5_241 ._modalTrigger_e3ax5_60:hover ._callToAction_e3ax5_65 ._cardIcon_e3ax5_71{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._imageOnly_e3ax5_278 ._container_e3ax5_21{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}._imageOnly_e3ax5_278 ._imageWrapper_e3ax5_116{display:flex;align-items:center;justify-content:center;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._imageOnly_e3ax5_278 ._imageWrapper_e3ax5_116 img{width:100%;height:100%;object-fit:cover}._fullBleed_e3ax5_303{min-height:450px}._fullBleed_e3ax5_303 ._container_e3ax5_21{display:block;padding:0}._fullBleed_e3ax5_303 ._modalTrigger_e3ax5_60{display:block}._fullBleed_e3ax5_303 ._content_e3ax5_31{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);z-index:5;width:auto;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--spacing-lg)}._fullBleed_e3ax5_303 ._imageWrapper_e3ax5_116{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_e3ax5_303 ._imageWrapper_e3ax5_116 img{width:100%;height:100%;object-fit:cover}._imageTop_e3ax5_344 ._container_e3ax5_21{height:auto;justify-content:flex-start;flex-direction:column-reverse}._imageTop_e3ax5_344 ._imageWrapper_e3ax5_116{aspect-ratio:16/9}._imageTop_e3ax5_344 ._imageWrapper_e3ax5_116 img{position:relative;width:100%;height:auto;object-fit:cover}._imageBottom_e3ax5_363 ._container_e3ax5_21{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_e3ax5_363 ._imageWrapper_e3ax5_116{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_e3ax5_363 ._imageWrapper_e3ax5_116{max-height:350px}}._imageBottom_e3ax5_363 ._imageWrapper_e3ax5_116 img{width:100%;height:auto;object-fit:cover}@media (max-width: 767px){._imageBottom_e3ax5_363 ._imageWrapper_e3ax5_116 img{position:relative}}._imageLeft_e3ax5_391 ._container_e3ax5_21{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_e3ax5_391 ._container_e3ax5_21{flex-direction:column-reverse}}._imageRight_e3ax5_401 ._container_e3ax5_21{flex-direction:row}@media (max-width: 767px){._imageRight_e3ax5_401 ._container_e3ax5_21{flex-direction:column}}._imageLeft_e3ax5_391 ._content_e3ax5_31,._imageRight_e3ax5_401 ._content_e3ax5_31{flex:.8;width:100%}._imageLeft_e3ax5_391 ._title_e3ax5_78,._imageRight_e3ax5_401 ._title_e3ax5_78{font-size:var(--font-size-xl)}._imageLeft_e3ax5_391 ._description_e3ax5_101,._imageRight_e3ax5_401 ._description_e3ax5_101{font-size:var(--font-size-md)}._imageLeft_e3ax5_391 ._imageWrapper_e3ax5_116,._imageRight_e3ax5_401 ._imageWrapper_e3ax5_116{flex:.75 1;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageLeft_e3ax5_391 ._imageWrapper_e3ax5_116 img,._imageRight_e3ax5_401 ._imageWrapper_e3ax5_116 img{overflow:hidden;width:100%;object-fit:cover;height:auto}@media (max-width: 767px){._imageLeft_e3ax5_391 ._imageWrapper_e3ax5_116,._imageRight_e3ax5_401 ._imageWrapper_e3ax5_116{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_e3ax5_391 ._imageWrapper_e3ax5_116 img,._imageRight_e3ax5_401 ._imageWrapper_e3ax5_116 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_e3ax5_459{gap:var(--spacing-xl)}._containImage_e3ax5_459 ._imageWrapper_e3ax5_116{align-items:center}._fullBleedImage_e3ax5_467{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_e3ax5_467 ._imageWrapper_e3ax5_116{max-width:unset}}._fullBleedImage_e3ax5_467 ._imageWrapper_e3ax5_116 img{height:100%}._fullBleedImage_e3ax5_467 ._content_e3ax5_31{width:auto;padding:var(--spacing-md)}._image_e3ax5_116{min-height:unset}._image_e3ax5_116 ._container_e3ax5_21{padding:var(--spacing-sm);justify-content:center}._image_e3ax5_116 ._imageWrapper_e3ax5_116{width:100%;min-height:unset}._image_e3ax5_116 ._imageWrapper_e3ax5_116 ._imageWrapper_e3ax5_116 img{position:relative}.homeGrid ._textOnly_e3ax5_241 ._title_e3ax5_78{color:#fff}.homeGrid ._textOnly_e3ax5_241 ._description_e3ax5_101{color:#fff;font-size:var(--font-size-md)}.homeGrid ._fullBleed_e3ax5_303{min-height:400px}@media (min-width: 768px){.homeGrid ._fullBleed_e3ax5_303{min-height:unset}}.startMetricGrid ._textOnly_e3ax5_241{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_e3ax5_241 ._title_e3ax5_78{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_e3ax5_391{min-height:235px}.conditionManagementServicesGrid ._imageLeft_e3ax5_391 ._content_e3ax5_31{flex:1}.conditionManagementServicesGrid ._imageLeft_e3ax5_391 ._title_e3ax5_78{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_e3ax5_391 ._imageWrapper_e3ax5_116{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_e3ax5_391 ._imageWrapper_e3ax5_116{flex:1}}.backgroundPrimary ._eyebrow_e3ax5_563,.backgroundPrimary ._title_e3ax5_78,.backgroundPrimary ._description_e3ax5_101{color:#fff}.backgroundPrimary ._cta_e3ax5_575 ._secondary_e3ax5_576{background-color:#fff}

package/dist/index24.css

@@ -1 +1 @@
-._carousel_1v597_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_1v597_1{padding:0 var(--spacing-lg)}}._carousel_1v597_1:focus{outline:none}._carousel_1v597_1:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:3px;border-radius:var(--radius-sm, 4px)}._noPointerEvents_1v597_21 *{pointer-events:none!important}._trackContainer_1v597_25{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_1v597_25{overflow:visible}}._track_1v597_25{display:flex;transition:none;will-change:transform}._track_1v597_25._isMounted_1v597_39{transition:transform .3s ease}._page_1v597_44{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_1v597_44{justify-content:center;padding:0 var(--spacing-sm)}}._controls_1v597_54{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_1v597_65{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-sm)}._indicator_1v597_65{width:10px;height:10px;border-radius:50%;background-color:var(--color-carousel-button-background);border:1px solid #fff;cursor:pointer;padding:0;transition:background-color .3s,transform .2s}._indicator_1v597_65._active_1v597_87{background-color:var(--color-carousel-button-text)}._indicator_1v597_65:focus{outline:none}._indicator_1v597_65:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:3px}._indicator_1v597_65:not(._active_1v597_87):hover{transform:scale(1.3)}._buttons_1v597_106{display:flex;gap:var(--spacing-md)}._prev_1v597_111._disabled_1v597_111,._next_1v597_112._disabled_1v597_111{opacity:.5;pointer-events:none}._buttons_1v597_106 button:not(._disabled_1v597_111):hover{background-color:var(--color-primary-100);color:#fff}._prev_1v597_111,._next_1v597_112{background-color:var(--color-carousel-button-background);color:var(--color-carousel-button-text);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}._expandable_1v597_142>*{flex:1 1 0!important;min-width:0!important;width:unset!important;transition:flex .4s ease}._expandable_1v597_142:has(article:hover)>*:has(article:hover){flex:1.4 1 0!important}._expandable_1v597_142:has(article:hover)>*:not(:has(article:hover)){flex:.8 1 0!important}@media (max-width: 768px){._expandable_1v597_142>*{flex:1!important}}
+._carousel_jrudo_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_jrudo_1{padding:0 var(--spacing-lg)}}._carousel_jrudo_1:focus{outline:none}._carousel_jrudo_1:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:3px;border-radius:var(--radius-sm, 4px)}._noPointerEvents_jrudo_21 *{pointer-events:none!important}._trackContainer_jrudo_25{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_jrudo_25{overflow:visible}}._track_jrudo_25{display:flex;transition:none;will-change:transform}._track_jrudo_25._isMounted_jrudo_39{transition:transform .3s ease}._page_jrudo_44{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_jrudo_44{justify-content:center;padding:0 var(--spacing-sm)}}._controls_jrudo_54{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_jrudo_65{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-sm)}._indicator_jrudo_65{width:10px;height:10px;border-radius:50%;background-color:var(--color-carousel-button-background);border:1px solid #fff;cursor:pointer;padding:0;transition:background-color .3s,transform .2s}._indicator_jrudo_65._active_jrudo_87{background-color:var(--color-carousel-button-text)}._indicator_jrudo_65:focus{outline:none}._indicator_jrudo_65:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:3px}._indicator_jrudo_65:not(._active_jrudo_87):hover{transform:scale(1.3)}._buttons_jrudo_106{display:flex;gap:var(--spacing-md)}._prev_jrudo_111._disabled_jrudo_111,._next_jrudo_112._disabled_jrudo_111{opacity:.5;pointer-events:none}._buttons_jrudo_106 button:not(._disabled_jrudo_111):hover{background-color:var(--color-primary-100);color:#fff}._prev_jrudo_111,._next_jrudo_112{background-color:var(--color-carousel-button-background);color:var(--color-carousel-button-text);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}._prev_jrudo_111._hover_jrudo_139,._next_jrudo_112._hover_jrudo_139{background-color:var(--color-carousel-button-hover-background);color:var(--color-carousel-button-hover-text)}._expandable_jrudo_147>*{flex:1 1 0!important;min-width:0!important;width:unset!important;transition:flex .4s ease}._expandable_jrudo_147:has(article:hover)>*:has(article:hover){flex:1.4 1 0!important}._expandable_jrudo_147:has(article:hover)>*:not(:has(article:hover)){flex:.8 1 0!important}@media (max-width: 768px){._expandable_jrudo_147>*{flex:1!important}}

package/dist/next/cards/GridCard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const a=require("react/jsx-runtime"),j=require("../../../core/components/Modal/index.cjs"),O=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),$=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs"),d=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_1ba7q_1",z="_card_1ba7q_1",G="_container_1ba7q_21",D="_content_1ba7q_31",E="_icon_1ba7q_38",Q="_modalTrigger_1ba7q_60",Y="_callToAction_1ba7q_65",H="_label_1ba7q_66",J="_cardIcon_1ba7q_71",K="_title_1ba7q_78",X="_description_1ba7q_101",Z="_imageWrapper_1ba7q_116",V="_metric_1ba7q_205",R="_outerCircle_1ba7q_222",A="_innerCircle_1ba7q_227",T="_metricLabel_1ba7q_233",ee="_textOnly_1ba7q_241",ae="_imageOnly_1ba7q_278",se="_fullBleed_1ba7q_303",te="_imageTop_1ba7q_344",ne="_imageBottom_1ba7q_363",oe="_imageLeft_1ba7q_391",re="_imageRight_1ba7q_401",le="_containImage_1ba7q_459",ie="_fullBleedImage_1ba7q_467",ce="_image_1ba7q_116",_e="_eyebrow_1ba7q_563",me="_cta_1ba7q_575",de="_secondary_1ba7q_576",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,imageOnly:ae,fullBleed:se,imageTop:te,imageBottom:ne,imageLeft:oe,imageRight:re,containImage:le,fullBleedImage:ie,image:ce,eyebrow:_e,cta:me,secondary:de},p={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom,"image-only":e.imageOnly};function ge({value:s}){if(!s.includes("%"))return a.jsx("div",{className:e.metric});const t=125,n=(t-10)/2,o=2*Math.PI*n,i=o-parseFloat(s)/100*o;return a.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:[a.jsx("circle",{className:e.outerCircle,cx:t/2,cy:t/2,r:n,fill:"none"}),a.jsx("circle",{className:e.innerCircle,cx:t/2,cy:t/2,r:n,fill:"none",strokeDasharray:o,strokeDashoffset:i,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),a.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:s})]})}function be({callToAction:s,resolvedUrl:t,children:n,renderRichText:o}){var i,_;switch(s==null?void 0:s.type){case"link":return a.jsx("a",{className:e.cardLink,"aria-label":s.ariaLabel||s.label,href:t,target:((i=s.linkOptions)==null?void 0:i.linkType)==="external"?"_blank":"_self",rel:((_=s.linkOptions)==null?void 0:_.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return a.jsx(j.Modal,{className:e.modalTrigger,trigger:n,content:s.modalContent?o==null?void 0:o({blocks:s.modalContent}):void 0});case"video":return a.jsx(j.Modal,{className:e.modalTrigger,trigger:n,content:a.jsx("video",{src:s.videoUrl,controls:!0,autoPlay:!0})});case"download":return a.jsx("a",{className:e.cardLink,"aria-label":s.ariaLabel||s.label,href:t,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return a.jsx(a.Fragment,{children:n})}}function ue({style:s,variant:t="noImage",metricValue:n,eyebrow:o,title:i,description:_,image:c,icon:g,callToAction:r,onHover:v,onLeave:k,gridArea:b,styleOptions:N,renderImage:u,renderRichText:l}){const{mode:q}=U.useTheme(),y=S.useMediaQuery("(max-width: 767px)"),L=$.useStyleClasses(N),h=O.resolveLinkURL(r),m=d.resolveImageUrl(c,q),f=d.resolveAltText(c,q),x=d.resolveImageStyle(c,y),C=(c==null?void 0:c.layout)==="cover",B=p[s??"image-top"]??p["image-top"],I=c&&m?a.jsx("div",{className:e.imageWrapper,children:u?u({src:m,alt:f,width:600,height:658,style:s==="full-bleed"?{objectFit:"cover",objectPosition:"top"}:x}):a.jsx("img",{src:m,alt:f,width:600,height:658,style:x})}):null,w=!n&&!o&&!i&&!_,M=a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:`${e.container} ${C?e.fullBleedImage:e.containImage}`,children:[t!=="image"&&!w&&a.jsxs("div",{className:e.content,children:[g&&a.jsx("div",{className:e.icon,children:a.jsx("i",{className:g})}),n&&a.jsx(ge,{value:n}),o&&(l==null?void 0:l({blocks:o,className:e.eyebrow})),i&&(l==null?void 0:l({blocks:i,className:e.title})),_&&(l==null?void 0:l({blocks:_,className:e.description}))]}),I]}),(r==null?void 0:r.videoUrl)&&a.jsxs("div",{className:e.callToAction,children:[a.jsx("div",{className:e.label,children:r.label}),a.jsx("div",{className:e.cardIcon,children:a.jsx(P.Play,{size:45})})]}),(r==null?void 0:r.type)==="link"&&a.jsxs("div",{className:e.callToAction,children:[a.jsx("div",{className:e.label,children:r.label}),a.jsx("div",{className:e.cardIcon,children:a.jsx(F.ArrowRight,{size:45})})]})]});return a.jsx("div",{className:[L,e.card,B,e[t]??""].filter(Boolean).join(" "),onMouseEnter:v,onMouseLeave:k,style:b&&!y?{gridArea:b}:{},children:a.jsx(be,{callToAction:r,resolvedUrl:h,renderRichText:l,children:M})})}exports.GridCard=ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index17.css');const a=require("react/jsx-runtime"),p=require("../../../core/components/Modal/index.cjs"),q=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),$=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs"),d=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_e3ax5_1",z="_card_e3ax5_1",G="_container_e3ax5_21",D="_content_e3ax5_31",E="_icon_e3ax5_38",Q="_modalTrigger_e3ax5_60",Y="_callToAction_e3ax5_65",H="_label_e3ax5_66",J="_cardIcon_e3ax5_71",K="_title_e3ax5_78",X="_description_e3ax5_101",Z="_imageWrapper_e3ax5_116",V="_metric_e3ax5_205",R="_outerCircle_e3ax5_222",A="_innerCircle_e3ax5_227",T="_metricLabel_e3ax5_233",ee="_textOnly_e3ax5_241",ae="_imageOnly_e3ax5_278",se="_fullBleed_e3ax5_303",te="_imageTop_e3ax5_344",ne="_imageBottom_e3ax5_363",oe="_imageLeft_e3ax5_391",re="_imageRight_e3ax5_401",le="_containImage_e3ax5_459",ie="_fullBleedImage_e3ax5_467",ce="_image_e3ax5_116",_e="_eyebrow_e3ax5_563",me="_cta_e3ax5_575",de="_secondary_e3ax5_576",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,imageOnly:ae,fullBleed:se,imageTop:te,imageBottom:ne,imageLeft:oe,imageRight:re,containImage:le,fullBleedImage:ie,image:ce,eyebrow:_e,cta:me,secondary:de},v={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom,"image-only":e.imageOnly};function ge({value:s}){if(!s.includes("%"))return a.jsx("div",{className:e.metric});const t=125,n=(t-10)/2,o=2*Math.PI*n,i=o-parseFloat(s)/100*o;return a.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:[a.jsx("circle",{className:e.outerCircle,cx:t/2,cy:t/2,r:n,fill:"none"}),a.jsx("circle",{className:e.innerCircle,cx:t/2,cy:t/2,r:n,fill:"none",strokeDasharray:o,strokeDashoffset:i,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),a.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:s})]})}function xe({callToAction:s,resolvedUrl:t,children:n,renderRichText:o}){var i,_;switch(s==null?void 0:s.type){case"link":return a.jsx("a",{className:e.cardLink,"aria-label":s.ariaLabel||s.label,href:t,target:((i=s.linkOptions)==null?void 0:i.linkType)==="external"?"_blank":"_self",rel:((_=s.linkOptions)==null?void 0:_.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return a.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:s.modalContent?o==null?void 0:o({blocks:s.modalContent}):void 0});case"video":return a.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:a.jsx("video",{src:s.videoUrl,controls:!0,autoPlay:!0})});case"download":return a.jsx("a",{className:e.cardLink,"aria-label":s.ariaLabel||s.label,href:t,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return a.jsx(a.Fragment,{children:n})}}function ue({style:s,variant:t="noImage",metricValue:n,eyebrow:o,title:i,description:_,image:c,icon:g,callToAction:r,onHover:k,onLeave:N,gridArea:x,styleOptions:L,renderImage:u,renderRichText:l}){const{mode:y}=U.useTheme(),f=S.useMediaQuery("(max-width: 767px)"),h=$.useStyleClasses(L),C=q.resolveLinkURL(r),m=d.resolveImageUrl(c,y),b=d.resolveAltText(c,y),j=d.resolveImageStyle(c,f),B=(c==null?void 0:c.layout)==="cover",I=v[s??"image-top"]??v["image-top"],w=c&&m?a.jsx("div",{className:e.imageWrapper,children:u?u({src:m,alt:b,width:600,height:658,style:s==="full-bleed"?{objectFit:"cover",objectPosition:"top"}:j}):a.jsx("img",{src:m,alt:b,width:600,height:658,style:j})}):null,M=!n&&!o&&!i&&!_,O=a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:`${e.container} ${B?e.fullBleedImage:e.containImage}`,children:[t!=="image"&&!M&&a.jsxs("div",{className:e.content,children:[g&&a.jsx("div",{className:e.icon,children:a.jsx("i",{className:g})}),n&&a.jsx(ge,{value:n}),o&&(l==null?void 0:l({blocks:o,className:e.eyebrow})),i&&(l==null?void 0:l({blocks:i,className:e.title})),_&&(l==null?void 0:l({blocks:_,className:e.description}))]}),w]}),(r==null?void 0:r.videoUrl)&&a.jsxs("div",{className:e.callToAction,children:[a.jsx("div",{className:e.label,children:r.label}),a.jsx("div",{className:e.cardIcon,children:a.jsx(P.Play,{size:45})})]}),(r==null?void 0:r.type)==="link"&&a.jsxs("div",{className:e.callToAction,children:[a.jsx("div",{className:e.label,children:r.label}),a.jsx("div",{className:e.cardIcon,children:a.jsx(F.ArrowRight,{size:45})})]})]});return a.jsx("div",{className:[h,e.card,I,e[t]??""].filter(Boolean).join(" "),onMouseEnter:k,onMouseLeave:N,style:x&&!f?{gridArea:x}:{},children:a.jsx(xe,{callToAction:r,resolvedUrl:C,renderRichText:l,children:O})})}exports.GridCard=ue;

package/dist/next/cards/GridCard/index.mjs

@@ -7,10 +7,10 @@ import { useTheme as F } from "../../../core/context/ThemeContext.mjs";
 import { resolveImageUrl as W, resolveAltText as z, resolveImageStyle as D } from "../../utils/mediaUtils.mjs";
 import { P as E } from "../../../play-DYgKiSaf.js";
 import { A as G } from "../../../arrow-right-QEwnX3Sk.js";
-import '../../../index17.css';const x = "_cardLink_1ba7q_1", Q = "_card_1ba7q_1", Y = "_container_1ba7q_21", H = "_content_1ba7q_31", J = "_icon_1ba7q_38", K = "_modalTrigger_1ba7q_60", X = "_callToAction_1ba7q_65", Z = "_label_1ba7q_66", V = "_cardIcon_1ba7q_71", R = "_title_1ba7q_78", A = "_description_1ba7q_101", T = "_imageWrapper_1ba7q_116", ee = "_metric_1ba7q_205", ae = "_outerCircle_1ba7q_222", te = "_innerCircle_1ba7q_227", se = "_metricLabel_1ba7q_233", oe = "_textOnly_1ba7q_241", ne = "_imageOnly_1ba7q_278", re = "_fullBleed_1ba7q_303", le = "_imageTop_1ba7q_344", ie = "_imageBottom_1ba7q_363", ce = "_imageLeft_1ba7q_391", me = "_imageRight_1ba7q_401", _e = "_containImage_1ba7q_459", de = "_fullBleedImage_1ba7q_467", ge = "_image_1ba7q_116", be = "_eyebrow_1ba7q_563", fe = "_cta_1ba7q_575", ue = "_secondary_1ba7q_576", e = {
-  cardLink: x,
-  card: Q,
-  container: Y,
+import '../../../index17.css';const Q = "_cardLink_e3ax5_1", Y = "_card_e3ax5_1", q = "_container_e3ax5_21", H = "_content_e3ax5_31", J = "_icon_e3ax5_38", K = "_modalTrigger_e3ax5_60", X = "_callToAction_e3ax5_65", Z = "_label_e3ax5_66", V = "_cardIcon_e3ax5_71", R = "_title_e3ax5_78", A = "_description_e3ax5_101", T = "_imageWrapper_e3ax5_116", ee = "_metric_e3ax5_205", ae = "_outerCircle_e3ax5_222", te = "_innerCircle_e3ax5_227", se = "_metricLabel_e3ax5_233", oe = "_textOnly_e3ax5_241", ne = "_imageOnly_e3ax5_278", re = "_fullBleed_e3ax5_303", le = "_imageTop_e3ax5_344", ie = "_imageBottom_e3ax5_363", ce = "_imageLeft_e3ax5_391", me = "_imageRight_e3ax5_401", _e = "_containImage_e3ax5_459", de = "_fullBleedImage_e3ax5_467", ge = "_image_e3ax5_116", fe = "_eyebrow_e3ax5_563", ue = "_cta_e3ax5_575", pe = "_secondary_e3ax5_576", e = {
+  cardLink: Q,
+  card: Y,
+  container: q,
   content: H,
   icon: J,
   modalTrigger: K,
@@ -34,9 +34,9 @@ import '../../../index17.css';const x = "_cardLink_1ba7q_1", Q = "_card_1ba7q_1"
   containImage: _e,
   fullBleedImage: de,
   image: ge,
-  eyebrow: be,
-  cta: fe,
-  secondary: ue
+  eyebrow: fe,
+  cta: ue,
+  secondary: pe
 }, N = {
   "full-bleed": e.fullBleed,
   text: e.textOnly,
@@ -47,7 +47,7 @@ import '../../../index17.css';const x = "_cardLink_1ba7q_1", Q = "_card_1ba7q_1"
   "image-bottom": e.imageBottom,
   "image-only": e.imageOnly
 };
-function pe({ value: t }) {
+function ye({ value: t }) {
   if (!t.includes("%")) return /* @__PURE__ */ a("div", { className: e.metric });
   const s = 125, o = (s - 10) / 2, n = 2 * Math.PI * o, i = n - parseFloat(t) / 100 * n;
   return /* @__PURE__ */ _("svg", { width: s, height: s, viewBox: `0 0 ${s} ${s}`, children: [
@@ -88,7 +88,7 @@ function pe({ value: t }) {
     )
   ] });
 }
-function ye({
+function be({
   callToAction: t,
   resolvedUrl: s,
   children: o,
@@ -155,25 +155,25 @@ function we({
   callToAction: r,
   onHover: L,
   onLeave: h,
-  gridArea: b,
+  gridArea: f,
   styleOptions: B,
-  renderImage: f,
+  renderImage: u,
   renderRichText: l
 }) {
-  const { mode: u } = F(), p = j("(max-width: 767px)"), C = U(B), I = $(r), d = W(c, u), y = z(c, u), q = D(c, p), w = (c == null ? void 0 : c.layout) === "cover", O = N[t ?? "image-top"] ?? N["image-top"], M = c && d ? /* @__PURE__ */ a("div", { className: e.imageWrapper, children: f ? f({
+  const { mode: p } = F(), y = j("(max-width: 767px)"), C = U(B), I = $(r), d = W(c, p), b = z(c, p), x = D(c, y), w = (c == null ? void 0 : c.layout) === "cover", O = N[t ?? "image-top"] ?? N["image-top"], M = c && d ? /* @__PURE__ */ a("div", { className: e.imageWrapper, children: u ? u({
     src: d,
-    alt: y,
+    alt: b,
     width: 600,
     height: 658,
-    style: t === "full-bleed" ? { objectFit: "cover", objectPosition: "top" } : q
+    style: t === "full-bleed" ? { objectFit: "cover", objectPosition: "top" } : x
   }) : /* @__PURE__ */ a(
     "img",
     {
       src: d,
-      alt: y,
+      alt: b,
       width: 600,
       height: 658,
-      style: q
+      style: x
     }
   ) }) : null, P = !o && !n && !i && !m, S = /* @__PURE__ */ _(k, { children: [
     /* @__PURE__ */ _(
@@ -183,7 +183,7 @@ function we({
         children: [
           s !== "image" && !P && /* @__PURE__ */ _("div", { className: e.content, children: [
             g && /* @__PURE__ */ a("div", { className: e.icon, children: /* @__PURE__ */ a("i", { className: g }) }),
-            o && /* @__PURE__ */ a(pe, { value: o }),
+            o && /* @__PURE__ */ a(ye, { value: o }),
             n && (l == null ? void 0 : l({ blocks: n, className: e.eyebrow })),
             i && (l == null ? void 0 : l({ blocks: i, className: e.title })),
             m && (l == null ? void 0 : l({
@@ -215,9 +215,9 @@ function we({
       ].filter(Boolean).join(" "),
       onMouseEnter: L,
       onMouseLeave: h,
-      style: b && !p ? { gridArea: b } : {},
+      style: f && !y ? { gridArea: f } : {},
       children: /* @__PURE__ */ a(
-        ye,
+        be,
         {
           callToAction: r,
           resolvedUrl: I,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.207",
+  "version": "0.1.208",
   "type": "module",
   "exports": {
     ".": {