quirk-ui 0.1.67 → 0.1.69

package/dist/NavLink-BaEzx3t5.cjs

@@ -0,0 +1 @@
+"use strict";require('./NavLink.css');const o=require("react/jsx-runtime"),u=require("react"),b=require("./external-link-DDShu-48.cjs"),g=require("./chevron-down-DfK1XBl3.cjs"),h="_navbar_pnjxx_1",k="_sticky_pnjxx_15",v="_left_pnjxx_31",f="_container_pnjxx_32",I="_logo_pnjxx_36",C="_nav_pnjxx_1",M="_center_pnjxx_51",w="_hidden_pnjxx_59",y="_visible_pnjxx_66",T="_right_pnjxx_81",N="_title_pnjxx_88",S="_linkWrapper_pnjxx_98",W="_parent_pnjxx_98",$="_linkItem_pnjxx_105",D="_link_pnjxx_98",L="_search_pnjxx_111",E="_locale_pnjxx_112",F="_themeToggle_pnjxx_113",q="_sublinkToggle_pnjxx_114",R="_standard_pnjxx_165",B="_triangle_pnjxx_173",z="_twoColumn_pnjxx_202",A="_mobileButtons_pnjxx_211",G="_menuToggle_pnjxx_283",H="_utilityMobile_pnjxx_301",J="_utility_pnjxx_301",K="_navInner_pnjxx_329",Q="_grid_pnjxx_340",U="_searchModal_pnjxx_363",V="_localeModal_pnjxx_364",X="_separator_pnjxx_384",Y="_newTabIcon_pnjxx_415",Z="_sublinksDescription_pnjxx_428",O="_linkContent_pnjxx_431",P="_open_pnjxx_444",nn="_back_pnjxx_468",en="_sublinks_pnjxx_428",on="_show_pnjxx_517",tn="_primaryColumn_pnjxx_566",sn="_secondaryColumn_pnjxx_575",_n="_spotlightColumn_pnjxx_579",ln="_sublinksInner_pnjxx_583",rn="_sublinksColumn_pnjxx_603",cn="_chevron_pnjxx_613",xn="_advanced_pnjxx_805",an="_subtitle_pnjxx_814",pn="_withSpotlight_pnjxx_856",un="_withoutSpotlight_pnjxx_860",jn="_transparent_pnjxx_898",dn="_groupDivider_pnjxx_1009",mn="_searchWrapper_pnjxx_1017",bn="_mobileMenu_pnjxx_1024",gn="_mobileMenuSlide_pnjxx_1025",hn="_mobileMenuItem_pnjxx_1035",kn="_fadeInFromLeft_pnjxx_1039",vn="_fadeInFromRight_pnjxx_1043",fn="_spotlight_pnjxx_579",In="_imageWrapper_pnjxx_1053",Cn="_content_pnjxx_1075",Mn="_description_pnjxx_1090",wn="_actions_pnjxx_1094",e={navbar:h,sticky:k,left:v,container:f,logo:I,nav:C,center:M,hidden:w,visible:y,right:T,title:N,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:nn,sublinks:en,show:on,primaryColumn:tn,secondaryColumn:sn,spotlightColumn:_n,sublinksInner:ln,sublinksColumn:rn,chevron:cn,default:"_default_pnjxx_736",advanced:xn,subtitle:an,withSpotlight:pn,withoutSpotlight:un,transparent:jn,groupDivider:dn,searchWrapper:mn,mobileMenu:bn,mobileMenuSlide:gn,mobileMenuItem:hn,fadeInFromLeft:kn,fadeInFromRight:vn,spotlight:fn,imageWrapper:In,content:Cn,description:Mn,actions:wn};function yn({link:n,path:t,parentPath:r,openPath:j,togglePath:c,updateTriangleIndicator:d,setOpenPath:_,renderLinks:m,buttonRefs:i}){var a;const l=j===t,s=!!((a=n.sublinks)!=null&&a.length),x=u.useRef(null);return u.useEffect(()=>(i.current.set(t,x.current),()=>{i.current.delete(t)}),[t,i]),o.jsxs("div",{role:"menuitem",className:`${e.linkWrapper} ${r?"":e.parent}`,children:[o.jsx("div",{className:e.linkItem,children:n.href?o.jsxs("a",{href:n.href,className:e.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var p;_(null),(p=n.onClick)==null||p.call(n)},onMouseEnter:()=>{r||_(null)},children:[n.label,n.isExternal&&o.jsx(b.ExternalLink,{className:e.newTabIcon,size:16,"aria-hidden":"true"})]}):o.jsxs("button",{ref:x,"aria-haspopup":s?!0:void 0,"aria-expanded":s?l:void 0,className:`${e.sublinkToggle} ${l?e.open:""}`,onClick:()=>c(t),onMouseEnter:()=>{d(t),_(t)},children:[n.label,s&&o.jsx(g.ChevronDown,{size:18,className:e.chevron,"aria-hidden":"true"})]})}),s&&o.jsx("div",{className:`${e.sublinks} ${l?e.show:""}`,onMouseLeave:()=>c(t),role:"menu","aria-label":`${n.label} submenu`,children:o.jsx("div",{children:o.jsx("div",{className:e.sublinksInner,children:o.jsx("div",{className:e.sublinksColumn,children:m(n.sublinks,t)})})})})]})}exports.NavLink=yn;exports.styles=e;

package/dist/{NavLink-QnOnXprl.js → NavLink-BbTShlLw.js}

@@ -1,19 +1,19 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useRef as p, useEffect as g } from "react";
+import { useRef as b, useEffect as g } from "react";
 import { E as h } from "./external-link-BOPobeQJ.js";
 import { C as k } from "./chevron-down-DSUzBz9F.js";
-import './NavLink.css';const f = "_navbar_v74j7_1", C = "_sticky_v74j7_15", I = "_left_v74j7_31", M = "_container_v74j7_32", w = "_logo_v74j7_36", y = "_nav_v74j7_1", T = "_center_v74j7_51", N = "_hidden_v74j7_59", S = "_visible_v74j7_66", W = "_right_v74j7_81", x = "_title_v74j7_88", E = "_linkWrapper_v74j7_98", D = "_parent_v74j7_98", $ = "_linkItem_v74j7_105", F = "_link_v74j7_98", L = "_search_v74j7_111", B = "_locale_v74j7_112", R = "_themeToggle_v74j7_113", z = "_sublinkToggle_v74j7_114", q = "_standard_v74j7_165", A = "_triangle_v74j7_173", G = "_twoColumn_v74j7_202", H = "_mobileButtons_v74j7_211", J = "_menuToggle_v74j7_283", K = "_utilityMobile_v74j7_301", Q = "_utility_v74j7_301", U = "_navInner_v74j7_329", V = "_grid_v74j7_340", X = "_searchModal_v74j7_363", Y = "_localeModal_v74j7_368", Z = "_separator_v74j7_382", O = "_newTabIcon_v74j7_413", P = "_sublinksDescription_v74j7_426", nn = "_linkContent_v74j7_429", en = "_open_v74j7_442", on = "_back_v74j7_466", tn = "_sublinks_v74j7_426", sn = "_show_v74j7_515", _n = "_primaryColumn_v74j7_564", ln = "_secondaryColumn_v74j7_573", rn = "_spotlightColumn_v74j7_577", cn = "_sublinksInner_v74j7_581", an = "_sublinksColumn_v74j7_601", vn = "_chevron_v74j7_611", un = "_advanced_v74j7_803", mn = "_subtitle_v74j7_812", dn = "_withSpotlight_v74j7_854", jn = "_withoutSpotlight_v74j7_858", bn = "_transparent_v74j7_896", pn = "_groupDivider_v74j7_1007", gn = "_searchWrapper_v74j7_1015", hn = "_mobileMenu_v74j7_1022", kn = "_mobileMenuSlide_v74j7_1023", fn = "_mobileMenuItem_v74j7_1033", Cn = "_fadeInFromLeft_v74j7_1037", In = "_fadeInFromRight_v74j7_1041", Mn = "_spotlight_v74j7_577", wn = "_imageWrapper_v74j7_1051", yn = "_content_v74j7_1073", Tn = "_description_v74j7_1088", Nn = "_actions_v74j7_1092", e = {
-  navbar: f,
-  sticky: C,
-  left: I,
-  container: M,
-  logo: w,
-  nav: y,
-  center: T,
-  hidden: N,
-  visible: S,
-  right: W,
-  title: x,
+import './NavLink.css';const v = "_navbar_pnjxx_1", f = "_sticky_pnjxx_15", C = "_left_pnjxx_31", I = "_container_pnjxx_32", M = "_logo_pnjxx_36", w = "_nav_pnjxx_1", y = "_center_pnjxx_51", T = "_hidden_pnjxx_59", N = "_visible_pnjxx_66", S = "_right_pnjxx_81", W = "_title_pnjxx_88", E = "_linkWrapper_pnjxx_98", D = "_parent_pnjxx_98", $ = "_linkItem_pnjxx_105", F = "_link_pnjxx_98", L = "_search_pnjxx_111", B = "_locale_pnjxx_112", R = "_themeToggle_pnjxx_113", z = "_sublinkToggle_pnjxx_114", q = "_standard_pnjxx_165", A = "_triangle_pnjxx_173", G = "_twoColumn_pnjxx_202", H = "_mobileButtons_pnjxx_211", J = "_menuToggle_pnjxx_283", K = "_utilityMobile_pnjxx_301", Q = "_utility_pnjxx_301", U = "_navInner_pnjxx_329", V = "_grid_pnjxx_340", X = "_searchModal_pnjxx_363", Y = "_localeModal_pnjxx_364", Z = "_separator_pnjxx_384", O = "_newTabIcon_pnjxx_415", P = "_sublinksDescription_pnjxx_428", nn = "_linkContent_pnjxx_431", en = "_open_pnjxx_444", on = "_back_pnjxx_468", tn = "_sublinks_pnjxx_428", sn = "_show_pnjxx_517", _n = "_primaryColumn_pnjxx_566", ln = "_secondaryColumn_pnjxx_575", rn = "_spotlightColumn_pnjxx_579", cn = "_sublinksInner_pnjxx_583", an = "_sublinksColumn_pnjxx_603", xn = "_chevron_pnjxx_613", pn = "_advanced_pnjxx_805", un = "_subtitle_pnjxx_814", mn = "_withSpotlight_pnjxx_856", dn = "_withoutSpotlight_pnjxx_860", jn = "_transparent_pnjxx_898", bn = "_groupDivider_pnjxx_1009", gn = "_searchWrapper_pnjxx_1017", hn = "_mobileMenu_pnjxx_1024", kn = "_mobileMenuSlide_pnjxx_1025", vn = "_mobileMenuItem_pnjxx_1035", fn = "_fadeInFromLeft_pnjxx_1039", Cn = "_fadeInFromRight_pnjxx_1043", In = "_spotlight_pnjxx_579", Mn = "_imageWrapper_pnjxx_1053", wn = "_content_pnjxx_1075", yn = "_description_pnjxx_1090", Tn = "_actions_pnjxx_1094", e = {
+  navbar: v,
+  sticky: f,
+  left: C,
+  container: I,
+  logo: M,
+  nav: w,
+  center: y,
+  hidden: T,
+  visible: N,
+  right: S,
+  title: W,
   linkWrapper: E,
   parent: D,
   linkItem: $,
@@ -46,40 +46,40 @@ import './NavLink.css';const f = "_navbar_v74j7_1", C = "_sticky_v74j7_15", I =
   spotlightColumn: rn,
   sublinksInner: cn,
   sublinksColumn: an,
-  chevron: vn,
-  default: "_default_v74j7_734",
-  advanced: un,
-  subtitle: mn,
-  withSpotlight: dn,
-  withoutSpotlight: jn,
-  transparent: bn,
-  groupDivider: pn,
+  chevron: xn,
+  default: "_default_pnjxx_736",
+  advanced: pn,
+  subtitle: un,
+  withSpotlight: mn,
+  withoutSpotlight: dn,
+  transparent: jn,
+  groupDivider: bn,
   searchWrapper: gn,
   mobileMenu: hn,
   mobileMenuSlide: kn,
-  mobileMenuItem: fn,
-  fadeInFromLeft: Cn,
-  fadeInFromRight: In,
-  spotlight: Mn,
-  imageWrapper: wn,
-  content: yn,
-  description: Tn,
-  actions: Nn
+  mobileMenuItem: vn,
+  fadeInFromLeft: fn,
+  fadeInFromRight: Cn,
+  spotlight: In,
+  imageWrapper: Mn,
+  content: wn,
+  description: yn,
+  actions: Tn
 };
 function Dn({
   link: n,
   path: o,
   parentPath: c,
-  openPath: d,
+  openPath: m,
   togglePath: a,
-  updateTriangleIndicator: j,
+  updateTriangleIndicator: d,
   setOpenPath: _,
-  renderLinks: b,
+  renderLinks: j,
   buttonRefs: i
 }) {
-  var u;
-  const l = d === o, s = !!((u = n.sublinks) != null && u.length), v = p(null);
-  return g(() => (i.current.set(o, v.current), () => {
+  var p;
+  const l = m === o, s = !!((p = n.sublinks) != null && p.length), x = b(null);
+  return g(() => (i.current.set(o, x.current), () => {
     i.current.delete(o);
   }), [o, i]), /* @__PURE__ */ r(
     "div",
@@ -95,8 +95,8 @@ function Dn({
             target: n.isExternal ? "_blank" : "_self",
             rel: n.isExternal ? "noopener noreferrer" : void 0,
             onClick: () => {
-              var m;
-              _(null), (m = n.onClick) == null || m.call(n);
+              var u;
+              _(null), (u = n.onClick) == null || u.call(n);
             },
             onMouseEnter: () => {
               c || _(null);
@@ -116,13 +116,13 @@ function Dn({
         ) : /* @__PURE__ */ r(
           "button",
           {
-            ref: v,
+            ref: x,
             "aria-haspopup": s ? !0 : void 0,
             "aria-expanded": s ? l : void 0,
             className: `${e.sublinkToggle} ${l ? e.open : ""}`,
             onClick: () => a(o),
             onMouseEnter: () => {
-              j(o), _(o);
+              d(o), _(o);
             },
             children: [
               n.label,
@@ -144,7 +144,7 @@ function Dn({
             onMouseLeave: () => a(o),
             role: "menu",
             "aria-label": `${n.label} submenu`,
-            children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: /* @__PURE__ */ t("div", { className: e.sublinksColumn, children: b(n.sublinks, o) }) }) })
+            children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: e.sublinksInner, children: /* @__PURE__ */ t("div", { className: e.sublinksColumn, children: j(n.sublinks, o) }) }) })
           }
         )
       ]

package/dist/NavLink.css

@@ -1 +1 @@
-._navbar_v74j7_1{position:relative;z-index:1000}._sticky_v74j7_15{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}._left_v74j7_31 ._container_v74j7_32{justify-content:flex-start}._left_v74j7_31 ._logo_v74j7_36{flex:unset}._left_v74j7_31 ._nav_v74j7_1{flex:1}@media (max-width: 767px){._left_v74j7_31 ._logo_v74j7_36{flex:1}}._center_v74j7_51 ._nav_v74j7_1{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_v74j7_51 ._nav_v74j7_1._hidden_v74j7_59{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_v74j7_51 ._nav_v74j7_1._visible_v74j7_66{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_v74j7_51 ._logo_v74j7_36{flex:1}}._right_v74j7_81 ._container_v74j7_32{justify-content:flex-end}@media (max-width: 767px){._right_v74j7_81 ._logo_v74j7_36,._right_v74j7_81 ._title_v74j7_88{flex:1}}._right_v74j7_81 ._nav_v74j7_1{flex:1}._linkWrapper_v74j7_98._parent_v74j7_98{overflow:visible;position:relative}@media (min-width: 768px){._linkWrapper_v74j7_98._parent_v74j7_98:first-of-type>._linkItem_v74j7_105{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);overflow:hidden}._linkWrapper_v74j7_98._parent_v74j7_98:first-of-type>._linkItem_v74j7_105 ._link_v74j7_98,._linkWrapper_v74j7_98._parent_v74j7_98:first-of-type>._linkItem_v74j7_105 ._search_v74j7_111,._linkWrapper_v74j7_98._parent_v74j7_98:first-of-type>._linkItem_v74j7_105 ._locale_v74j7_112,._linkWrapper_v74j7_98._parent_v74j7_98:first-of-type>._linkItem_v74j7_105._themeToggle_v74j7_113 button,._linkWrapper_v74j7_98._parent_v74j7_98:first-of-type>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_v74j7_98._parent_v74j7_98:last-of-type>._linkItem_v74j7_105{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);overflow:hidden}._linkWrapper_v74j7_98._parent_v74j7_98:last-of-type>._linkItem_v74j7_105 ._link_v74j7_98,._linkWrapper_v74j7_98._parent_v74j7_98:last-of-type>._linkItem_v74j7_105 ._search_v74j7_111,._linkWrapper_v74j7_98._parent_v74j7_98:last-of-type>._linkItem_v74j7_105 ._locale_v74j7_112,._linkWrapper_v74j7_98._parent_v74j7_98:last-of-type>._linkItem_v74j7_105._themeToggle_v74j7_113 button,._linkWrapper_v74j7_98._parent_v74j7_98:last-of-type>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114{padding-right:var(--spacing-md)}}._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98{height:40px}@media (min-width: 768px){._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._search_v74j7_111,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._locale_v74j7_112,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105._themeToggle_v74j7_113 button,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98:hover,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._search_v74j7_111:hover,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._locale_v74j7_112:hover,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105._themeToggle_v74j7_113 button:hover,._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_v74j7_165{left:0;background-color:#fff}._standard_v74j7_165 ._linkWrapper_v74j7_98{position:relative}._standard_v74j7_165 ._triangle_v74j7_173{display:none}._container_v74j7_32{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%;min-height:65px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);position:relative}@media (max-width: 767px){._container_v74j7_32{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_v74j7_32._twoColumn_v74j7_202{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}@media (max-width: 767px){._container_v74j7_32._twoColumn_v74j7_202{display:flex}}._mobileButtons_v74j7_211{display:none}@media (max-width: 767px){._mobileButtons_v74j7_211{display:flex;align-items:center;gap:var(--spacing-sm)}._mobileButtons_v74j7_211 ._linkWrapper_v74j7_98{padding:0}}._title_v74j7_88{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_v74j7_36{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_v74j7_36 a{display:flex;align-items:center;justify-content:flex-start}._logo_v74j7_36 img{height:auto;width:auto}@media (max-width: 767px){._logo_v74j7_36 img{max-width:120px}}._search_v74j7_111,._locale_v74j7_112,._themeToggle_v74j7_113 button{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px}._search_v74j7_111 svg,._locale_v74j7_112 svg,._themeToggle_v74j7_113 button svg{position:relative;z-index:5}._menuToggle_v74j7_283{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_v74j7_283 svg{position:relative;z-index:5}._utilityMobile_v74j7_301{display:none;grid-area:third;justify-content:flex-end}._utility_v74j7_301{grid-area:third;display:flex;justify-content:flex-end}._utility_v74j7_301 a{font-size:var(--font-size-sm)}._nav_v74j7_1{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_v74j7_1{height:100vh}}._navInner_v74j7_329{position:relative}@media (max-width: 767px){._navInner_v74j7_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_v74j7_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_v74j7_340{display:flex;flex-direction:column}._grid_v74j7_340 ._linkWrapper_v74j7_98{padding:var(--spacing-sm) 0}}._linkItem_v74j7_105{display:flex;align-items:center;box-sizing:border-box}.modalContentContainer:has(._searchModal_v74j7_363){align-self:flex-start}._searchModal_v74j7_363,._localeModal_v74j7_368{padding:0!important;max-height:80vh;overflow:hidden}._searchModal_v74j7_363 .modalClose,._localeModal_v74j7_368 .modalClose{display:none}._searchModal_v74j7_363 .modalContent,._localeModal_v74j7_368 .modalContent{margin-top:0}._separator_v74j7_382{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_v74j7_390,._sublinkToggle_v74j7_114,._search_v74j7_111,._locale_v74j7_112,._themeToggle_v74j7_113 button,._link_v74j7_98{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_v74j7_390 ._newTabIcon_v74j7_413,._sublinkToggle_v74j7_114 ._newTabIcon_v74j7_413,._search_v74j7_111 ._newTabIcon_v74j7_413,._locale_v74j7_112 ._newTabIcon_v74j7_413,._themeToggle_v74j7_113 button ._newTabIcon_v74j7_413,._link_v74j7_98 ._newTabIcon_v74j7_413{color:var(--color-secondary-75);transition:color .3s ease-in-out}._search_v74j7_111,._locale_v74j7_112,._themeToggle_v74j7_113 button{justify-content:center}@media (min-width: 768px){._navTitle_v74j7_390,._sublinksDescription_v74j7_426,._link_v74j7_98,._sublinkToggle_v74j7_114,._link_v74j7_98 ._linkContent_v74j7_429,._sublinkToggle_v74j7_114 ._linkContent_v74j7_429{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_v74j7_98:hover,._link_v74j7_98._open_v74j7_442,._search_v74j7_111:hover,._sublinkToggle_v74j7_114:hover,._sublinkToggle_v74j7_114._open_v74j7_442,._link_v74j7_98:hover ._newTabIcon_v74j7_413,._link_v74j7_98._open_v74j7_442 ._newTabIcon_v74j7_413,._search_v74j7_111:hover ._newTabIcon_v74j7_413,._sublinkToggle_v74j7_114:hover ._newTabIcon_v74j7_413,._sublinkToggle_v74j7_114._open_v74j7_442 ._newTabIcon_v74j7_413{color:var(--color-primary-100)}@media (max-width: 767px){._link_v74j7_98:hover,._link_v74j7_98._open_v74j7_442,._search_v74j7_111:hover,._sublinkToggle_v74j7_114:hover,._sublinkToggle_v74j7_114._open_v74j7_442{color:var(--color-secondary-100)}._link_v74j7_98:hover ._newTabIcon_v74j7_413,._link_v74j7_98._open_v74j7_442 ._newTabIcon_v74j7_413,._search_v74j7_111:hover ._newTabIcon_v74j7_413,._sublinkToggle_v74j7_114:hover ._newTabIcon_v74j7_413,._sublinkToggle_v74j7_114._open_v74j7_442 ._newTabIcon_v74j7_413{color:var(--color-secondary-100)}}._navItem_v74j7_461:hover{color:var(--color-primary-100)}._sublinkToggle_v74j7_114,._back_v74j7_466{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_v74j7_114:hover,._sublinkToggle_v74j7_114._open_v74j7_442,._back_v74j7_466:hover,._back_v74j7_466._open_v74j7_442{color:var(--color-primary-100)}._sublinks_v74j7_426{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_v74j7_426._show_v74j7_515{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_v74j7_426._show_v74j7_515 ._navTitle_v74j7_390,._sublinks_v74j7_426._show_v74j7_515 ._sublinksDescription_v74j7_426,._sublinks_v74j7_426._show_v74j7_515 ._link_v74j7_98,._sublinks_v74j7_426._show_v74j7_515 ._sublinkToggle_v74j7_114,._sublinks_v74j7_426._show_v74j7_515 ._link_v74j7_98 ._linkContent_v74j7_429,._sublinks_v74j7_426._show_v74j7_515 ._sublinkToggle_v74j7_114 ._linkContent_v74j7_429{opacity:1;visibility:visible}._triangle_v74j7_173{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_v74j7_173._show_v74j7_515{top:calc(100% + .3rem);opacity:1;visibility:visible}._triangle_v74j7_173 polygon{stroke:var(--color-border);stroke-width:1px}._primaryColumn_v74j7_564{border-right:1px solid var(--color-border)}._primaryColumn_v74j7_564 ._sublinkToggle_v74j7_114:hover,._primaryColumn_v74j7_564 ._sublinkToggle_v74j7_114._open_v74j7_442{color:var(--color-primary-100)}._secondaryColumn_v74j7_573{background-color:var(--color-secondary-10)}._spotlightColumn_v74j7_577{background-color:var(--color-secondary-75)}._sublinksInner_v74j7_581{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_v74j7_581{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_v74j7_601{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_v74j7_601{padding:0}}._chevron_v74j7_611{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_v74j7_114._open_v74j7_442 ._chevron_v74j7_611{transform:rotate(180deg)}@media (max-width: 767px){._logo_v74j7_36{flex:1}._menuToggle_v74j7_283,._search_v74j7_111{display:flex;align-items:center;justify-content:center}._utility_v74j7_301 a:not(._utility_v74j7_301 a:first-of-type){display:none}._utilityMobile_v74j7_301{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_v74j7_301._open_v74j7_442{transform:translateY(0)}._nav_v74j7_1{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);z-index:1000;overflow-y:auto;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out}._nav_v74j7_1._open_v74j7_442{transform:translate(0);opacity:1;pointer-events:auto}._linkWrapper_v74j7_98{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_v74j7_98._parent_v74j7_98{border-bottom:1px solid var(--color-border)}._linkWrapper_v74j7_98._parent_v74j7_98:last-of-type{border:none}._linkItem_v74j7_105{width:100%}._chevron_v74j7_611{display:none}._sublinks_v74j7_426{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_v74j7_114{cursor:pointer;pointer-events:none;color:var(--color-secondary-75)}}._default_v74j7_734 ._container_v74j7_32{padding:var(--spacing-md)}._default_v74j7_734 ._sublinks_v74j7_426{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_v74j7_734 ._sublinks_v74j7_426{position:relative;justify-content:center;align-items:center}}._default_v74j7_734 ._linkItem_v74j7_105{justify-content:flex-end}@media (max-width: 767px){._default_v74j7_734 ._linkItem_v74j7_105{justify-content:center;align-items:center}}._default_v74j7_734 ._sublinksInner_v74j7_581{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_v74j7_734 ._sublinksInner_v74j7_581{justify-content:center;align-items:center}}._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98{height:40px}@media (min-width: 768px){._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._search_v74j7_111,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._locale_v74j7_112,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105._themeToggle_v74j7_113 button,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-secondary-100)}._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98:hover,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._search_v74j7_111:hover,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._locale_v74j7_112:hover,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105._themeToggle_v74j7_113 button:hover,._default_v74j7_734 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114:hover{color:var(--color-primary-100);background-color:transparent}}._advanced_v74j7_803 ._linkContent_v74j7_429{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-sm)}._advanced_v74j7_803 ._subtitle_v74j7_812{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_v74j7_803 ._sublinksDescription_v74j7_426,._advanced_v74j7_803 ._sublinksDescription_v74j7_426 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_v74j7_803 ._sublinks_v74j7_426{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_v74j7_803 ._sublinks_v74j7_426{position:relative;justify-content:center;align-items:center}}._advanced_v74j7_803 ._linkItem_v74j7_105{justify-content:flex-start}._advanced_v74j7_803 ._sublinksInner_v74j7_581{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_v74j7_803 ._sublinksInner_v74j7_581._withSpotlight_v74j7_854{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_v74j7_803 ._sublinksInner_v74j7_581._withoutSpotlight_v74j7_858{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_v74j7_803 ._sublinksInner_v74j7_581{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_v74j7_803 ._sublinkToggle_v74j7_114{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_v74j7_803 ._sublinkToggle_v74j7_114:hover,._advanced_v74j7_803 ._sublinkToggle_v74j7_114._open_v74j7_442{color:var(--color-primary-100)}._advanced_v74j7_803 ._back_v74j7_466{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_v74j7_803 ._back_v74j7_466:hover{color:var(--color-primary-100)}._transparent_v74j7_896{background-color:transparent}._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98{height:40px}@media (min-width: 768px){._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._search_v74j7_111,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._locale_v74j7_112,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105._themeToggle_v74j7_113 button,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-navigation-transparent-links)}._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._link_v74j7_98:hover,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._search_v74j7_111:hover,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._locale_v74j7_112:hover,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105._themeToggle_v74j7_113 button:hover,._transparent_v74j7_896 ._linkWrapper_v74j7_98._parent_v74j7_98>._linkItem_v74j7_105 ._sublinkToggle_v74j7_114:hover{color:var(--color-navigation-transparent-linksHover);background-color:transparent}}@media (max-width: 767px){._transparent_v74j7_896: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_v74j7_896 ._nav_v74j7_1{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_v74j7_896 ._nav_v74j7_1{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_v74j7_896 ._nav_v74j7_1:before{border-radius:0}}@media (max-width: 767px){._transparent_v74j7_896 ._utility_v74j7_301 a,._transparent_v74j7_896 ._utility_v74j7_301 button{-webkit-backdrop-filter:unset;backdrop-filter:unset}._transparent_v74j7_896 ._utility_v74j7_301 a>span,._transparent_v74j7_896 ._utility_v74j7_301 button>span{background-color:transparent;padding:0}._transparent_v74j7_896 ._utility_v74j7_301 a:hover>span,._transparent_v74j7_896 ._utility_v74j7_301 button:hover>span{background-color:transparent;padding:0;color:var(--color-primary-100)}}@media (max-width: 767px){._transparent_v74j7_896 ._menuToggle_v74j7_283,._transparent_v74j7_896 ._search_v74j7_111{width:unset}}._groupDivider_v74j7_1007{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}@media (max-width: 767px){._searchWrapper_v74j7_1015{grid-area:fourth;width:auto}}._mobileMenu_v74j7_1022,._mobileMenuSlide_v74j7_1023{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_v74j7_1033{opacity:0}._fadeInFromLeft_v74j7_1037{animation:_fadeInFromLeft_v74j7_1037 .3s ease-in-out forwards}._fadeInFromRight_v74j7_1041{animation:_fadeInFromRight_v74j7_1041 .3s ease-in-out forwards}._spotlight_v74j7_577{display:flex;flex-direction:column;gap:var(--spacing-md)}._spotlight_v74j7_577 ._imageWrapper_v74j7_1051{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._spotlight_v74j7_577 ._imageWrapper_v74j7_1051 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._spotlight_v74j7_577 ._image_v74j7_1051{width:100%;height:auto;object-fit:cover}._spotlight_v74j7_577 ._content_v74j7_1073{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._spotlight_v74j7_577 ._title_v74j7_88{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._spotlight_v74j7_577 ._description_v74j7_1088{color:#fff}._spotlight_v74j7_577 ._actions_v74j7_1092{display:flex;flex-direction:column;align-items:flex-start}@keyframes _fadeInFromLeft_v74j7_1037{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_v74j7_1041{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
+._navbar_pnjxx_1{position:relative;z-index:1000}._sticky_pnjxx_15{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}._left_pnjxx_31 ._container_pnjxx_32{justify-content:flex-start}._left_pnjxx_31 ._logo_pnjxx_36{flex:unset}._left_pnjxx_31 ._nav_pnjxx_1{flex:1}@media (max-width: 767px){._left_pnjxx_31 ._logo_pnjxx_36{flex:1}}._center_pnjxx_51 ._nav_pnjxx_1{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_pnjxx_51 ._nav_pnjxx_1._hidden_pnjxx_59{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_pnjxx_51 ._nav_pnjxx_1._visible_pnjxx_66{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_pnjxx_51 ._logo_pnjxx_36{flex:1}}._right_pnjxx_81 ._container_pnjxx_32{justify-content:flex-end}@media (max-width: 767px){._right_pnjxx_81 ._logo_pnjxx_36,._right_pnjxx_81 ._title_pnjxx_88{flex:1}}._right_pnjxx_81 ._nav_pnjxx_1{flex:1}._linkWrapper_pnjxx_98._parent_pnjxx_98{overflow:visible;position:relative}@media (min-width: 768px){._linkWrapper_pnjxx_98._parent_pnjxx_98:first-of-type>._linkItem_pnjxx_105{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);overflow:hidden}._linkWrapper_pnjxx_98._parent_pnjxx_98:first-of-type>._linkItem_pnjxx_105 ._link_pnjxx_98,._linkWrapper_pnjxx_98._parent_pnjxx_98:first-of-type>._linkItem_pnjxx_105 ._search_pnjxx_111,._linkWrapper_pnjxx_98._parent_pnjxx_98:first-of-type>._linkItem_pnjxx_105 ._locale_pnjxx_112,._linkWrapper_pnjxx_98._parent_pnjxx_98:first-of-type>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button,._linkWrapper_pnjxx_98._parent_pnjxx_98:first-of-type>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_pnjxx_98._parent_pnjxx_98:last-of-type>._linkItem_pnjxx_105{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full);overflow:hidden}._linkWrapper_pnjxx_98._parent_pnjxx_98:last-of-type>._linkItem_pnjxx_105 ._link_pnjxx_98,._linkWrapper_pnjxx_98._parent_pnjxx_98:last-of-type>._linkItem_pnjxx_105 ._search_pnjxx_111,._linkWrapper_pnjxx_98._parent_pnjxx_98:last-of-type>._linkItem_pnjxx_105 ._locale_pnjxx_112,._linkWrapper_pnjxx_98._parent_pnjxx_98:last-of-type>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button,._linkWrapper_pnjxx_98._parent_pnjxx_98:last-of-type>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114{padding-right:var(--spacing-md)}}._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98{height:40px}@media (min-width: 768px){._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._search_pnjxx_111,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._locale_pnjxx_112,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98:hover,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._search_pnjxx_111:hover,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._locale_pnjxx_112:hover,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button:hover,._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_pnjxx_165{left:0;background-color:#fff}._standard_pnjxx_165 ._linkWrapper_pnjxx_98{position:relative}._standard_pnjxx_165 ._triangle_pnjxx_173{display:none}._container_pnjxx_32{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%;min-height:65px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);position:relative}@media (max-width: 767px){._container_pnjxx_32{grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"first third fourth fifth";grid-gap:var(--spacing-sm)}}._container_pnjxx_32._twoColumn_pnjxx_202{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}@media (max-width: 767px){._container_pnjxx_32._twoColumn_pnjxx_202{display:flex}}._mobileButtons_pnjxx_211{display:none}@media (max-width: 767px){._mobileButtons_pnjxx_211{display:flex;align-items:center;gap:var(--spacing-sm)}._mobileButtons_pnjxx_211 ._linkWrapper_pnjxx_98{padding:0}}._title_pnjxx_88{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);z-index:1005}._logo_pnjxx_36{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_pnjxx_36 a{display:flex;align-items:center;justify-content:flex-start}._logo_pnjxx_36 img{height:auto;width:auto}@media (max-width: 767px){._logo_pnjxx_36 img{max-width:120px}}._search_pnjxx_111,._locale_pnjxx_112,._themeToggle_pnjxx_113 button{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px}._search_pnjxx_111 svg,._locale_pnjxx_112 svg,._themeToggle_pnjxx_113 button svg{position:relative;z-index:5}._menuToggle_pnjxx_283{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_pnjxx_283 svg{position:relative;z-index:5}._utilityMobile_pnjxx_301{display:none;grid-area:third;justify-content:flex-end}._utility_pnjxx_301{grid-area:third;display:flex;justify-content:flex-end}._utility_pnjxx_301 a{font-size:var(--font-size-sm)}._nav_pnjxx_1{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_pnjxx_1{height:100vh}}._navInner_pnjxx_329{position:relative}@media (max-width: 767px){._navInner_pnjxx_329{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_pnjxx_340{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_pnjxx_340{display:flex;flex-direction:column}._grid_pnjxx_340 ._linkWrapper_pnjxx_98{padding:var(--spacing-sm) 0}}._linkItem_pnjxx_105{display:flex;align-items:center;box-sizing:border-box}.modalContentContainer:has(._searchModal_pnjxx_363),.modalContentContainer:has(._localeModal_pnjxx_364){align-self:flex-start;top:5rem}._searchModal_pnjxx_363,._localeModal_pnjxx_364{padding:0!important;max-height:80vh;overflow:hidden}._searchModal_pnjxx_363 .modalClose,._localeModal_pnjxx_364 .modalClose{display:none}._searchModal_pnjxx_363 .modalContent,._localeModal_pnjxx_364 .modalContent{margin-top:0}._separator_pnjxx_384{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_pnjxx_392,._sublinkToggle_pnjxx_114,._search_pnjxx_111,._locale_pnjxx_112,._themeToggle_pnjxx_113 button,._link_pnjxx_98{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_pnjxx_392 ._newTabIcon_pnjxx_415,._sublinkToggle_pnjxx_114 ._newTabIcon_pnjxx_415,._search_pnjxx_111 ._newTabIcon_pnjxx_415,._locale_pnjxx_112 ._newTabIcon_pnjxx_415,._themeToggle_pnjxx_113 button ._newTabIcon_pnjxx_415,._link_pnjxx_98 ._newTabIcon_pnjxx_415{color:var(--color-secondary-75);transition:color .3s ease-in-out}._search_pnjxx_111,._locale_pnjxx_112,._themeToggle_pnjxx_113 button{justify-content:center}@media (min-width: 768px){._navTitle_pnjxx_392,._sublinksDescription_pnjxx_428,._link_pnjxx_98,._sublinkToggle_pnjxx_114,._link_pnjxx_98 ._linkContent_pnjxx_431,._sublinkToggle_pnjxx_114 ._linkContent_pnjxx_431{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_pnjxx_98:hover,._link_pnjxx_98._open_pnjxx_444,._search_pnjxx_111:hover,._sublinkToggle_pnjxx_114:hover,._sublinkToggle_pnjxx_114._open_pnjxx_444,._link_pnjxx_98:hover ._newTabIcon_pnjxx_415,._link_pnjxx_98._open_pnjxx_444 ._newTabIcon_pnjxx_415,._search_pnjxx_111:hover ._newTabIcon_pnjxx_415,._sublinkToggle_pnjxx_114:hover ._newTabIcon_pnjxx_415,._sublinkToggle_pnjxx_114._open_pnjxx_444 ._newTabIcon_pnjxx_415{color:var(--color-primary-100)}@media (max-width: 767px){._link_pnjxx_98:hover,._link_pnjxx_98._open_pnjxx_444,._search_pnjxx_111:hover,._sublinkToggle_pnjxx_114:hover,._sublinkToggle_pnjxx_114._open_pnjxx_444{color:var(--color-secondary-100)}._link_pnjxx_98:hover ._newTabIcon_pnjxx_415,._link_pnjxx_98._open_pnjxx_444 ._newTabIcon_pnjxx_415,._search_pnjxx_111:hover ._newTabIcon_pnjxx_415,._sublinkToggle_pnjxx_114:hover ._newTabIcon_pnjxx_415,._sublinkToggle_pnjxx_114._open_pnjxx_444 ._newTabIcon_pnjxx_415{color:var(--color-secondary-100)}}._navItem_pnjxx_463:hover{color:var(--color-primary-100)}._sublinkToggle_pnjxx_114,._back_pnjxx_468{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_pnjxx_114:hover,._sublinkToggle_pnjxx_114._open_pnjxx_444,._back_pnjxx_468:hover,._back_pnjxx_468._open_pnjxx_444{color:var(--color-primary-100)}._sublinks_pnjxx_428{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_pnjxx_428._show_pnjxx_517{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_pnjxx_428._show_pnjxx_517 ._navTitle_pnjxx_392,._sublinks_pnjxx_428._show_pnjxx_517 ._sublinksDescription_pnjxx_428,._sublinks_pnjxx_428._show_pnjxx_517 ._link_pnjxx_98,._sublinks_pnjxx_428._show_pnjxx_517 ._sublinkToggle_pnjxx_114,._sublinks_pnjxx_428._show_pnjxx_517 ._link_pnjxx_98 ._linkContent_pnjxx_431,._sublinks_pnjxx_428._show_pnjxx_517 ._sublinkToggle_pnjxx_114 ._linkContent_pnjxx_431{opacity:1;visibility:visible}._triangle_pnjxx_173{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_pnjxx_173._show_pnjxx_517{top:calc(100% + .3rem);opacity:1;visibility:visible}._triangle_pnjxx_173 polygon{stroke:var(--color-border);stroke-width:1px}._primaryColumn_pnjxx_566{border-right:1px solid var(--color-border)}._primaryColumn_pnjxx_566 ._sublinkToggle_pnjxx_114:hover,._primaryColumn_pnjxx_566 ._sublinkToggle_pnjxx_114._open_pnjxx_444{color:var(--color-primary-100)}._secondaryColumn_pnjxx_575{background-color:var(--color-secondary-10)}._spotlightColumn_pnjxx_579{background-color:var(--color-secondary-75)}._sublinksInner_pnjxx_583{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_pnjxx_583{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_pnjxx_603{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_pnjxx_603{padding:0}}._chevron_pnjxx_613{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_pnjxx_114._open_pnjxx_444 ._chevron_pnjxx_613{transform:rotate(180deg)}@media (max-width: 767px){._logo_pnjxx_36{flex:1}._menuToggle_pnjxx_283,._search_pnjxx_111{display:flex;align-items:center;justify-content:center}._utility_pnjxx_301 a:not(._utility_pnjxx_301 a:first-of-type){display:none}._utilityMobile_pnjxx_301{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_pnjxx_301._open_pnjxx_444{transform:translateY(0)}._nav_pnjxx_1{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);z-index:1000;overflow-y:auto;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .3s ease-in-out}._nav_pnjxx_1._open_pnjxx_444{transform:translate(0);opacity:1;pointer-events:auto}._linkWrapper_pnjxx_98{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_pnjxx_98._parent_pnjxx_98{border-bottom:1px solid var(--color-border)}._linkWrapper_pnjxx_98._parent_pnjxx_98:last-of-type{border:none}._linkItem_pnjxx_105{width:100%}._chevron_pnjxx_613{display:none}._sublinks_pnjxx_428{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_pnjxx_114{cursor:pointer;pointer-events:none;color:var(--color-secondary-75)}}._default_pnjxx_736 ._container_pnjxx_32{padding:var(--spacing-md)}._default_pnjxx_736 ._sublinks_pnjxx_428{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_pnjxx_736 ._sublinks_pnjxx_428{position:relative;justify-content:center;align-items:center}}._default_pnjxx_736 ._linkItem_pnjxx_105{justify-content:flex-end}@media (max-width: 767px){._default_pnjxx_736 ._linkItem_pnjxx_105{justify-content:center;align-items:center}}._default_pnjxx_736 ._sublinksInner_pnjxx_583{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_pnjxx_736 ._sublinksInner_pnjxx_583{justify-content:center;align-items:center}}._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98{height:40px}@media (min-width: 768px){._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._search_pnjxx_111,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._locale_pnjxx_112,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-secondary-100)}._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98:hover,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._search_pnjxx_111:hover,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._locale_pnjxx_112:hover,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button:hover,._default_pnjxx_736 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114:hover{color:var(--color-primary-100);background-color:transparent}}._advanced_pnjxx_805 ._linkContent_pnjxx_431{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-sm)}._advanced_pnjxx_805 ._subtitle_pnjxx_814{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_pnjxx_805 ._sublinksDescription_pnjxx_428,._advanced_pnjxx_805 ._sublinksDescription_pnjxx_428 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_pnjxx_805 ._sublinks_pnjxx_428{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_pnjxx_805 ._sublinks_pnjxx_428{position:relative;justify-content:center;align-items:center}}._advanced_pnjxx_805 ._linkItem_pnjxx_105{justify-content:flex-start}._advanced_pnjxx_805 ._sublinksInner_pnjxx_583{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_pnjxx_805 ._sublinksInner_pnjxx_583._withSpotlight_pnjxx_856{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_pnjxx_805 ._sublinksInner_pnjxx_583._withoutSpotlight_pnjxx_860{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_pnjxx_805 ._sublinksInner_pnjxx_583{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_pnjxx_805 ._sublinkToggle_pnjxx_114{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_pnjxx_805 ._sublinkToggle_pnjxx_114:hover,._advanced_pnjxx_805 ._sublinkToggle_pnjxx_114._open_pnjxx_444{color:var(--color-primary-100)}._advanced_pnjxx_805 ._back_pnjxx_468{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_pnjxx_805 ._back_pnjxx_468:hover{color:var(--color-primary-100)}._transparent_pnjxx_898{background-color:transparent}._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98{height:40px}@media (min-width: 768px){._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._search_pnjxx_111,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._locale_pnjxx_112,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114{opacity:1;visibility:visible;transition:color .3s ease-in-out,.3s ease-in-out;color:var(--color-navigation-transparent-links)}._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._link_pnjxx_98:hover,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._search_pnjxx_111:hover,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._locale_pnjxx_112:hover,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105._themeToggle_pnjxx_113 button:hover,._transparent_pnjxx_898 ._linkWrapper_pnjxx_98._parent_pnjxx_98>._linkItem_pnjxx_105 ._sublinkToggle_pnjxx_114:hover{color:var(--color-navigation-transparent-linksHover);background-color:transparent}}@media (max-width: 767px){._transparent_pnjxx_898: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_pnjxx_898 ._nav_pnjxx_1{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_pnjxx_898 ._nav_pnjxx_1{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_pnjxx_898 ._nav_pnjxx_1:before{border-radius:0}}@media (max-width: 767px){._transparent_pnjxx_898 ._utility_pnjxx_301 a,._transparent_pnjxx_898 ._utility_pnjxx_301 button{-webkit-backdrop-filter:unset;backdrop-filter:unset}._transparent_pnjxx_898 ._utility_pnjxx_301 a>span,._transparent_pnjxx_898 ._utility_pnjxx_301 button>span{background-color:transparent;padding:0}._transparent_pnjxx_898 ._utility_pnjxx_301 a:hover>span,._transparent_pnjxx_898 ._utility_pnjxx_301 button:hover>span{background-color:transparent;padding:0;color:var(--color-primary-100)}}@media (max-width: 767px){._transparent_pnjxx_898 ._menuToggle_pnjxx_283,._transparent_pnjxx_898 ._search_pnjxx_111{width:unset}}._groupDivider_pnjxx_1009{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}@media (max-width: 767px){._searchWrapper_pnjxx_1017{grid-area:fourth;width:auto}}._mobileMenu_pnjxx_1024,._mobileMenuSlide_pnjxx_1025{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_pnjxx_1035{opacity:0}._fadeInFromLeft_pnjxx_1039{animation:_fadeInFromLeft_pnjxx_1039 .3s ease-in-out forwards}._fadeInFromRight_pnjxx_1043{animation:_fadeInFromRight_pnjxx_1043 .3s ease-in-out forwards}._spotlight_pnjxx_579{display:flex;flex-direction:column;gap:var(--spacing-md)}._spotlight_pnjxx_579 ._imageWrapper_pnjxx_1053{width:100%;height:150px;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._spotlight_pnjxx_579 ._imageWrapper_pnjxx_1053 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._spotlight_pnjxx_579 ._image_pnjxx_1053{width:100%;height:auto;object-fit:cover}._spotlight_pnjxx_579 ._content_pnjxx_1075{display:flex;flex-direction:column;gap:var(--spacing-sm);color:#fff}._spotlight_pnjxx_579 ._title_pnjxx_88{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);color:#fff}._spotlight_pnjxx_579 ._description_pnjxx_1090{color:#fff}._spotlight_pnjxx_579 ._actions_pnjxx_1094{display:flex;flex-direction:column;align-items:flex-start}@keyframes _fadeInFromLeft_pnjxx_1039{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_pnjxx_1043{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}

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

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),o=require("./index.cjs");e.describe("ButtonGroup",()=>{e.describe("Rendering",()=>{e.it("renders children",()=>{e.render(t.jsxs(o.ButtonGroup,{children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]})),e.globalExpect(e.screen.getByText("One")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Two")).toBeInTheDocument()}),e.it("renders multiple button types",()=>{e.render(t.jsxs(o.ButtonGroup,{children:[t.jsx("button",{children:"Button"}),t.jsx("a",{href:"#",children:"Link"}),t.jsx("span",{children:"Text"})]})),e.globalExpect(e.screen.getByText("Button")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Link")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Text")).toBeInTheDocument()})}),e.describe("Orientation",()=>{e.it("applies horizontal orientation by default",()=>{const{container:n}=e.render(t.jsxs(o.ButtonGroup,{children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]}));e.globalExpect(n.firstChild).toHaveClass("horizontal")}),e.it("applies vertical orientation when specified",()=>{const{container:n}=e.render(t.jsxs(o.ButtonGroup,{orientation:"vertical",children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]}));e.globalExpect(n.firstChild).toHaveClass("vertical")})}),e.describe("Alignment",()=>{e.it("applies left alignment by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("left")}),e.it("applies center alignment when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{alignment:"center",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("center")}),e.it("applies right alignment when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{alignment:"right",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("right")})}),e.describe("Size",()=>{e.it("applies md size by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("md")}),e.it("applies sm size when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{size:"sm",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("sm")}),e.it("applies lg size when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{size:"lg",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("lg")})}),e.describe("Full width",()=>{e.it("does not apply fullWidth by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).not.toHaveClass("fullWidth")}),e.it("applies fullWidth when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{fullWidth:!0,children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("fullWidth")})}),e.describe("Custom className",()=>{e.it("accepts a custom className",()=>{const{container:n}=e.render(t.jsxs(o.ButtonGroup,{className:"custom-class",children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]}));e.globalExpect(n.firstChild).toHaveClass("custom-class"),e.globalExpect(n.firstChild).toHaveClass("buttonGroup")})}),e.describe("ARIA and accessibility",()=>{e.it("has role='group' by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveAttribute("role","group")}),e.it("accepts custom role",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{role:"toolbar",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveAttribute("role","toolbar")}),e.it("supports aria-label",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{"aria-label":"Actions",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveAttribute("aria-label","Actions")})}),e.describe("HTML attributes",()=>{e.it("supports data attributes",()=>{e.render(t.jsx(o.ButtonGroup,{"data-testid":"my-group",children:t.jsx("button",{children:"One"})})),e.globalExpect(e.screen.getByTestId("my-group")).toBeInTheDocument()}),e.it("supports id attribute",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{id:"button-group-1",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.querySelector("#button-group-1")).toBeInTheDocument()}),e.it("supports onClick on container",()=>{const n=e.vi.fn(),{container:i}=e.render(t.jsx(o.ButtonGroup,{onClick:n,children:t.jsx("button",{children:"One"})}));e.fireEvent.click(i.firstChild),e.globalExpect(n).toHaveBeenCalledTimes(1)})}),e.describe("Combined props",()=>{e.it("combines orientation, alignment, and size",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{orientation:"vertical",alignment:"center",size:"lg",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("vertical"),e.globalExpect(n.firstChild).toHaveClass("center"),e.globalExpect(n.firstChild).toHaveClass("lg")}),e.it("combines all props",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{orientation:"horizontal",alignment:"right",size:"sm",fullWidth:!0,className:"custom",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("horizontal"),e.globalExpect(n.firstChild).toHaveClass("right"),e.globalExpect(n.firstChild).toHaveClass("sm"),e.globalExpect(n.firstChild).toHaveClass("fullWidth"),e.globalExpect(n.firstChild).toHaveClass("custom")})}),e.describe("Edge cases",()=>{e.it("handles single child",()=>{e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"Only One"})})),e.globalExpect(e.screen.getByText("Only One")).toBeInTheDocument()}),e.it("handles many children",()=>{e.render(t.jsx(o.ButtonGroup,{children:Array.from({length:10},(n,i)=>t.jsxs("button",{children:["Button ",i+1]},i))})),e.globalExpect(e.screen.getByText("Button 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Button 10")).toBeInTheDocument()})})});
+"use strict";const t=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),o=require("./index.cjs");e.describe("ButtonGroup",()=>{e.describe("Rendering",()=>{e.it("renders children",()=>{e.render(t.jsxs(o.ButtonGroup,{children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]})),e.globalExpect(e.screen.getByText("One")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Two")).toBeInTheDocument()}),e.it("renders multiple button types",()=>{e.render(t.jsxs(o.ButtonGroup,{children:[t.jsx("button",{children:"Button"}),t.jsx("a",{href:"#",children:"Link"}),t.jsx("span",{children:"Text"})]})),e.globalExpect(e.screen.getByText("Button")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Link")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Text")).toBeInTheDocument()})}),e.describe("Orientation",()=>{e.it("applies horizontal orientation by default",()=>{const{container:n}=e.render(t.jsxs(o.ButtonGroup,{children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]}));e.globalExpect(n.firstChild).toHaveClass("horizontal")}),e.it("applies vertical orientation when specified",()=>{const{container:n}=e.render(t.jsxs(o.ButtonGroup,{orientation:"vertical",children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]}));e.globalExpect(n.firstChild).toHaveClass("vertical")})}),e.describe("Alignment",()=>{e.it("applies left alignment by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("left")}),e.it("applies center alignment when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{alignment:"center",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("center")}),e.it("applies right alignment when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{alignment:"right",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("right")})}),e.describe("Size",()=>{e.it("applies md size by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("md")}),e.it("applies sm size when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{spacing:"sm",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("sm")}),e.it("applies lg size when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{spacing:"lg",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("lg")})}),e.describe("Full width",()=>{e.it("does not apply fullWidth by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).not.toHaveClass("fullWidth")}),e.it("applies fullWidth when specified",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{fullWidth:!0,children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("fullWidth")})}),e.describe("Custom className",()=>{e.it("accepts a custom className",()=>{const{container:n}=e.render(t.jsxs(o.ButtonGroup,{className:"custom-class",children:[t.jsx("button",{children:"One"}),t.jsx("button",{children:"Two"})]}));e.globalExpect(n.firstChild).toHaveClass("custom-class"),e.globalExpect(n.firstChild).toHaveClass("buttonGroup")})}),e.describe("ARIA and accessibility",()=>{e.it("has role='group' by default",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveAttribute("role","group")}),e.it("accepts custom role",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{role:"toolbar",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveAttribute("role","toolbar")}),e.it("supports aria-label",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{"aria-label":"Actions",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveAttribute("aria-label","Actions")})}),e.describe("HTML attributes",()=>{e.it("supports data attributes",()=>{e.render(t.jsx(o.ButtonGroup,{"data-testid":"my-group",children:t.jsx("button",{children:"One"})})),e.globalExpect(e.screen.getByTestId("my-group")).toBeInTheDocument()}),e.it("supports id attribute",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{id:"button-group-1",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.querySelector("#button-group-1")).toBeInTheDocument()}),e.it("supports onClick on container",()=>{const n=e.vi.fn(),{container:i}=e.render(t.jsx(o.ButtonGroup,{onClick:n,children:t.jsx("button",{children:"One"})}));e.fireEvent.click(i.firstChild),e.globalExpect(n).toHaveBeenCalledTimes(1)})}),e.describe("Combined props",()=>{e.it("combines orientation, alignment, and size",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{orientation:"vertical",alignment:"center",spacing:"lg",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("vertical"),e.globalExpect(n.firstChild).toHaveClass("center"),e.globalExpect(n.firstChild).toHaveClass("lg")}),e.it("combines all props",()=>{const{container:n}=e.render(t.jsx(o.ButtonGroup,{orientation:"horizontal",alignment:"right",spacing:"sm",fullWidth:!0,className:"custom",children:t.jsx("button",{children:"One"})}));e.globalExpect(n.firstChild).toHaveClass("horizontal"),e.globalExpect(n.firstChild).toHaveClass("right"),e.globalExpect(n.firstChild).toHaveClass("sm"),e.globalExpect(n.firstChild).toHaveClass("fullWidth"),e.globalExpect(n.firstChild).toHaveClass("custom")})}),e.describe("Edge cases",()=>{e.it("handles single child",()=>{e.render(t.jsx(o.ButtonGroup,{children:t.jsx("button",{children:"Only One"})})),e.globalExpect(e.screen.getByText("Only One")).toBeInTheDocument()}),e.it("handles many children",()=>{e.render(t.jsx(o.ButtonGroup,{children:Array.from({length:10},(n,i)=>t.jsxs("button",{children:["Button ",i+1]},i))})),e.globalExpect(e.screen.getByText("Button 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Button 10")).toBeInTheDocument()})})});

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

@@ -62,12 +62,12 @@ r("ButtonGroup", () => {
       n(e.firstChild).toHaveClass("md");
     }), i("applies sm size when specified", () => {
       const { container: e } = o(
-        /* @__PURE__ */ t(l, { size: "sm", children: /* @__PURE__ */ t("button", { children: "One" }) })
+        /* @__PURE__ */ t(l, { spacing: "sm", children: /* @__PURE__ */ t("button", { children: "One" }) })
       );
       n(e.firstChild).toHaveClass("sm");
     }), i("applies lg size when specified", () => {
       const { container: e } = o(
-        /* @__PURE__ */ t(l, { size: "lg", children: /* @__PURE__ */ t("button", { children: "One" }) })
+        /* @__PURE__ */ t(l, { spacing: "lg", children: /* @__PURE__ */ t("button", { children: "One" }) })
       );
       n(e.firstChild).toHaveClass("lg");
     });
@@ -129,7 +129,7 @@ r("ButtonGroup", () => {
   }), r("Combined props", () => {
     i("combines orientation, alignment, and size", () => {
       const { container: e } = o(
-        /* @__PURE__ */ t(l, { orientation: "vertical", alignment: "center", size: "lg", children: /* @__PURE__ */ t("button", { children: "One" }) })
+        /* @__PURE__ */ t(l, { orientation: "vertical", alignment: "center", spacing: "lg", children: /* @__PURE__ */ t("button", { children: "One" }) })
       );
       n(e.firstChild).toHaveClass("vertical"), n(e.firstChild).toHaveClass("center"), n(e.firstChild).toHaveClass("lg");
     }), i("combines all props", () => {
@@ -139,7 +139,7 @@ r("ButtonGroup", () => {
           {
             orientation: "horizontal",
             alignment: "right",
-            size: "sm",
+            spacing: "sm",
             fullWidth: !0,
             className: "custom",
             children: /* @__PURE__ */ t("button", { children: "One" })

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const g=require("react/jsx-runtime"),u="_buttonGroup_oexgs_1",a="_horizontal_oexgs_9",m="_vertical_oexgs_14",h="_left_oexgs_20",d="_center_oexgs_24",f="_right_oexgs_28",x="_sm_oexgs_33",p="_md_oexgs_37",$="_lg_oexgs_41",v="_fullWidth_oexgs_46",t={buttonGroup:u,horizontal:a,vertical:m,left:h,center:d,right:f,sm:x,md:p,lg:$,fullWidth:v},b={left:t.left,center:t.center,right:t.right},z={sm:t.sm,md:t.md,lg:t.lg};function G({children:o,className:e,alignment:s="left",orientation:n="horizontal",size:l="md",role:r="group",fullWidth:i=!1,..._}){const c=n==="vertical"?t.vertical:t.horizontal;return g.jsx("div",{className:`${t.buttonGroup} ${c} ${b[s]} ${z[l]} ${i?t.fullWidth:""} ${e??""}`.trim(),role:r,..._,children:o})}exports.ButtonGroup=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const g=require("react/jsx-runtime"),m="_buttonGroup_1gm2z_1",u="_horizontal_1gm2z_9",a="_vertical_1gm2z_14",z="_left_1gm2z_20",h="_center_1gm2z_24",d="_right_1gm2z_28",f="_sm_1gm2z_33",p="_md_1gm2z_37",$="_lg_1gm2z_41",v="_fullWidth_1gm2z_46",t={buttonGroup:m,horizontal:u,vertical:a,left:z,center:h,right:d,sm:f,md:p,lg:$,fullWidth:v},b={left:t.left,center:t.center,right:t.right},G={sm:t.sm,md:t.md,lg:t.lg};function W({children:o,className:n,alignment:l="left",orientation:r="horizontal",spacing:e="md",role:s="group",fullWidth:i=!1,...c}){const _=r==="vertical"?t.vertical:t.horizontal;return g.jsx("div",{className:`${t.buttonGroup} ${_} ${b[l]} ${G[e]} ${i?t.fullWidth:""} ${n??""}`.trim(),role:s,...c,children:o})}exports.ButtonGroup=W;

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

@@ -1,45 +1,45 @@
-import { jsx as g } from "react/jsx-runtime";
-import '../../../index33.css';const a = "_buttonGroup_oexgs_1", u = "_horizontal_oexgs_9", m = "_vertical_oexgs_14", h = "_left_oexgs_20", f = "_center_oexgs_24", x = "_right_oexgs_28", d = "_sm_oexgs_33", p = "_md_oexgs_37", v = "_lg_oexgs_41", z = "_fullWidth_oexgs_46", t = {
-  buttonGroup: a,
-  horizontal: u,
-  vertical: m,
-  left: h,
-  center: f,
-  right: x,
+import { jsx as m } from "react/jsx-runtime";
+import '../../../index33.css';const g = "_buttonGroup_1gm2z_1", a = "_horizontal_1gm2z_9", u = "_vertical_1gm2z_14", z = "_left_1gm2z_20", h = "_center_1gm2z_24", f = "_right_1gm2z_28", d = "_sm_1gm2z_33", p = "_md_1gm2z_37", v = "_lg_1gm2z_41", $ = "_fullWidth_1gm2z_46", t = {
+  buttonGroup: g,
+  horizontal: a,
+  vertical: u,
+  left: z,
+  center: h,
+  right: f,
   sm: d,
   md: p,
   lg: v,
-  fullWidth: z
-}, $ = {
+  fullWidth: $
+}, G = {
   left: t.left,
   center: t.center,
   right: t.right
-}, G = {
+}, b = {
   sm: t.sm,
   md: t.md,
   lg: t.lg
 };
-function W({
+function C({
   children: o,
-  className: s,
-  alignment: e = "left",
-  orientation: l = "horizontal",
-  size: n = "md",
-  role: r = "group",
-  fullWidth: _ = !1,
-  ...i
+  className: n,
+  alignment: l = "left",
+  orientation: r = "horizontal",
+  spacing: s = "md",
+  role: _ = "group",
+  fullWidth: e = !1,
+  ...c
 }) {
-  const c = l === "vertical" ? t.vertical : t.horizontal;
-  return /* @__PURE__ */ g(
+  const i = r === "vertical" ? t.vertical : t.horizontal;
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: `${t.buttonGroup} ${c} ${$[e]} ${G[n]} ${_ ? t.fullWidth : ""} ${s ?? ""}`.trim(),
-      role: r,
-      ...i,
+      className: `${t.buttonGroup} ${i} ${G[l]} ${b[s]} ${e ? t.fullWidth : ""} ${n ?? ""}`.trim(),
+      role: _,
+      ...c,
       children: o
     }
   );
 }
 export {
-  W as ButtonGroup
+  C as ButtonGroup
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),r=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_ueo6t_2",C="_fadeIn_ueo6t_1",D="_modal_ueo6t_18",P="_slideUp_ueo6t_1",U="_trigger_ueo6t_65",A="_closeButton_ueo6t_72",F="_title_ueo6t_102",K="_content_ueo6t_112",s={overlay:T,fadeIn:C,modal:D,slideUp:P,"size-sm":"_size-sm_ueo6t_38","size-md":"_size-md_ueo6t_43","size-lg":"_size-lg_ueo6t_48","size-xl":"_size-xl_ueo6t_53","size-full":"_size-full_ueo6t_58",trigger:U,closeButton:A,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:v,onOpen:l,onClose:i,size:z="md",closeOnEscape:y=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[N,g]=r.useState(!1),_=r.useRef(null),m=v!==void 0,t=m?v:N,q=()=>{m||g(!0),l==null||l()},d=()=>{m||g(!1),i==null||i()},S=()=>{t?d():q()},I=()=>{j&&d()};r.useEffect(()=>{if(!y||!t)return;const o=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[t,y]),r.useEffect(()=>(t?X():b(),()=>b()),[t]),r.useEffect(()=>{if(!t||!_.current)return;const o=_.current,c=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),n=c[0],a=c[c.length-1],h=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 o.addEventListener("keydown",h),n==null||n.focus(),()=>{o.removeEventListener("keydown",h)}},[t]);const B=s[`size-${z}`]||"",L=t?e.jsx("div",{className:`${s.overlay} ${$??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{className:`${B} modalContentContainer`,children:[p&&e.jsx("button",{"aria-label":"Close",className:s.closeButton,onClick:d,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:_,className:`${s.modal}  ${w??""}`.trim(),style:E,onClick:o=>o.stopPropagation(),children:[f&&e.jsx("div",{className:s.title,id:"modal-title",children:f}),e.jsx("div",{className:s.content,children:x})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.trigger,onClick:S,children:k}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),r=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_15f9m_2",C="_fadeIn_15f9m_1",D="_modal_15f9m_18",P="_slideUp_15f9m_1",U="_trigger_15f9m_64",A="_closeButton_15f9m_71",F="_title_15f9m_101",K="_content_15f9m_111",l={overlay:T,fadeIn:C,modal:D,slideUp:P,"size-sm":"_size-sm_15f9m_37","size-md":"_size-md_15f9m_42","size-lg":"_size-lg_15f9m_47","size-xl":"_size-xl_15f9m_52","size-full":"_size-full_15f9m_57",trigger:U,closeButton:A,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:v,onOpen:o,onClose:i,size:z="md",closeOnEscape:y=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[N,g]=r.useState(!1),m=r.useRef(null),_=v!==void 0,t=_?v:N,q=()=>{_||g(!0),o==null||o()},d=()=>{_||g(!1),i==null||i()},S=()=>{t?d():q()},I=()=>{j&&d()};r.useEffect(()=>{if(!y||!t)return;const n=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t,y]),r.useEffect(()=>(t?X():b(),()=>b()),[t]),r.useEffect(()=>{if(!t||!m.current)return;const n=m.current,c=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),s=c[0],a=c[c.length-1],h=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===s&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),s==null||s.focus()))};return n.addEventListener("keydown",h),s==null||s.focus(),()=>{n.removeEventListener("keydown",h)}},[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",{className:`${B} modalContentContainer`,children:[p&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:d,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:m,className:`${l.modal}  ${w??""}`.trim(),style:E,onClick:n=>n.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;

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

@@ -2,16 +2,16 @@ import { jsxs as _, Fragment as j, jsx as s } from "react/jsx-runtime";
 import { useState as D, useRef as P, useEffect as v } from "react";
 import { createPortal as R } from "react-dom";
 import { X as q } from "../../../x-CnsEH4Ox.js";
-import '../../../index35.css';const A = "_overlay_ueo6t_2", F = "_fadeIn_ueo6t_1", K = "_modal_ueo6t_18", M = "_slideUp_ueo6t_1", X = "_trigger_ueo6t_65", G = "_closeButton_ueo6t_72", H = "_title_ueo6t_102", J = "_content_ueo6t_112", n = {
+import '../../../index35.css';const A = "_overlay_15f9m_2", F = "_fadeIn_15f9m_1", K = "_modal_15f9m_18", M = "_slideUp_15f9m_1", X = "_trigger_15f9m_64", G = "_closeButton_15f9m_71", H = "_title_15f9m_101", J = "_content_15f9m_111", o = {
   overlay: A,
   fadeIn: F,
   modal: K,
   slideUp: M,
-  "size-sm": "_size-sm_ueo6t_38",
-  "size-md": "_size-md_ueo6t_43",
-  "size-lg": "_size-lg_ueo6t_48",
-  "size-xl": "_size-xl_ueo6t_53",
-  "size-full": "_size-full_ueo6t_58",
+  "size-sm": "_size-sm_15f9m_37",
+  "size-md": "_size-md_15f9m_42",
+  "size-lg": "_size-lg_15f9m_47",
+  "size-xl": "_size-xl_15f9m_52",
+  "size-full": "_size-full_15f9m_57",
   trigger: X,
   closeButton: G,
   title: H,
@@ -34,12 +34,12 @@ function O({
   className: $,
   overlayClassName: E,
   style: I,
-  title: u
+  title: f
 }) {
-  const [B, g] = D(!1), f = P(null), m = y !== void 0, e = m ? y : B, L = () => {
-    m || g(!0), l == null || l();
+  const [B, g] = D(!1), m = P(null), u = y !== void 0, e = u ? y : B, L = () => {
+    u || g(!0), l == null || l();
   }, r = () => {
-    m || g(!1), i == null || i();
+    u || g(!1), i == null || i();
   }, S = () => {
     e ? r() : L();
   }, C = () => {
@@ -52,30 +52,30 @@ function O({
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [e, h]), v(() => (e ? Q() : k(), () => k()), [e]), v(() => {
-    if (!e || !f.current) return;
-    const t = f.current, c = t.querySelectorAll(
+    if (!e || !m.current) return;
+    const t = m.current, c = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), o = c[0], d = c[c.length - 1], b = (a) => {
-      a.key === "Tab" && (a.shiftKey ? document.activeElement === o && (a.preventDefault(), d == null || d.focus()) : document.activeElement === d && (a.preventDefault(), o == null || o.focus()));
+    ), n = c[0], d = c[c.length - 1], b = (a) => {
+      a.key === "Tab" && (a.shiftKey ? document.activeElement === n && (a.preventDefault(), d == null || d.focus()) : document.activeElement === d && (a.preventDefault(), n == null || n.focus()));
     };
-    return t.addEventListener("keydown", b), o == null || o.focus(), () => {
+    return t.addEventListener("keydown", b), n == null || n.focus(), () => {
       t.removeEventListener("keydown", b);
     };
   }, [e]);
-  const T = n[`size-${w}`] || "", U = e ? /* @__PURE__ */ s(
+  const T = o[`size-${w}`] || "", U = e ? /* @__PURE__ */ s(
     "div",
     {
-      className: `${n.overlay} ${E ?? ""}`.trim(),
+      className: `${o.overlay} ${E ?? ""}`.trim(),
       onClick: C,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": u ? "modal-title" : void 0,
+      "aria-labelledby": f ? "modal-title" : void 0,
       children: /* @__PURE__ */ _("div", { className: `${T} modalContentContainer`, children: [
         N && /* @__PURE__ */ s(
           "button",
           {
             "aria-label": "Close",
-            className: n.closeButton,
+            className: o.closeButton,
             onClick: r,
             type: "button",
             children: /* @__PURE__ */ s(q, { size: 20 })
@@ -84,13 +84,13 @@ function O({
         /* @__PURE__ */ _(
           "div",
           {
-            ref: f,
-            className: `${n.modal}  ${$ ?? ""}`.trim(),
+            ref: m,
+            className: `${o.modal}  ${$ ?? ""}`.trim(),
             style: I,
             onClick: (t) => t.stopPropagation(),
             children: [
-              u && /* @__PURE__ */ s("div", { className: n.title, id: "modal-title", children: u }),
-              /* @__PURE__ */ s("div", { className: n.content, children: p })
+              f && /* @__PURE__ */ s("div", { className: o.title, id: "modal-title", children: f }),
+              /* @__PURE__ */ s("div", { className: o.content, children: p })
             ]
           }
         )
@@ -98,7 +98,7 @@ function O({
     }
   ) : null;
   return /* @__PURE__ */ _(j, { children: [
-    /* @__PURE__ */ s("div", { className: n.trigger, onClick: S, children: z }),
+    /* @__PURE__ */ s("div", { className: o.trigger, onClick: S, children: z }),
     typeof window < "u" && R(U, document.body)
   ] });
 }

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-CIAi47E9.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-BaEzx3t5.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-QnOnXprl.js";
+import { N as a } from "../../../NavLink-BbTShlLw.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"),z=require("../../../index-D0ylyll7.cjs"),le=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-CIAi47E9.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"),z=require("../../../index-D0ylyll7.cjs"),le=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-BaEzx3t5.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-CnlJ2RgH.js";
 import { ButtonGroup as se } from "../ButtonGroup/index.mjs";
-import { s as e, N as Se } from "../../../NavLink-QnOnXprl.js";
+import { s as e, N as Se } from "../../../NavLink-BbTShlLw.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/core.d.ts

@@ -175,23 +175,23 @@ declare type BreakpointColumns = {
 
 export declare function Button({ variant, size, displayType, imageSrc, imageAlt, ImageComponent, icon, iconAlignment, className, children, disabled, ...restProps }: ButtonProps): JSX.Element;
 
-export declare function ButtonGroup({ children, className, alignment, orientation, size, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
+export declare function ButtonGroup({ children, className, alignment, orientation, spacing, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
 
 declare type ButtonGroupProps = {
     children: default_2.ReactNode;
     className?: string;
     alignment?: Alignment;
     orientation?: Orientation;
-    size?: ButtonGroupSize;
+    spacing?: ButtonGroupSpacing;
     role?: string;
     fullWidth?: boolean;
 } & default_2.HTMLAttributes<HTMLDivElement>;
 
-declare type ButtonGroupSize = keyof typeof sizeClassMap;
+declare type ButtonGroupSpacing = keyof typeof spacingClassMap;
 
 export declare type ButtonProps = BaseProps & (AnchorTypeProps | ButtonTypeProps | ScrollTypeProps);
 
-declare type ButtonSize = keyof typeof sizeClassMap_2;
+declare type ButtonSize = keyof typeof sizeClassMap;
 
 declare type ButtonTypeProps = {
     as?: "button";
@@ -380,7 +380,7 @@ export declare type DrawerProps = {
     className?: string;
 };
 
-export declare type DrawerSize = keyof typeof sizeClassMap_3;
+export declare type DrawerSize = keyof typeof sizeClassMap_2;
 
 declare type FABPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
 
@@ -1161,7 +1161,7 @@ declare type ProgressBarProps = {
     style?: CSSProperties;
 } & React.HTMLAttributes<HTMLDivElement>;
 
-declare type ProgressBarSize = keyof typeof sizeClassMap_5;
+declare type ProgressBarSize = keyof typeof sizeClassMap_4;
 
 declare type ProgressBarVariant = keyof typeof variantClassMap_6;
 
@@ -1297,7 +1297,7 @@ declare type SidebarProps = {
     style?: CSSProperties;
 } & Omit<default_2.HTMLAttributes<HTMLElement>, "style">;
 
-declare type Size = keyof typeof sizeClassMap_4;
+declare type Size = keyof typeof sizeClassMap_3;
 
 declare const sizeClassMap: {
     readonly sm: string;
@@ -1309,13 +1309,13 @@ declare const sizeClassMap_2: {
     readonly sm: string;
     readonly md: string;
     readonly lg: string;
+    readonly full: string;
 };
 
 declare const sizeClassMap_3: {
     readonly sm: string;
     readonly md: string;
     readonly lg: string;
-    readonly full: string;
 };
 
 declare const sizeClassMap_4: {
@@ -1325,12 +1325,6 @@ declare const sizeClassMap_4: {
 };
 
 declare const sizeClassMap_5: {
-    readonly sm: string;
-    readonly md: string;
-    readonly lg: string;
-};
-
-declare const sizeClassMap_6: {
     readonly xs: string;
     readonly sm: string;
     readonly md: string;
@@ -1339,7 +1333,7 @@ declare const sizeClassMap_6: {
     readonly "2xl": string;
 };
 
-declare const sizeClassMap_7: {
+declare const sizeClassMap_6: {
     readonly xs: string;
     readonly sm: string;
     readonly md: string;
@@ -1374,7 +1368,13 @@ declare type SpacerProps = {
     style?: CSSProperties;
 } & React.HTMLAttributes<HTMLDivElement>;
 
-declare type SpacerSize = keyof typeof sizeClassMap_6;
+declare type SpacerSize = keyof typeof sizeClassMap_5;
+
+declare const spacingClassMap: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
 
 export declare function Spinner({ size, variant, label, fullScreen, className, style, ...restProps }: SpinnerProps): JSX.Element;
 
@@ -1387,7 +1387,7 @@ declare type SpinnerProps = {
     style?: CSSProperties;
 } & React.HTMLAttributes<HTMLDivElement>;
 
-declare type SpinnerSize = keyof typeof sizeClassMap_7;
+declare type SpinnerSize = keyof typeof sizeClassMap_6;
 
 declare type SpinnerVariant = keyof typeof variantClassMap_8;
 

package/dist/index33.css

@@ -1 +1 @@
-._buttonGroup_oexgs_1{display:flex;gap:var(--spacing-sm);align-items:center;width:fit-content}._horizontal_oexgs_9{flex-direction:row;flex-wrap:wrap}._vertical_oexgs_14{flex-direction:column;align-items:stretch}._left_oexgs_20{justify-content:flex-start}._center_oexgs_24{justify-content:center}._right_oexgs_28{justify-content:flex-end}._sm_oexgs_33{gap:var(--spacing-xs)}._md_oexgs_37{gap:var(--spacing-sm)}._lg_oexgs_41{gap:var(--spacing-md)}._fullWidth_oexgs_46{width:100%}._fullWidth_oexgs_46._horizontal_oexgs_9>*{flex:1}._fullWidth_oexgs_46._vertical_oexgs_14{align-items:stretch}@media (max-width: 480px){._buttonGroup_oexgs_1{width:100%}._horizontal_oexgs_9{flex-direction:column;align-items:stretch}}
+._buttonGroup_1gm2z_1{display:flex;gap:var(--spacing-sm);align-items:center;width:fit-content}._horizontal_1gm2z_9{flex-direction:row;flex-wrap:wrap}._vertical_1gm2z_14{flex-direction:column;align-items:stretch}._left_1gm2z_20{justify-content:flex-start}._center_1gm2z_24{justify-content:center}._right_1gm2z_28{justify-content:flex-end}._sm_1gm2z_33{gap:var(--spacing-sm)}._md_1gm2z_37{gap:var(--spacing-md)}._lg_1gm2z_41{gap:var(--spacing-lg)}._fullWidth_1gm2z_46{width:100%}._fullWidth_1gm2z_46._horizontal_1gm2z_9>*{flex:1}._fullWidth_1gm2z_46._vertical_1gm2z_14{align-items:stretch}@media (max-width: 480px){._buttonGroup_1gm2z_1{width:100%}._horizontal_1gm2z_9{flex-direction:column;align-items:stretch}}

package/dist/index35.css

@@ -1 +1 @@
-._overlay_ueo6t_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_ueo6t_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}.modalContentContainer{position:relative;display:flex;flex-direction:column;top:5rem}._modal_ueo6t_18{position:relative;background-color:var(--color-background, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_ueo6t_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_ueo6t_38{width:90%;max-width:400px}._size-md_ueo6t_43{width:90%;max-width:600px}._size-lg_ueo6t_48{width:90%;max-width:800px}._size-xl_ueo6t_53{width:90%;max-width:1200px}._size-full_ueo6t_58{width:95%;height:95vh;max-height:95vh}._trigger_ueo6t_65{width:auto;display:inline-block;cursor:pointer}._closeButton_ueo6t_72{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_ueo6t_72:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_ueo6t_72:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_ueo6t_102{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_ueo6t_112{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_ueo6t_112 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_ueo6t_112 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_ueo6t_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_ueo6t_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_ueo6t_18{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_ueo6t_38,._size-md_ueo6t_43,._size-lg_ueo6t_48,._size-xl_ueo6t_53{width:95%}._title_ueo6t_102{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_ueo6t_2{padding:var(--spacing-sm, .5rem)}._modal_ueo6t_18{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_ueo6t_72{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_ueo6t_102{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}
+._overlay_15f9m_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_15f9m_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}.modalContentContainer{position:relative;display:flex;flex-direction:column}._modal_15f9m_18{position:relative;background-color:var(--color-background, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_15f9m_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_15f9m_37{width:90%;max-width:400px}._size-md_15f9m_42{width:90%;max-width:600px}._size-lg_15f9m_47{width:90%;max-width:800px}._size-xl_15f9m_52{width:90%;max-width:1200px}._size-full_15f9m_57{width:95%;height:95vh;max-height:95vh}._trigger_15f9m_64{width:auto;display:inline-block;cursor:pointer}._closeButton_15f9m_71{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_15f9m_71:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_15f9m_71:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_15f9m_101{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_15f9m_111{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_15f9m_111 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_15f9m_111 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_15f9m_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_15f9m_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_15f9m_18{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_15f9m_37,._size-md_15f9m_42,._size-lg_15f9m_47,._size-xl_15f9m_52{width:95%}._title_15f9m_101{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_15f9m_2{padding:var(--spacing-sm, .5rem)}._modal_15f9m_18{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_15f9m_71{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_15f9m_101{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}

package/dist/main.d.ts

@@ -282,23 +282,23 @@ declare type BreakpointColumns = {
 
 export declare function Button({ variant, size, displayType, imageSrc, imageAlt, ImageComponent, icon, iconAlignment, className, children, disabled, ...restProps }: ButtonProps): JSX.Element;
 
-export declare function ButtonGroup({ children, className, alignment, orientation, size, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
+export declare function ButtonGroup({ children, className, alignment, orientation, spacing, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
 
 declare type ButtonGroupProps = {
     children: default_2.ReactNode;
     className?: string;
     alignment?: Alignment;
     orientation?: Orientation;
-    size?: ButtonGroupSize;
+    spacing?: ButtonGroupSpacing;
     role?: string;
     fullWidth?: boolean;
 } & default_2.HTMLAttributes<HTMLDivElement>;
 
-declare type ButtonGroupSize = keyof typeof sizeClassMap;
+declare type ButtonGroupSpacing = keyof typeof spacingClassMap;
 
 export declare type ButtonProps = BaseProps & (AnchorTypeProps | ButtonTypeProps | ScrollTypeProps);
 
-declare type ButtonSize = keyof typeof sizeClassMap_2;
+declare type ButtonSize = keyof typeof sizeClassMap;
 
 declare type ButtonTypeProps = {
     as?: "button";
@@ -544,7 +544,7 @@ export declare type DrawerProps = {
     className?: string;
 };
 
-export declare type DrawerSize = keyof typeof sizeClassMap_3;
+export declare type DrawerSize = keyof typeof sizeClassMap_2;
 
 /**
  * Extracts plain text from a PortableText block array.
@@ -1411,7 +1411,7 @@ declare type ProgressBarProps = {
     style?: CSSProperties;
 } & React.HTMLAttributes<HTMLDivElement>;
 
-declare type ProgressBarSize = keyof typeof sizeClassMap_5;
+declare type ProgressBarSize = keyof typeof sizeClassMap_4;
 
 declare type ProgressBarVariant = keyof typeof variantClassMap_6;
 
@@ -1498,7 +1498,7 @@ declare type RangeSize = "sm" | "md" | "lg";
  * <HeroBlock {...section} renderCallToAction={renderCallToAction} />
  * <ContentBlock {...section} renderCallToAction={renderCallToAction} />
  */
-export declare function renderCallToAction({ alignment, items, className, }: RenderCallToActionProps_3): default_2.ReactElement | null;
+export declare function renderCallToAction({ alignment, spacing, items, className, }: RenderCallToActionProps_3): default_2.ReactElement | null;
 
 export { RenderCallToActionProps }
 
@@ -1659,7 +1659,7 @@ export { SingletonBlockProps }
 
 export { SiteSettings }
 
-declare type Size = keyof typeof sizeClassMap_4;
+declare type Size = keyof typeof sizeClassMap_3;
 
 declare const sizeClassMap: {
     readonly sm: string;
@@ -1671,13 +1671,13 @@ declare const sizeClassMap_2: {
     readonly sm: string;
     readonly md: string;
     readonly lg: string;
+    readonly full: string;
 };
 
 declare const sizeClassMap_3: {
     readonly sm: string;
     readonly md: string;
     readonly lg: string;
-    readonly full: string;
 };
 
 declare const sizeClassMap_4: {
@@ -1687,12 +1687,6 @@ declare const sizeClassMap_4: {
 };
 
 declare const sizeClassMap_5: {
-    readonly sm: string;
-    readonly md: string;
-    readonly lg: string;
-};
-
-declare const sizeClassMap_6: {
     readonly xs: string;
     readonly sm: string;
     readonly md: string;
@@ -1701,7 +1695,7 @@ declare const sizeClassMap_6: {
     readonly "2xl": string;
 };
 
-declare const sizeClassMap_7: {
+declare const sizeClassMap_6: {
     readonly xs: string;
     readonly sm: string;
     readonly md: string;
@@ -1736,7 +1730,13 @@ declare type SpacerProps = {
     style?: CSSProperties;
 } & React.HTMLAttributes<HTMLDivElement>;
 
-declare type SpacerSize = keyof typeof sizeClassMap_6;
+declare type SpacerSize = keyof typeof sizeClassMap_5;
+
+declare const spacingClassMap: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
 
 export declare function Spinner({ size, variant, label, fullScreen, className, style, ...restProps }: SpinnerProps): JSX.Element;
 
@@ -1749,7 +1749,7 @@ declare type SpinnerProps = {
     style?: CSSProperties;
 } & React.HTMLAttributes<HTMLDivElement>;
 
-declare type SpinnerSize = keyof typeof sizeClassMap_7;
+declare type SpinnerSize = keyof typeof sizeClassMap_6;
 
 declare type SpinnerVariant = keyof typeof variantClassMap_8;
 

package/dist/next/ui/CallToAction/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),O=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-D0ylyll7.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),z=require("../../../core/context/ThemeContext.cjs"),G=require("../../hooks/useMediaQuery.cjs");function H({items:r,alignment:M,className:R}){const[P,S]=U.useState([]),{mode:t}=z.useTheme(),g=G.useMediaQuery("(max-width: 767px)");return U.useEffect(()=>{if(!(r!=null&&r.length)||!C.resolveLinkURL)return;async function e(){const o=await Promise.all(r.map(a=>C.resolveLinkURL(a)));S(o)}e()},[r]),r!=null&&r.length?n.jsx(O.ButtonGroup,{className:R,alignment:M,children:r.slice(0,3).map((e,o)=>{var m,d,p,c,h,b,f,y,v,x,_,k,j,T,A,w,q,L;const a=P[o]??"#",i={};if(i.height="auto",((m=e.image)==null?void 0:m.layout)==="cover")i.objectFit="cover",(d=e.image)!=null&&d.position&&(i.objectPosition=g?"top":(p=e.image)==null?void 0:p.position);else if(((c=e.image)==null?void 0:c.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.sizing)==="half"?i.width=g?"100%":"50%":((b=e.image)==null?void 0:b.sizing)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[$,F]=(y=e.image)==null?void 0:y.aspectRatio.split(":").map(Number);i.aspectRatio=`${$}/${F}`}}else i.objectFit="none";let s;(v=e.image)!=null&&v.imageUrls&&(s=t==="dark"&&((x=e.image.imageUrls.dark)==null?void 0:x.medium)||e.image.imageUrls.default.medium);let u=((j=(k=(_=e.image)==null?void 0:_[t==="dark"?"darkImage":"defaultImage"])==null?void 0:k.asset)==null?void 0:j.altText)||((w=(A=(T=e.image)==null?void 0:T[t==="dark"?"darkImage":"defaultImage"])==null?void 0:A.asset)==null?void 0:w.description)||"Card image";switch(e.type){case"link":return n.jsx(l.Button,{as:"a",variant:e.variant,href:a,target:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"_blank":"_self",rel:((L=e.linkOptions)==null?void 0:L.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"scroll":return n.jsx(l.Button,{as:"scroll",variant:e.variant,scrollTarget:e.scrollTarget??"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"modal":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:e.modalContent},o);case"video":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:n.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return n.jsx(l.Button,{as:"a",variant:e.variant??"primary",href:a,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToAction=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),z=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-D0ylyll7.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),G=require("../../../core/context/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs");function Q({items:r,alignment:M,spacing:R,className:P}){const[S,$]=U.useState([]),{mode:t}=G.useTheme(),g=H.useMediaQuery("(max-width: 767px)");return U.useEffect(()=>{if(!(r!=null&&r.length)||!C.resolveLinkURL)return;async function e(){const o=await Promise.all(r.map(a=>C.resolveLinkURL(a)));$(o)}e()},[r]),r!=null&&r.length?n.jsx(z.ButtonGroup,{className:P,alignment:M,spacing:R,children:r.slice(0,3).map((e,o)=>{var m,d,p,c,h,b,f,y,v,x,_,k,j,T,A,w,q,L;const a=S[o]??"#",i={};if(i.height="auto",((m=e.image)==null?void 0:m.layout)==="cover")i.objectFit="cover",(d=e.image)!=null&&d.position&&(i.objectPosition=g?"top":(p=e.image)==null?void 0:p.position);else if(((c=e.image)==null?void 0:c.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.sizing)==="half"?i.width=g?"100%":"50%":((b=e.image)==null?void 0:b.sizing)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[F,O]=(y=e.image)==null?void 0:y.aspectRatio.split(":").map(Number);i.aspectRatio=`${F}/${O}`}}else i.objectFit="none";let s;(v=e.image)!=null&&v.imageUrls&&(s=t==="dark"&&((x=e.image.imageUrls.dark)==null?void 0:x.medium)||e.image.imageUrls.default.medium);let u=((j=(k=(_=e.image)==null?void 0:_[t==="dark"?"darkImage":"defaultImage"])==null?void 0:k.asset)==null?void 0:j.altText)||((w=(A=(T=e.image)==null?void 0:T[t==="dark"?"darkImage":"defaultImage"])==null?void 0:A.asset)==null?void 0:w.description)||"Card image";switch(e.type){case"link":return n.jsx(l.Button,{as:"a",variant:e.variant,href:a,target:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"_blank":"_self",rel:((L=e.linkOptions)==null?void 0:L.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"scroll":return n.jsx(l.Button,{as:"scroll",variant:e.variant,scrollTarget:e.scrollTarget??"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"modal":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:e.modalContent},o);case"video":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:n.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return n.jsx(l.Button,{as:"a",variant:e.variant??"primary",href:a,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToAction=Q;

package/dist/next/ui/CallToAction/index.mjs

@@ -1,36 +1,37 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as O, useEffect as S } from "react";
+import { useState as S, useEffect as W } from "react";
 import C from "next/image";
-import { ButtonGroup as W } from "../../../core/components/ButtonGroup/index.mjs";
+import { ButtonGroup as $ } from "../../../core/components/ButtonGroup/index.mjs";
 import { B as a } from "../../../index-CnlJ2RgH.js";
 import { Modal as R } from "../../../core/components/Modal/index.mjs";
 import { resolveLinkURL as B } from "../../utils/resolveLinkUrl.mjs";
-import { useTheme as $ } from "../../../core/context/ThemeContext.mjs";
-import { useMediaQuery as E } from "../../hooks/useMediaQuery.mjs";
-function Y({
+import { useTheme as E } from "../../../core/context/ThemeContext.mjs";
+import { useMediaQuery as G } from "../../hooks/useMediaQuery.mjs";
+function Z({
   items: n,
   alignment: F,
-  className: M
+  spacing: M,
+  className: P
 }) {
-  const [P, _] = O([]), { mode: t } = $(), s = E("(max-width: 767px)");
-  return S(() => {
+  const [_, z] = S([]), { mode: t } = E(), s = G("(max-width: 767px)");
+  return W(() => {
     if (!(n != null && n.length) || !B) return;
     async function e() {
       const l = await Promise.all(
         n.map((o) => B(o))
       );
-      _(l);
+      z(l);
     }
     e();
-  }, [n]), n != null && n.length ? /* @__PURE__ */ r(W, { className: M, alignment: F, children: n.slice(0, 3).map((e, l) => {
+  }, [n]), n != null && n.length ? /* @__PURE__ */ r($, { className: P, alignment: F, spacing: M, children: n.slice(0, 3).map((e, l) => {
     var p, d, u, f, h, b, y, v, c, k, A, T, w, I, L, U, j, x;
-    const o = P[l] ?? "#", i = {};
+    const o = _[l] ?? "#", i = {};
     if (i.height = "auto", ((p = e.image) == null ? void 0 : p.layout) === "cover")
       i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition = s ? "top" : (u = e.image) == null ? void 0 : u.position);
     else if (((f = e.image) == null ? void 0 : f.layout) === "contain") {
       if (i.objectFit = "contain", ((h = e.image) == null ? void 0 : h.sizing) === "half" ? i.width = s ? "100%" : "50%" : ((b = e.image) == null ? void 0 : b.sizing) === "inset" ? (i.width = "100%", i.maxWidth = e.image.maxWidth ?? "unset") : i.width = "100%", (y = e.image) != null && y.aspectRatio) {
-        const [z, H] = (v = e.image) == null ? void 0 : v.aspectRatio.split(":").map(Number);
-        i.aspectRatio = `${z}/${H}`;
+        const [H, O] = (v = e.image) == null ? void 0 : v.aspectRatio.split(":").map(Number);
+        i.aspectRatio = `${H}/${O}`;
       }
     } else
       i.objectFit = "none";
@@ -151,5 +152,5 @@ function Y({
   }) }) : null;
 }
 export {
-  Y as CallToAction
+  Z as CallToAction
 };

package/dist/next/utils/blockRenderers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("../ui/PortableTextRenderer/index.cjs"),l=require("../ui/CallToAction/index.cjs");function o(r){return r.flatMap(e=>e.children??[]).map(e=>e.text??"").join("")}function x({blocks:r,className:e,textOverride:n,animateText:i}){return r!=null&&r.length?t.jsx(u.RichText,{blocks:r,className:e,textOverride:n,animateText:i}):null}function c({alignment:r,items:e,className:n}){return e!=null&&e.length?t.jsx(l.CallToAction,{alignment:r,items:e,className:n}):null}exports.extractText=o;exports.renderCallToAction=c;exports.renderRichText=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("../ui/PortableTextRenderer/index.cjs"),l=require("../ui/CallToAction/index.cjs");function o(e){return e.flatMap(r=>r.children??[]).map(r=>r.text??"").join("")}function x({blocks:e,className:r,textOverride:n,animateText:t}){return e!=null&&e.length?i.jsx(u.RichText,{blocks:e,className:r,textOverride:n,animateText:t}):null}function c({alignment:e,spacing:r,items:n,className:t}){return n!=null&&n.length?i.jsx(l.CallToAction,{alignment:e,items:n,className:t,spacing:r}):null}exports.extractText=o;exports.renderCallToAction=c;exports.renderRichText=x;

package/dist/next/utils/blockRenderers.mjs

@@ -1,31 +1,40 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { RichText as u } from "../ui/PortableTextRenderer/index.mjs";
 import { CallToAction as f } from "../ui/CallToAction/index.mjs";
-function a(n) {
-  return n.flatMap((r) => r.children ?? []).map((r) => r.text ?? "").join("");
+function a(r) {
+  return r.flatMap((n) => n.children ?? []).map((n) => n.text ?? "").join("");
 }
 function p({
-  blocks: n,
-  className: r,
+  blocks: r,
+  className: n,
   textOverride: t,
-  animateText: o
+  animateText: e
 }) {
-  return n != null && n.length ? /* @__PURE__ */ e(
+  return r != null && r.length ? /* @__PURE__ */ o(
     u,
     {
-      blocks: n,
-      className: r,
+      blocks: r,
+      className: n,
       textOverride: t,
-      animateText: o
+      animateText: e
     }
   ) : null;
 }
 function h({
-  alignment: n,
-  items: r,
-  className: t
+  alignment: r,
+  spacing: n,
+  items: t,
+  className: e
 }) {
-  return r != null && r.length ? /* @__PURE__ */ e(f, { alignment: n, items: r, className: t }) : null;
+  return t != null && t.length ? /* @__PURE__ */ o(
+    f,
+    {
+      alignment: r,
+      items: t,
+      className: e,
+      spacing: n
+    }
+  ) : null;
 }
 export {
   a as extractText,

package/dist/next.d.ts

@@ -244,7 +244,7 @@ export { QuoteBlockProps }
  * <HeroBlock {...section} renderCallToAction={renderCallToAction} />
  * <ContentBlock {...section} renderCallToAction={renderCallToAction} />
  */
-export declare function renderCallToAction({ alignment, items, className, }: RenderCallToActionProps_2): default_2.ReactElement | null;
+export declare function renderCallToAction({ alignment, spacing, items, className, }: RenderCallToActionProps_2): default_2.ReactElement | null;
 
 /**
  * Drop-in `renderRichText` prop for all QuirkUI blocks.

package/package.json

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

package/dist/NavLink-CIAi47E9.cjs

@@ -1 +0,0 @@
-"use strict";require('./NavLink.css');const o=require("react/jsx-runtime"),j=require("react"),g=require("./external-link-DDShu-48.cjs"),h=require("./chevron-down-DfK1XBl3.cjs"),p="_navbar_v74j7_1",k="_sticky_v74j7_15",f="_left_v74j7_31",I="_container_v74j7_32",C="_logo_v74j7_36",M="_nav_v74j7_1",w="_center_v74j7_51",y="_hidden_v74j7_59",x="_visible_v74j7_66",T="_right_v74j7_81",N="_title_v74j7_88",S="_linkWrapper_v74j7_98",W="_parent_v74j7_98",$="_linkItem_v74j7_105",D="_link_v74j7_98",L="_search_v74j7_111",E="_locale_v74j7_112",F="_themeToggle_v74j7_113",q="_sublinkToggle_v74j7_114",R="_standard_v74j7_165",B="_triangle_v74j7_173",z="_twoColumn_v74j7_202",A="_mobileButtons_v74j7_211",G="_menuToggle_v74j7_283",H="_utilityMobile_v74j7_301",J="_utility_v74j7_301",K="_navInner_v74j7_329",Q="_grid_v74j7_340",U="_searchModal_v74j7_363",V="_localeModal_v74j7_368",X="_separator_v74j7_382",Y="_newTabIcon_v74j7_413",Z="_sublinksDescription_v74j7_426",O="_linkContent_v74j7_429",P="_open_v74j7_442",nn="_back_v74j7_466",en="_sublinks_v74j7_426",on="_show_v74j7_515",tn="_primaryColumn_v74j7_564",sn="_secondaryColumn_v74j7_573",_n="_spotlightColumn_v74j7_577",ln="_sublinksInner_v74j7_581",rn="_sublinksColumn_v74j7_601",cn="_chevron_v74j7_611",an="_advanced_v74j7_803",un="_subtitle_v74j7_812",vn="_withSpotlight_v74j7_854",jn="_withoutSpotlight_v74j7_858",dn="_transparent_v74j7_896",mn="_groupDivider_v74j7_1007",bn="_searchWrapper_v74j7_1015",gn="_mobileMenu_v74j7_1022",hn="_mobileMenuSlide_v74j7_1023",pn="_mobileMenuItem_v74j7_1033",kn="_fadeInFromLeft_v74j7_1037",fn="_fadeInFromRight_v74j7_1041",In="_spotlight_v74j7_577",Cn="_imageWrapper_v74j7_1051",Mn="_content_v74j7_1073",wn="_description_v74j7_1088",yn="_actions_v74j7_1092",e={navbar:p,sticky:k,left:f,container:I,logo:C,nav:M,center:w,hidden:y,visible:x,right:T,title:N,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:nn,sublinks:en,show:on,primaryColumn:tn,secondaryColumn:sn,spotlightColumn:_n,sublinksInner:ln,sublinksColumn:rn,chevron:cn,default:"_default_v74j7_734",advanced:an,subtitle:un,withSpotlight:vn,withoutSpotlight:jn,transparent:dn,groupDivider:mn,searchWrapper:bn,mobileMenu:gn,mobileMenuSlide:hn,mobileMenuItem:pn,fadeInFromLeft:kn,fadeInFromRight:fn,spotlight:In,imageWrapper:Cn,content:Mn,description:wn,actions:yn};function xn({link:n,path:t,parentPath:r,openPath:d,togglePath:c,updateTriangleIndicator:m,setOpenPath:_,renderLinks:b,buttonRefs:i}){var u;const l=d===t,s=!!((u=n.sublinks)!=null&&u.length),a=j.useRef(null);return j.useEffect(()=>(i.current.set(t,a.current),()=>{i.current.delete(t)}),[t,i]),o.jsxs("div",{role:"menuitem",className:`${e.linkWrapper} ${r?"":e.parent}`,children:[o.jsx("div",{className:e.linkItem,children:n.href?o.jsxs("a",{href:n.href,className:e.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var v;_(null),(v=n.onClick)==null||v.call(n)},onMouseEnter:()=>{r||_(null)},children:[n.label,n.isExternal&&o.jsx(g.ExternalLink,{className:e.newTabIcon,size:16,"aria-hidden":"true"})]}):o.jsxs("button",{ref:a,"aria-haspopup":s?!0:void 0,"aria-expanded":s?l:void 0,className:`${e.sublinkToggle} ${l?e.open:""}`,onClick:()=>c(t),onMouseEnter:()=>{m(t),_(t)},children:[n.label,s&&o.jsx(h.ChevronDown,{size:18,className:e.chevron,"aria-hidden":"true"})]})}),s&&o.jsx("div",{className:`${e.sublinks} ${l?e.show:""}`,onMouseLeave:()=>c(t),role:"menu","aria-label":`${n.label} submenu`,children:o.jsx("div",{children:o.jsx("div",{className:e.sublinksInner,children:o.jsx("div",{className:e.sublinksColumn,children:b(n.sublinks,t)})})})})]})}exports.NavLink=xn;exports.styles=e;