quirk-ui 0.1.45 → 0.1.47

package/dist/NavLink-Dx1lDb5T.js

@@ -0,0 +1,155 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useRef as g, 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_1hien_5", I = "_sticky_1hien_19", w = "_left_1hien_35", y = "_container_1hien_36", M = "_logo_1hien_40", T = "_nav_1hien_5", N = "_center_1hien_55", S = "_hidden_1hien_63", W = "_visible_1hien_70", x = "_right_1hien_85", E = "_title_1hien_92", D = "_linkWrapper_1hien_102", $ = "_parent_1hien_102", F = "_linkItem_1hien_109", L = "_link_1hien_102", B = "_search_1hien_115", R = "_locale_1hien_116", j = "_themeToggle_1hien_117", z = "_sublinkToggle_1hien_118", q = "_standard_1hien_169", A = "_triangle_1hien_177", G = "_twoColumn_1hien_204", H = "_mobileButtons_1hien_213", J = "_menuToggle_1hien_281", K = "_utilityMobile_1hien_299", Q = "_utility_1hien_299", U = "_navInner_1hien_327", V = "_grid_1hien_338", X = "_separator_1hien_357", Y = "_newTabIcon_1hien_388", Z = "_sublinksDescription_1hien_401", O = "_linkContent_1hien_404", P = "_open_1hien_417", nn = "_back_1hien_441", en = "_sublinks_1hien_401", tn = "_show_1hien_490", on = "_primaryColumn_1hien_539", sn = "_secondaryColumn_1hien_548", _n = "_spotlightColumn_1hien_552", ln = "_sublinksInner_1hien_556", rn = "_sublinksColumn_1hien_576", cn = "_chevron_1hien_586", an = "_advanced_1hien_778", hn = "_subtitle_1hien_787", un = "_withSpotlight_1hien_829", mn = "_withoutSpotlight_1hien_833", dn = "_transparent_1hien_871", bn = "_groupDivider_1hien_982", pn = "_searchWrapper_1hien_990", gn = "_mobileMenu_1hien_997", kn = "_mobileMenuSlide_1hien_998", vn = "_mobileMenuItem_1hien_1008", fn = "_fadeInFromLeft_1hien_1012", Cn = "_fadeInFromRight_1hien_1016", In = "_spotlight_1hien_552", wn = "_imageWrapper_1hien_1026", yn = "_content_1hien_1048", Mn = "_description_1hien_1063", Tn = "_actions_1hien_1067", e = {
+  navbar: C,
+  sticky: I,
+  left: w,
+  container: y,
+  logo: M,
+  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,
+  separator: X,
+  newTabIcon: Y,
+  sublinksDescription: Z,
+  linkContent: O,
+  open: P,
+  back: nn,
+  sublinks: en,
+  show: tn,
+  primaryColumn: on,
+  secondaryColumn: sn,
+  spotlightColumn: _n,
+  sublinksInner: ln,
+  sublinksColumn: rn,
+  chevron: cn,
+  default: "_default_1hien_709",
+  advanced: an,
+  subtitle: hn,
+  withSpotlight: un,
+  withoutSpotlight: mn,
+  transparent: dn,
+  groupDivider: bn,
+  searchWrapper: pn,
+  mobileMenu: gn,
+  mobileMenuSlide: kn,
+  mobileMenuItem: vn,
+  fadeInFromLeft: fn,
+  fadeInFromRight: Cn,
+  spotlight: In,
+  imageWrapper: wn,
+  content: yn,
+  description: Mn,
+  actions: Tn
+};
+function En({
+  link: n,
+  path: i,
+  parentPath: c,
+  openPath: d,
+  togglePath: a,
+  updateTriangleIndicator: b,
+  setOpenPath: s,
+  renderLinks: p,
+  buttonRefs: _
+}) {
+  var u;
+  const l = d === i, o = !!((u = n.sublinks) != null && u.length), h = g(null);
+  return k(() => (_.current.set(i, h.current), () => {
+    _.current.delete(i);
+  }), [i, _]), /* @__PURE__ */ r(
+    "div",
+    {
+      role: "menuitem",
+      className: `${e.linkWrapper} ${c ? "" : e.parent}`,
+      children: [
+        /* @__PURE__ */ t("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ r(
+          "a",
+          {
+            href: n.href,
+            className: e.link,
+            target: n.isExternal ? "_blank" : "_self",
+            rel: n.isExternal ? "noopener noreferrer" : void 0,
+            onClick: () => {
+              var m;
+              s(null), (m = n.onClick) == null || m.call(n);
+            },
+            onMouseEnter: () => {
+              c || s(null);
+            },
+            children: [
+              n.label,
+              n.isExternal && /* @__PURE__ */ t(
+                v,
+                {
+                  className: e.newTabIcon,
+                  size: 16,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) : /* @__PURE__ */ r(
+          "button",
+          {
+            ref: h,
+            "aria-haspopup": o ? !0 : void 0,
+            "aria-expanded": o ? l : void 0,
+            className: `${e.sublinkToggle} ${l ? e.open : ""}`,
+            onClick: () => a(i),
+            onMouseEnter: () => {
+              b(i), s(i);
+            },
+            children: [
+              n.label,
+              o && /* @__PURE__ */ t(
+                f,
+                {
+                  size: 18,
+                  className: e.chevron,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) }),
+        o && /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${e.sublinks} ${l ? e.show : ""}`,
+            onMouseLeave: () => a(i),
+            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, i) }) }) })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  En as N,
+  e as s
+};

package/dist/NavLink-EYz6nBQQ.cjs

@@ -0,0 +1 @@
+"use strict";require('./NavLink.css');const i=require("react/jsx-runtime"),m=require("react"),p=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_1hien_5",f="_sticky_1hien_19",I="_left_1hien_35",C="_container_1hien_36",w="_logo_1hien_40",y="_nav_1hien_5",x="_center_1hien_55",M="_hidden_1hien_63",T="_visible_1hien_70",N="_right_1hien_85",j="_title_1hien_92",S="_linkWrapper_1hien_102",W="_parent_1hien_102",$="_linkItem_1hien_109",D="_link_1hien_102",L="_search_1hien_115",E="_locale_1hien_116",F="_themeToggle_1hien_117",q="_sublinkToggle_1hien_118",R="_standard_1hien_169",B="_triangle_1hien_177",z="_twoColumn_1hien_204",A="_mobileButtons_1hien_213",G="_menuToggle_1hien_281",H="_utilityMobile_1hien_299",J="_utility_1hien_299",K="_navInner_1hien_327",Q="_grid_1hien_338",U="_separator_1hien_357",V="_newTabIcon_1hien_388",X="_sublinksDescription_1hien_401",Y="_linkContent_1hien_404",Z="_open_1hien_417",O="_back_1hien_441",P="_sublinks_1hien_401",nn="_show_1hien_490",en="_primaryColumn_1hien_539",tn="_secondaryColumn_1hien_548",on="_spotlightColumn_1hien_552",sn="_sublinksInner_1hien_556",_n="_sublinksColumn_1hien_576",rn="_chevron_1hien_586",ln="_advanced_1hien_778",cn="_subtitle_1hien_787",an="_withSpotlight_1hien_829",hn="_withoutSpotlight_1hien_833",un="_transparent_1hien_871",mn="_groupDivider_1hien_982",dn="_searchWrapper_1hien_990",bn="_mobileMenu_1hien_997",gn="_mobileMenuSlide_1hien_998",pn="_mobileMenuItem_1hien_1008",kn="_fadeInFromLeft_1hien_1012",vn="_fadeInFromRight_1hien_1016",fn="_spotlight_1hien_552",In="_imageWrapper_1hien_1026",Cn="_content_1hien_1048",wn="_description_1hien_1063",yn="_actions_1hien_1067",e={navbar:v,sticky:f,left:I,container:C,logo:w,nav:y,center:x,hidden:M,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,separator:U,newTabIcon:V,sublinksDescription:X,linkContent:Y,open:Z,back:O,sublinks:P,show:nn,primaryColumn:en,secondaryColumn:tn,spotlightColumn:on,sublinksInner:sn,sublinksColumn:_n,chevron:rn,default:"_default_1hien_709",advanced:ln,subtitle:cn,withSpotlight:an,withoutSpotlight:hn,transparent:un,groupDivider:mn,searchWrapper:dn,mobileMenu:bn,mobileMenuSlide:gn,mobileMenuItem:pn,fadeInFromLeft:kn,fadeInFromRight:vn,spotlight:fn,imageWrapper:In,content:Cn,description:wn,actions:yn};function xn({link:n,path:t,parentPath:l,openPath:d,togglePath:c,updateTriangleIndicator:b,setOpenPath:s,renderLinks:g,buttonRefs:_}){var h;const r=d===t,o=!!((h=n.sublinks)!=null&&h.length),a=m.useRef(null);return m.useEffect(()=>(_.current.set(t,a.current),()=>{_.current.delete(t)}),[t,_]),i.jsxs("div",{role:"menuitem",className:`${e.linkWrapper} ${l?"":e.parent}`,children:[i.jsx("div",{className:e.linkItem,children:n.href?i.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&&i.jsx(p.ExternalLink,{className:e.newTabIcon,size:16,"aria-hidden":"true"})]}):i.jsxs("button",{ref:a,"aria-haspopup":o?!0:void 0,"aria-expanded":o?r:void 0,className:`${e.sublinkToggle} ${r?e.open:""}`,onClick:()=>c(t),onMouseEnter:()=>{b(t),s(t)},children:[n.label,o&&i.jsx(k.ChevronDown,{size:18,className:e.chevron,"aria-hidden":"true"})]})}),o&&i.jsx("div",{className:`${e.sublinks} ${r?e.show:""}`,onMouseLeave:()=>c(t),role:"menu","aria-label":`${n.label} submenu`,children:i.jsx("div",{children:i.jsx("div",{className:e.sublinksInner,children:i.jsx("div",{className:e.sublinksColumn,children:g(n.sublinks,t)})})})})]})}exports.NavLink=xn;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_1hien_5{position:relative;height:var(--nav-height);z-index:1000}._sticky_1hien_19{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}@media (max-width: 767px){._sticky_1hien_19+main>section:first-of-type.heroFullBleed,._sticky_1hien_19+main>section:first-of-type.tabsFullBleed{padding-top:calc(var(--nav-height) + var(--spacing-md))}}._left_1hien_35 ._container_1hien_36{justify-content:flex-start}._left_1hien_35 ._logo_1hien_40{flex:unset}._left_1hien_35 ._nav_1hien_5{flex:1}@media (max-width: 767px){._left_1hien_35 ._logo_1hien_40{flex:1}}._center_1hien_55 ._nav_1hien_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1hien_55 ._nav_1hien_5._hidden_1hien_63{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1hien_55 ._nav_1hien_5._visible_1hien_70{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1hien_55 ._logo_1hien_40{flex:1}}._right_1hien_85 ._container_1hien_36{justify-content:flex-end}@media (max-width: 767px){._right_1hien_85 ._logo_1hien_40,._right_1hien_85 ._title_1hien_92{flex:1}}._right_1hien_85 ._nav_1hien_5{flex:1}._linkWrapper_1hien_102._parent_1hien_102{overflow:visible;position:relative}@media (min-width: 768px){._linkWrapper_1hien_102._parent_1hien_102:first-of-type>._linkItem_1hien_109{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);overflow:hidden}._linkWrapper_1hien_102._parent_1hien_102:first-of-type>._linkItem_1hien_109 ._link_1hien_102,._linkWrapper_1hien_102._parent_1hien_102:first-of-type>._linkItem_1hien_109 ._search_1hien_115,._linkWrapper_1hien_102._parent_1hien_102:first-of-type>._linkItem_1hien_109 ._locale_1hien_116,._linkWrapper_1hien_102._parent_1hien_102:first-of-type>._linkItem_1hien_109._themeToggle_1hien_117 button,._linkWrapper_1hien_102._parent_1hien_102:first-of-type>._linkItem_1hien_109 ._sublinkToggle_1hien_118{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1hien_102._parent_1hien_102:last-of-type>._linkItem_1hien_109{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);overflow:hidden}._linkWrapper_1hien_102._parent_1hien_102:last-of-type>._linkItem_1hien_109 ._link_1hien_102,._linkWrapper_1hien_102._parent_1hien_102:last-of-type>._linkItem_1hien_109 ._search_1hien_115,._linkWrapper_1hien_102._parent_1hien_102:last-of-type>._linkItem_1hien_109 ._locale_1hien_116,._linkWrapper_1hien_102._parent_1hien_102:last-of-type>._linkItem_1hien_109._themeToggle_1hien_117 button,._linkWrapper_1hien_102._parent_1hien_102:last-of-type>._linkItem_1hien_109 ._sublinkToggle_1hien_118{padding-right:var(--spacing-md)}}._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102{height:40px}@media (min-width: 768px){._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._search_1hien_115,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._locale_1hien_116,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109._themeToggle_1hien_117 button,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102:hover,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._search_1hien_115:hover,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._locale_1hien_116:hover,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109._themeToggle_1hien_117 button:hover,._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_1hien_169{left:0;background-color:#fff}._standard_1hien_169 ._linkWrapper_1hien_102{position:relative}._standard_1hien_169 ._triangle_1hien_177{display:none}._container_1hien_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_1hien_36{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_1hien_36._twoColumn_1hien_204{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}@media (max-width: 767px){._container_1hien_36._twoColumn_1hien_204{display:flex}}._mobileButtons_1hien_213{display:none}@media (max-width: 767px){._mobileButtons_1hien_213{display:flex;align-items:center;gap:var(--spacing-sm)}}._title_1hien_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_1hien_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_1hien_40 a{display:flex;align-items:center;justify-content:flex-start}._logo_1hien_40 img{height:auto;width:auto}@media (max-width: 767px){._logo_1hien_40 img{max-width:120px}}._search_1hien_115,._locale_1hien_116,._themeToggle_1hien_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_1hien_115 svg,._locale_1hien_116 svg,._themeToggle_1hien_117 button svg{position:relative;z-index:5}._menuToggle_1hien_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_1hien_281 svg{position:relative;z-index:5}._utilityMobile_1hien_299{display:none;grid-area:third;justify-content:flex-end}._utility_1hien_299{grid-area:third;display:flex;justify-content:flex-end}._utility_1hien_299 a{font-size:var(--font-size-sm)}._nav_1hien_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_1hien_5{height:100vh}}._navInner_1hien_327{position:relative}@media (max-width: 767px){._navInner_1hien_327{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1hien_338{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1hien_338{display:flex;flex-direction:column}}._linkItem_1hien_109{display:flex;align-items:center;box-sizing:border-box}._separator_1hien_357{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_1hien_365,._sublinkToggle_1hien_118,._search_1hien_115,._locale_1hien_116,._themeToggle_1hien_117 button,._link_1hien_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_1hien_365 ._newTabIcon_1hien_388,._sublinkToggle_1hien_118 ._newTabIcon_1hien_388,._search_1hien_115 ._newTabIcon_1hien_388,._locale_1hien_116 ._newTabIcon_1hien_388,._themeToggle_1hien_117 button ._newTabIcon_1hien_388,._link_1hien_102 ._newTabIcon_1hien_388{color:var(--color-secondary-75);transition:color .3s ease-in-out}._search_1hien_115,._locale_1hien_116,._themeToggle_1hien_117 button{justify-content:center}@media (min-width: 768px){._navTitle_1hien_365,._sublinksDescription_1hien_401,._link_1hien_102,._sublinkToggle_1hien_118,._link_1hien_102 ._linkContent_1hien_404,._sublinkToggle_1hien_118 ._linkContent_1hien_404{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_1hien_102:hover,._link_1hien_102._open_1hien_417,._search_1hien_115:hover,._sublinkToggle_1hien_118:hover,._sublinkToggle_1hien_118._open_1hien_417,._link_1hien_102:hover ._newTabIcon_1hien_388,._link_1hien_102._open_1hien_417 ._newTabIcon_1hien_388,._search_1hien_115:hover ._newTabIcon_1hien_388,._sublinkToggle_1hien_118:hover ._newTabIcon_1hien_388,._sublinkToggle_1hien_118._open_1hien_417 ._newTabIcon_1hien_388{color:var(--color-primary-100)}@media (max-width: 767px){._link_1hien_102:hover,._link_1hien_102._open_1hien_417,._search_1hien_115:hover,._sublinkToggle_1hien_118:hover,._sublinkToggle_1hien_118._open_1hien_417{color:var(--color-secondary-100)}._link_1hien_102:hover ._newTabIcon_1hien_388,._link_1hien_102._open_1hien_417 ._newTabIcon_1hien_388,._search_1hien_115:hover ._newTabIcon_1hien_388,._sublinkToggle_1hien_118:hover ._newTabIcon_1hien_388,._sublinkToggle_1hien_118._open_1hien_417 ._newTabIcon_1hien_388{color:var(--color-secondary-100)}}._navItem_1hien_436:hover{color:var(--color-primary-100)}._sublinkToggle_1hien_118,._back_1hien_441{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_1hien_118:hover,._sublinkToggle_1hien_118._open_1hien_417,._back_1hien_441:hover,._back_1hien_441._open_1hien_417{color:var(--color-primary-100)}._sublinks_1hien_401{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_1hien_401._show_1hien_490{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_1hien_401._show_1hien_490 ._navTitle_1hien_365,._sublinks_1hien_401._show_1hien_490 ._sublinksDescription_1hien_401,._sublinks_1hien_401._show_1hien_490 ._link_1hien_102,._sublinks_1hien_401._show_1hien_490 ._sublinkToggle_1hien_118,._sublinks_1hien_401._show_1hien_490 ._link_1hien_102 ._linkContent_1hien_404,._sublinks_1hien_401._show_1hien_490 ._sublinkToggle_1hien_118 ._linkContent_1hien_404{opacity:1;visibility:visible}._triangle_1hien_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_1hien_177._show_1hien_490{top:calc(100% + .3rem);opacity:1;visibility:visible}._triangle_1hien_177 polygon{stroke:var(--color-border);stroke-width:1px}._primaryColumn_1hien_539{border-right:1px solid var(--color-border)}._primaryColumn_1hien_539 ._sublinkToggle_1hien_118:hover,._primaryColumn_1hien_539 ._sublinkToggle_1hien_118._open_1hien_417{color:var(--color-primary-100)}._secondaryColumn_1hien_548{background-color:var(--color-secondary-10)}._spotlightColumn_1hien_552{background-color:var(--color-secondary-75)}._sublinksInner_1hien_556{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_1hien_556{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_1hien_576{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1hien_576{padding:0}}._chevron_1hien_586{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1hien_118._open_1hien_417 ._chevron_1hien_586{transform:rotate(180deg)}@media (max-width: 767px){._logo_1hien_40{flex:1}._menuToggle_1hien_281,._search_1hien_115{display:flex;align-items:center;justify-content:center}._utility_1hien_299 a:not(._utility_1hien_299 a:first-of-type){display:none}._utilityMobile_1hien_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_1hien_299._open_1hien_417{transform:translateY(0)}._nav_1hien_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_1hien_5._open_1hien_417{transform:translate(0);opacity:1;pointer-events:auto}._linkWrapper_1hien_102{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1hien_102._parent_1hien_102{border-bottom:1px solid var(--color-border)}._linkWrapper_1hien_102._parent_1hien_102:last-of-type{border:none}._linkItem_1hien_109{width:100%}._chevron_1hien_586{display:none}._sublinks_1hien_401{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_1hien_118{cursor:pointer;pointer-events:none;color:var(--color-secondary-75)}}._default_1hien_709 ._container_1hien_36{padding:0 var(--spacing-md)}._default_1hien_709 ._sublinks_1hien_401{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_1hien_709 ._sublinks_1hien_401{position:relative;justify-content:center;align-items:center}}._default_1hien_709 ._linkItem_1hien_109{justify-content:flex-end}@media (max-width: 767px){._default_1hien_709 ._linkItem_1hien_109{justify-content:center;align-items:center}}._default_1hien_709 ._sublinksInner_1hien_556{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_1hien_709 ._sublinksInner_1hien_556{justify-content:center;align-items:center}}._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102{height:40px}@media (min-width: 768px){._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._search_1hien_115,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._locale_1hien_116,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109._themeToggle_1hien_117 button,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-secondary-100)}._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102:hover,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._search_1hien_115:hover,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._locale_1hien_116:hover,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109._themeToggle_1hien_117 button:hover,._default_1hien_709 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118:hover{color:var(--color-primary-100);background-color:transparent}}._advanced_1hien_778 ._linkContent_1hien_404{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-sm)}._advanced_1hien_778 ._subtitle_1hien_787{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_1hien_778 ._sublinksDescription_1hien_401,._advanced_1hien_778 ._sublinksDescription_1hien_401 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_1hien_778 ._sublinks_1hien_401{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_1hien_778 ._sublinks_1hien_401{position:relative;justify-content:center;align-items:center}}._advanced_1hien_778 ._linkItem_1hien_109{justify-content:flex-start}._advanced_1hien_778 ._sublinksInner_1hien_556{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_1hien_778 ._sublinksInner_1hien_556._withSpotlight_1hien_829{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_1hien_778 ._sublinksInner_1hien_556._withoutSpotlight_1hien_833{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_1hien_778 ._sublinksInner_1hien_556{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_1hien_778 ._sublinkToggle_1hien_118{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_1hien_778 ._sublinkToggle_1hien_118:hover,._advanced_1hien_778 ._sublinkToggle_1hien_118._open_1hien_417{color:var(--color-primary-100)}._advanced_1hien_778 ._back_1hien_441{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1hien_778 ._back_1hien_441:hover{color:var(--color-primary-100)}._transparent_1hien_871{background-color:transparent}._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102{height:40px}@media (min-width: 768px){._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._search_1hien_115,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._locale_1hien_116,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109._themeToggle_1hien_117 button,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-navigation-transparent-links)}._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._link_1hien_102:hover,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._search_1hien_115:hover,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._locale_1hien_116:hover,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109._themeToggle_1hien_117 button:hover,._transparent_1hien_871 ._linkWrapper_1hien_102._parent_1hien_102>._linkItem_1hien_109 ._sublinkToggle_1hien_118:hover{color:var(--color-navigation-transparent-linksHover);background-color:transparent}}._transparent_1hien_871._sticky_1hien_19{top:var(--spacing-md)}@media (max-width: 767px){._transparent_1hien_871._sticky_1hien_19{top:0}}@media (max-width: 767px){._transparent_1hien_871: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_1hien_871 ._nav_1hien_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_1hien_871 ._nav_1hien_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_1hien_871 ._nav_1hien_5:before{border-radius:0}}@media (max-width: 767px){._transparent_1hien_871 ._utility_1hien_299 a,._transparent_1hien_871 ._utility_1hien_299 button{-webkit-backdrop-filter:unset;backdrop-filter:unset}._transparent_1hien_871 ._utility_1hien_299 a>span,._transparent_1hien_871 ._utility_1hien_299 button>span{background-color:transparent;padding:0}._transparent_1hien_871 ._utility_1hien_299 a:hover>span,._transparent_1hien_871 ._utility_1hien_299 button:hover>span{background-color:transparent;padding:0;color:var(--color-primary-100)}}@media (max-width: 767px){._transparent_1hien_871 ._menuToggle_1hien_281,._transparent_1hien_871 ._search_1hien_115{width:unset}}._groupDivider_1hien_982{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}@media (max-width: 767px){._searchWrapper_1hien_990{grid-area:fourth;width:auto}}._mobileMenu_1hien_997,._mobileMenuSlide_1hien_998{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1hien_1008{opacity:0}._fadeInFromLeft_1hien_1012{animation:_fadeInFromLeft_1hien_1012 .3s ease-in-out forwards}._fadeInFromRight_1hien_1016{animation:_fadeInFromRight_1hien_1016 .3s ease-in-out forwards}._spotlight_1hien_552{display:flex;flex-direction:column;gap:var(--spacing-md)}._spotlight_1hien_552 ._imageWrapper_1hien_1026{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._spotlight_1hien_552 ._imageWrapper_1hien_1026 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._spotlight_1hien_552 ._image_1hien_1026{width:100%;height:auto;object-fit:cover}._spotlight_1hien_552 ._content_1hien_1048{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._spotlight_1hien_552 ._title_1hien_92{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._spotlight_1hien_552 ._description_1hien_1063{color:#fff}._spotlight_1hien_552 ._actions_1hien_1067{display:flex;flex-direction:column;align-items:flex-start}@keyframes _fadeInFromLeft_1hien_1012{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1hien_1016{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"),c=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_1h84d_2",D="_fadeIn_1h84d_1",P="_modal_1h84d_19",U="_slideUp_1h84d_1",A="_trigger_1h84d_54",C="_closeButton_1h84d_61",F="_title_1h84d_89",K="_content_1h84d_99",l={overlay:T,fadeIn:D,modal:P,slideUp:U,"size-sm":"_size-sm_1h84d_31","size-md":"_size-md_1h84d_35","size-lg":"_size-lg_1h84d_39","size-xl":"_size-xl_1h84d_43","size-full":"_size-full_1h84d_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:i,onClose:o,size:z="md",closeOnEscape:v=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[q,y]=c.useState(!1),_=c.useRef(null),m=h!==void 0,t=m?h:q,N=()=>{m||y(!0),i==null||i()},r=()=>{m||y(!1),o==null||o()},S=()=>{t?r():N()},I=()=>{j&&r()};c.useEffect(()=>{if(!v||!t)return;const s=d=>{d.key==="Escape"&&r()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[t,v]),c.useEffect(()=>(t?X():b(),()=>b()),[t]),c.useEffect(()=>{if(!t||!_.current)return;const s=_.current,d=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),n=d[0],a=d[d.length-1],g=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===n&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),n==null||n.focus()))};return s.addEventListener("keydown",g),n==null||n.focus(),()=>{s.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",{style:{position:"relative"},children:[p&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:r,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:_,className:`${l.modal} ${B} ${w??""}`.trim(),style:E,onClick:s=>s.stopPropagation(),children:[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"),c=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_f5qam_2",C="_fadeIn_f5qam_1",D="_modal_f5qam_18",P="_slideUp_f5qam_1",U="_trigger_f5qam_61",A="_closeButton_f5qam_68",F="_title_f5qam_98",K="_content_f5qam_108",l={overlay:T,fadeIn:C,modal:D,slideUp:P,"size-sm":"_size-sm_f5qam_38","size-md":"_size-md_f5qam_42","size-lg":"_size-lg_f5qam_46","size-xl":"_size-xl_f5qam_50","size-full":"_size-full_f5qam_54",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:b,trigger:x,isOpen:v,onOpen:o,onClose:a,size:k="md",closeOnEscape:y=!0,closeOnOverlayClick:z=!0,showCloseButton:j=!0,className:p,overlayClassName:w,style:$,title:f}){const[E,q]=c.useState(!1),m=c.useRef(null),_=v!==void 0,t=_?v:E,N=()=>{_||q(!0),o==null||o()},r=()=>{_||q(!1),a==null||a()},S=()=>{t?r():N()},I=()=>{z&&r()};c.useEffect(()=>{if(!y||!t)return;const n=i=>{i.key==="Escape"&&r()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t,y]),c.useEffect(()=>(t?X():h(),()=>h()),[t]),c.useEffect(()=>{if(!t||!m.current)return;const n=m.current,i=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),s=i[0],d=i[i.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}`]||"",L=t?e.jsx("div",{className:`${l.overlay} ${w??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{className:`${B} modalContentContainer`,children:[j&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:r,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:m,className:`${l.modal}  ${p??""}`.trim(),style:$,onClick:n=>n.stopPropagation(),children:[f&&e.jsx("div",{className:l.title,id:"modal-title",children:f}),e.jsx("div",{className:l.content,children:b})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.trigger,onClick:S,children:x}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;

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

@@ -1,105 +1,105 @@
-import { jsxs as _, Fragment as D, jsx as d } from "react/jsx-runtime";
-import { useState as P, useRef as R, useEffect as h } from "react";
-import { createPortal as q } from "react-dom";
-import { X as A } from "../../../x-CnsEH4Ox.js";
-import '../../../index35.css';const C = "_overlay_1h84d_2", F = "_fadeIn_1h84d_1", K = "_modal_1h84d_19", M = "_slideUp_1h84d_1", X = "_trigger_1h84d_54", G = "_closeButton_1h84d_61", H = "_title_1h84d_89", J = "_content_1h84d_99", l = {
-  overlay: C,
+import { jsxs as _, Fragment as U, jsx as a } from "react/jsx-runtime";
+import { useState as j, useRef as D, useEffect as v } from "react";
+import { createPortal as P } from "react-dom";
+import { X as R } from "../../../x-CnsEH4Ox.js";
+import '../../../index35.css';const A = "_overlay_f5qam_2", F = "_fadeIn_f5qam_1", K = "_modal_f5qam_18", M = "_slideUp_f5qam_1", X = "_trigger_f5qam_61", G = "_closeButton_f5qam_68", H = "_title_f5qam_98", J = "_content_f5qam_108", o = {
+  overlay: A,
   fadeIn: F,
   modal: K,
   slideUp: M,
-  "size-sm": "_size-sm_1h84d_31",
-  "size-md": "_size-md_1h84d_35",
-  "size-lg": "_size-lg_1h84d_39",
-  "size-xl": "_size-xl_1h84d_43",
-  "size-full": "_size-full_1h84d_47",
+  "size-sm": "_size-sm_f5qam_38",
+  "size-md": "_size-md_f5qam_42",
+  "size-lg": "_size-lg_f5qam_46",
+  "size-xl": "_size-xl_f5qam_50",
+  "size-full": "_size-full_f5qam_54",
   trigger: X,
   closeButton: G,
   title: H,
   content: J
 }, Q = () => {
   typeof document < "u" && (document.body.style.overflow = "hidden");
-}, p = () => {
+}, q = () => {
   typeof document < "u" && (document.body.style.overflow = "");
 };
 function O({
   content: k,
-  trigger: z,
-  isOpen: v,
-  onOpen: o,
+  trigger: p,
+  isOpen: y,
+  onOpen: l,
   onClose: i,
-  size: w = "md",
-  closeOnEscape: y = !0,
-  closeOnOverlayClick: x = !0,
-  showCloseButton: N = !0,
-  className: $,
-  overlayClassName: E,
-  style: I,
-  title: u
+  size: z = "md",
+  closeOnEscape: h = !0,
+  closeOnOverlayClick: w = !0,
+  showCloseButton: x = !0,
+  className: N,
+  overlayClassName: $,
+  style: E,
+  title: f
 }) {
-  const [B, g] = P(!1), f = R(null), m = v !== void 0, e = m ? v : B, L = () => {
-    m || g(!0), o == null || o();
-  }, r = () => {
-    m || g(!1), i == null || i();
+  const [I, g] = j(!1), m = D(null), u = y !== void 0, e = u ? y : I, B = () => {
+    u || g(!0), l == null || l();
+  }, c = () => {
+    u || g(!1), i == null || i();
+  }, L = () => {
+    e ? c() : B();
   }, S = () => {
-    e ? r() : L();
-  }, T = () => {
-    x && r();
+    w && c();
   };
-  h(() => {
-    if (!y || !e) return;
+  v(() => {
+    if (!h || !e) return;
     const t = (s) => {
-      s.key === "Escape" && r();
+      s.key === "Escape" && c();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [e, y]), h(() => (e ? Q() : p(), () => p()), [e]), h(() => {
-    if (!e || !f.current) return;
-    const t = f.current, s = t.querySelectorAll(
+  }, [e, h]), v(() => (e ? Q() : q(), () => q()), [e]), v(() => {
+    if (!e || !m.current) return;
+    const t = m.current, s = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), n = s[0], c = s[s.length - 1], b = (a) => {
-      a.key === "Tab" && (a.shiftKey ? document.activeElement === n && (a.preventDefault(), c == null || c.focus()) : document.activeElement === c && (a.preventDefault(), n == null || n.focus()));
+    ), n = s[0], r = s[s.length - 1], b = (d) => {
+      d.key === "Tab" && (d.shiftKey ? document.activeElement === n && (d.preventDefault(), r == null || r.focus()) : document.activeElement === r && (d.preventDefault(), n == null || n.focus()));
     };
     return t.addEventListener("keydown", b), n == null || n.focus(), () => {
       t.removeEventListener("keydown", b);
     };
   }, [e]);
-  const U = l[`size-${w}`] || "", j = e ? /* @__PURE__ */ d(
+  const C = o[`size-${z}`] || "", T = e ? /* @__PURE__ */ a(
     "div",
     {
-      className: `${l.overlay} ${E ?? ""}`.trim(),
-      onClick: T,
+      className: `${o.overlay} ${$ ?? ""}`.trim(),
+      onClick: S,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": u ? "modal-title" : void 0,
-      children: /* @__PURE__ */ _("div", { style: { position: "relative" }, children: [
-        N && /* @__PURE__ */ d(
+      "aria-labelledby": f ? "modal-title" : void 0,
+      children: /* @__PURE__ */ _("div", { className: `${C} modalContentContainer`, children: [
+        x && /* @__PURE__ */ a(
           "button",
           {
             "aria-label": "Close",
-            className: l.closeButton,
-            onClick: r,
+            className: o.closeButton,
+            onClick: c,
             type: "button",
-            children: /* @__PURE__ */ d(A, { size: 20 })
+            children: /* @__PURE__ */ a(R, { size: 20 })
           }
         ),
         /* @__PURE__ */ _(
           "div",
           {
-            ref: f,
-            className: `${l.modal} ${U} ${$ ?? ""}`.trim(),
-            style: I,
+            ref: m,
+            className: `${o.modal}  ${N ?? ""}`.trim(),
+            style: E,
             onClick: (t) => t.stopPropagation(),
             children: [
-              u && /* @__PURE__ */ d("div", { className: l.title, id: "modal-title", children: u }),
-              /* @__PURE__ */ d("div", { className: l.content, children: k })
+              f && /* @__PURE__ */ a("div", { className: o.title, id: "modal-title", children: f }),
+              /* @__PURE__ */ a("div", { className: o.content, children: k })
             ]
           }
         )
       ] })
     }
   ) : null;
-  return /* @__PURE__ */ _(D, { children: [
-    /* @__PURE__ */ d("div", { className: l.trigger, onClick: S, children: z }),
-    typeof window < "u" && q(j, document.body)
+  return /* @__PURE__ */ _(U, { children: [
+    /* @__PURE__ */ a("div", { className: o.trigger, onClick: L, children: p }),
+    typeof window < "u" && P(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-EYz6nBQQ.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-Dx1lDb5T.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-EYz6nBQQ.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-Dx1lDb5T.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_1h84d_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_1h84d_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._modal_1h84d_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_1h84d_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_1h84d_31{width:min(90%,400px)}._size-md_1h84d_35{width:min(90%,600px)}._size-lg_1h84d_39{width:min(90%,800px)}._size-xl_1h84d_43{width:min(90%,1200px)}._size-full_1h84d_47{width:95%;height:95vh;max-height:95vh}._trigger_1h84d_54{width:auto;display:inline-block;cursor:pointer}._closeButton_1h84d_61{position:absolute;top:-2rem;right:2.5rem;background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}._closeButton_1h84d_61:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_1h84d_61:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_1h84d_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_1h84d_99{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_1h84d_99 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1h84d_99 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_1h84d_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1h84d_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_1h84d_19{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_1h84d_31,._size-md_1h84d_35,._size-lg_1h84d_39,._size-xl_1h84d_43{width:95%}._title_1h84d_89{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_1h84d_2{padding:var(--spacing-sm, .5rem)}._modal_1h84d_19{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_1h84d_61{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_1h84d_89{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}
+._overlay_f5qam_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_f5qam_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}.modalContentContainer{position:relative;display:flex;flex-direction:column;top:5rem}._modal_f5qam_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_f5qam_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_f5qam_38{width:clamp(90%,90%,400px)}._size-md_f5qam_42{width:clamp(90%,90%,600px)}._size-lg_f5qam_46{width:clamp(90%,90%,800px)}._size-xl_f5qam_50{width:clamp(90%,90%,1200px)}._size-full_f5qam_54{width:95%;height:95vh;max-height:95vh}._trigger_f5qam_61{width:auto;display:inline-block;cursor:pointer}._closeButton_f5qam_68{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_f5qam_68:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_f5qam_68:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_f5qam_98{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_f5qam_108{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_f5qam_108 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_f5qam_108 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_f5qam_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_f5qam_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_f5qam_18{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_f5qam_38,._size-md_f5qam_42,._size-lg_f5qam_46,._size-xl_f5qam_50{width:95%}._title_f5qam_98{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_f5qam_2{padding:var(--spacing-sm, .5rem)}._modal_f5qam_18{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_f5qam_68{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_f5qam_98{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.45",
+  "version": "0.1.47",
   "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;