quirk-ui 0.1.44 → 0.1.46

package/dist/NavLink-C2iIiO28.js

@@ -0,0 +1,157 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useRef as g, useEffect as h } from "react";
+import { E as k } from "./external-link-BOPobeQJ.js";
+import { C as v } from "./chevron-down-DSUzBz9F.js";
+import './NavLink.css';const f = "_navbar_1dync_5", C = "_sticky_1dync_19", I = "_left_1dync_35", M = "_container_1dync_36", w = "_logo_1dync_40", T = "_nav_1dync_5", N = "_center_1dync_55", S = "_hidden_1dync_63", W = "_visible_1dync_70", x = "_right_1dync_85", E = "_title_1dync_92", D = "_linkWrapper_1dync_102", $ = "_parent_1dync_102", F = "_linkItem_1dync_109", L = "_link_1dync_102", B = "_search_1dync_115", R = "_locale_1dync_116", j = "_themeToggle_1dync_117", z = "_sublinkToggle_1dync_118", q = "_standard_1dync_169", A = "_triangle_1dync_177", G = "_twoColumn_1dync_204", H = "_mobileButtons_1dync_213", J = "_menuToggle_1dync_281", K = "_utilityMobile_1dync_299", Q = "_utility_1dync_299", U = "_navInner_1dync_327", V = "_grid_1dync_338", X = "_searchModal_1dync_357", Y = "_localeModal_1dync_362", Z = "_separator_1dync_381", O = "_newTabIcon_1dync_412", P = "_sublinksDescription_1dync_425", nn = "_linkContent_1dync_428", en = "_open_1dync_441", on = "_back_1dync_465", tn = "_sublinks_1dync_425", cn = "_show_1dync_514", sn = "_primaryColumn_1dync_563", _n = "_secondaryColumn_1dync_572", ln = "_spotlightColumn_1dync_576", rn = "_sublinksInner_1dync_580", an = "_sublinksColumn_1dync_600", dn = "_chevron_1dync_610", un = "_advanced_1dync_802", yn = "_subtitle_1dync_811", mn = "_withSpotlight_1dync_853", bn = "_withoutSpotlight_1dync_857", pn = "_transparent_1dync_895", gn = "_groupDivider_1dync_1006", hn = "_searchWrapper_1dync_1014", kn = "_mobileMenu_1dync_1021", vn = "_mobileMenuSlide_1dync_1022", fn = "_mobileMenuItem_1dync_1032", Cn = "_fadeInFromLeft_1dync_1036", In = "_fadeInFromRight_1dync_1040", Mn = "_spotlight_1dync_576", wn = "_imageWrapper_1dync_1050", Tn = "_content_1dync_1072", Nn = "_description_1dync_1087", Sn = "_actions_1dync_1091", e = {
+  navbar: f,
+  sticky: C,
+  left: I,
+  container: M,
+  logo: w,
+  nav: T,
+  center: N,
+  hidden: S,
+  visible: W,
+  right: x,
+  title: E,
+  linkWrapper: D,
+  parent: $,
+  linkItem: F,
+  link: L,
+  search: B,
+  locale: R,
+  themeToggle: j,
+  sublinkToggle: z,
+  standard: q,
+  triangle: A,
+  twoColumn: G,
+  mobileButtons: H,
+  menuToggle: J,
+  utilityMobile: K,
+  utility: Q,
+  navInner: U,
+  grid: V,
+  searchModal: X,
+  localeModal: Y,
+  separator: Z,
+  newTabIcon: O,
+  sublinksDescription: P,
+  linkContent: nn,
+  open: en,
+  back: on,
+  sublinks: tn,
+  show: cn,
+  primaryColumn: sn,
+  secondaryColumn: _n,
+  spotlightColumn: ln,
+  sublinksInner: rn,
+  sublinksColumn: an,
+  chevron: dn,
+  default: "_default_1dync_733",
+  advanced: un,
+  subtitle: yn,
+  withSpotlight: mn,
+  withoutSpotlight: bn,
+  transparent: pn,
+  groupDivider: gn,
+  searchWrapper: hn,
+  mobileMenu: kn,
+  mobileMenuSlide: vn,
+  mobileMenuItem: fn,
+  fadeInFromLeft: Cn,
+  fadeInFromRight: In,
+  spotlight: Mn,
+  imageWrapper: wn,
+  content: Tn,
+  description: Nn,
+  actions: Sn
+};
+function $n({
+  link: n,
+  path: o,
+  parentPath: r,
+  openPath: m,
+  togglePath: a,
+  updateTriangleIndicator: b,
+  setOpenPath: s,
+  renderLinks: p,
+  buttonRefs: _
+}) {
+  var u;
+  const i = m === o, c = !!((u = n.sublinks) != null && u.length), d = g(null);
+  return h(() => (_.current.set(o, d.current), () => {
+    _.current.delete(o);
+  }), [o, _]), /* @__PURE__ */ l(
+    "div",
+    {
+      role: "menuitem",
+      className: `${e.linkWrapper} ${r ? "" : e.parent}`,
+      children: [
+        /* @__PURE__ */ t("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ l(
+          "a",
+          {
+            href: n.href,
+            className: e.link,
+            target: n.isExternal ? "_blank" : "_self",
+            rel: n.isExternal ? "noopener noreferrer" : void 0,
+            onClick: () => {
+              var y;
+              s(null), (y = n.onClick) == null || y.call(n);
+            },
+            onMouseEnter: () => {
+              r || s(null);
+            },
+            children: [
+              n.label,
+              n.isExternal && /* @__PURE__ */ t(
+                k,
+                {
+                  className: e.newTabIcon,
+                  size: 16,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) : /* @__PURE__ */ l(
+          "button",
+          {
+            ref: d,
+            "aria-haspopup": c ? !0 : void 0,
+            "aria-expanded": c ? i : void 0,
+            className: `${e.sublinkToggle} ${i ? e.open : ""}`,
+            onClick: () => a(o),
+            onMouseEnter: () => {
+              b(o), s(o);
+            },
+            children: [
+              n.label,
+              c && /* @__PURE__ */ t(
+                v,
+                {
+                  size: 18,
+                  className: e.chevron,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) }),
+        c && /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${e.sublinks} ${i ? e.show : ""}`,
+            onMouseLeave: () => a(o),
+            role: "menu",
+            "aria-label": `${n.label} submenu`,
+            children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: /* @__PURE__ */ t("div", { className: e.sublinksColumn, children: p(n.sublinks, o) }) }) })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  $n as N,
+  e as s
+};

package/dist/NavLink-DIkqOEni.cjs

@@ -0,0 +1 @@
+"use strict";require('./NavLink.css');const o=require("react/jsx-runtime"),y=require("react"),h=require("./external-link-DDShu-48.cjs"),p=require("./chevron-down-DfK1XBl3.cjs"),k="_navbar_1dync_5",v="_sticky_1dync_19",f="_left_1dync_35",I="_container_1dync_36",C="_logo_1dync_40",M="_nav_1dync_5",w="_center_1dync_55",x="_hidden_1dync_63",T="_visible_1dync_70",N="_right_1dync_85",j="_title_1dync_92",S="_linkWrapper_1dync_102",W="_parent_1dync_102",$="_linkItem_1dync_109",D="_link_1dync_102",L="_search_1dync_115",E="_locale_1dync_116",F="_themeToggle_1dync_117",q="_sublinkToggle_1dync_118",R="_standard_1dync_169",B="_triangle_1dync_177",z="_twoColumn_1dync_204",A="_mobileButtons_1dync_213",G="_menuToggle_1dync_281",H="_utilityMobile_1dync_299",J="_utility_1dync_299",K="_navInner_1dync_327",Q="_grid_1dync_338",U="_searchModal_1dync_357",V="_localeModal_1dync_362",X="_separator_1dync_381",Y="_newTabIcon_1dync_412",Z="_sublinksDescription_1dync_425",O="_linkContent_1dync_428",P="_open_1dync_441",nn="_back_1dync_465",en="_sublinks_1dync_425",on="_show_1dync_514",tn="_primaryColumn_1dync_563",cn="_secondaryColumn_1dync_572",sn="_spotlightColumn_1dync_576",_n="_sublinksInner_1dync_580",ln="_sublinksColumn_1dync_600",rn="_chevron_1dync_610",an="_advanced_1dync_802",dn="_subtitle_1dync_811",un="_withSpotlight_1dync_853",yn="_withoutSpotlight_1dync_857",mn="_transparent_1dync_895",bn="_groupDivider_1dync_1006",gn="_searchWrapper_1dync_1014",hn="_mobileMenu_1dync_1021",pn="_mobileMenuSlide_1dync_1022",kn="_mobileMenuItem_1dync_1032",vn="_fadeInFromLeft_1dync_1036",fn="_fadeInFromRight_1dync_1040",In="_spotlight_1dync_576",Cn="_imageWrapper_1dync_1050",Mn="_content_1dync_1072",wn="_description_1dync_1087",xn="_actions_1dync_1091",e={navbar:k,sticky:v,left:f,container:I,logo:C,nav:M,center:w,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:nn,sublinks:en,show:on,primaryColumn:tn,secondaryColumn:cn,spotlightColumn:sn,sublinksInner:_n,sublinksColumn:ln,chevron:rn,default:"_default_1dync_733",advanced:an,subtitle:dn,withSpotlight:un,withoutSpotlight:yn,transparent:mn,groupDivider:bn,searchWrapper:gn,mobileMenu:hn,mobileMenuSlide:pn,mobileMenuItem:kn,fadeInFromLeft:vn,fadeInFromRight:fn,spotlight:In,imageWrapper:Cn,content:Mn,description:wn,actions:xn};function Tn({link:n,path:t,parentPath:l,openPath:m,togglePath:r,updateTriangleIndicator:b,setOpenPath:s,renderLinks:g,buttonRefs:_}){var d;const i=m===t,c=!!((d=n.sublinks)!=null&&d.length),a=y.useRef(null);return y.useEffect(()=>(_.current.set(t,a.current),()=>{_.current.delete(t)}),[t,_]),o.jsxs("div",{role:"menuitem",className:`${e.linkWrapper} ${l?"":e.parent}`,children:[o.jsx("div",{className:e.linkItem,children:n.href?o.jsxs("a",{href:n.href,className:e.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;s(null),(u=n.onClick)==null||u.call(n)},onMouseEnter:()=>{l||s(null)},children:[n.label,n.isExternal&&o.jsx(h.ExternalLink,{className:e.newTabIcon,size:16,"aria-hidden":"true"})]}):o.jsxs("button",{ref:a,"aria-haspopup":c?!0:void 0,"aria-expanded":c?i:void 0,className:`${e.sublinkToggle} ${i?e.open:""}`,onClick:()=>r(t),onMouseEnter:()=>{b(t),s(t)},children:[n.label,c&&o.jsx(p.ChevronDown,{size:18,className:e.chevron,"aria-hidden":"true"})]})}),c&&o.jsx("div",{className:`${e.sublinks} ${i?e.show:""}`,onMouseLeave:()=>r(t),role:"menu","aria-label":`${n.label} submenu`,children:o.jsx("div",{children:o.jsx("div",{className:e.sublinksInner,children:o.jsx("div",{className:e.sublinksColumn,children:g(n.sublinks,t)})})})})]})}exports.NavLink=Tn;exports.styles=e;

package/dist/NavLink.css

@@ -1 +1 @@
-:root{--nav-height: 65px}._navbar_p4o24_5{position:relative;height:var(--nav-height);z-index:1000}._sticky_p4o24_19{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}@media (max-width: 767px){._sticky_p4o24_19+main>section:first-of-type.heroFullBleed,._sticky_p4o24_19+main>section:first-of-type.tabsFullBleed{padding-top:calc(var(--nav-height) + var(--spacing-md))}}._left_p4o24_35 ._container_p4o24_36{justify-content:flex-start}._left_p4o24_35 ._logo_p4o24_40{flex:unset}._left_p4o24_35 ._nav_p4o24_5{flex:1}@media (max-width: 767px){._left_p4o24_35 ._logo_p4o24_40{flex:1}}._center_p4o24_55 ._nav_p4o24_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_p4o24_55 ._nav_p4o24_5._hidden_p4o24_63{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_p4o24_55 ._nav_p4o24_5._visible_p4o24_70{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_p4o24_55 ._logo_p4o24_40{flex:1}}._right_p4o24_85 ._container_p4o24_36{justify-content:flex-end}@media (max-width: 767px){._right_p4o24_85 ._logo_p4o24_40,._right_p4o24_85 ._title_p4o24_92{flex:1}}._right_p4o24_85 ._nav_p4o24_5{flex:1}._linkWrapper_p4o24_102._parent_p4o24_102{overflow:visible;position:relative}@media (min-width: 768px){._linkWrapper_p4o24_102._parent_p4o24_102:first-of-type>._linkItem_p4o24_109{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);overflow:hidden}._linkWrapper_p4o24_102._parent_p4o24_102:first-of-type>._linkItem_p4o24_109 ._link_p4o24_102,._linkWrapper_p4o24_102._parent_p4o24_102:first-of-type>._linkItem_p4o24_109 ._search_p4o24_115,._linkWrapper_p4o24_102._parent_p4o24_102:first-of-type>._linkItem_p4o24_109 ._locale_p4o24_116,._linkWrapper_p4o24_102._parent_p4o24_102:first-of-type>._linkItem_p4o24_109._themeToggle_p4o24_117 button,._linkWrapper_p4o24_102._parent_p4o24_102:first-of-type>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_p4o24_102._parent_p4o24_102:last-of-type>._linkItem_p4o24_109{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);overflow:hidden}._linkWrapper_p4o24_102._parent_p4o24_102:last-of-type>._linkItem_p4o24_109 ._link_p4o24_102,._linkWrapper_p4o24_102._parent_p4o24_102:last-of-type>._linkItem_p4o24_109 ._search_p4o24_115,._linkWrapper_p4o24_102._parent_p4o24_102:last-of-type>._linkItem_p4o24_109 ._locale_p4o24_116,._linkWrapper_p4o24_102._parent_p4o24_102:last-of-type>._linkItem_p4o24_109._themeToggle_p4o24_117 button,._linkWrapper_p4o24_102._parent_p4o24_102:last-of-type>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118{padding-right:var(--spacing-md)}}._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102{height:40px}@media (min-width: 768px){._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._search_p4o24_115,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._locale_p4o24_116,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109._themeToggle_p4o24_117 button,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102:hover,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._search_p4o24_115:hover,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._locale_p4o24_116:hover,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109._themeToggle_p4o24_117 button:hover,._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_p4o24_169{left:0;background-color:#fff}._standard_p4o24_169 ._linkWrapper_p4o24_102{position:relative}._standard_p4o24_169 ._triangle_p4o24_177{display:none}._container_p4o24_36{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_p4o24_36{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_p4o24_36._twoColumn_p4o24_204{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}@media (max-width: 767px){._container_p4o24_36._twoColumn_p4o24_204{display:flex}}._mobileButtons_p4o24_213{display:none}@media (max-width: 767px){._mobileButtons_p4o24_213{display:flex;align-items:center;gap:var(--spacing-sm)}}._title_p4o24_92{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_p4o24_40{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_p4o24_40 a{display:flex;align-items:center;justify-content:flex-start}._logo_p4o24_40 img{height:auto;width:auto}@media (max-width: 767px){._logo_p4o24_40 img{max-width:120px}}._search_p4o24_115,._locale_p4o24_116,._themeToggle_p4o24_117 button{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._search_p4o24_115 svg,._locale_p4o24_116 svg,._themeToggle_p4o24_117 button svg{position:relative;z-index:5}._menuToggle_p4o24_281{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_p4o24_281 svg{position:relative;z-index:5}._utilityMobile_p4o24_299{display:none;grid-area:third;justify-content:flex-end}._utility_p4o24_299{grid-area:third;display:flex;justify-content:flex-end}._utility_p4o24_299 a{font-size:var(--font-size-sm)}._nav_p4o24_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_p4o24_5{height:100vh}}._navInner_p4o24_327{position:relative}@media (max-width: 767px){._navInner_p4o24_327{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_p4o24_338{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_p4o24_338{display:flex;flex-direction:column}}._linkItem_p4o24_109{display:flex;align-items:center;box-sizing:border-box}._searchModal_p4o24_357,._localeModal_p4o24_358{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_p4o24_357 .modalClose,._localeModal_p4o24_358 .modalClose{display:none}._searchModal_p4o24_357 .modalContent,._localeModal_p4o24_358 .modalContent{margin-top:0}@media (max-width: 767px){._searchModal_p4o24_357,._localeModal_p4o24_358{top:4rem}}._separator_p4o24_377{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_p4o24_385,._sublinkToggle_p4o24_118,._search_p4o24_115,._locale_p4o24_116,._themeToggle_p4o24_117 button,._link_p4o24_102{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_p4o24_385 ._newTabIcon_p4o24_408,._sublinkToggle_p4o24_118 ._newTabIcon_p4o24_408,._search_p4o24_115 ._newTabIcon_p4o24_408,._locale_p4o24_116 ._newTabIcon_p4o24_408,._themeToggle_p4o24_117 button ._newTabIcon_p4o24_408,._link_p4o24_102 ._newTabIcon_p4o24_408{color:var(--color-secondary-75);transition:color .3s ease-in-out}._search_p4o24_115,._locale_p4o24_116,._themeToggle_p4o24_117 button{justify-content:center}@media (min-width: 768px){._navTitle_p4o24_385,._sublinksDescription_p4o24_421,._link_p4o24_102,._sublinkToggle_p4o24_118,._link_p4o24_102 ._linkContent_p4o24_424,._sublinkToggle_p4o24_118 ._linkContent_p4o24_424{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_p4o24_102:hover,._link_p4o24_102._open_p4o24_437,._search_p4o24_115:hover,._sublinkToggle_p4o24_118:hover,._sublinkToggle_p4o24_118._open_p4o24_437,._link_p4o24_102:hover ._newTabIcon_p4o24_408,._link_p4o24_102._open_p4o24_437 ._newTabIcon_p4o24_408,._search_p4o24_115:hover ._newTabIcon_p4o24_408,._sublinkToggle_p4o24_118:hover ._newTabIcon_p4o24_408,._sublinkToggle_p4o24_118._open_p4o24_437 ._newTabIcon_p4o24_408{color:var(--color-primary-100)}@media (max-width: 767px){._link_p4o24_102:hover,._link_p4o24_102._open_p4o24_437,._search_p4o24_115:hover,._sublinkToggle_p4o24_118:hover,._sublinkToggle_p4o24_118._open_p4o24_437{color:var(--color-secondary-100)}._link_p4o24_102:hover ._newTabIcon_p4o24_408,._link_p4o24_102._open_p4o24_437 ._newTabIcon_p4o24_408,._search_p4o24_115:hover ._newTabIcon_p4o24_408,._sublinkToggle_p4o24_118:hover ._newTabIcon_p4o24_408,._sublinkToggle_p4o24_118._open_p4o24_437 ._newTabIcon_p4o24_408{color:var(--color-secondary-100)}}._navItem_p4o24_456:hover{color:var(--color-primary-100)}._sublinkToggle_p4o24_118,._back_p4o24_461{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_p4o24_118:hover,._sublinkToggle_p4o24_118._open_p4o24_437,._back_p4o24_461:hover,._back_p4o24_461._open_p4o24_437{color:var(--color-primary-100)}._sublinks_p4o24_421{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_p4o24_421._show_p4o24_510{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_p4o24_421._show_p4o24_510 ._navTitle_p4o24_385,._sublinks_p4o24_421._show_p4o24_510 ._sublinksDescription_p4o24_421,._sublinks_p4o24_421._show_p4o24_510 ._link_p4o24_102,._sublinks_p4o24_421._show_p4o24_510 ._sublinkToggle_p4o24_118,._sublinks_p4o24_421._show_p4o24_510 ._link_p4o24_102 ._linkContent_p4o24_424,._sublinks_p4o24_421._show_p4o24_510 ._sublinkToggle_p4o24_118 ._linkContent_p4o24_424{opacity:1;visibility:visible}._triangle_p4o24_177{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_p4o24_177._show_p4o24_510{top:calc(100% + .3rem);opacity:1;visibility:visible}._triangle_p4o24_177 polygon{stroke:var(--color-border);stroke-width:1px}._primaryColumn_p4o24_559{border-right:1px solid var(--color-border)}._primaryColumn_p4o24_559 ._sublinkToggle_p4o24_118:hover,._primaryColumn_p4o24_559 ._sublinkToggle_p4o24_118._open_p4o24_437{color:var(--color-primary-100)}._secondaryColumn_p4o24_568{background-color:var(--color-secondary-10)}._spotlightColumn_p4o24_572{background-color:var(--color-secondary-75)}._sublinksInner_p4o24_576{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}@media (max-width: 767px){._sublinksInner_p4o24_576{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset;border:unset}}._sublinksColumn_p4o24_596{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_p4o24_596{padding:0}}._chevron_p4o24_606{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_p4o24_118._open_p4o24_437 ._chevron_p4o24_606{transform:rotate(180deg)}@media (max-width: 767px){._logo_p4o24_40{flex:1}._menuToggle_p4o24_281,._search_p4o24_115{display:flex;align-items:center;justify-content:center}._utility_p4o24_299 a:not(._utility_p4o24_299 a:first-of-type){display:none}._utilityMobile_p4o24_299{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_p4o24_299._open_p4o24_437{transform:translateY(0)}._nav_p4o24_5{position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out}._nav_p4o24_5._open_p4o24_437{transform:translate(0);opacity:1;pointer-events:auto}._linkWrapper_p4o24_102{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_p4o24_102._parent_p4o24_102{border-bottom:1px solid var(--color-border)}._linkWrapper_p4o24_102._parent_p4o24_102:last-of-type{border:none}._linkItem_p4o24_109{width:100%}._chevron_p4o24_606{display:none}._sublinks_p4o24_421{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_p4o24_118{cursor:pointer;pointer-events:none;color:var(--color-secondary-75)}}._default_p4o24_729 ._container_p4o24_36{padding:0 var(--spacing-md)}._default_p4o24_729 ._sublinks_p4o24_421{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_p4o24_729 ._sublinks_p4o24_421{position:relative;justify-content:center;align-items:center}}._default_p4o24_729 ._linkItem_p4o24_109{justify-content:flex-end}@media (max-width: 767px){._default_p4o24_729 ._linkItem_p4o24_109{justify-content:center;align-items:center}}._default_p4o24_729 ._sublinksInner_p4o24_576{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_p4o24_729 ._sublinksInner_p4o24_576{justify-content:center;align-items:center}}._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102{height:40px}@media (min-width: 768px){._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._search_p4o24_115,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._locale_p4o24_116,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109._themeToggle_p4o24_117 button,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-secondary-100)}._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102:hover,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._search_p4o24_115:hover,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._locale_p4o24_116:hover,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109._themeToggle_p4o24_117 button:hover,._default_p4o24_729 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118:hover{color:var(--color-primary-100);background-color:transparent}}._advanced_p4o24_798 ._linkContent_p4o24_424{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-sm)}._advanced_p4o24_798 ._subtitle_p4o24_807{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_p4o24_798 ._sublinksDescription_p4o24_421,._advanced_p4o24_798 ._sublinksDescription_p4o24_421 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_p4o24_798 ._sublinks_p4o24_421{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_p4o24_798 ._sublinks_p4o24_421{position:relative;justify-content:center;align-items:center}}._advanced_p4o24_798 ._linkItem_p4o24_109{justify-content:flex-start}._advanced_p4o24_798 ._sublinksInner_p4o24_576{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_p4o24_798 ._sublinksInner_p4o24_576._withSpotlight_p4o24_849{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_p4o24_798 ._sublinksInner_p4o24_576._withoutSpotlight_p4o24_853{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_p4o24_798 ._sublinksInner_p4o24_576{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_p4o24_798 ._sublinkToggle_p4o24_118{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_p4o24_798 ._sublinkToggle_p4o24_118:hover,._advanced_p4o24_798 ._sublinkToggle_p4o24_118._open_p4o24_437{color:var(--color-primary-100)}._advanced_p4o24_798 ._back_p4o24_461{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_p4o24_798 ._back_p4o24_461:hover{color:var(--color-primary-100)}._transparent_p4o24_891{background-color:transparent}._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102{height:40px}@media (min-width: 768px){._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._search_p4o24_115,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._locale_p4o24_116,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109._themeToggle_p4o24_117 button,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-navigation-transparent-links)}._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._link_p4o24_102:hover,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._search_p4o24_115:hover,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._locale_p4o24_116:hover,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109._themeToggle_p4o24_117 button:hover,._transparent_p4o24_891 ._linkWrapper_p4o24_102._parent_p4o24_102>._linkItem_p4o24_109 ._sublinkToggle_p4o24_118:hover{color:var(--color-navigation-transparent-linksHover);background-color:transparent}}._transparent_p4o24_891._sticky_p4o24_19{top:var(--spacing-md)}@media (max-width: 767px){._transparent_p4o24_891._sticky_p4o24_19{top:0}}@media (max-width: 767px){._transparent_p4o24_891:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(var(--color-backgroundRgb),.5);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}}._transparent_p4o24_891 ._nav_p4o24_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-backgroundRgb),.3);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_p4o24_891 ._nav_p4o24_5{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_p4o24_891 ._nav_p4o24_5:before{border-radius:0}}@media (max-width: 767px){._transparent_p4o24_891 ._utility_p4o24_299 a,._transparent_p4o24_891 ._utility_p4o24_299 button{-webkit-backdrop-filter:unset;backdrop-filter:unset}._transparent_p4o24_891 ._utility_p4o24_299 a>span,._transparent_p4o24_891 ._utility_p4o24_299 button>span{background-color:transparent;padding:0}._transparent_p4o24_891 ._utility_p4o24_299 a:hover>span,._transparent_p4o24_891 ._utility_p4o24_299 button:hover>span{background-color:transparent;padding:0;color:var(--color-primary-100)}}@media (max-width: 767px){._transparent_p4o24_891 ._menuToggle_p4o24_281,._transparent_p4o24_891 ._search_p4o24_115{width:unset}}._groupDivider_p4o24_1002{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}@media (max-width: 767px){._searchWrapper_p4o24_1010{grid-area:fourth;width:auto}}._mobileMenu_p4o24_1017,._mobileMenuSlide_p4o24_1018{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_p4o24_1028{opacity:0}._fadeInFromLeft_p4o24_1032{animation:_fadeInFromLeft_p4o24_1032 .3s ease-in-out forwards}._fadeInFromRight_p4o24_1036{animation:_fadeInFromRight_p4o24_1036 .3s ease-in-out forwards}._spotlight_p4o24_572{display:flex;flex-direction:column;gap:var(--spacing-md)}._spotlight_p4o24_572 ._imageWrapper_p4o24_1046{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._spotlight_p4o24_572 ._imageWrapper_p4o24_1046 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._spotlight_p4o24_572 ._image_p4o24_1046{width:100%;height:auto;object-fit:cover}._spotlight_p4o24_572 ._content_p4o24_1068{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._spotlight_p4o24_572 ._title_p4o24_92{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._spotlight_p4o24_572 ._description_p4o24_1083{color:#fff}._spotlight_p4o24_572 ._actions_p4o24_1087{display:flex;flex-direction:column;align-items:flex-start}@keyframes _fadeInFromLeft_p4o24_1032{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_p4o24_1036{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
+:root{--nav-height: 65px}._navbar_1dync_5{position:relative;height:var(--nav-height);z-index:1000}._sticky_1dync_19{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}@media (max-width: 767px){._sticky_1dync_19+main>section:first-of-type.heroFullBleed,._sticky_1dync_19+main>section:first-of-type.tabsFullBleed{padding-top:calc(var(--nav-height) + var(--spacing-md))}}._left_1dync_35 ._container_1dync_36{justify-content:flex-start}._left_1dync_35 ._logo_1dync_40{flex:unset}._left_1dync_35 ._nav_1dync_5{flex:1}@media (max-width: 767px){._left_1dync_35 ._logo_1dync_40{flex:1}}._center_1dync_55 ._nav_1dync_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1dync_55 ._nav_1dync_5._hidden_1dync_63{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1dync_55 ._nav_1dync_5._visible_1dync_70{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1dync_55 ._logo_1dync_40{flex:1}}._right_1dync_85 ._container_1dync_36{justify-content:flex-end}@media (max-width: 767px){._right_1dync_85 ._logo_1dync_40,._right_1dync_85 ._title_1dync_92{flex:1}}._right_1dync_85 ._nav_1dync_5{flex:1}._linkWrapper_1dync_102._parent_1dync_102{overflow:visible;position:relative}@media (min-width: 768px){._linkWrapper_1dync_102._parent_1dync_102:first-of-type>._linkItem_1dync_109{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);overflow:hidden}._linkWrapper_1dync_102._parent_1dync_102:first-of-type>._linkItem_1dync_109 ._link_1dync_102,._linkWrapper_1dync_102._parent_1dync_102:first-of-type>._linkItem_1dync_109 ._search_1dync_115,._linkWrapper_1dync_102._parent_1dync_102:first-of-type>._linkItem_1dync_109 ._locale_1dync_116,._linkWrapper_1dync_102._parent_1dync_102:first-of-type>._linkItem_1dync_109._themeToggle_1dync_117 button,._linkWrapper_1dync_102._parent_1dync_102:first-of-type>._linkItem_1dync_109 ._sublinkToggle_1dync_118{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1dync_102._parent_1dync_102:last-of-type>._linkItem_1dync_109{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);overflow:hidden}._linkWrapper_1dync_102._parent_1dync_102:last-of-type>._linkItem_1dync_109 ._link_1dync_102,._linkWrapper_1dync_102._parent_1dync_102:last-of-type>._linkItem_1dync_109 ._search_1dync_115,._linkWrapper_1dync_102._parent_1dync_102:last-of-type>._linkItem_1dync_109 ._locale_1dync_116,._linkWrapper_1dync_102._parent_1dync_102:last-of-type>._linkItem_1dync_109._themeToggle_1dync_117 button,._linkWrapper_1dync_102._parent_1dync_102:last-of-type>._linkItem_1dync_109 ._sublinkToggle_1dync_118{padding-right:var(--spacing-md)}}._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102{height:40px}@media (min-width: 768px){._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._search_1dync_115,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._locale_1dync_116,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109._themeToggle_1dync_117 button,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102:hover,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._search_1dync_115:hover,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._locale_1dync_116:hover,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109._themeToggle_1dync_117 button:hover,._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_1dync_169{left:0;background-color:#fff}._standard_1dync_169 ._linkWrapper_1dync_102{position:relative}._standard_1dync_169 ._triangle_1dync_177{display:none}._container_1dync_36{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1dync_36{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_1dync_36._twoColumn_1dync_204{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}@media (max-width: 767px){._container_1dync_36._twoColumn_1dync_204{display:flex}}._mobileButtons_1dync_213{display:none}@media (max-width: 767px){._mobileButtons_1dync_213{display:flex;align-items:center;gap:var(--spacing-sm)}}._title_1dync_92{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_1dync_40{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1dync_40 a{display:flex;align-items:center;justify-content:flex-start}._logo_1dync_40 img{height:auto;width:auto}@media (max-width: 767px){._logo_1dync_40 img{max-width:120px}}._search_1dync_115,._locale_1dync_116,._themeToggle_1dync_117 button{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._search_1dync_115 svg,._locale_1dync_116 svg,._themeToggle_1dync_117 button svg{position:relative;z-index:5}._menuToggle_1dync_281{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1dync_281 svg{position:relative;z-index:5}._utilityMobile_1dync_299{display:none;grid-area:third;justify-content:flex-end}._utility_1dync_299{grid-area:third;display:flex;justify-content:flex-end}._utility_1dync_299 a{font-size:var(--font-size-sm)}._nav_1dync_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_1dync_5{height:100vh}}._navInner_1dync_327{position:relative}@media (max-width: 767px){._navInner_1dync_327{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1dync_338{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1dync_338{display:flex;flex-direction:column}}._linkItem_1dync_109{display:flex;align-items:center;box-sizing:border-box}.modalContentContainer:has(._searchModal_1dync_357){align-self:flex-start}._searchModal_1dync_357,._localeModal_1dync_362{padding:0!important;max-height:80vh;overflow:hidden}._searchModal_1dync_357 .modalClose,._localeModal_1dync_362 .modalClose{display:none}._searchModal_1dync_357 .modalContent,._localeModal_1dync_362 .modalContent{margin-top:0}._separator_1dync_381{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_1dync_389,._sublinkToggle_1dync_118,._search_1dync_115,._locale_1dync_116,._themeToggle_1dync_117 button,._link_1dync_102{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1dync_389 ._newTabIcon_1dync_412,._sublinkToggle_1dync_118 ._newTabIcon_1dync_412,._search_1dync_115 ._newTabIcon_1dync_412,._locale_1dync_116 ._newTabIcon_1dync_412,._themeToggle_1dync_117 button ._newTabIcon_1dync_412,._link_1dync_102 ._newTabIcon_1dync_412{color:var(--color-secondary-75);transition:color .3s ease-in-out}._search_1dync_115,._locale_1dync_116,._themeToggle_1dync_117 button{justify-content:center}@media (min-width: 768px){._navTitle_1dync_389,._sublinksDescription_1dync_425,._link_1dync_102,._sublinkToggle_1dync_118,._link_1dync_102 ._linkContent_1dync_428,._sublinkToggle_1dync_118 ._linkContent_1dync_428{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_1dync_102:hover,._link_1dync_102._open_1dync_441,._search_1dync_115:hover,._sublinkToggle_1dync_118:hover,._sublinkToggle_1dync_118._open_1dync_441,._link_1dync_102:hover ._newTabIcon_1dync_412,._link_1dync_102._open_1dync_441 ._newTabIcon_1dync_412,._search_1dync_115:hover ._newTabIcon_1dync_412,._sublinkToggle_1dync_118:hover ._newTabIcon_1dync_412,._sublinkToggle_1dync_118._open_1dync_441 ._newTabIcon_1dync_412{color:var(--color-primary-100)}@media (max-width: 767px){._link_1dync_102:hover,._link_1dync_102._open_1dync_441,._search_1dync_115:hover,._sublinkToggle_1dync_118:hover,._sublinkToggle_1dync_118._open_1dync_441{color:var(--color-secondary-100)}._link_1dync_102:hover ._newTabIcon_1dync_412,._link_1dync_102._open_1dync_441 ._newTabIcon_1dync_412,._search_1dync_115:hover ._newTabIcon_1dync_412,._sublinkToggle_1dync_118:hover ._newTabIcon_1dync_412,._sublinkToggle_1dync_118._open_1dync_441 ._newTabIcon_1dync_412{color:var(--color-secondary-100)}}._navItem_1dync_460:hover{color:var(--color-primary-100)}._sublinkToggle_1dync_118,._back_1dync_465{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_1dync_118:hover,._sublinkToggle_1dync_118._open_1dync_441,._back_1dync_465:hover,._back_1dync_465._open_1dync_441{color:var(--color-primary-100)}._sublinks_1dync_425{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_1dync_425._show_1dync_514{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_1dync_425._show_1dync_514 ._navTitle_1dync_389,._sublinks_1dync_425._show_1dync_514 ._sublinksDescription_1dync_425,._sublinks_1dync_425._show_1dync_514 ._link_1dync_102,._sublinks_1dync_425._show_1dync_514 ._sublinkToggle_1dync_118,._sublinks_1dync_425._show_1dync_514 ._link_1dync_102 ._linkContent_1dync_428,._sublinks_1dync_425._show_1dync_514 ._sublinkToggle_1dync_118 ._linkContent_1dync_428{opacity:1;visibility:visible}._triangle_1dync_177{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_1dync_177._show_1dync_514{top:calc(100% + .3rem);opacity:1;visibility:visible}._triangle_1dync_177 polygon{stroke:var(--color-border);stroke-width:1px}._primaryColumn_1dync_563{border-right:1px solid var(--color-border)}._primaryColumn_1dync_563 ._sublinkToggle_1dync_118:hover,._primaryColumn_1dync_563 ._sublinkToggle_1dync_118._open_1dync_441{color:var(--color-primary-100)}._secondaryColumn_1dync_572{background-color:var(--color-secondary-10)}._spotlightColumn_1dync_576{background-color:var(--color-secondary-75)}._sublinksInner_1dync_580{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}@media (max-width: 767px){._sublinksInner_1dync_580{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset;border:unset}}._sublinksColumn_1dync_600{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1dync_600{padding:0}}._chevron_1dync_610{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1dync_118._open_1dync_441 ._chevron_1dync_610{transform:rotate(180deg)}@media (max-width: 767px){._logo_1dync_40{flex:1}._menuToggle_1dync_281,._search_1dync_115{display:flex;align-items:center;justify-content:center}._utility_1dync_299 a:not(._utility_1dync_299 a:first-of-type){display:none}._utilityMobile_1dync_299{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1dync_299._open_1dync_441{transform:translateY(0)}._nav_1dync_5{position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out}._nav_1dync_5._open_1dync_441{transform:translate(0);opacity:1;pointer-events:auto}._linkWrapper_1dync_102{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1dync_102._parent_1dync_102{border-bottom:1px solid var(--color-border)}._linkWrapper_1dync_102._parent_1dync_102:last-of-type{border:none}._linkItem_1dync_109{width:100%}._chevron_1dync_610{display:none}._sublinks_1dync_425{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1dync_118{cursor:pointer;pointer-events:none;color:var(--color-secondary-75)}}._default_1dync_733 ._container_1dync_36{padding:0 var(--spacing-md)}._default_1dync_733 ._sublinks_1dync_425{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_1dync_733 ._sublinks_1dync_425{position:relative;justify-content:center;align-items:center}}._default_1dync_733 ._linkItem_1dync_109{justify-content:flex-end}@media (max-width: 767px){._default_1dync_733 ._linkItem_1dync_109{justify-content:center;align-items:center}}._default_1dync_733 ._sublinksInner_1dync_580{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_1dync_733 ._sublinksInner_1dync_580{justify-content:center;align-items:center}}._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102{height:40px}@media (min-width: 768px){._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._search_1dync_115,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._locale_1dync_116,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109._themeToggle_1dync_117 button,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-secondary-100)}._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102:hover,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._search_1dync_115:hover,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._locale_1dync_116:hover,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109._themeToggle_1dync_117 button:hover,._default_1dync_733 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118:hover{color:var(--color-primary-100);background-color:transparent}}._advanced_1dync_802 ._linkContent_1dync_428{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-sm)}._advanced_1dync_802 ._subtitle_1dync_811{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_1dync_802 ._sublinksDescription_1dync_425,._advanced_1dync_802 ._sublinksDescription_1dync_425 div p{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_1dync_802 ._sublinks_1dync_425{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_1dync_802 ._sublinks_1dync_425{position:relative;justify-content:center;align-items:center}}._advanced_1dync_802 ._linkItem_1dync_109{justify-content:flex-start}._advanced_1dync_802 ._sublinksInner_1dync_580{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_1dync_802 ._sublinksInner_1dync_580._withSpotlight_1dync_853{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_1dync_802 ._sublinksInner_1dync_580._withoutSpotlight_1dync_857{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_1dync_802 ._sublinksInner_1dync_580{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_1dync_802 ._sublinkToggle_1dync_118{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_1dync_802 ._sublinkToggle_1dync_118:hover,._advanced_1dync_802 ._sublinkToggle_1dync_118._open_1dync_441{color:var(--color-primary-100)}._advanced_1dync_802 ._back_1dync_465{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1dync_802 ._back_1dync_465:hover{color:var(--color-primary-100)}._transparent_1dync_895{background-color:transparent}._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102{height:40px}@media (min-width: 768px){._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._search_1dync_115,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._locale_1dync_116,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109._themeToggle_1dync_117 button,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-navigation-transparent-links)}._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._link_1dync_102:hover,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._search_1dync_115:hover,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._locale_1dync_116:hover,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109._themeToggle_1dync_117 button:hover,._transparent_1dync_895 ._linkWrapper_1dync_102._parent_1dync_102>._linkItem_1dync_109 ._sublinkToggle_1dync_118:hover{color:var(--color-navigation-transparent-linksHover);background-color:transparent}}._transparent_1dync_895._sticky_1dync_19{top:var(--spacing-md)}@media (max-width: 767px){._transparent_1dync_895._sticky_1dync_19{top:0}}@media (max-width: 767px){._transparent_1dync_895:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(var(--color-backgroundRgb),.5);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}}._transparent_1dync_895 ._nav_1dync_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-backgroundRgb),.3);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1dync_895 ._nav_1dync_5{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1dync_895 ._nav_1dync_5:before{border-radius:0}}@media (max-width: 767px){._transparent_1dync_895 ._utility_1dync_299 a,._transparent_1dync_895 ._utility_1dync_299 button{-webkit-backdrop-filter:unset;backdrop-filter:unset}._transparent_1dync_895 ._utility_1dync_299 a>span,._transparent_1dync_895 ._utility_1dync_299 button>span{background-color:transparent;padding:0}._transparent_1dync_895 ._utility_1dync_299 a:hover>span,._transparent_1dync_895 ._utility_1dync_299 button:hover>span{background-color:transparent;padding:0;color:var(--color-primary-100)}}@media (max-width: 767px){._transparent_1dync_895 ._menuToggle_1dync_281,._transparent_1dync_895 ._search_1dync_115{width:unset}}._groupDivider_1dync_1006{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}@media (max-width: 767px){._searchWrapper_1dync_1014{grid-area:fourth;width:auto}}._mobileMenu_1dync_1021,._mobileMenuSlide_1dync_1022{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1dync_1032{opacity:0}._fadeInFromLeft_1dync_1036{animation:_fadeInFromLeft_1dync_1036 .3s ease-in-out forwards}._fadeInFromRight_1dync_1040{animation:_fadeInFromRight_1dync_1040 .3s ease-in-out forwards}._spotlight_1dync_576{display:flex;flex-direction:column;gap:var(--spacing-md)}._spotlight_1dync_576 ._imageWrapper_1dync_1050{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._spotlight_1dync_576 ._imageWrapper_1dync_1050 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._spotlight_1dync_576 ._image_1dync_1050{width:100%;height:auto;object-fit:cover}._spotlight_1dync_576 ._content_1dync_1072{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._spotlight_1dync_576 ._title_1dync_92{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._spotlight_1dync_576 ._description_1dync_1087{color:#fff}._spotlight_1dync_576 ._actions_1dync_1091{display:flex;flex-direction:column;align-items:flex-start}@keyframes _fadeInFromLeft_1dync_1036{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1dync_1040{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}

package/dist/core/components/Modal/Modal.test.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),o=require("./index.cjs");e.describe("Modal",()=>{e.beforeEach(()=>{document.body.innerHTML=""}),e.describe("Rendering",()=>{e.it("renders the trigger button",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.getByRole("button",{name:"Open Modal"})).toBeInTheDocument()}),e.it("does not render the modal content initially",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("renders the modal content when the trigger is clicked",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Sizes",()=>{e.it("applies small size",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"sm"}));const n=document.querySelector(".modal");e.globalExpect(n).toHaveClass("size-sm")}),e.it("applies medium size by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=document.querySelector(".modal");e.globalExpect(n).toHaveClass("size-md")}),e.it("applies large size",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"lg"}));const n=document.querySelector(".modal");e.globalExpect(n).toHaveClass("size-lg")})}),e.describe("Title",()=>{e.it("renders title when provided",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),title:"Modal Title",isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Title")).toBeInTheDocument()}),e.it("does not render title when not provided",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=document.querySelector(".title");e.globalExpect(n).not.toBeInTheDocument()})}),e.describe("Close Button",()=>{e.it("shows close button by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("button",{name:/close/i})).toBeInTheDocument()}),e.it("hides close button when showCloseButton is false",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,showCloseButton:!1})),e.globalExpect(e.screen.queryByRole("button",{name:/close/i})).not.toBeInTheDocument()}),e.it("closes the modal when close button is clicked",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=e.screen.getByRole("button",{name:/close/i});e.fireEvent.click(l),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.describe("Overlay Click",()=>{e.it("closes the modal when clicking overlay by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=document.querySelector(".overlay");e.fireEvent.click(l),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("does not close when clicking overlay if closeOnOverlayClick is false",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnOverlayClick:!1}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=document.querySelector(".overlay");e.fireEvent.click(l),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("does not close when clicking modal content",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n);const l=e.screen.getByText("Modal Content");e.fireEvent.click(l),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Escape Key",()=>{e.it("closes modal on Escape key by default",async()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument(),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.it("does not close on Escape if closeOnEscape is false",async()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnEscape:!1}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})})}),e.describe("Controlled Mode",()=>{e.it("handles controlled open state",()=>{const{rerender:n}=e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!1}));e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument(),n(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("calls onOpen when trigger is clicked in controlled mode",()=>{const n=e.vi.fn();e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!1,onOpen:n}));const l=e.screen.getByRole("button",{name:"Open"});e.fireEvent.click(l),e.globalExpect(n).toHaveBeenCalled()}),e.it("calls onClose when close button is clicked in controlled mode",()=>{const n=e.vi.fn();e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,onClose:n}));const l=e.screen.getByRole("button",{name:/close/i});e.fireEvent.click(l),e.globalExpect(n).toHaveBeenCalled()})}),e.describe("Accessibility",()=>{e.it("has dialog role",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("dialog")).toBeInTheDocument()}),e.it("has aria-modal attribute",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=e.screen.getByRole("dialog");e.globalExpect(n).toHaveAttribute("aria-modal","true")}),e.it("links title with aria-labelledby",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),title:"My Modal",isOpen:!0}));const n=e.screen.getByRole("dialog");e.globalExpect(n).toHaveAttribute("aria-labelledby","modal-title"),e.globalExpect(e.screen.getByText("My Modal")).toHaveAttribute("id","modal-title")})}),e.describe("Custom Styling",()=>{e.it("applies custom className to modal",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),className:"custom-modal",isOpen:!0}));const n=document.querySelector(".modal");e.globalExpect(n).toHaveClass("custom-modal")}),e.it("applies custom className to overlay",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),overlayClassName:"custom-overlay",isOpen:!0}));const n=document.querySelector(".overlay");e.globalExpect(n).toHaveClass("custom-overlay")}),e.it("applies custom inline styles",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),style:{maxWidth:"500px"},isOpen:!0}));const n=document.querySelector(".modal");e.globalExpect(n.style.maxWidth).toBe("500px")})})});
+"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),o=require("./index.cjs");e.describe("Modal",()=>{e.beforeEach(()=>{document.body.innerHTML=""}),e.describe("Rendering",()=>{e.it("renders the trigger button",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.getByRole("button",{name:"Open Modal"})).toBeInTheDocument()}),e.it("does not render the modal content initially",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})})),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("renders the modal content when the trigger is clicked",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Sizes",()=>{e.it("applies small size",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"sm"}));const n=document.querySelector(".modalContentContainer");e.globalExpect(n).toHaveClass("size-sm")}),e.it("applies medium size by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=document.querySelector(".modalContentContainer");e.globalExpect(n).toHaveClass("size-md")}),e.it("applies large size",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,size:"lg"}));const n=document.querySelector(".modalContentContainer");e.globalExpect(n).toHaveClass("size-lg")})}),e.describe("Title",()=>{e.it("renders title when provided",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),title:"Modal Title",isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Title")).toBeInTheDocument()}),e.it("does not render title when not provided",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=document.querySelector(".title");e.globalExpect(n).not.toBeInTheDocument()})}),e.describe("Close Button",()=>{e.it("shows close button by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("button",{name:/close/i})).toBeInTheDocument()}),e.it("hides close button when showCloseButton is false",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,showCloseButton:!1})),e.globalExpect(e.screen.queryByRole("button",{name:/close/i})).not.toBeInTheDocument()}),e.it("closes the modal when close button is clicked",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=e.screen.getByRole("button",{name:/close/i});e.fireEvent.click(l),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.describe("Overlay Click",()=>{e.it("closes the modal when clicking overlay by default",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=document.querySelector(".overlay");e.fireEvent.click(l),e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()}),e.it("does not close when clicking overlay if closeOnOverlayClick is false",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnOverlayClick:!1}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument();const l=document.querySelector(".overlay");e.fireEvent.click(l),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("does not close when clicking modal content",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n);const l=e.screen.getByText("Modal Content");e.fireEvent.click(l),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})}),e.describe("Escape Key",()=>{e.it("closes modal on Escape key by default",async()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"})}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument(),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument()})}),e.it("does not close on Escape if closeOnEscape is false",async()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),closeOnEscape:!1}));const n=e.screen.getByRole("button",{name:"Open Modal"});e.fireEvent.click(n),e.fireEvent.keyDown(document,{key:"Escape"}),await e.waitForWrapper(()=>{e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()})})}),e.describe("Controlled Mode",()=>{e.it("handles controlled open state",()=>{const{rerender:n}=e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!1}));e.globalExpect(e.screen.queryByText("Modal Content")).not.toBeInTheDocument(),n(t.jsx(o.Modal,{content:t.jsx("div",{children:"Modal Content"}),trigger:t.jsx("button",{children:"Open Modal"}),isOpen:!0})),e.globalExpect(e.screen.getByText("Modal Content")).toBeInTheDocument()}),e.it("calls onOpen when trigger is clicked in controlled mode",()=>{const n=e.vi.fn();e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!1,onOpen:n}));const l=e.screen.getByRole("button",{name:"Open"});e.fireEvent.click(l),e.globalExpect(n).toHaveBeenCalled()}),e.it("calls onClose when close button is clicked in controlled mode",()=>{const n=e.vi.fn();e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0,onClose:n}));const l=e.screen.getByRole("button",{name:/close/i});e.fireEvent.click(l),e.globalExpect(n).toHaveBeenCalled()})}),e.describe("Accessibility",()=>{e.it("has dialog role",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0})),e.globalExpect(e.screen.getByRole("dialog")).toBeInTheDocument()}),e.it("has aria-modal attribute",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),isOpen:!0}));const n=e.screen.getByRole("dialog");e.globalExpect(n).toHaveAttribute("aria-modal","true")}),e.it("links title with aria-labelledby",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),title:"My Modal",isOpen:!0}));const n=e.screen.getByRole("dialog");e.globalExpect(n).toHaveAttribute("aria-labelledby","modal-title"),e.globalExpect(e.screen.getByText("My Modal")).toHaveAttribute("id","modal-title")})}),e.describe("Custom Styling",()=>{e.it("applies custom className to modal",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),className:"custom-modal",isOpen:!0}));const n=document.querySelector(".modal");e.globalExpect(n).toHaveClass("custom-modal")}),e.it("applies custom className to overlay",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),overlayClassName:"custom-overlay",isOpen:!0}));const n=document.querySelector(".overlay");e.globalExpect(n).toHaveClass("custom-overlay")}),e.it("applies custom inline styles",()=>{e.render(t.jsx(o.Modal,{content:t.jsx("div",{children:"Content"}),trigger:t.jsx("button",{children:"Open"}),style:{maxWidth:"500px"},isOpen:!0}));const n=document.querySelector(".modal");e.globalExpect(n.style.maxWidth).toBe("500px")})})});

package/dist/core/components/Modal/Modal.test.mjs

@@ -53,7 +53,7 @@ a("Modal", () => {
           }
         )
       );
-      const t = document.querySelector(".modal");
+      const t = document.querySelector(".modalContentContainer");
       o(t).toHaveClass("size-sm");
     }), i("applies medium size by default", () => {
       c(
@@ -66,7 +66,7 @@ a("Modal", () => {
           }
         )
       );
-      const t = document.querySelector(".modal");
+      const t = document.querySelector(".modalContentContainer");
       o(t).toHaveClass("size-md");
     }), i("applies large size", () => {
       c(
@@ -80,7 +80,7 @@ a("Modal", () => {
           }
         )
       );
-      const t = document.querySelector(".modal");
+      const t = document.querySelector(".modalContentContainer");
       o(t).toHaveClass("size-lg");
     });
   }), a("Title", () => {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),r=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_1hf1u_2",D="_fadeIn_1hf1u_1",P="_modal_1hf1u_19",U="_slideUp_1hf1u_1",A="_trigger_1hf1u_54",C="_closeButton_1hf1u_61",F="_title_1hf1u_89",K="_content_1hf1u_99",l={overlay:T,fadeIn:D,modal:P,slideUp:U,"size-sm":"_size-sm_1hf1u_31","size-md":"_size-md_1hf1u_35","size-lg":"_size-lg_1hf1u_39","size-xl":"_size-xl_1hf1u_43","size-full":"_size-full_1hf1u_47",trigger:A,closeButton:C,title:F,content:K},X=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},b=()=>{typeof document<"u"&&(document.body.style.overflow="")};function G({content:x,trigger:k,isOpen:h,onOpen:o,onClose:i,size:z="md",closeOnEscape:y=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[q,v]=r.useState(!1),_=r.useRef(null),m=h!==void 0,t=m?h:q,N=()=>{m||v(!0),o==null||o()},d=()=>{m||v(!1),i==null||i()},S=()=>{t?d():N()},I=()=>{j&&d()};r.useEffect(()=>{if(!y||!t)return;const n=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t,y]),r.useEffect(()=>(t?X():b(),()=>b()),[t]),r.useEffect(()=>{if(!t||!_.current)return;const n=_.current,c=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),s=c[0],a=c[c.length-1],g=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===s&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),s==null||s.focus()))};return n.addEventListener("keydown",g),s==null||s.focus(),()=>{n.removeEventListener("keydown",g)}},[t]);const B=l[`size-${z}`]||"",L=t?e.jsx("div",{className:`${l.overlay} ${$??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{ref:_,className:`${l.modal} ${B} ${w??""}`.trim(),style:E,onClick:n=>n.stopPropagation(),children:[p&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:d,type:"button",children:e.jsx(R.X,{size:20})}),f&&e.jsx("div",{className:l.title,id:"modal-title",children:f}),e.jsx("div",{className:l.content,children:x})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.trigger,onClick:S,children:k}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),r=require("react"),L=require("react-dom"),M=require("../../../x-Dft9NVe_.cjs"),R="_overlay_1pm34_2",T="_fadeIn_1pm34_1",C="_modal_1pm34_18",P="_slideUp_1pm34_1",U="_trigger_1pm34_60",A="_closeButton_1pm34_67",F="_title_1pm34_97",K="_content_1pm34_107",l={overlay:R,fadeIn:T,modal:C,slideUp:P,"size-sm":"_size-sm_1pm34_37","size-md":"_size-md_1pm34_41","size-lg":"_size-lg_1pm34_45","size-xl":"_size-xl_1pm34_49","size-full":"_size-full_1pm34_53",trigger:U,closeButton:A,title:F,content:K},X=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},h=()=>{typeof document<"u"&&(document.body.style.overflow="")};function G({content:x,trigger:b,isOpen:y,onOpen:o,onClose:i,size:k="md",closeOnEscape:v=!0,closeOnOverlayClick:z=!0,showCloseButton:j=!0,className:w,overlayClassName:$,style:E,title:m}){const[N,p]=r.useState(!1),f=r.useRef(null),_=y!==void 0,t=_?y:N,q=()=>{_||p(!0),o==null||o()},a=()=>{_||p(!1),i==null||i()},S=()=>{t?a():q()},I=()=>{z&&a()};r.useEffect(()=>{if(!v||!t)return;const n=c=>{c.key==="Escape"&&a()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t,v]),r.useEffect(()=>(t?X():h(),()=>h()),[t]),r.useEffect(()=>{if(!t||!f.current)return;const n=f.current,c=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),s=c[0],d=c[c.length-1],g=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===s&&(u.preventDefault(),d==null||d.focus()):document.activeElement===d&&(u.preventDefault(),s==null||s.focus()))};return n.addEventListener("keydown",g),s==null||s.focus(),()=>{n.removeEventListener("keydown",g)}},[t]);const B=l[`size-${k}`]||"",D=t?e.jsx("div",{className:`${l.overlay} ${$??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":m?"modal-title":void 0,children:e.jsxs("div",{className:`${B} modalContentContainer`,style:{position:"relative",display:"flex",flexDirection:"column"},children:[j&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:a,type:"button",children:e.jsx(M.X,{size:20})}),e.jsxs("div",{ref:f,className:`${l.modal}  ${w??""}`.trim(),style:E,onClick:n=>n.stopPropagation(),children:[m&&e.jsx("div",{className:l.title,id:"modal-title",children:m}),e.jsx("div",{className:l.content,children:x})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.trigger,onClick:S,children:b}),typeof window<"u"&&L.createPortal(D,document.body)]})}exports.Modal=G;

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

@@ -1,59 +1,59 @@
-import { jsxs as b, Fragment as D, jsx as s } from "react/jsx-runtime";
-import { useState as P, useRef as R, useEffect as _ } from "react";
-import { createPortal as q } from "react-dom";
-import { X as A } from "../../../x-CnsEH4Ox.js";
-import '../../../index35.css';const C = "_overlay_1hf1u_2", F = "_fadeIn_1hf1u_1", K = "_modal_1hf1u_19", M = "_slideUp_1hf1u_1", X = "_trigger_1hf1u_54", G = "_closeButton_1hf1u_61", H = "_title_1hf1u_89", J = "_content_1hf1u_99", o = {
-  overlay: C,
+import { jsxs as _, Fragment as U, jsx as s } from "react/jsx-runtime";
+import { useState as j, useRef as P, useEffect as p } from "react";
+import { createPortal as R } from "react-dom";
+import { X as q } from "../../../x-CnsEH4Ox.js";
+import '../../../index35.css';const A = "_overlay_1pm34_2", F = "_fadeIn_1pm34_1", K = "_modal_1pm34_18", M = "_slideUp_1pm34_1", X = "_trigger_1pm34_60", G = "_closeButton_1pm34_67", H = "_title_1pm34_97", J = "_content_1pm34_107", l = {
+  overlay: A,
   fadeIn: F,
   modal: K,
   slideUp: M,
-  "size-sm": "_size-sm_1hf1u_31",
-  "size-md": "_size-md_1hf1u_35",
-  "size-lg": "_size-lg_1hf1u_39",
-  "size-xl": "_size-xl_1hf1u_43",
-  "size-full": "_size-full_1hf1u_47",
+  "size-sm": "_size-sm_1pm34_37",
+  "size-md": "_size-md_1pm34_41",
+  "size-lg": "_size-lg_1pm34_45",
+  "size-xl": "_size-xl_1pm34_49",
+  "size-full": "_size-full_1pm34_53",
   trigger: X,
   closeButton: G,
   title: H,
   content: J
 }, Q = () => {
   typeof document < "u" && (document.body.style.overflow = "hidden");
-}, k = () => {
+}, b = () => {
   typeof document < "u" && (document.body.style.overflow = "");
 };
 function O({
-  content: p,
+  content: k,
   trigger: z,
-  isOpen: h,
-  onOpen: l,
+  isOpen: v,
+  onOpen: o,
   onClose: i,
-  size: w = "md",
-  closeOnEscape: v = !0,
-  closeOnOverlayClick: x = !0,
+  size: x = "md",
+  closeOnEscape: y = !0,
+  closeOnOverlayClick: w = !0,
   showCloseButton: N = !0,
   className: $,
   overlayClassName: E,
   style: I,
-  title: u
+  title: m
 }) {
-  const [B, y] = P(!1), f = R(null), m = h !== void 0, e = m ? h : B, L = () => {
-    m || y(!0), l == null || l();
+  const [B, h] = j(!1), u = P(null), f = v !== void 0, e = f ? v : B, L = () => {
+    f || h(!0), o == null || o();
   }, r = () => {
-    m || y(!1), i == null || i();
+    f || h(!1), i == null || i();
   }, S = () => {
     e ? r() : L();
-  }, T = () => {
-    x && r();
+  }, C = () => {
+    w && r();
   };
-  _(() => {
-    if (!v || !e) return;
+  p(() => {
+    if (!y || !e) return;
     const t = (c) => {
       c.key === "Escape" && r();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [e, v]), _(() => (e ? Q() : k(), () => k()), [e]), _(() => {
-    if (!e || !f.current) return;
-    const t = f.current, c = t.querySelectorAll(
+  }, [e, y]), p(() => (e ? Q() : b(), () => b()), [e]), p(() => {
+    if (!e || !u.current) return;
+    const t = u.current, c = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     ), n = c[0], d = c[c.length - 1], g = (a) => {
       a.key === "Tab" && (a.shiftKey ? document.activeElement === n && (a.preventDefault(), d == null || d.focus()) : document.activeElement === d && (a.preventDefault(), n == null || n.focus()));
@@ -62,42 +62,55 @@ function O({
       t.removeEventListener("keydown", g);
     };
   }, [e]);
-  const U = o[`size-${w}`] || "", j = e ? /* @__PURE__ */ s(
+  const D = l[`size-${x}`] || "", T = e ? /* @__PURE__ */ s(
     "div",
     {
-      className: `${o.overlay} ${E ?? ""}`.trim(),
-      onClick: T,
+      className: `${l.overlay} ${E ?? ""}`.trim(),
+      onClick: C,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": u ? "modal-title" : void 0,
-      children: /* @__PURE__ */ b(
+      "aria-labelledby": m ? "modal-title" : void 0,
+      children: /* @__PURE__ */ _(
         "div",
         {
-          ref: f,
-          className: `${o.modal} ${U} ${$ ?? ""}`.trim(),
-          style: I,
-          onClick: (t) => t.stopPropagation(),
+          className: `${D} modalContentContainer`,
+          style: {
+            position: "relative",
+            display: "flex",
+            flexDirection: "column"
+          },
           children: [
             N && /* @__PURE__ */ s(
               "button",
               {
                 "aria-label": "Close",
-                className: o.closeButton,
+                className: l.closeButton,
                 onClick: r,
                 type: "button",
-                children: /* @__PURE__ */ s(A, { size: 20 })
+                children: /* @__PURE__ */ s(q, { size: 20 })
               }
             ),
-            u && /* @__PURE__ */ s("div", { className: o.title, id: "modal-title", children: u }),
-            /* @__PURE__ */ s("div", { className: o.content, children: p })
+            /* @__PURE__ */ _(
+              "div",
+              {
+                ref: u,
+                className: `${l.modal}  ${$ ?? ""}`.trim(),
+                style: I,
+                onClick: (t) => t.stopPropagation(),
+                children: [
+                  m && /* @__PURE__ */ s("div", { className: l.title, id: "modal-title", children: m }),
+                  /* @__PURE__ */ s("div", { className: l.content, children: k })
+                ]
+              }
+            )
           ]
         }
       )
     }
   ) : null;
-  return /* @__PURE__ */ b(D, { children: [
-    /* @__PURE__ */ s("div", { className: o.trigger, onClick: S, children: z }),
-    typeof window < "u" && q(j, document.body)
+  return /* @__PURE__ */ _(U, { children: [
+    /* @__PURE__ */ s("div", { className: l.trigger, onClick: S, children: z }),
+    typeof window < "u" && R(T, document.body)
   ] });
 }
 export {

package/dist/core/components/NavBar/NavLink.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../NavLink-iVdIFrC4.cjs");require("../../../external-link-DDShu-48.cjs");require("../../../chevron-down-DfK1XBl3.cjs");exports.NavLink=e.NavLink;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../NavLink-DIkqOEni.cjs");require("../../../external-link-DDShu-48.cjs");require("../../../chevron-down-DfK1XBl3.cjs");exports.NavLink=e.NavLink;

package/dist/core/components/NavBar/NavLink.mjs

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { N as a } from "../../../NavLink-Bi5Zw8NF.js";
+import { N as a } from "../../../NavLink-C2iIiO28.js";
 import "../../../external-link-BOPobeQJ.js";
 import "../../../chevron-down-DSUzBz9F.js";
 export {

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),se=require("../Modal/index.cjs"),q=require("../../../index-C-M4OSu5.cjs"),le=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-iVdIFrC4.cjs"),U=require("../../utils/NoScroll/noScroll.cjs"),we=require("../../../chevron-right-motlyADs.cjs"),P=require("../../../external-link-DDShu-48.cjs"),Ce=require("../../../x-Dft9NVe_.cjs"),ne=require("../../../createLucideIcon-DpotSgUx.cjs"),_e=require("../../../chevron-down-DfK1XBl3.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),se=require("../Modal/index.cjs"),q=require("../../../index-C-M4OSu5.cjs"),le=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-DIkqOEni.cjs"),U=require("../../utils/NoScroll/noScroll.cjs"),we=require("../../../chevron-right-motlyADs.cjs"),P=require("../../../external-link-DDShu-48.cjs"),Ce=require("../../../x-Dft9NVe_.cjs"),ne=require("../../../createLucideIcon-DpotSgUx.cjs"),_e=require("../../../chevron-down-DfK1XBl3.cjs");/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

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

@@ -3,7 +3,7 @@ import { useState as u, useRef as V, useCallback as L, useEffect as H } from "re
 import { Modal as ie } from "../Modal/index.mjs";
 import { B as q, M as _e } from "../../../index-014h0tPD.js";
 import { ButtonGroup as se } from "../ButtonGroup/index.mjs";
-import { s as e, N as Se } from "../../../NavLink-Bi5Zw8NF.js";
+import { s as e, N as Se } from "../../../NavLink-C2iIiO28.js";
 import { lockScroll as ze, unlockScroll as re } from "../../utils/NoScroll/noScroll.mjs";
 import { C as Re } from "../../../chevron-right-Cim1KPuL.js";
 import { E as X } from "../../../external-link-BOPobeQJ.js";

package/dist/index35.css

@@ -1 +1 @@
-._overlay_1hf1u_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_1hf1u_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._modal_1hf1u_19{position:relative;background-color:var(--color-foreground, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_1hf1u_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_1hf1u_31{width:min(90%,400px)}._size-md_1hf1u_35{width:min(90%,600px)}._size-lg_1hf1u_39{width:min(90%,800px)}._size-xl_1hf1u_43{width:min(90%,1200px)}._size-full_1hf1u_47{width:95%;height:95vh;max-height:95vh}._trigger_1hf1u_54{width:auto;display:inline-block;cursor:pointer}._closeButton_1hf1u_61{position:absolute;top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);border-radius:var(--radius-sm, .25rem);color:var(--color-text-secondary, #666);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}._closeButton_1hf1u_61:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_1hf1u_61:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_1hf1u_89{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_1hf1u_99{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_1hf1u_99 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1hf1u_99 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_1hf1u_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1hf1u_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_1hf1u_19{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_1hf1u_31,._size-md_1hf1u_35,._size-lg_1hf1u_39,._size-xl_1hf1u_43{width:95%}._title_1hf1u_89{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_1hf1u_2{padding:var(--spacing-sm, .5rem)}._modal_1hf1u_19{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_1hf1u_61{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_1hf1u_89{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}
+._overlay_1pm34_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_1pm34_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}.modalContentContainer{position:relative;display:flex;flex-direction:column}._modal_1pm34_18{position:relative;background-color:var(--color-foreground, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_1pm34_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_1pm34_37{width:clamp(90%,90%,400px)}._size-md_1pm34_41{width:clamp(90%,90%,600px)}._size-lg_1pm34_45{width:clamp(90%,90%,800px)}._size-xl_1pm34_49{width:clamp(90%,90%,1200px)}._size-full_1pm34_53{width:95%;height:95vh;max-height:95vh}._trigger_1pm34_60{width:auto;display:inline-block;cursor:pointer}._closeButton_1pm34_67{background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;align-self:flex-end;z-index:1}._closeButton_1pm34_67:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_1pm34_67:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_1pm34_97{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_1pm34_107{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_1pm34_107 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1pm34_107 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_1pm34_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1pm34_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_1pm34_18{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_1pm34_37,._size-md_1pm34_41,._size-lg_1pm34_45,._size-xl_1pm34_49{width:95%}._title_1pm34_97{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_1pm34_2{padding:var(--spacing-sm, .5rem)}._modal_1pm34_18{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_1pm34_67{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_1pm34_97{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index60.css');const t=require("react/jsx-runtime");;/* empty css                        */require("react");require("../../../core/components/Avatar/index.cjs");const f=require("../../../core/components/Badge/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("react-dom");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const j=require("../../../core/context/ThemeContext.cjs"),C=require("../../../createLucideIcon-DpotSgUx.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index60.css');const t=require("react/jsx-runtime");;/* empty css                        */require("react");require("../../../core/components/Avatar/index.cjs");const g=require("../../../core/components/Badge/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("react-dom");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const j=require("../../../core/context/ThemeContext.cjs"),C=require("../../../createLucideIcon-DpotSgUx.cjs");/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const T=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],N=C.createLucideIcon("arrow-up-right",T),q="_item_1vn4l_1",k="_itemImage_1vn4l_14",I="_itemTitle_1vn4l_20",b="_callToAction_1vn4l_26",A="_icon_1vn4l_33",w="_single_1vn4l_39",E="_first_1vn4l_40",U="_itemContent_1vn4l_41",B="_itemExcerpt_1vn4l_113",P="_imagePlaceholder_1vn4l_180",z="_category_1vn4l_229",L="_itemEyebrow_1vn4l_248",r={item:q,itemImage:k,itemTitle:I,callToAction:b,icon:A,single:w,first:E,itemContent:U,itemExcerpt:B,imagePlaceholder:P,category:z,itemEyebrow:L};function M(e,i){var n;if(e!=null&&e.imageUrls)return i==="dark"?((n=e.imageUrls.dark)==null?void 0:n.medium)??e.imageUrls.default.medium:e.imageUrls.default.medium}function $(e,i){var l,a,c,s;const n=i==="dark"?"darkImage":"defaultImage";return((a=(l=e==null?void 0:e[n])==null?void 0:l.asset)==null?void 0:a.altText)??((s=(c=e==null?void 0:e[n])==null?void 0:c.asset)==null?void 0:s.description)??"Card image"}function F(e){var l,a;const i=((l=e.categories)==null?void 0:l.find(c=>{var s,o;return!((o=(s=c.slug)==null?void 0:s.current)!=null&&o.startsWith("library/type"))}))??null,n=((a=e.categories)==null?void 0:a.find(c=>{var s,o;return(o=(s=c.slug)==null?void 0:s.current)==null?void 0:o.startsWith("library/type")}))??null;return{mainCategory:i,typeCategory:n}}function S({href:e,className:i,children:n}){return t.jsx("a",{href:e,className:i,children:n})}function W({article:e,className:i="",index:n,layout:l,limit:a,renderImage:c,renderLink:s}){const{mode:o}=j.useTheme(),u=`/blog/articles/${e.slug.current}`,m=M(e.featuredImage,o),_=$(e.featuredImage,o),{mainCategory:g,typeCategory:x}=F(e),v=[r.item,i,n===0?r.first:"",a===1?r.single:"",l??""].filter(Boolean).join(" "),h=t.jsxs("div",{className:r.itemImage,children:[x&&t.jsx("div",{className:r.category,children:x.title}),m?c?c({src:m,alt:_,fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:!0}):t.jsx("img",{src:m,alt:_,style:{width:"100%",height:"100%",objectFit:"cover"}}):t.jsx("div",{className:r.imagePlaceholder})]}),y=t.jsxs(t.Fragment,{children:[h,t.jsxs("div",{className:r.itemContent,children:[g&&t.jsx(f.Badge,{className:r.itemEyebrow,text:g.title,variant:"muted"}),t.jsxs("div",{className:r.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:r.callToAction,children:t.jsx("div",{className:r.icon,children:t.jsx(N,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:r.itemExcerpt,children:e.excerpt})]})]}),p=s?({children:d})=>s({href:u,className:v,children:d}):({children:d})=>t.jsx(S,{href:u,className:v,children:d});return t.jsx(p,{children:y})}exports.BlogArticleCard=W;
+ */const T=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],N=C.createLucideIcon("arrow-up-right",T),q="_item_1vn4l_1",I="_itemImage_1vn4l_14",b="_itemTitle_1vn4l_20",k="_callToAction_1vn4l_26",A="_icon_1vn4l_33",w="_single_1vn4l_39",E="_first_1vn4l_40",U="_itemContent_1vn4l_41",B="_itemExcerpt_1vn4l_113",P="_imagePlaceholder_1vn4l_180",L="_category_1vn4l_229",z="_itemEyebrow_1vn4l_248",s={item:q,itemImage:I,itemTitle:b,callToAction:k,icon:A,single:w,first:E,itemContent:U,itemExcerpt:B,imagePlaceholder:P,category:L,itemEyebrow:z};function M(e,i){var r;if(e!=null&&e.imageUrls)return i==="dark"?((r=e.imageUrls.dark)==null?void 0:r.medium)??e.imageUrls.default.medium:e.imageUrls.default.medium}function $(e,i){var c,n,o,u,d,m;if(!e)return"Card image";const r=i==="dark"?"darkImage":"defaultImage",l=((n=(c=e==null?void 0:e[r])==null?void 0:c.asset)==null?void 0:n.altText)??((u=(o=e==null?void 0:e[r])==null?void 0:o.asset)==null?void 0:u.description);if(l)return l;const a=((d=e==null?void 0:e.asset)==null?void 0:d.altText)??((m=e==null?void 0:e.asset)==null?void 0:m.description);return a||"Card image"}function F(e){var l,a;const i=((l=e.categories)==null?void 0:l.find(c=>{var n,o;return!((o=(n=c.slug)==null?void 0:n.current)!=null&&o.startsWith("library/type"))}))??null,r=((a=e.categories)==null?void 0:a.find(c=>{var n,o;return(o=(n=c.slug)==null?void 0:n.current)==null?void 0:o.startsWith("library/type")}))??null;return{mainCategory:i,typeCategory:r}}function S({href:e,className:i,children:r}){return t.jsx("a",{href:e,className:i,children:r})}function W({article:e,className:i="",index:r,layout:l,limit:a,renderImage:c,renderLink:n}){const{mode:o}=j.useTheme(),u=`/blog/articles/${e.slug.current}`,d=M(e.featuredImage,o),m=$(e.featuredImage,o),{mainCategory:x,typeCategory:v}=F(e),h=[s.item,i,r===0?s.first:"",a===1?s.single:"",l??""].filter(Boolean).join(" "),y=t.jsxs("div",{className:s.itemImage,children:[v&&t.jsx("div",{className:s.category,children:v.title}),d?c?c({src:d,alt:m,fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:r===0}):t.jsx("img",{src:d,alt:m,style:{width:"100%",height:"100%",objectFit:"cover"}}):t.jsx("div",{className:s.imagePlaceholder})]}),f=t.jsxs(t.Fragment,{children:[y,t.jsxs("div",{className:s.itemContent,children:[x&&t.jsx(g.Badge,{className:s.itemEyebrow,text:x.title,variant:"muted"}),t.jsxs("div",{className:s.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:s.callToAction,children:t.jsx("div",{className:s.icon,children:t.jsx(N,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:s.itemExcerpt,children:e.excerpt})]})]}),p=n?({children:_})=>n({href:u,className:h,children:_}):({children:_})=>t.jsx(S,{href:u,className:h,children:_});return t.jsx(p,{children:f})}exports.BlogArticleCard=W;

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

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as i, Fragment as x } from "react/jsx-runtime";
+import { jsxs as _, jsx as o, Fragment as x } from "react/jsx-runtime";
 import '../../../index.css';import '../../../index60.css';/* empty css                      */
 import "react";
 import "../../../core/components/Avatar/index.mjs";
@@ -8,112 +8,115 @@ import "react-dom";
 import "../../../core/components/Tabs/index.mjs";
 import "../../../core/tokens/theme.mjs";
 import { useTheme as N } from "../../../core/context/ThemeContext.mjs";
-import { c as k } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { c as T } from "../../../createLucideIcon-C8GTh_Qx.js";
 /**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const T = [
+const k = [
   ["path", { d: "M7 7h10v10", key: "1tivn9" }],
   ["path", { d: "M7 17 17 7", key: "1vkiza" }]
-], I = k("arrow-up-right", T), b = "_item_1vn4l_1", w = "_itemImage_1vn4l_14", A = "_itemTitle_1vn4l_20", E = "_callToAction_1vn4l_26", U = "_icon_1vn4l_33", j = "_single_1vn4l_39", B = "_first_1vn4l_40", P = "_itemContent_1vn4l_41", z = "_itemExcerpt_1vn4l_113", L = "_imagePlaceholder_1vn4l_180", F = "_category_1vn4l_229", M = "_itemEyebrow_1vn4l_248", e = {
+], I = T("arrow-up-right", k), b = "_item_1vn4l_1", w = "_itemImage_1vn4l_14", A = "_itemTitle_1vn4l_20", E = "_callToAction_1vn4l_26", U = "_icon_1vn4l_33", P = "_single_1vn4l_39", j = "_first_1vn4l_40", B = "_itemContent_1vn4l_41", L = "_itemExcerpt_1vn4l_113", z = "_imagePlaceholder_1vn4l_180", F = "_category_1vn4l_229", M = "_itemEyebrow_1vn4l_248", n = {
   item: b,
   itemImage: w,
   itemTitle: A,
   callToAction: E,
   icon: U,
-  single: j,
-  first: B,
-  itemContent: P,
-  itemExcerpt: z,
-  imagePlaceholder: L,
+  single: P,
+  first: j,
+  itemContent: B,
+  itemExcerpt: L,
+  imagePlaceholder: z,
   category: F,
   itemEyebrow: M
 };
-function W(t, r) {
-  var n;
+function W(t, s) {
+  var e;
   if (t != null && t.imageUrls)
-    return r === "dark" ? ((n = t.imageUrls.dark) == null ? void 0 : n.medium) ?? t.imageUrls.default.medium : t.imageUrls.default.medium;
+    return s === "dark" ? ((e = t.imageUrls.dark) == null ? void 0 : e.medium) ?? t.imageUrls.default.medium : t.imageUrls.default.medium;
 }
-function D(t, r) {
-  var l, a, s, o;
-  const n = r === "dark" ? "darkImage" : "defaultImage";
-  return ((a = (l = t == null ? void 0 : t[n]) == null ? void 0 : l.asset) == null ? void 0 : a.altText) ?? ((o = (s = t == null ? void 0 : t[n]) == null ? void 0 : s.asset) == null ? void 0 : o.description) ?? "Card image";
+function D(t, s) {
+  var c, r, i, d, m, u;
+  if (!t) return "Card image";
+  const e = s === "dark" ? "darkImage" : "defaultImage", l = ((r = (c = t == null ? void 0 : t[e]) == null ? void 0 : c.asset) == null ? void 0 : r.altText) ?? ((d = (i = t == null ? void 0 : t[e]) == null ? void 0 : i.asset) == null ? void 0 : d.description);
+  if (l) return l;
+  const a = ((m = t == null ? void 0 : t.asset) == null ? void 0 : m.altText) ?? ((u = t == null ? void 0 : t.asset) == null ? void 0 : u.description);
+  return a || "Card image";
 }
-function R(t) {
+function K(t) {
   var l, a;
-  const r = ((l = t.categories) == null ? void 0 : l.find(
-    (s) => {
-      var o, c;
-      return !((c = (o = s.slug) == null ? void 0 : o.current) != null && c.startsWith("library/type"));
+  const s = ((l = t.categories) == null ? void 0 : l.find(
+    (c) => {
+      var r, i;
+      return !((i = (r = c.slug) == null ? void 0 : r.current) != null && i.startsWith("library/type"));
     }
-  )) ?? null, n = ((a = t.categories) == null ? void 0 : a.find(
-    (s) => {
-      var o, c;
-      return (c = (o = s.slug) == null ? void 0 : o.current) == null ? void 0 : c.startsWith("library/type");
+  )) ?? null, e = ((a = t.categories) == null ? void 0 : a.find(
+    (c) => {
+      var r, i;
+      return (i = (r = c.slug) == null ? void 0 : r.current) == null ? void 0 : i.startsWith("library/type");
     }
   )) ?? null;
-  return { mainCategory: r, typeCategory: n };
+  return { mainCategory: s, typeCategory: e };
 }
-function $({
+function R({
   href: t,
-  className: r,
-  children: n
+  className: s,
+  children: e
 }) {
-  return /* @__PURE__ */ i("a", { href: t, className: r, children: n });
+  return /* @__PURE__ */ o("a", { href: t, className: s, children: e });
 }
 function tt({
   article: t,
-  className: r = "",
-  index: n,
+  className: s = "",
+  index: e,
   layout: l,
   limit: a,
-  renderImage: s,
-  renderLink: o
+  renderImage: c,
+  renderLink: r
 }) {
-  const { mode: c } = N(), p = `/blog/articles/${t.slug.current}`, d = W(t.featuredImage, c), u = D(t.featuredImage, c), { mainCategory: v, typeCategory: g } = R(t), h = [
-    e.item,
-    r,
-    n === 0 ? e.first : "",
-    a === 1 ? e.single : "",
+  const { mode: i } = N(), d = `/blog/articles/${t.slug.current}`, m = W(t.featuredImage, i), u = D(t.featuredImage, i), { mainCategory: f, typeCategory: v } = K(t), h = [
+    n.item,
+    s,
+    e === 0 ? n.first : "",
+    a === 1 ? n.single : "",
     l ?? ""
-  ].filter(Boolean).join(" "), f = /* @__PURE__ */ m("div", { className: e.itemImage, children: [
-    g && /* @__PURE__ */ i("div", { className: e.category, children: g.title }),
-    d ? s ? s({
-      src: d,
+  ].filter(Boolean).join(" "), y = /* @__PURE__ */ _("div", { className: n.itemImage, children: [
+    v && /* @__PURE__ */ o("div", { className: n.category, children: v.title }),
+    m ? c ? c({
+      src: m,
       alt: u,
       fill: !0,
       sizes: "(max-width: 767px) 650px, 300px",
-      priority: !0
-    }) : /* @__PURE__ */ i(
+      priority: e === 0
+    }) : /* @__PURE__ */ o(
       "img",
       {
-        src: d,
+        src: m,
         alt: u,
         style: { width: "100%", height: "100%", objectFit: "cover" }
       }
-    ) : /* @__PURE__ */ i("div", { className: e.imagePlaceholder })
-  ] }), y = /* @__PURE__ */ m(x, { children: [
-    f,
-    /* @__PURE__ */ m("div", { className: e.itemContent, children: [
-      v && /* @__PURE__ */ i(
+    ) : /* @__PURE__ */ o("div", { className: n.imagePlaceholder })
+  ] }), g = /* @__PURE__ */ _(x, { children: [
+    y,
+    /* @__PURE__ */ _("div", { className: n.itemContent, children: [
+      f && /* @__PURE__ */ o(
         C,
         {
-          className: e.itemEyebrow,
-          text: v.title,
+          className: n.itemEyebrow,
+          text: f.title,
           variant: "muted"
         }
       ),
-      /* @__PURE__ */ m("div", { className: e.itemTitle, children: [
-        /* @__PURE__ */ i("h3", { children: t.title }),
-        /* @__PURE__ */ i("div", { className: e.callToAction, children: /* @__PURE__ */ i("div", { className: e.icon, children: /* @__PURE__ */ i(I, { size: 45 }) }) })
+      /* @__PURE__ */ _("div", { className: n.itemTitle, children: [
+        /* @__PURE__ */ o("h3", { children: t.title }),
+        /* @__PURE__ */ o("div", { className: n.callToAction, children: /* @__PURE__ */ o("div", { className: n.icon, children: /* @__PURE__ */ o(I, { size: 45 }) }) })
       ] }),
-      t.excerpt && /* @__PURE__ */ i("p", { className: e.itemExcerpt, children: t.excerpt })
+      t.excerpt && /* @__PURE__ */ o("p", { className: n.itemExcerpt, children: t.excerpt })
     ] })
   ] });
-  return /* @__PURE__ */ i(o ? ({ children: _ }) => o({ href: p, className: h, children: _ }) : ({ children: _ }) => /* @__PURE__ */ i($, { href: p, className: h, children: _ }), { children: y });
+  return /* @__PURE__ */ o(r ? ({ children: p }) => r({ href: d, className: h, children: p }) : ({ children: p }) => /* @__PURE__ */ o(R, { href: d, className: h, children: p }), { children: g });
 }
 export {
   tt as BlogArticleCard

package/package.json

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

package/dist/NavLink-Bi5Zw8NF.js

@@ -1,157 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useRef as h, useEffect as k } from "react";
-import { E as v } from "./external-link-BOPobeQJ.js";
-import { C as f } from "./chevron-down-DSUzBz9F.js";
-import './NavLink.css';const C = "_navbar_p4o24_5", I = "_sticky_p4o24_19", M = "_left_p4o24_35", w = "_container_p4o24_36", y = "_logo_p4o24_40", T = "_nav_p4o24_5", N = "_center_p4o24_55", S = "_hidden_p4o24_63", W = "_visible_p4o24_70", x = "_right_p4o24_85", E = "_title_p4o24_92", D = "_linkWrapper_p4o24_102", $ = "_parent_p4o24_102", F = "_linkItem_p4o24_109", L = "_link_p4o24_102", B = "_search_p4o24_115", R = "_locale_p4o24_116", j = "_themeToggle_p4o24_117", z = "_sublinkToggle_p4o24_118", q = "_standard_p4o24_169", A = "_triangle_p4o24_177", G = "_twoColumn_p4o24_204", H = "_mobileButtons_p4o24_213", J = "_menuToggle_p4o24_281", K = "_utilityMobile_p4o24_299", Q = "_utility_p4o24_299", U = "_navInner_p4o24_327", V = "_grid_p4o24_338", X = "_searchModal_p4o24_357", Y = "_localeModal_p4o24_358", Z = "_separator_p4o24_377", O = "_newTabIcon_p4o24_408", P = "_sublinksDescription_p4o24_421", oo = "_linkContent_p4o24_424", no = "_open_p4o24_437", eo = "_back_p4o24_461", to = "_sublinks_p4o24_421", so = "_show_p4o24_510", _o = "_primaryColumn_p4o24_559", io = "_secondaryColumn_p4o24_568", lo = "_spotlightColumn_p4o24_572", ro = "_sublinksInner_p4o24_576", co = "_sublinksColumn_p4o24_596", ao = "_chevron_p4o24_606", po = "_advanced_p4o24_798", uo = "_subtitle_p4o24_807", mo = "_withSpotlight_p4o24_849", bo = "_withoutSpotlight_p4o24_853", go = "_transparent_p4o24_891", ho = "_groupDivider_p4o24_1002", ko = "_searchWrapper_p4o24_1010", vo = "_mobileMenu_p4o24_1017", fo = "_mobileMenuSlide_p4o24_1018", Co = "_mobileMenuItem_p4o24_1028", Io = "_fadeInFromLeft_p4o24_1032", Mo = "_fadeInFromRight_p4o24_1036", wo = "_spotlight_p4o24_572", yo = "_imageWrapper_p4o24_1046", To = "_content_p4o24_1068", No = "_description_p4o24_1083", So = "_actions_p4o24_1087", n = {
-  navbar: C,
-  sticky: I,
-  left: M,
-  container: w,
-  logo: y,
-  nav: T,
-  center: N,
-  hidden: S,
-  visible: W,
-  right: x,
-  title: E,
-  linkWrapper: D,
-  parent: $,
-  linkItem: F,
-  link: L,
-  search: B,
-  locale: R,
-  themeToggle: j,
-  sublinkToggle: z,
-  standard: q,
-  triangle: A,
-  twoColumn: G,
-  mobileButtons: H,
-  menuToggle: J,
-  utilityMobile: K,
-  utility: Q,
-  navInner: U,
-  grid: V,
-  searchModal: X,
-  localeModal: Y,
-  separator: Z,
-  newTabIcon: O,
-  sublinksDescription: P,
-  linkContent: oo,
-  open: no,
-  back: eo,
-  sublinks: to,
-  show: so,
-  primaryColumn: _o,
-  secondaryColumn: io,
-  spotlightColumn: lo,
-  sublinksInner: ro,
-  sublinksColumn: co,
-  chevron: ao,
-  default: "_default_p4o24_729",
-  advanced: po,
-  subtitle: uo,
-  withSpotlight: mo,
-  withoutSpotlight: bo,
-  transparent: go,
-  groupDivider: ho,
-  searchWrapper: ko,
-  mobileMenu: vo,
-  mobileMenuSlide: fo,
-  mobileMenuItem: Co,
-  fadeInFromLeft: Io,
-  fadeInFromRight: Mo,
-  spotlight: wo,
-  imageWrapper: yo,
-  content: To,
-  description: No,
-  actions: So
-};
-function $o({
-  link: o,
-  path: e,
-  parentPath: c,
-  openPath: d,
-  togglePath: a,
-  updateTriangleIndicator: b,
-  setOpenPath: _,
-  renderLinks: g,
-  buttonRefs: i
-}) {
-  var u;
-  const l = d === e, s = !!((u = o.sublinks) != null && u.length), p = h(null);
-  return k(() => (i.current.set(e, p.current), () => {
-    i.current.delete(e);
-  }), [e, i]), /* @__PURE__ */ r(
-    "div",
-    {
-      role: "menuitem",
-      className: `${n.linkWrapper} ${c ? "" : n.parent}`,
-      children: [
-        /* @__PURE__ */ t("div", { className: n.linkItem, children: o.href ? /* @__PURE__ */ r(
-          "a",
-          {
-            href: o.href,
-            className: n.link,
-            target: o.isExternal ? "_blank" : "_self",
-            rel: o.isExternal ? "noopener noreferrer" : void 0,
-            onClick: () => {
-              var m;
-              _(null), (m = o.onClick) == null || m.call(o);
-            },
-            onMouseEnter: () => {
-              c || _(null);
-            },
-            children: [
-              o.label,
-              o.isExternal && /* @__PURE__ */ t(
-                v,
-                {
-                  className: n.newTabIcon,
-                  size: 16,
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ) : /* @__PURE__ */ r(
-          "button",
-          {
-            ref: p,
-            "aria-haspopup": s ? !0 : void 0,
-            "aria-expanded": s ? l : void 0,
-            className: `${n.sublinkToggle} ${l ? n.open : ""}`,
-            onClick: () => a(e),
-            onMouseEnter: () => {
-              b(e), _(e);
-            },
-            children: [
-              o.label,
-              s && /* @__PURE__ */ t(
-                f,
-                {
-                  size: 18,
-                  className: n.chevron,
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ) }),
-        s && /* @__PURE__ */ t(
-          "div",
-          {
-            className: `${n.sublinks} ${l ? n.show : ""}`,
-            onMouseLeave: () => a(e),
-            role: "menu",
-            "aria-label": `${o.label} submenu`,
-            children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: n.sublinksInner, children: /* @__PURE__ */ t("div", { className: n.sublinksColumn, children: g(o.sublinks, e) }) }) })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  $o as N,
-  n as s
-};

package/dist/NavLink-iVdIFrC4.cjs

@@ -1 +0,0 @@
-"use strict";require('./NavLink.css');const e=require("react/jsx-runtime"),d=require("react"),h=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_p4o24_5",f="_sticky_p4o24_19",I="_left_p4o24_35",C="_container_p4o24_36",M="_logo_p4o24_40",w="_nav_p4o24_5",y="_center_p4o24_55",x="_hidden_p4o24_63",T="_visible_p4o24_70",N="_right_p4o24_85",j="_title_p4o24_92",S="_linkWrapper_p4o24_102",W="_parent_p4o24_102",$="_linkItem_p4o24_109",D="_link_p4o24_102",L="_search_p4o24_115",E="_locale_p4o24_116",F="_themeToggle_p4o24_117",q="_sublinkToggle_p4o24_118",R="_standard_p4o24_169",B="_triangle_p4o24_177",z="_twoColumn_p4o24_204",A="_mobileButtons_p4o24_213",G="_menuToggle_p4o24_281",H="_utilityMobile_p4o24_299",J="_utility_p4o24_299",K="_navInner_p4o24_327",Q="_grid_p4o24_338",U="_searchModal_p4o24_357",V="_localeModal_p4o24_358",X="_separator_p4o24_377",Y="_newTabIcon_p4o24_408",Z="_sublinksDescription_p4o24_421",O="_linkContent_p4o24_424",P="_open_p4o24_437",oo="_back_p4o24_461",no="_sublinks_p4o24_421",eo="_show_p4o24_510",to="_primaryColumn_p4o24_559",so="_secondaryColumn_p4o24_568",_o="_spotlightColumn_p4o24_572",io="_sublinksInner_p4o24_576",lo="_sublinksColumn_p4o24_596",ro="_chevron_p4o24_606",co="_advanced_p4o24_798",ao="_subtitle_p4o24_807",po="_withSpotlight_p4o24_849",uo="_withoutSpotlight_p4o24_853",mo="_transparent_p4o24_891",bo="_groupDivider_p4o24_1002",go="_searchWrapper_p4o24_1010",ho="_mobileMenu_p4o24_1017",ko="_mobileMenuSlide_p4o24_1018",vo="_mobileMenuItem_p4o24_1028",fo="_fadeInFromLeft_p4o24_1032",Io="_fadeInFromRight_p4o24_1036",Co="_spotlight_p4o24_572",Mo="_imageWrapper_p4o24_1046",wo="_content_p4o24_1068",yo="_description_p4o24_1083",xo="_actions_p4o24_1087",n={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:oo,sublinks:no,show:eo,primaryColumn:to,secondaryColumn:so,spotlightColumn:_o,sublinksInner:io,sublinksColumn:lo,chevron:ro,default:"_default_p4o24_729",advanced:co,subtitle:ao,withSpotlight:po,withoutSpotlight:uo,transparent:mo,groupDivider:bo,searchWrapper:go,mobileMenu:ho,mobileMenuSlide:ko,mobileMenuItem:vo,fadeInFromLeft:fo,fadeInFromRight:Io,spotlight:Co,imageWrapper:Mo,content:wo,description:yo,actions:xo};function To({link:o,path:t,parentPath:r,openPath:m,togglePath:c,updateTriangleIndicator:b,setOpenPath:_,renderLinks:g,buttonRefs:i}){var p;const l=m===t,s=!!((p=o.sublinks)!=null&&p.length),a=d.useRef(null);return d.useEffect(()=>(i.current.set(t,a.current),()=>{i.current.delete(t)}),[t,i]),e.jsxs("div",{role:"menuitem",className:`${n.linkWrapper} ${r?"":n.parent}`,children:[e.jsx("div",{className:n.linkItem,children:o.href?e.jsxs("a",{href:o.href,className:n.link,target:o.isExternal?"_blank":"_self",rel:o.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;_(null),(u=o.onClick)==null||u.call(o)},onMouseEnter:()=>{r||_(null)},children:[o.label,o.isExternal&&e.jsx(h.ExternalLink,{className:n.newTabIcon,size:16,"aria-hidden":"true"})]}):e.jsxs("button",{ref:a,"aria-haspopup":s?!0:void 0,"aria-expanded":s?l:void 0,className:`${n.sublinkToggle} ${l?n.open:""}`,onClick:()=>c(t),onMouseEnter:()=>{b(t),_(t)},children:[o.label,s&&e.jsx(k.ChevronDown,{size:18,className:n.chevron,"aria-hidden":"true"})]})}),s&&e.jsx("div",{className:`${n.sublinks} ${l?n.show:""}`,onMouseLeave:()=>c(t),role:"menu","aria-label":`${o.label} submenu`,children:e.jsx("div",{children:e.jsx("div",{className:n.sublinksInner,children:e.jsx("div",{className:n.sublinksColumn,children:g(o.sublinks,t)})})})})]})}exports.NavLink=To;exports.styles=n;