quirk-ui 0.0.421 → 0.0.422

package/dist/NavLink-C5ZCMRQ6.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/NavLink.css');const s=require("react/jsx-runtime"),h=require("react"),k=require("./external-link-DDShu-48.cjs"),v=require("./chevron-down-DfK1XBl3.cjs"),g="_navbar_1bon6_5",C="_sticky_1bon6_19",f="_left_1bon6_34",w="_container_1bon6_35",I="_logo_1bon6_39",x="_nav_1bon6_5",y="_center_1bon6_54",N="_hidden_1bon6_60",j="_visible_1bon6_67",$="_right_1bon6_82",L="_title_1bon6_89",T="_linkWrapper_1bon6_99",S="_parent_1bon6_99",W="_linkItem_1bon6_107",E="_link_1bon6_99",q="_sublinkToggle_1bon6_111",D="_standard_1bon6_159",F="_triangle_1bon6_167",M="_transparent_1bon6_172",R="_twoColumn_1bon6_276",z="_navInner_1bon6_398",A="_grid_1bon6_409",B="_separator_1bon6_444",G="_newTabIcon_1bon6_474",H="_sublinksDescription_1bon6_486",J="_linkContent_1bon6_489",K="_open_1bon6_500",Q="_sublinks_1bon6_486",U="_show_1bon6_571",V="_primaryColumn_1bon6_612",X="_secondaryColumn_1bon6_621",Y="_spotlightColumn_1bon6_625",Z="_sublinksInner_1bon6_629",O="_sublinksColumn_1bon6_647",P="_chevron_1bon6_657",nn="_advanced_1bon6_839",on="_subtitle_1bon6_848",sn="_withSpotlight_1bon6_890",en="_withoutSpotlight_1bon6_894",tn="_searchWrapper_1bon6_940",rn="_fadeInFromLeft_1bon6_962",o={navbar:g,sticky:C,left:f,container:w,logo:I,nav:x,center:y,hidden:N,visible:j,right:$,title:L,linkWrapper:T,parent:S,linkItem:W,link:E,sublinkToggle:q,standard:D,triangle:F,transparent:M,twoColumn:R,navInner:z,grid:A,separator:B,newTabIcon:G,sublinksDescription:H,linkContent:J,open:K,sublinks:Q,show:U,primaryColumn:V,secondaryColumn:X,spotlightColumn:Y,sublinksInner:Z,sublinksColumn:O,chevron:P,default:"_default_1bon6_773",advanced:nn,subtitle:on,withSpotlight:sn,withoutSpotlight:en,searchWrapper:tn,fadeInFromLeft:rn};function _n({link:n,path:e,parentPath:i,openPath:u,togglePath:l,updateTriangleIndicator:d,setOpenPath:t,renderLinks:m,buttonRefs:p}){var a;const r=u===e,_=!!((a=n.sublinks)!=null&&a.length),c=h.useRef(null);return p.current.set(e,c.current),s.jsxs("div",{className:`${o.linkWrapper} ${i?"":o.parent}`,children:[s.jsx("div",{className:o.linkItem,children:n.href?s.jsxs("a",{href:n.href,className:o.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var b;t(null),(b=n.onClick)==null||b.call(n)},onMouseEnter:()=>{i||t(null)},role:"menuitem",children:[n.label,n.isExternal&&s.jsx(k.ExternalLink,{className:o.newTabIcon,size:16})]}):s.jsxs("button",{ref:c,"aria-haspopup":_?"true":void 0,"aria-expanded":r,className:`${o.sublinkToggle} ${r?o.open:""}`,onClick:()=>l(e),onMouseEnter:()=>{d(e),t(e)},children:[n.label,_&&s.jsx(v.ChevronDown,{size:18,className:o.chevron})]})}),_&&s.jsx("div",{className:`${o.sublinks} ${r?o.show:""}`,onMouseLeave:()=>l(e),role:"menu","aria-label":`${n.label} submenu`,children:s.jsx("div",{children:s.jsx("div",{className:o.sublinksInner,children:s.jsx("div",{className:o.sublinksColumn,children:m(n.sublinks,e)})})})})]},e)}exports.NavLink=_n;exports.styles=o;

package/dist/NavLink-CfAA47R1.js

@@ -0,0 +1,122 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useRef as k } from "react";
+import { E as v } from "./external-link-BOPobeQJ.js";
+import { C as g } from "./chevron-down-DSUzBz9F.js";
+import './assets/NavLink.css';const f = "_navbar_1bon6_5", C = "_sticky_1bon6_19", w = "_left_1bon6_34", I = "_container_1bon6_35", N = "_logo_1bon6_39", y = "_nav_1bon6_5", x = "_center_1bon6_54", T = "_hidden_1bon6_60", E = "_visible_1bon6_67", S = "_right_1bon6_82", W = "_title_1bon6_89", $ = "_linkWrapper_1bon6_99", L = "_parent_1bon6_99", D = "_linkItem_1bon6_107", F = "_link_1bon6_99", M = "_sublinkToggle_1bon6_111", j = "_standard_1bon6_159", z = "_triangle_1bon6_167", R = "_transparent_1bon6_172", q = "_twoColumn_1bon6_276", A = "_navInner_1bon6_398", B = "_grid_1bon6_409", G = "_separator_1bon6_444", H = "_newTabIcon_1bon6_474", J = "_sublinksDescription_1bon6_486", K = "_linkContent_1bon6_489", Q = "_open_1bon6_500", U = "_sublinks_1bon6_486", V = "_show_1bon6_571", X = "_primaryColumn_1bon6_612", Y = "_secondaryColumn_1bon6_621", Z = "_spotlightColumn_1bon6_625", O = "_sublinksInner_1bon6_629", P = "_sublinksColumn_1bon6_647", nn = "_chevron_1bon6_657", on = "_advanced_1bon6_839", sn = "_subtitle_1bon6_848", en = "_withSpotlight_1bon6_890", tn = "_withoutSpotlight_1bon6_894", _n = "_searchWrapper_1bon6_940", rn = "_fadeInFromLeft_1bon6_962", o = {
+  navbar: f,
+  sticky: C,
+  left: w,
+  container: I,
+  logo: N,
+  nav: y,
+  center: x,
+  hidden: T,
+  visible: E,
+  right: S,
+  title: W,
+  linkWrapper: $,
+  parent: L,
+  linkItem: D,
+  link: F,
+  sublinkToggle: M,
+  standard: j,
+  triangle: z,
+  transparent: R,
+  twoColumn: q,
+  navInner: A,
+  grid: B,
+  separator: G,
+  newTabIcon: H,
+  sublinksDescription: J,
+  linkContent: K,
+  open: Q,
+  sublinks: U,
+  show: V,
+  primaryColumn: X,
+  secondaryColumn: Y,
+  spotlightColumn: Z,
+  sublinksInner: O,
+  sublinksColumn: P,
+  chevron: nn,
+  default: "_default_1bon6_773",
+  advanced: on,
+  subtitle: sn,
+  withSpotlight: en,
+  withoutSpotlight: tn,
+  searchWrapper: _n,
+  fadeInFromLeft: rn
+};
+function un({
+  link: n,
+  path: s,
+  parentPath: i,
+  openPath: d,
+  togglePath: a,
+  updateTriangleIndicator: m,
+  setOpenPath: t,
+  renderLinks: p,
+  buttonRefs: h
+}) {
+  var b;
+  const _ = d === s, r = !!((b = n.sublinks) != null && b.length), c = k(null);
+  return h.current.set(s, c.current), /* @__PURE__ */ l(
+    "div",
+    {
+      className: `${o.linkWrapper} ${i ? "" : o.parent}`,
+      children: [
+        /* @__PURE__ */ e("div", { className: o.linkItem, children: n.href ? /* @__PURE__ */ l(
+          "a",
+          {
+            href: n.href,
+            className: o.link,
+            target: n.isExternal ? "_blank" : "_self",
+            rel: n.isExternal ? "noopener noreferrer" : void 0,
+            onClick: () => {
+              var u;
+              t(null), (u = n.onClick) == null || u.call(n);
+            },
+            onMouseEnter: () => {
+              i || t(null);
+            },
+            role: "menuitem",
+            children: [
+              n.label,
+              n.isExternal && /* @__PURE__ */ e(v, { className: o.newTabIcon, size: 16 })
+            ]
+          }
+        ) : /* @__PURE__ */ l(
+          "button",
+          {
+            ref: c,
+            "aria-haspopup": r ? "true" : void 0,
+            "aria-expanded": _,
+            className: `${o.sublinkToggle} ${_ ? o.open : ""}`,
+            onClick: () => a(s),
+            onMouseEnter: () => {
+              m(s), t(s);
+            },
+            children: [
+              n.label,
+              r && /* @__PURE__ */ e(g, { size: 18, className: o.chevron })
+            ]
+          }
+        ) }),
+        r && /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${o.sublinks} ${_ ? o.show : ""}`,
+            onMouseLeave: () => a(s),
+            role: "menu",
+            "aria-label": `${n.label} submenu`,
+            children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: o.sublinksInner, children: /* @__PURE__ */ e("div", { className: o.sublinksColumn, children: p(n.sublinks, s) }) }) })
+          }
+        )
+      ]
+    },
+    s
+  );
+}
+export {
+  un as N,
+  o as s
+};

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-DSn6ti8O.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-C5ZCMRQ6.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-3G_M0Xmt.js";
+import { N as a } from "../../../NavLink-CfAA47R1.js";
 import "../../../external-link-BOPobeQJ.js";
 import "../../../chevron-down-DSUzBz9F.js";
 export {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),e=require("../../../NavLink-DSn6ti8O.cjs"),ne=require("../../../chevron-down-DfK1XBl3.cjs"),te=require("../../../external-link-DDShu-48.cjs"),le={standard:e.styles.standard,transparent:e.styles.transparent},ae={left:e.styles.left,center:e.styles.center,right:e.styles.right};function ie({title:F,logo:w,items:h,groups:u,utilityItems:k,isSticky:G=!1,showSearch:g=!0,showLocaleSelect:C=!0,alignment:b="right",variant:X="standard",navigationType:E="default",className:V}){const[A,H]=a.useState(0),[L,c]=a.useState(null),[p,J]=a.useState(!1),[R,K]=a.useState(!1),[P,Q]=a.useState(!1),[U,Y]=a.useState(null),[f,x]=a.useState(0),[Z,M]=a.useState(null),$=a.useRef(null),y=a.useRef(null),m=a.useRef(new Map),S=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem})}),W=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem})}),j=n=>{const t=m.current.get(n);if(t&&y.current){const r=t.getBoundingClientRect(),o=y.current.getBoundingClientRect(),i=r.left-o.left+r.width/2;Y(i)}};console.log(j);const ee=n=>{c(t=>t===n?null:n)},se=n=>n.map((t,r)=>{var I,q,O,T;const o=`group-${r}`,v=Z===r,i=(I=t.primaryItems)==null?void 0:I[f??0];return console.log(i),s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{M(r),c(o),j(o)},onMouseLeave:()=>{M(null),x(0),c(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:l=>{m.current.set(o,l)},role:"menuitem","aria-haspopup":"true","aria-expanded":v,"aria-controls":`submenu-${r}`,className:`${e.styles.sublinkToggle} ${v?e.styles.open:""} `,children:[t.title,s.jsx(ne.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${r}`,className:`${e.styles.sublinks} ${v?e.styles.show:""}`,role:"menu","aria-label":`${t.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${t.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(q=t.primaryItems)==null?void 0:q.map((l,d)=>l.href?s.jsxs("a",{href:l.href,className:`${e.styles.link} ${f===d?e.styles.open:""}`,target:l.isExternal?"_blank":"_self",rel:l.isExternal?"noopener noreferrer":void 0,onClick:()=>{var D;c(null),(D=l.onClick)==null||D.call(l)},onMouseEnter:()=>l.sublinks?x(d):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[l.label,l.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:l.subtitle})]}),l.isExternal&&s.jsx(te.ExternalLink,{className:e.styles.newTabIcon,size:16})]},l._key??d):s.jsx("button",{className:`${e.styles.sublinkToggle} ${f===d?e.styles.open:""}`,onMouseEnter:()=>x(d),children:s.jsxs("span",{className:e.styles.linkContent,children:[l.label,l.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:l.subtitle})]})},l._key??d))]}),(i==null?void 0:i.sublinks)&&((O=i==null?void 0:i.sublinks)==null?void 0:O.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:N(i.sublinks,`${o}-${f}`)},`${i.label}-${(T=i==null?void 0:i.sublinks)==null?void 0:T.length}`)]})})})]},t._key??`group-${r}`)}),N=(n,t="")=>n.map(r=>{const o=`${t}/${r.label}`;return s.jsx(e.NavLink,{link:r,path:o,parentPath:t,openPath:L,togglePath:ee,updateTriangleIndicator:j,setOpenPath:c,renderLinks:N,buttonRefs:m},r._key??o)}),_=a.useCallback(n=>{$.current&&!$.current.contains(n.target)&&c(null)},[]),z=a.useCallback(()=>{B(),typeof window<"u"&&window.innerWidth>768&&(J(!1),c(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),B=a.useCallback(()=>{if(y.current){const n=y.current.getBoundingClientRect().width;H(n),Q(!0)}},[]);return a.useEffect(()=>{const n=typeof window<"u",t=typeof document<"u";return n&&window.addEventListener("resize",z),t&&document.addEventListener("click",_),B(),()=>{n&&window.removeEventListener("resize",z),t&&document.removeEventListener("click",_)}},[]),a.useEffect(()=>{if(typeof window<"u"){const n=()=>{const t=window.innerWidth<768;K(t)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]),a.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=p?"hidden":"",()=>{document.body.style.overflow=""}},[p]),s.jsx("header",{ref:$,className:`${V??""} ${ae[b]} ${le[X]} ${e.styles.navbar} ${G?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,role:"navigation","aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!k||k.length===0)&&b!=="center"?e.styles.twoColumn:""}`,children:[w?s.jsx("div",{className:e.styles.logo,children:w}):s.jsx("div",{className:e.styles.title,children:F}),s.jsx("nav",{ref:y,style:{left:b==="center"?`calc(50% - ${A/2}px)`:"0"},className:`${e.styles.nav} ${p?e.styles.open:""} ${P?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${U}px`},className:`${e.styles.triangle} ${L?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),E==="default"&&h&&s.jsxs("div",{className:e.styles.grid,children:[h&&h.length>0&&N(h),g&&!R&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(S,{})]}),C&&s.jsx(W,{})]}),!R&&E==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&se(u),g&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(S,{})]}),C&&s.jsx(W,{})]})]})})]})})}exports.Navbar=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../../../NavLink-C5ZCMRQ6.cjs"),te=require("../../../chevron-down-DfK1XBl3.cjs"),le=require("../../../external-link-DDShu-48.cjs"),ae={standard:e.styles.standard,transparent:e.styles.transparent},ie={left:e.styles.left,center:e.styles.center,right:e.styles.right};function oe({title:G,logo:k,items:h,groups:u,utilityItems:w,isSticky:X=!1,showSearch:g=!0,showLocaleSelect:C=!0,alignment:$="right",variant:V="standard",navigationType:E="default",className:A}){const[H,J]=i.useState(0),[L,r]=i.useState(null),[x,K]=i.useState(!1),[R,Q]=i.useState(!1),[U,Y]=i.useState(!1),[Z,P]=i.useState(null),[f,m]=i.useState(0),[ee,M]=i.useState(null),j=i.useRef(null),y=i.useRef(null),p=i.useRef(new Map),S=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem})}),W=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem})}),N=l=>{const n=p.current.get(l);if(n&&y.current){const o=n.getBoundingClientRect(),c=y.current.getBoundingClientRect(),t=o.left-c.left+o.width/2;P(t)}};console.log(N);const se=l=>{r(n=>n===l?null:l)},ne=l=>l.map((n,o)=>{var q,I,O,T,D;const c=`group-${o}`,b=ee===o,t=(q=n.primaryItems)==null?void 0:q[f??0];return console.log(t),s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{M(o),r(c),N(c)},onMouseLeave:()=>{M(null),m(0),r(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:a=>{p.current.set(c,a)},role:"menuitem","aria-haspopup":"true","aria-expanded":b,"aria-controls":`submenu-${o}`,className:`${e.styles.sublinkToggle} ${b?e.styles.open:""} `,children:[n.title,s.jsx(te.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${o}`,className:`${e.styles.sublinks} ${b?e.styles.show:""}`,role:"menu","aria-label":`${n.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${n.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(I=n.primaryItems)==null?void 0:I.map((a,d)=>a.href?s.jsxs("a",{href:a.href,className:`${e.styles.link} ${f===d?e.styles.open:""}`,target:a.isExternal?"_blank":"_self",rel:a.isExternal?"noopener noreferrer":void 0,onClick:()=>{var F;r(null),(F=a.onClick)==null||F.call(a)},onMouseEnter:()=>a.sublinks?m(d):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]}),a.isExternal&&s.jsx(le.ExternalLink,{className:e.styles.newTabIcon,size:16})]},a._key??d):s.jsx("button",{className:`${e.styles.sublinkToggle} ${f===d?e.styles.open:""}`,onMouseEnter:()=>m(d),children:s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]})},a._key??d))]}),(t==null?void 0:t.sublinks)&&((O=t==null?void 0:t.sublinks)==null?void 0:O.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(t==null?void 0:t.description)&&s.jsx("div",{className:e.styles.sublinksDescription,children:t==null?void 0:t.description}),v(t.sublinks,`${c}-${f}`)]},`${t.label}-${(T=t==null?void 0:t.sublinks)==null?void 0:T.length}`),(n==null?void 0:n.secondaryItems)&&((D=n==null?void 0:n.secondaryItems)==null?void 0:D.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:v(n.secondaryItems,`${c}-secondary`)}),n.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:n.spotlight})]})})})]},n._key??`group-${o}`)}),v=(l,n="")=>l.map(o=>{const c=`${n}/${o.label}`;return s.jsx(e.NavLink,{link:o,path:c,parentPath:n,openPath:L,togglePath:se,updateTriangleIndicator:N,setOpenPath:r,renderLinks:v,buttonRefs:p},o._key??c)}),_=i.useCallback(l=>{j.current&&!j.current.contains(l.target)&&r(null)},[]),z=i.useCallback(()=>{B(),typeof window<"u"&&window.innerWidth>768&&(K(!1),r(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),B=i.useCallback(()=>{if(y.current){const l=y.current.getBoundingClientRect().width;J(l),Y(!0)}},[]);return i.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",z),n&&document.addEventListener("click",_),B(),()=>{l&&window.removeEventListener("resize",z),n&&document.removeEventListener("click",_)}},[]),i.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;Q(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]),i.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=x?"hidden":"",()=>{document.body.style.overflow=""}},[x]),s.jsx("header",{ref:j,className:`${A??""} ${ie[$]} ${ae[V]} ${e.styles.navbar} ${X?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,role:"navigation","aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!w||w.length===0)&&$!=="center"?e.styles.twoColumn:""}`,children:[k?s.jsx("div",{className:e.styles.logo,children:k}):s.jsx("div",{className:e.styles.title,children:G}),s.jsx("nav",{ref:y,style:{left:$==="center"?`calc(50% - ${H/2}px)`:"0"},className:`${e.styles.nav} ${x?e.styles.open:""} ${U?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${Z}px`},className:`${e.styles.triangle} ${L?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),E==="default"&&h&&s.jsxs("div",{className:e.styles.grid,children:[h&&h.length>0&&v(h),g&&!R&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(S,{})]}),C&&s.jsx(W,{})]}),!R&&E==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ne(u),g&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(S,{})]}),C&&s.jsx(W,{})]})]})})]})})}exports.Navbar=oe;

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

@@ -1,120 +1,120 @@
-import { jsx as n, jsxs as r, Fragment as H } from "react/jsx-runtime";
-import { useState as c, useRef as C, useCallback as E, useEffect as L } from "react";
-import { s as e, N as re } from "../../../NavLink-3G_M0Xmt.js";
-import { C as oe } from "../../../chevron-down-DSUzBz9F.js";
-import { E as ce } from "../../../external-link-BOPobeQJ.js";
-const de = {
+import { jsx as n, jsxs as i, Fragment as q } from "react/jsx-runtime";
+import { useState as r, useRef as C, useCallback as E, useEffect as L } from "react";
+import { s as e, N as ce } from "../../../NavLink-CfAA47R1.js";
+import { C as re } from "../../../chevron-down-DSUzBz9F.js";
+import { E as de } from "../../../external-link-BOPobeQJ.js";
+const ue = {
   standard: e.standard,
   transparent: e.transparent
-}, ue = {
+}, he = {
   left: e.left,
   center: e.center,
   right: e.right
 };
-function be({
-  title: q,
+function pe({
+  title: J,
   logo: M,
   items: v,
   groups: h,
   utilityItems: x,
-  isSticky: J = !1,
+  isSticky: K = !1,
   showSearch: R = !0,
   showLocaleSelect: W = !0,
-  alignment: b = "right",
-  variant: K = "standard",
+  alignment: p = "right",
+  variant: Q = "standard",
   navigationType: z = "default",
   // searchComponent,
   // localeSelectComponent,
-  className: Q
+  className: U
 }) {
-  const [U, Y] = c(0), [I, d] = c(null), [$, Z] = c(!1), [B, P] = c(!1), [ee, ne] = c(!1), [se, te] = c(null), [p, w] = c(
+  const [Y, Z] = r(0), [B, d] = r(null), [N, P] = r(!1), [I, ee] = r(!1), [ne, se] = r(!1), [te, le] = r(null), [m, w] = r(
     0
-  ), [le, _] = c(null), N = C(null), f = C(null), k = C(/* @__PURE__ */ new Map()), O = () => /* @__PURE__ */ n(
+  ), [ae, _] = r(null), k = C(null), f = C(null), g = C(/* @__PURE__ */ new Map()), O = () => /* @__PURE__ */ n(
     "div",
     {
       className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
       children: /* @__PURE__ */ n("div", { className: e.linkItem })
     }
-  ), T = () => /* @__PURE__ */ n("div", { className: `${e.linkWrapper} ${e.parent} `, children: /* @__PURE__ */ n("div", { className: e.linkItem }) }), g = (s) => {
-    const t = k.current.get(s);
-    if (t && f.current) {
-      const i = t.getBoundingClientRect(), o = f.current.getBoundingClientRect(), a = i.left - o.left + i.width / 2;
-      te(a);
+  ), T = () => /* @__PURE__ */ n("div", { className: `${e.linkWrapper} ${e.parent} `, children: /* @__PURE__ */ n("div", { className: e.linkItem }) }), y = (l) => {
+    const s = g.current.get(l);
+    if (s && f.current) {
+      const o = s.getBoundingClientRect(), c = f.current.getBoundingClientRect(), t = o.left - c.left + o.width / 2;
+      le(t);
     }
   };
-  console.log(g);
-  const ae = (s) => {
-    d((t) => t === s ? null : s);
-  }, ie = (s) => s.map((t, i) => {
-    var D, F, S, V;
-    const o = `group-${i}`, m = le === i, a = (D = t.primaryItems) == null ? void 0 : D[p ?? 0];
-    return console.log(a), /* @__PURE__ */ r(
+  console.log(y);
+  const ie = (l) => {
+    d((s) => s === l ? null : l);
+  }, oe = (l) => l.map((s, o) => {
+    var X, F, S, V, A;
+    const c = `group-${o}`, b = ae === o, t = (X = s.primaryItems) == null ? void 0 : X[m ?? 0];
+    return console.log(t), /* @__PURE__ */ i(
       "div",
       {
         className: `${e.linkWrapper} ${e.parent}`,
         onMouseEnter: () => {
-          _(i), d(o), g(o);
+          _(o), d(c), y(c);
         },
         onMouseLeave: () => {
           _(null), w(0), d(null);
         },
         children: [
-          /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ r(
+          /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ i(
             "button",
             {
-              ref: (l) => {
-                k.current.set(o, l);
+              ref: (a) => {
+                g.current.set(c, a);
               },
               role: "menuitem",
               "aria-haspopup": "true",
-              "aria-expanded": m,
-              "aria-controls": `submenu-${i}`,
-              className: `${e.sublinkToggle} ${m ? e.open : ""} `,
+              "aria-expanded": b,
+              "aria-controls": `submenu-${o}`,
+              className: `${e.sublinkToggle} ${b ? e.open : ""} `,
               children: [
-                t.title,
-                /* @__PURE__ */ n(oe, { size: 18, className: e.chevron })
+                s.title,
+                /* @__PURE__ */ n(re, { size: 18, className: e.chevron })
               ]
             }
           ) }),
           /* @__PURE__ */ n(
             "div",
             {
-              id: `submenu-${i}`,
-              className: `${e.sublinks} ${m ? e.show : ""}`,
+              id: `submenu-${o}`,
+              className: `${e.sublinks} ${b ? e.show : ""}`,
               role: "menu",
-              "aria-label": `${t.title} submenu`,
-              children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ r(
+              "aria-label": `${s.title} submenu`,
+              children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ i(
                 "div",
                 {
-                  className: `${e.sublinksInner} ${t.spotlight ? e.withSpotlight : e.withoutSpotlight}`,
+                  className: `${e.sublinksInner} ${s.spotlight ? e.withSpotlight : e.withoutSpotlight}`,
                   children: [
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ i(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.primaryColumn}`,
                         children: [
                           /* @__PURE__ */ n("div", { className: e.linkItem }),
-                          (F = t.primaryItems) == null ? void 0 : F.map(
-                            (l, u) => l.href ? /* @__PURE__ */ r(
+                          (F = s.primaryItems) == null ? void 0 : F.map(
+                            (a, u) => a.href ? /* @__PURE__ */ i(
                               "a",
                               {
-                                href: l.href,
-                                className: `${e.link} ${p === u ? e.open : ""}`,
-                                target: l.isExternal ? "_blank" : "_self",
-                                rel: l.isExternal ? "noopener noreferrer" : void 0,
+                                href: a.href,
+                                className: `${e.link} ${m === u ? e.open : ""}`,
+                                target: a.isExternal ? "_blank" : "_self",
+                                rel: a.isExternal ? "noopener noreferrer" : void 0,
                                 onClick: () => {
-                                  var A;
-                                  d(null), (A = l.onClick) == null || A.call(l);
+                                  var H;
+                                  d(null), (H = a.onClick) == null || H.call(a);
                                 },
-                                onMouseEnter: () => l.sublinks ? w(u) : null,
+                                onMouseEnter: () => a.sublinks ? w(u) : null,
                                 role: "menuitem",
                                 children: [
-                                  /* @__PURE__ */ r("span", { className: e.linkContent, children: [
-                                    l.label,
-                                    l.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: l.subtitle })
+                                  /* @__PURE__ */ i("span", { className: e.linkContent, children: [
+                                    a.label,
+                                    a.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: a.subtitle })
                                   ] }),
-                                  l.isExternal && /* @__PURE__ */ n(
-                                    ce,
+                                  a.isExternal && /* @__PURE__ */ n(
+                                    de,
                                     {
                                       className: e.newTabIcon,
                                       size: 16
@@ -122,33 +122,50 @@ function be({
                                   )
                                 ]
                               },
-                              l._key ?? u
+                              a._key ?? u
                             ) : /* @__PURE__ */ n(
                               "button",
                               {
-                                className: `${e.sublinkToggle} ${p === u ? e.open : ""}`,
+                                className: `${e.sublinkToggle} ${m === u ? e.open : ""}`,
                                 onMouseEnter: () => w(u),
-                                children: /* @__PURE__ */ r("span", { className: e.linkContent, children: [
-                                  l.label,
-                                  l.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: l.subtitle })
+                                children: /* @__PURE__ */ i("span", { className: e.linkContent, children: [
+                                  a.label,
+                                  a.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: a.subtitle })
                                 ] })
                               },
-                              l._key ?? u
+                              a._key ?? u
                             )
                           )
                         ]
                       }
                     ),
-                    (a == null ? void 0 : a.sublinks) && ((S = a == null ? void 0 : a.sublinks) == null ? void 0 : S.length) > 0 && /* @__PURE__ */ n(
+                    (t == null ? void 0 : t.sublinks) && ((S = t == null ? void 0 : t.sublinks) == null ? void 0 : S.length) > 0 && /* @__PURE__ */ i(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.fadeInFromLeft}`,
-                        children: y(
-                          a.sublinks,
-                          `${o}-${p}`
-                        )
+                        children: [
+                          (t == null ? void 0 : t.description) && /* @__PURE__ */ n("div", { className: e.sublinksDescription, children: t == null ? void 0 : t.description }),
+                          $(
+                            t.sublinks,
+                            `${c}-${m}`
+                          )
+                        ]
                       },
-                      `${a.label}-${(V = a == null ? void 0 : a.sublinks) == null ? void 0 : V.length}`
+                      `${t.label}-${(V = t == null ? void 0 : t.sublinks) == null ? void 0 : V.length}`
+                    ),
+                    (s == null ? void 0 : s.secondaryItems) && ((A = s == null ? void 0 : s.secondaryItems) == null ? void 0 : A.length) > 0 && /* @__PURE__ */ n(
+                      "div",
+                      {
+                        className: `${e.sublinksColumn} ${e.secondaryColumn}`,
+                        children: $(s.secondaryItems, `${c}-secondary`)
+                      }
+                    ),
+                    s.spotlight && /* @__PURE__ */ n(
+                      "div",
+                      {
+                        className: `${e.sublinksColumn} ${e.spotlightColumn}`,
+                        children: s.spotlight
+                      }
                     )
                   ]
                 }
@@ -157,83 +174,83 @@ function be({
           )
         ]
       },
-      t._key ?? `group-${i}`
+      s._key ?? `group-${o}`
     );
-  }), y = (s, t = "") => s.map((i) => {
-    const o = `${t}/${i.label}`;
+  }), $ = (l, s = "") => l.map((o) => {
+    const c = `${s}/${o.label}`;
     return /* @__PURE__ */ n(
-      re,
+      ce,
       {
-        link: i,
-        path: o,
-        parentPath: t,
-        openPath: I,
-        togglePath: ae,
-        updateTriangleIndicator: g,
+        link: o,
+        path: c,
+        parentPath: s,
+        openPath: B,
+        togglePath: ie,
+        updateTriangleIndicator: y,
         setOpenPath: d,
-        renderLinks: y,
-        buttonRefs: k
+        renderLinks: $,
+        buttonRefs: g
       },
-      i._key ?? o
+      o._key ?? c
     );
-  }), j = E((s) => {
-    N.current && !N.current.contains(s.target) && d(null);
+  }), j = E((l) => {
+    k.current && !k.current.contains(l.target) && d(null);
+  }, []), D = E(() => {
+    G(), typeof window < "u" && window.innerWidth > 768 && (P(!1), d(null), typeof document < "u" && (document.body.style.overflow = ""));
   }, []), G = E(() => {
-    X(), typeof window < "u" && window.innerWidth > 768 && (Z(!1), d(null), typeof document < "u" && (document.body.style.overflow = ""));
-  }, []), X = E(() => {
     if (f.current) {
-      const s = f.current.getBoundingClientRect().width;
-      Y(s), ne(!0);
+      const l = f.current.getBoundingClientRect().width;
+      Z(l), se(!0);
     }
   }, []);
   return L(() => {
-    const s = typeof window < "u", t = typeof document < "u";
-    return s && window.addEventListener("resize", G), t && document.addEventListener("click", j), X(), () => {
-      s && window.removeEventListener("resize", G), t && document.removeEventListener("click", j);
+    const l = typeof window < "u", s = typeof document < "u";
+    return l && window.addEventListener("resize", D), s && document.addEventListener("click", j), G(), () => {
+      l && window.removeEventListener("resize", D), s && document.removeEventListener("click", j);
     };
   }, []), L(() => {
     if (typeof window < "u") {
-      const s = () => {
-        const t = window.innerWidth < 768;
-        P(t);
+      const l = () => {
+        const s = window.innerWidth < 768;
+        ee(s);
       };
-      return s(), window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
+      return l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
     }
   }, []), L(() => {
     if (typeof document < "u")
-      return document.body.style.overflow = $ ? "hidden" : "", () => {
+      return document.body.style.overflow = N ? "hidden" : "", () => {
         document.body.style.overflow = "";
       };
-  }, [$]), /* @__PURE__ */ n(
+  }, [N]), /* @__PURE__ */ n(
     "header",
     {
-      ref: N,
-      className: `${Q ?? ""} ${ue[b]} ${de[K]} ${e.navbar} ${J ? e.sticky : ""} ${h && h.length ? e.advanced : e.default}`,
+      ref: k,
+      className: `${U ?? ""} ${he[p]} ${ue[Q]} ${e.navbar} ${K ? e.sticky : ""} ${h && h.length ? e.advanced : e.default}`,
       role: "navigation",
       "aria-label": "Main navigation",
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ i(
         "div",
         {
-          className: `${e.container} ${(!x || x.length === 0) && b !== "center" ? e.twoColumn : ""}`,
+          className: `${e.container} ${(!x || x.length === 0) && p !== "center" ? e.twoColumn : ""}`,
           children: [
-            M ? /* @__PURE__ */ n("div", { className: e.logo, children: M }) : /* @__PURE__ */ n("div", { className: e.title, children: q }),
+            M ? /* @__PURE__ */ n("div", { className: e.logo, children: M }) : /* @__PURE__ */ n("div", { className: e.title, children: J }),
             /* @__PURE__ */ n(
               "nav",
               {
                 ref: f,
                 style: {
-                  left: b === "center" ? `calc(50% - ${U / 2}px)` : "0"
+                  left: p === "center" ? `calc(50% - ${Y / 2}px)` : "0"
                 },
-                className: `${e.nav} ${$ ? e.open : ""} ${ee ? e.visible : e.hidden}`,
+                className: `${e.nav} ${N ? e.open : ""} ${ne ? e.visible : e.hidden}`,
                 id: "main-menu",
                 role: "menubar",
                 "aria-label": "Main navigation",
-                children: /* @__PURE__ */ r("div", { className: e.navInner, children: [
+                children: /* @__PURE__ */ i("div", { className: e.navInner, children: [
                   /* @__PURE__ */ n(
                     "svg",
                     {
-                      style: { left: `${se}px` },
-                      className: `${e.triangle} ${I ? e.show : ""}`,
+                      style: { left: `${te}px` },
+                      className: `${e.triangle} ${B ? e.show : ""}`,
                       width: 16,
                       height: 12,
                       viewBox: "0 0 100 75",
@@ -249,17 +266,17 @@ function be({
                       )
                     }
                   ),
-                  z === "default" && v && /* @__PURE__ */ r("div", { className: e.grid, children: [
-                    v && v.length > 0 && y(v),
-                    R && !B && /* @__PURE__ */ r(H, { children: [
+                  z === "default" && v && /* @__PURE__ */ i("div", { className: e.grid, children: [
+                    v && v.length > 0 && $(v),
+                    R && !I && /* @__PURE__ */ i(q, { children: [
                       /* @__PURE__ */ n("span", { className: e.separator }),
                       /* @__PURE__ */ n(O, {})
                     ] }),
                     W && /* @__PURE__ */ n(T, {})
                   ] }),
-                  !B && z === "advanced" && h && /* @__PURE__ */ r("div", { className: e.grid, children: [
-                    h.length > 0 && ie(h),
-                    R && /* @__PURE__ */ r(H, { children: [
+                  !I && z === "advanced" && h && /* @__PURE__ */ i("div", { className: e.grid, children: [
+                    h.length > 0 && oe(h),
+                    R && /* @__PURE__ */ i(q, { children: [
                       /* @__PURE__ */ n("span", { className: e.separator }),
                       /* @__PURE__ */ n(O, {})
                     ] }),
@@ -275,5 +292,5 @@ function be({
   );
 }
 export {
-  be as Navbar
+  pe as Navbar
 };

package/dist/core.d.ts

@@ -887,7 +887,7 @@ export declare type NavItem = {
     _key?: string;
     label: string;
     subtitle?: string;
-    description?: default_2.ReactNode;
+    description?: any[];
     href?: string;
     sublinks?: NavItem[];
     isExternal?: boolean;

package/dist/main.d.ts

@@ -1307,7 +1307,7 @@ export declare type NavItem = {
     _key?: string;
     label: string;
     subtitle?: string;
-    description?: default_2.ReactNode;
+    description?: any[];
     href?: string;
     sublinks?: NavItem[];
     isExternal?: boolean;

package/dist/next.d.ts

@@ -433,7 +433,7 @@ declare type NavItem = {
     _key?: string;
     label: string;
     subtitle?: string;
-    description?: default_2.ReactNode;
+    description?: any[];
     href?: string;
     sublinks?: NavItem[];
     isExternal?: boolean;

package/package.json

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

package/dist/NavLink-3G_M0Xmt.js

@@ -1,119 +0,0 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useRef as v } from "react";
-import { E as k } from "./external-link-BOPobeQJ.js";
-import { C as g } from "./chevron-down-DSUzBz9F.js";
-import './assets/NavLink.css';const f = "_navbar_1bon6_5", w = "_sticky_1bon6_19", C = "_left_1bon6_34", I = "_container_1bon6_35", N = "_logo_1bon6_39", x = "_nav_1bon6_5", T = "_center_1bon6_54", y = "_hidden_1bon6_60", E = "_visible_1bon6_67", S = "_right_1bon6_82", W = "_title_1bon6_89", $ = "_linkWrapper_1bon6_99", L = "_parent_1bon6_99", F = "_linkItem_1bon6_107", M = "_link_1bon6_99", j = "_sublinkToggle_1bon6_111", z = "_standard_1bon6_159", R = "_triangle_1bon6_167", D = "_transparent_1bon6_172", q = "_twoColumn_1bon6_276", A = "_navInner_1bon6_398", B = "_grid_1bon6_409", G = "_separator_1bon6_444", H = "_newTabIcon_1bon6_474", J = "_linkContent_1bon6_489", K = "_open_1bon6_500", Q = "_sublinks_1bon6_486", U = "_show_1bon6_571", V = "_primaryColumn_1bon6_612", X = "_sublinksInner_1bon6_629", Y = "_sublinksColumn_1bon6_647", Z = "_chevron_1bon6_657", O = "_advanced_1bon6_839", P = "_subtitle_1bon6_848", nn = "_withSpotlight_1bon6_890", on = "_withoutSpotlight_1bon6_894", en = "_searchWrapper_1bon6_940", sn = "_fadeInFromLeft_1bon6_962", o = {
-  navbar: f,
-  sticky: w,
-  left: C,
-  container: I,
-  logo: N,
-  nav: x,
-  center: T,
-  hidden: y,
-  visible: E,
-  right: S,
-  title: W,
-  linkWrapper: $,
-  parent: L,
-  linkItem: F,
-  link: M,
-  sublinkToggle: j,
-  standard: z,
-  triangle: R,
-  transparent: D,
-  twoColumn: q,
-  navInner: A,
-  grid: B,
-  separator: G,
-  newTabIcon: H,
-  linkContent: J,
-  open: K,
-  sublinks: Q,
-  show: U,
-  primaryColumn: V,
-  sublinksInner: X,
-  sublinksColumn: Y,
-  chevron: Z,
-  default: "_default_1bon6_773",
-  advanced: O,
-  subtitle: P,
-  withSpotlight: nn,
-  withoutSpotlight: on,
-  searchWrapper: en,
-  fadeInFromLeft: sn
-};
-function an({
-  link: n,
-  path: e,
-  parentPath: i,
-  openPath: d,
-  togglePath: a,
-  updateTriangleIndicator: m,
-  setOpenPath: t,
-  renderLinks: p,
-  buttonRefs: h
-}) {
-  var b;
-  const r = d === e, _ = !!((b = n.sublinks) != null && b.length), c = v(null);
-  return h.current.set(e, c.current), /* @__PURE__ */ l(
-    "div",
-    {
-      className: `${o.linkWrapper} ${i ? "" : o.parent}`,
-      children: [
-        /* @__PURE__ */ s("div", { className: o.linkItem, children: n.href ? /* @__PURE__ */ l(
-          "a",
-          {
-            href: n.href,
-            className: o.link,
-            target: n.isExternal ? "_blank" : "_self",
-            rel: n.isExternal ? "noopener noreferrer" : void 0,
-            onClick: () => {
-              var u;
-              t(null), (u = n.onClick) == null || u.call(n);
-            },
-            onMouseEnter: () => {
-              i || t(null);
-            },
-            role: "menuitem",
-            children: [
-              n.label,
-              n.isExternal && /* @__PURE__ */ s(k, { className: o.newTabIcon, size: 16 })
-            ]
-          }
-        ) : /* @__PURE__ */ l(
-          "button",
-          {
-            ref: c,
-            "aria-haspopup": _ ? "true" : void 0,
-            "aria-expanded": r,
-            className: `${o.sublinkToggle} ${r ? o.open : ""}`,
-            onClick: () => a(e),
-            onMouseEnter: () => {
-              m(e), t(e);
-            },
-            children: [
-              n.label,
-              _ && /* @__PURE__ */ s(g, { size: 18, className: o.chevron })
-            ]
-          }
-        ) }),
-        _ && /* @__PURE__ */ s(
-          "div",
-          {
-            className: `${o.sublinks} ${r ? o.show : ""}`,
-            onMouseLeave: () => a(e),
-            role: "menu",
-            "aria-label": `${n.label} submenu`,
-            children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("div", { className: o.sublinksInner, children: /* @__PURE__ */ s("div", { className: o.sublinksColumn, children: p(n.sublinks, e) }) }) })
-          }
-        )
-      ]
-    },
-    e
-  );
-}
-export {
-  an as N,
-  o as s
-};

package/dist/NavLink-DSn6ti8O.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/NavLink.css');const e=require("react/jsx-runtime"),p=require("react"),v=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),g="_navbar_1bon6_5",f="_sticky_1bon6_19",w="_left_1bon6_34",I="_container_1bon6_35",C="_logo_1bon6_39",x="_nav_1bon6_5",N="_center_1bon6_54",j="_hidden_1bon6_60",$="_visible_1bon6_67",y="_right_1bon6_82",L="_title_1bon6_89",T="_linkWrapper_1bon6_99",S="_parent_1bon6_99",W="_linkItem_1bon6_107",E="_link_1bon6_99",q="_sublinkToggle_1bon6_111",F="_standard_1bon6_159",M="_triangle_1bon6_167",R="_transparent_1bon6_172",z="_twoColumn_1bon6_276",D="_navInner_1bon6_398",A="_grid_1bon6_409",B="_separator_1bon6_444",G="_newTabIcon_1bon6_474",H="_linkContent_1bon6_489",J="_open_1bon6_500",K="_sublinks_1bon6_486",Q="_show_1bon6_571",U="_primaryColumn_1bon6_612",V="_sublinksInner_1bon6_629",X="_sublinksColumn_1bon6_647",Y="_chevron_1bon6_657",Z="_advanced_1bon6_839",O="_subtitle_1bon6_848",P="_withSpotlight_1bon6_890",nn="_withoutSpotlight_1bon6_894",on="_searchWrapper_1bon6_940",en="_fadeInFromLeft_1bon6_962",o={navbar:g,sticky:f,left:w,container:I,logo:C,nav:x,center:N,hidden:j,visible:$,right:y,title:L,linkWrapper:T,parent:S,linkItem:W,link:E,sublinkToggle:q,standard:F,triangle:M,transparent:R,twoColumn:z,navInner:D,grid:A,separator:B,newTabIcon:G,linkContent:H,open:J,sublinks:K,show:Q,primaryColumn:U,sublinksInner:V,sublinksColumn:X,chevron:Y,default:"_default_1bon6_773",advanced:Z,subtitle:O,withSpotlight:P,withoutSpotlight:nn,searchWrapper:on,fadeInFromLeft:en};function sn({link:n,path:s,parentPath:i,openPath:u,togglePath:l,updateTriangleIndicator:d,setOpenPath:t,renderLinks:h,buttonRefs:m}){var c;const r=u===s,_=!!((c=n.sublinks)!=null&&c.length),a=p.useRef(null);return m.current.set(s,a.current),e.jsxs("div",{className:`${o.linkWrapper} ${i?"":o.parent}`,children:[e.jsx("div",{className:o.linkItem,children:n.href?e.jsxs("a",{href:n.href,className:o.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var b;t(null),(b=n.onClick)==null||b.call(n)},onMouseEnter:()=>{i||t(null)},role:"menuitem",children:[n.label,n.isExternal&&e.jsx(v.ExternalLink,{className:o.newTabIcon,size:16})]}):e.jsxs("button",{ref:a,"aria-haspopup":_?"true":void 0,"aria-expanded":r,className:`${o.sublinkToggle} ${r?o.open:""}`,onClick:()=>l(s),onMouseEnter:()=>{d(s),t(s)},children:[n.label,_&&e.jsx(k.ChevronDown,{size:18,className:o.chevron})]})}),_&&e.jsx("div",{className:`${o.sublinks} ${r?o.show:""}`,onMouseLeave:()=>l(s),role:"menu","aria-label":`${n.label} submenu`,children:e.jsx("div",{children:e.jsx("div",{className:o.sublinksInner,children:e.jsx("div",{className:o.sublinksColumn,children:h(n.sublinks,s)})})})})]},s)}exports.NavLink=sn;exports.styles=o;