quirk-ui 0.0.202 → 0.0.204

package/dist/NavLink-BimN5mAj.js

@@ -0,0 +1,115 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useRef as v } from "react";
+import { E as g } from "./external-link-BOPobeQJ.js";
+import { C as k } from "./chevron-down-DSUzBz9F.js";
+import './assets/NavLink.css';const p = "_navbar_wd0jm_5", f = "_left_wd0jm_18", h = "_container_wd0jm_19", I = "_logo_wd0jm_23", T = "_nav_wd0jm_5", C = "_center_wd0jm_38", N = "_hidden_wd0jm_44", y = "_visible_wd0jm_51", x = "_right_wd0jm_66", E = "_title_wd0jm_72", $ = "_sublinks_wd0jm_82", M = "_sublinksInner_wd0jm_94", W = "_linkItem_wd0jm_108", L = "_minimal_wd0jm_113", z = "_menuToggle_wd0jm_117", R = "_linkWrapper_wd0jm_121", D = "_triangle_wd0jm_159", S = "_transparent_wd0jm_164", q = "_sticky_wd0jm_216", A = "_twoColumn_wd0jm_245", B = "_utilityMobile_wd0jm_292", F = "_utility_wd0jm_292", G = "_navInner_wd0jm_320", H = "_grid_wd0jm_329", J = "_navTitle_wd0jm_354", K = "_sublinkToggle_wd0jm_355", Q = "_link_wd0jm_108", U = "_newTabIcon_wd0jm_370", V = "_open_wd0jm_378", X = "_navItem_wd0jm_386", Y = "_show_wd0jm_433", Z = "_sublinksColumn_wd0jm_481", O = "_chevron_wd0jm_491", P = "_parent_wd0jm_570", e = {
+  navbar: p,
+  left: f,
+  container: h,
+  logo: I,
+  nav: T,
+  center: C,
+  hidden: N,
+  visible: y,
+  right: x,
+  title: E,
+  default: "_default_wd0jm_81",
+  sublinks: $,
+  sublinksInner: M,
+  linkItem: W,
+  minimal: L,
+  menuToggle: z,
+  linkWrapper: R,
+  triangle: D,
+  transparent: S,
+  sticky: q,
+  twoColumn: A,
+  utilityMobile: B,
+  utility: F,
+  navInner: G,
+  grid: H,
+  navTitle: J,
+  sublinkToggle: K,
+  link: Q,
+  newTabIcon: U,
+  open: V,
+  navItem: X,
+  show: Y,
+  sublinksColumn: Z,
+  chevron: O,
+  parent: P
+};
+function tn({
+  link: n,
+  path: s,
+  parentPath: r,
+  openPath: u,
+  togglePath: a,
+  updateTriangleIndicator: w,
+  setOpenPath: t,
+  renderLinks: b,
+  buttonRefs: j
+}) {
+  var c;
+  const l = u === s, _ = !!((c = n.sublinks) != null && c.length), m = v(null);
+  return j.current.set(s, m.current), /* @__PURE__ */ i(
+    "div",
+    {
+      className: `${e.linkWrapper} ${r ? "" : e.parent}`,
+      children: [
+        /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ i(
+          "a",
+          {
+            href: n.href,
+            className: e.link,
+            target: n.isExternal ? "_blank" : "_self",
+            rel: n.isExternal ? "noopener noreferrer" : void 0,
+            onClick: () => {
+              var d;
+              t(null), (d = n.onClick) == null || d.call(n);
+            },
+            onMouseEnter: () => {
+              r || t(null);
+            },
+            role: "menuitem",
+            children: [
+              n.label,
+              n.isExternal && /* @__PURE__ */ o(g, { className: e.newTabIcon, size: 16 })
+            ]
+          }
+        ) : /* @__PURE__ */ i(
+          "button",
+          {
+            ref: m,
+            "aria-haspopup": _ ? "true" : void 0,
+            "aria-expanded": l,
+            className: `${e.sublinkToggle} ${l ? e.open : ""}`,
+            onClick: () => a(s),
+            onMouseEnter: () => {
+              w(s), t(s);
+            },
+            children: [
+              n.label,
+              _ && /* @__PURE__ */ o(k, { size: 18, className: e.chevron })
+            ]
+          }
+        ) }),
+        _ && /* @__PURE__ */ o(
+          "div",
+          {
+            className: `${e.sublinks} ${l ? e.show : ""}`,
+            onMouseLeave: () => a(s),
+            role: "menu",
+            "aria-label": `${n.label} submenu`,
+            children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: b(n.sublinks, s) }) }) })
+          }
+        )
+      ]
+    },
+    s
+  );
+}
+export {
+  tn as N,
+  e as s
+};

package/dist/assets/NavLink.css

@@ -0,0 +1 @@
+:root{--nav-height: 65px}._navbar_wd0jm_5{position:relative;height:var(--nav-height)}._left_wd0jm_18 ._container_wd0jm_19{justify-content:flex-start}._left_wd0jm_18 ._logo_wd0jm_23{flex:unset}._left_wd0jm_18 ._nav_wd0jm_5{flex:1}@media (max-width: 767px){._left_wd0jm_18 ._logo_wd0jm_23{flex:1}}._center_wd0jm_38 ._nav_wd0jm_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_wd0jm_38 ._nav_wd0jm_5._hidden_wd0jm_44{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_wd0jm_38 ._nav_wd0jm_5._visible_wd0jm_51{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_wd0jm_38 ._logo_wd0jm_23{flex:1}}._right_wd0jm_66 ._container_wd0jm_19{justify-content:flex-end}._right_wd0jm_66 ._logo_wd0jm_23,._right_wd0jm_66 ._title_wd0jm_72{flex:1}._right_wd0jm_66 ._nav_wd0jm_5{flex:unset}._default_wd0jm_81 ._sublinks_wd0jm_82{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_wd0jm_81 ._sublinks_wd0jm_82{position:relative}}._default_wd0jm_81 ._sublinksInner_wd0jm_94{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_wd0jm_81 ._sublinksInner_wd0jm_94{grid-template-columns:1fr;width:auto;min-height:unset}}._default_wd0jm_81 ._linkItem_wd0jm_108{justify-content:flex-start}._minimal_wd0jm_113{left:0;background-color:#fff}._minimal_wd0jm_113 ._menuToggle_wd0jm_117{grid-area:unset}._minimal_wd0jm_113 ._linkWrapper_wd0jm_121{position:relative}._minimal_wd0jm_113 ._sublinks_wd0jm_82{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_wd0jm_113 ._sublinks_wd0jm_82{position:relative;justify-content:center;align-items:center}}._minimal_wd0jm_113 ._sublinksInner_wd0jm_94{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_wd0jm_113 ._sublinksInner_wd0jm_94{justify-content:center;align-items:center}}._minimal_wd0jm_113 ._linkItem_wd0jm_108{justify-content:flex-end}@media (max-width: 767px){._minimal_wd0jm_113 ._linkItem_wd0jm_108{justify-content:center;align-items:center}}._minimal_wd0jm_113 ._triangle_wd0jm_159{display:none}._transparent_wd0jm_164{background-color:transparent}._transparent_wd0jm_164 ._nav_wd0jm_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_wd0jm_164 ._nav_wd0jm_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_wd0jm_164 ._nav_wd0jm_5:before{border-radius:0}}._transparent_wd0jm_164 ._menuToggle_wd0jm_117:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_wd0jm_216{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_wd0jm_19{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_wd0jm_19{grid-template-areas:"first second third fourth"}}._container_wd0jm_19._twoColumn_wd0jm_245{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_wd0jm_72{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_wd0jm_23{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_wd0jm_23 img{height:auto;width:auto}._menuToggle_wd0jm_117{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_wd0jm_117 svg{position:relative;z-index:5}._utilityMobile_wd0jm_292{display:none;grid-area:third;justify-content:flex-end}._utility_wd0jm_292{grid-area:third;display:flex;justify-content:flex-end}._utility_wd0jm_292 a{font-size:var(--font-size-sm)}._nav_wd0jm_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_wd0jm_5{height:100vh}}._navInner_wd0jm_320{position:relative}@media (max-width: 767px){._navInner_wd0jm_320{margin:var(--spacing-xl) auto 0;min-width:300px}}._grid_wd0jm_329{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_wd0jm_329{display:flex;flex-direction:column}}._linkItem_wd0jm_108{display:flex;align-items:center;box-sizing:border-box}._navTitle_wd0jm_354,._sublinkToggle_wd0jm_355,._link_wd0jm_108{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_wd0jm_354 ._newTabIcon_wd0jm_370,._sublinkToggle_wd0jm_355 ._newTabIcon_wd0jm_370,._link_wd0jm_108 ._newTabIcon_wd0jm_370{color:var(--color-muted);transition:color .3s ease-in-out}._link_wd0jm_108:hover,._sublinkToggle_wd0jm_355:hover,._sublinkToggle_wd0jm_355._open_wd0jm_378,._link_wd0jm_108:hover ._newTabIcon_wd0jm_370,._sublinkToggle_wd0jm_355:hover ._newTabIcon_wd0jm_370,._sublinkToggle_wd0jm_355._open_wd0jm_378 ._newTabIcon_wd0jm_370,._navItem_wd0jm_386:hover{color:var(--color-primary)}._sublinkToggle_wd0jm_355{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_wd0jm_82{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_wd0jm_82._show_wd0jm_433{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_wd0jm_159{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_wd0jm_159._show_wd0jm_433{top:calc(100% + .3rem);opacity:1;visibility:visible}._sublinksInner_wd0jm_94{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md)}@media (max-width: 767px){._sublinksInner_wd0jm_94{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_wd0jm_481{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_wd0jm_481{padding:0}}._chevron_wd0jm_491{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_wd0jm_355._open_wd0jm_378 ._chevron_wd0jm_491{transform:rotate(180deg)}@media (max-width: 767px){._logo_wd0jm_23{flex:1}._menuToggle_wd0jm_117{display:flex;align-items:center;justify-content:center}._utility_wd0jm_292 a:not(._utility_wd0jm_292 a:first-of-type){display:none}._utilityMobile_wd0jm_292{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_wd0jm_292._open_wd0jm_378{transform:translateY(0)}._nav_wd0jm_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_wd0jm_5._open_wd0jm_378{transform:translate(0)}._linkWrapper_wd0jm_121{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_wd0jm_121._parent_wd0jm_570{border-bottom:1px solid var(--color-border)}._linkWrapper_wd0jm_121._parent_wd0jm_570:last-of-type{border:none}._linkItem_wd0jm_108{width:100%}._chevron_wd0jm_491{display:none}._sublinks_wd0jm_82{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_wd0jm_355{cursor:pointer;pointer-events:none;color:var(--color-muted)}}

package/dist/assets/index45.css

@@ -1 +1 @@
-:root{--nav-height: 65px}._navbar_1do0i_5{position:relative;height:var(--nav-height)}._left_1do0i_18 ._container_1do0i_19{justify-content:flex-start}._left_1do0i_18 ._logo_1do0i_23{flex:unset}._left_1do0i_18 ._nav_1do0i_5{flex:1}@media (max-width: 767px){._left_1do0i_18 ._logo_1do0i_23{flex:1}}._center_1do0i_38 ._nav_1do0i_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1do0i_38 ._nav_1do0i_5._hidden_1do0i_44{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1do0i_38 ._nav_1do0i_5._visible_1do0i_51{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1do0i_38 ._logo_1do0i_23{flex:1}}._right_1do0i_66 ._container_1do0i_19{justify-content:flex-end}._right_1do0i_66 ._logo_1do0i_23,._right_1do0i_66 ._title_1do0i_72{flex:1}._right_1do0i_66 ._nav_1do0i_5{flex:unset}._default_1do0i_81 ._sublinks_1do0i_82{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1do0i_81 ._sublinks_1do0i_82{position:relative}}._default_1do0i_81 ._sublinksInner_1do0i_94{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_1do0i_81 ._sublinksInner_1do0i_94{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1do0i_81 ._linkItem_1do0i_108{justify-content:flex-start}._minimal_1do0i_113{left:0;background-color:#fff}._minimal_1do0i_113 ._menuToggle_1do0i_117{grid-area:unset}._minimal_1do0i_113 ._linkWrapper_1do0i_121{position:relative}._minimal_1do0i_113 ._sublinks_1do0i_82{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1do0i_113 ._sublinks_1do0i_82{position:relative;justify-content:center;align-items:center}}._minimal_1do0i_113 ._sublinksInner_1do0i_94{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1do0i_113 ._sublinksInner_1do0i_94{justify-content:center;align-items:center}}._minimal_1do0i_113 ._linkItem_1do0i_108{justify-content:flex-end}@media (max-width: 767px){._minimal_1do0i_113 ._linkItem_1do0i_108{justify-content:center;align-items:center}}._minimal_1do0i_113 ._triangle_1do0i_159{display:none}._transparent_1do0i_164{background-color:transparent}._transparent_1do0i_164 ._nav_1do0i_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1do0i_164 ._nav_1do0i_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1do0i_164 ._nav_1do0i_5:before{border-radius:0}}._transparent_1do0i_164 ._menuToggle_1do0i_117:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_1do0i_216{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1do0i_19{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1do0i_19{grid-template-areas:"first second third fourth"}}._container_1do0i_19._twoColumn_1do0i_245{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1do0i_72{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1do0i_23{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1do0i_23 img{height:auto;width:auto}._menuToggle_1do0i_117{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1do0i_117 svg{position:relative;z-index:5}._utilityMobile_1do0i_292{display:none;grid-area:third;justify-content:flex-end}._utility_1do0i_292{grid-area:third;display:flex;justify-content:flex-end}._utility_1do0i_292 a{font-size:var(--font-size-sm)}._nav_1do0i_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_1do0i_5{height:100vh}}._navInner_1do0i_320{position:relative}@media (max-width: 767px){._navInner_1do0i_320{margin:var(--spacing-xl) auto 0;min-width:300px}}._grid_1do0i_329{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1do0i_329{display:flex;flex-direction:column}}._linkItem_1do0i_108{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1do0i_354,._link_1do0i_108{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._sublinkToggle_1do0i_354 ._newTabIcon_1do0i_369,._link_1do0i_108 ._newTabIcon_1do0i_369{color:var(--color-muted);transition:color .3s ease-in-out}._link_1do0i_108:hover,._sublinkToggle_1do0i_354:hover,._sublinkToggle_1do0i_354._open_1do0i_377,._link_1do0i_108:hover ._newTabIcon_1do0i_369,._sublinkToggle_1do0i_354:hover ._newTabIcon_1do0i_369,._sublinkToggle_1do0i_354._open_1do0i_377 ._newTabIcon_1do0i_369,._navItem_1do0i_385:hover{color:var(--color-primary)}._sublinkToggle_1do0i_354{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1do0i_82{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_1do0i_82._show_1do0i_432{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1do0i_159{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_1do0i_159._show_1do0i_432{top:calc(100% + .3rem);opacity:1;visibility:visible}._sublinksInner_1do0i_94{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md)}@media (max-width: 767px){._sublinksInner_1do0i_94{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1do0i_480{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1do0i_480{padding:0}}._chevron_1do0i_490{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1do0i_354._open_1do0i_377 ._chevron_1do0i_490{transform:rotate(180deg)}@media (max-width: 767px){._logo_1do0i_23{flex:1}._menuToggle_1do0i_117{display:flex;align-items:center;justify-content:center}._utility_1do0i_292 a:not(._utility_1do0i_292 a:first-of-type){display:none}._utilityMobile_1do0i_292{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_1do0i_292._open_1do0i_377{transform:translateY(0)}._nav_1do0i_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1do0i_5._open_1do0i_377{transform:translate(0)}._linkWrapper_1do0i_121{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1do0i_121._parent_1do0i_569{border-bottom:1px solid var(--color-border)}._linkWrapper_1do0i_121._parent_1do0i_569:last-of-type{border:none}._linkItem_1do0i_108{width:100%}._chevron_1do0i_490{display:none}._sublinks_1do0i_82{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_1do0i_354{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
+._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}

package/dist/assets/index46.css

@@ -1 +1 @@
-._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
+._footer_xfxi7_1{background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_xfxi7_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_xfxi7_17{width:100%}._primaryNav_xfxi7_21{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_xfxi7_21{flex-direction:column}}._secondaryNav_xfxi7_30{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_xfxi7_30 a:has(img){height:unset;background-color:transparent}._secondaryNav_xfxi7_30 a:has(img) img{width:175px;height:auto}._secondaryNav_xfxi7_30 a:has(img):hover{background-color:transparent}@media (max-width: 480px){._secondaryNav_xfxi7_30{flex-direction:column-reverse}._secondaryNav_xfxi7_30 nav{width:100%}}._details_xfxi7_62{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}._nav_xfxi7_69{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_xfxi7_77{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._socialItems_xfxi7_83{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}._socialItems_xfxi7_83 ._group_xfxi7_90{min-width:unset}._socialItems_xfxi7_83 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_xfxi7_99{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_xfxi7_90{min-width:140px}._groupTitle_xfxi7_109{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_xfxi7_114{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_xfxi7_122{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_xfxi7_122{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_xfxi7_122 ._newTabIcon_xfxi7_140{color:var(--color-muted);transition:color .3s ease-in-out}._link_xfxi7_122:hover,._link_xfxi7_122:hover ._newTabIcon_xfxi7_140{color:var(--color-primary)}._bottom_xfxi7_154{text-align:left;font-size:var(--font-size-sm);color:var(--color-muted)}._left_xfxi7_161 ._container_xfxi7_8{justify-content:flex-start}._left_xfxi7_161 ._logo_xfxi7_77{flex:unset}._left_xfxi7_161 ._nav_xfxi7_69{flex:1}@media (max-width: 767px){._left_xfxi7_161 ._logo_xfxi7_77{flex:1}}._center_xfxi7_181 ._nav_xfxi7_69{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_xfxi7_181 ._nav_xfxi7_69._hidden_xfxi7_187{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_xfxi7_181 ._nav_xfxi7_69._visible_xfxi7_194{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_xfxi7_181 ._logo_xfxi7_77{flex:1}}._right_xfxi7_209 ._container_xfxi7_8{justify-content:flex-end}._right_xfxi7_209 ._logo_xfxi7_77,._right_xfxi7_209 ._title_xfxi7_215{flex:1}._right_xfxi7_209 ._nav_xfxi7_69{flex:unset}

package/dist/assets/index47.css

@@ -1 +1 @@
-._footer_xfxi7_1{background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_xfxi7_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_xfxi7_17{width:100%}._primaryNav_xfxi7_21{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_xfxi7_21{flex-direction:column}}._secondaryNav_xfxi7_30{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_xfxi7_30 a:has(img){height:unset;background-color:transparent}._secondaryNav_xfxi7_30 a:has(img) img{width:175px;height:auto}._secondaryNav_xfxi7_30 a:has(img):hover{background-color:transparent}@media (max-width: 480px){._secondaryNav_xfxi7_30{flex-direction:column-reverse}._secondaryNav_xfxi7_30 nav{width:100%}}._details_xfxi7_62{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}._nav_xfxi7_69{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_xfxi7_77{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._socialItems_xfxi7_83{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}._socialItems_xfxi7_83 ._group_xfxi7_90{min-width:unset}._socialItems_xfxi7_83 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_xfxi7_99{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_xfxi7_90{min-width:140px}._groupTitle_xfxi7_109{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_xfxi7_114{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_xfxi7_122{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_xfxi7_122{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_xfxi7_122 ._newTabIcon_xfxi7_140{color:var(--color-muted);transition:color .3s ease-in-out}._link_xfxi7_122:hover,._link_xfxi7_122:hover ._newTabIcon_xfxi7_140{color:var(--color-primary)}._bottom_xfxi7_154{text-align:left;font-size:var(--font-size-sm);color:var(--color-muted)}._left_xfxi7_161 ._container_xfxi7_8{justify-content:flex-start}._left_xfxi7_161 ._logo_xfxi7_77{flex:unset}._left_xfxi7_161 ._nav_xfxi7_69{flex:1}@media (max-width: 767px){._left_xfxi7_161 ._logo_xfxi7_77{flex:1}}._center_xfxi7_181 ._nav_xfxi7_69{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_xfxi7_181 ._nav_xfxi7_69._hidden_xfxi7_187{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_xfxi7_181 ._nav_xfxi7_69._visible_xfxi7_194{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_xfxi7_181 ._logo_xfxi7_77{flex:1}}._right_xfxi7_209 ._container_xfxi7_8{justify-content:flex-end}._right_xfxi7_209 ._logo_xfxi7_77,._right_xfxi7_209 ._title_xfxi7_215{flex:1}._right_xfxi7_209 ._nav_xfxi7_69{flex:unset}
+._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}

package/dist/components/Calendar/Calendar.test.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
-import { f as y, C as r } from "../../index-BN3GBQOK.js";
+import { f as y, C as r } from "../../index-BM1mGWJK.js";
 import "../../index-BBIdMcpm.js";
 D("Calendar", () => {
   s("renders the current month and year", () => {

package/dist/components/Calendar/index.js

@@ -4,7 +4,7 @@ import '../../assets/index.css';/* empty css                   */
 import "../IconButton/index.js";
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
-import { C as f } from "../../index-BN3GBQOK.js";
+import { C as f } from "../../index-BM1mGWJK.js";
 import "../../arrow-left-BIJvHwNQ.js";
 import "../../arrow-right-QEwnX3Sk.js";
 export {

package/dist/components/DatePicker/DatePicker.test.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { DatePicker as o } from "./index.js";
 import "../../index-BBIdMcpm.js";
-import { f as u } from "../../index-BN3GBQOK.js";
+import { f as u } from "../../index-BM1mGWJK.js";
 r.mock("../Calendar", () => ({
   Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
     "button",

package/dist/components/DatePicker/index.js

@@ -4,7 +4,7 @@ import '../../assets/index.css';import '../../assets/index42.css';/* empty css
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
 import { Label as w } from "../Label/index.js";
-import { f as x, C as D } from "../../index-BN3GBQOK.js";
+import { f as x, C as D } from "../../index-BM1mGWJK.js";
 const S = "_wrapper_13tha_1", N = "_input_13tha_7", O = "_popover_13tha_25", o = {
   wrapper: S,
   input: N,

package/dist/components/Footer/index.js

@@ -3,16 +3,16 @@ import { CallToAction as C } from "../CallToAction/index.js";
 import { ButtonGroup as E } from "../ButtonGroup/index.js";
 import f from "react";
 import { E as V } from "../../external-link-BOPobeQJ.js";
-import '../../assets/index47.css';var P = {
+import '../../assets/index46.css';var P = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, O = f.createContext && /* @__PURE__ */ f.createContext(P), L = ["attr", "size", "title"];
-function $(e, t) {
+}, O = f.createContext && /* @__PURE__ */ f.createContext(P), $ = ["attr", "size", "title"];
+function F(e, t) {
   if (e == null) return {};
-  var r = F(e, t), a, l;
+  var r = L(e, t), a, l;
   if (Object.getOwnPropertySymbols) {
     var u = Object.getOwnPropertySymbols(e);
     for (l = 0; l < u.length; l++)
@@ -20,7 +20,7 @@ function $(e, t) {
   }
   return r;
 }
-function F(e, t) {
+function L(e, t) {
   if (e == null) return {};
   var r = {};
   for (var a in e)
@@ -78,15 +78,15 @@ function D(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function I(e) {
+function z(e) {
   return e && e.map((t, r) => /* @__PURE__ */ f.createElement(t.tag, v({
     key: r
-  }, t.attr), I(t.child)));
+  }, t.attr), z(t.child)));
 }
 function d(e) {
   return (t) => /* @__PURE__ */ f.createElement(H, h({
     attr: v({}, e.attr)
-  }, t), I(e.child));
+  }, t), z(e.child));
 }
 function H(e) {
   var t = (r) => {
@@ -94,7 +94,7 @@ function H(e) {
       attr: a,
       size: l,
       title: u
-    } = e, p = $(e, L), b = l || r.size || "1em", s;
+    } = e, p = F(e, $), b = l || r.size || "1em", s;
     return r.className && (s = r.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ f.createElement("svg", h({
       stroke: "currentColor",
       fill: "currentColor",
@@ -111,28 +111,28 @@ function H(e) {
   };
   return O !== void 0 ? /* @__PURE__ */ f.createElement(O.Consumer, null, (r) => t(r)) : t(P);
 }
-function A(e) {
+function k(e) {
   return d({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z" }, child: [] }] })(e);
 }
-function W(e) {
+function A(e) {
   return d({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" }, child: [] }] })(e);
 }
-function k(e) {
+function W(e) {
   return d({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" }, child: [] }] })(e);
 }
 function G(e) {
   return d({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" }, child: [] }] })(e);
 }
-function K(e) {
+function Y(e) {
   return d({ attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" }, child: [] }] })(e);
 }
-const Y = "_footer_xfxi7_1", Q = "_container_xfxi7_8", R = "_utilityImage_xfxi7_17", U = "_primaryNav_xfxi7_21", q = "_secondaryNav_xfxi7_30", J = "_details_xfxi7_62", X = "_nav_xfxi7_69", Z = "_logo_xfxi7_77", ee = "_socialItems_xfxi7_83", te = "_group_xfxi7_90", re = "_groups_xfxi7_99", ae = "_groupTitle_xfxi7_109", ne = "_sublinks_xfxi7_114", ie = "_link_xfxi7_122", oe = "_newTabIcon_xfxi7_140", ce = "_bottom_xfxi7_154", n = {
-  footer: Y,
-  container: Q,
-  utilityImage: R,
-  primaryNav: U,
-  secondaryNav: q,
-  details: J,
+const K = "_footer_xfxi7_1", R = "_container_xfxi7_8", q = "_utilityImage_xfxi7_17", J = "_primaryNav_xfxi7_21", Q = "_secondaryNav_xfxi7_30", U = "_details_xfxi7_62", X = "_nav_xfxi7_69", Z = "_logo_xfxi7_77", ee = "_socialItems_xfxi7_83", te = "_group_xfxi7_90", re = "_groups_xfxi7_99", ae = "_groupTitle_xfxi7_109", ne = "_sublinks_xfxi7_114", ie = "_link_xfxi7_122", oe = "_newTabIcon_xfxi7_140", ce = "_bottom_xfxi7_154", n = {
+  footer: K,
+  container: R,
+  utilityImage: q,
+  primaryNav: J,
+  secondaryNav: Q,
+  details: U,
   nav: X,
   logo: Z,
   socialItems: ee,
@@ -144,11 +144,11 @@ const Y = "_footer_xfxi7_1", Q = "_container_xfxi7_8", R = "_utilityImage_xfxi7_
   newTabIcon: oe,
   bottom: ce
 }, le = {
-  Facebook: A,
+  Facebook: k,
   Twitter: G,
-  LinkedIn: k,
-  Instagram: W,
-  YouTube: K
+  LinkedIn: W,
+  Instagram: A,
+  YouTube: Y
 };
 function pe({
   // title,
@@ -162,9 +162,8 @@ function pe({
   copyright: p,
   className: b
 }) {
-  const s = (i, g = "", z = !1) => i.map((c) => {
+  const s = (i, g = "", I = !1) => i.map((c) => {
     var w;
-    console.log("QUI LINK", c);
     const y = `${g}/${c.label}`, N = (w = c.sublinks) == null ? void 0 : w.length, _ = !!c.href, x = le[c.icon], S = _ ? "a" : "div", T = _ ? {
       href: c.href,
       target: c.isExternal ? "_blank" : "_self",
@@ -182,7 +181,7 @@ function pe({
           className: `${_ ? n.link : ""} ${N ? n.groupTitle : ""}`,
           ...T,
           children: [
-            !z && c.label,
+            !I && c.label,
             x && /* @__PURE__ */ o(x, {}),
             !x && c.isExternal && /* @__PURE__ */ o(V, { className: n.newTabIcon, size: 16 })
           ]

package/dist/components/Label/index.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { c as a } from "../../createLucideIcon-C8GTh_Qx.js";
-import '../../assets/index46.css';/**
+import '../../assets/index45.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/components/NavBar/NavBar.test.js

@@ -1,6 +1,6 @@
-import { jsx as l } from "react/jsx-runtime";
-import { d as u, i as n, r, g as t, s as a, f as s, w as i } from "../../vi.ClIskdbk-CZ8iFAMK.js";
-import { Navbar as o } from "./index.js";
+import { jsx as i } from "react/jsx-runtime";
+import { d as m, i as s, r as l, g as a, s as e, f as n, w as o } from "../../vi.ClIskdbk-CZ8iFAMK.js";
+import { Navbar as r } from "./index.js";
 const c = [
   { label: "Home", href: "/" },
   {
@@ -18,37 +18,76 @@ const c = [
     ]
   },
   { label: "External", href: "https://example.com", isExternal: !0 }
+], u = [
+  {
+    title: "Company",
+    primaryItems: [
+      {
+        label: "About",
+        sublinks: [
+          { label: "Team", href: "/about/team" },
+          { label: "Mission", href: "/about/mission" }
+        ]
+      }
+    ],
+    secondaryItems: [
+      { label: "Careers", href: "/careers" },
+      { label: "Blog", href: "/blog" }
+    ],
+    spotlight: /* @__PURE__ */ i("div", { children: "Spotlight Content" })
+  }
 ];
-u("Navbar", () => {
-  n("renders all top-level nav items", () => {
-    r(/* @__PURE__ */ l(o, { alignment: "right", items: c })), t(a.getByText("Home")).toBeInTheDocument(), t(a.getByText("Services")).toBeInTheDocument(), t(a.getByText("External")).toBeInTheDocument();
-  }), n("toggles mobile menu", () => {
-    r(/* @__PURE__ */ l(o, { alignment: "right", items: c }));
-    const e = a.getByLabelText("Open menu");
-    s.click(e), t(e).toHaveAttribute("aria-label", "Close menu"), s.click(e), t(e).toHaveAttribute("aria-label", "Open menu");
-  }), n("open and closes submenu on click", async () => {
-    r(/* @__PURE__ */ l(o, { alignment: "right", items: c }));
-    const e = a.getByText("Services"), m = a.getByRole("menu", { name: "Services submenu" });
-    s.click(e), await i(() => {
-      t(m).toHaveClass("show");
-    }), s.click(e), await i(() => {
-      t(m).not.toHaveClass("show");
+m("Navbar (default navigation)", () => {
+  s("renders all top-level nav items", () => {
+    l(/* @__PURE__ */ i(r, { navigationType: "default", alignment: "right", items: c })), a(e.getByText("Home")).toBeInTheDocument(), a(e.getByText("Services")).toBeInTheDocument(), a(e.getByText("External")).toBeInTheDocument();
+  }), s("toggles mobile menu", () => {
+    l(/* @__PURE__ */ i(r, { navigationType: "default", alignment: "right", items: c }));
+    const t = e.getByLabelText("Open menu");
+    n.click(t), a(t).toHaveAttribute("aria-label", "Close menu"), n.click(t), a(t).toHaveAttribute("aria-label", "Open menu");
+  }), s("open and closes submenu on click", async () => {
+    l(/* @__PURE__ */ i(r, { navigationType: "default", alignment: "right", items: c }));
+    const t = e.getByText("Services"), g = e.getByRole("menu", { name: "Services submenu" });
+    n.click(t), await o(() => {
+      a(g).toHaveClass("show");
+    }), n.click(t), await o(() => {
+      a(g).not.toHaveClass("show");
+    });
+  }), s("has appropriate aria attributes", async () => {
+    l(/* @__PURE__ */ i(r, { navigationType: "default", alignment: "right", items: c }));
+    const t = e.getByText("Services");
+    n.click(t), await o(() => {
+      a(t).toHaveAttribute("aria-expanded", "true");
+    }), n.click(t), await o(() => {
+      a(t).toHaveAttribute("aria-expanded", "false");
     });
-  }), n("has appropriate aria attributes", async () => {
-    r(/* @__PURE__ */ l(o, { alignment: "right", items: c }));
-    const e = a.getByText("Services");
-    s.click(e), await i(() => {
-      t(e).toHaveAttribute("aria-expanded", "true");
-    }), s.click(e), await i(() => {
-      t(e).toHaveAttribute("aria-expanded", "false");
+  }), s("only allows one submenu open at a time", async () => {
+    l(/* @__PURE__ */ i(r, { navigationType: "default", alignment: "right", items: c }));
+    const t = e.getByText("Services"), g = e.getByText("About");
+    n.click(t), await o(() => {
+      a(
+        e.getByRole("menu", { name: "Services submenu" })
+      ).toHaveClass("show");
+    }), n.click(g), await o(() => {
+      a(
+        e.getByRole("menu", { name: "Services submenu" })
+      ).not.toHaveClass("show");
     });
-  }), n("only allows one submenu open at a time", async () => {
-    r(/* @__PURE__ */ l(o, { alignment: "right", items: c }));
-    const e = a.getByRole("menu", { name: "Services submenu" });
-    s.click(a.getByText("Services")), await i(() => {
-      t(e).toHaveClass("show");
-    }), s.click(a.getByText("About")), await i(() => {
-      t(e).not.toHaveClass("show");
+  });
+});
+m("Navbar (advanced navigation with groups)", () => {
+  s("renders group title", () => {
+    l(
+      /* @__PURE__ */ i(r, { alignment: "right", groups: u, navigationType: "advanced" })
+    ), a(e.getByText("Company")).toBeInTheDocument();
+  }), s("renders dropdown on hover and shows all columns", async () => {
+    l(
+      /* @__PURE__ */ i(r, { alignment: "right", groups: u, navigationType: "advanced" })
+    );
+    const t = e.getByText("Company");
+    n.mouseEnter(t), await o(() => {
+      a(e.getByText("About")).toBeInTheDocument();
+    }), n.mouseEnter(e.getByText("About")), await o(() => {
+      a(e.getByText("Team")).toBeInTheDocument(), a(e.getByText("Careers")).toBeInTheDocument(), a(e.getByText("Spotlight Content")).toBeInTheDocument();
     });
   });
 });

package/dist/components/NavBar/NavLink.js

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

package/dist/components/NavBar/index.js

@@ -1,201 +1,162 @@
-import { jsx as n, jsxs as _ } from "react/jsx-runtime";
-import { useState as u, useRef as f, useCallback as g, useEffect as R } from "react";
-import { CallToAction as S } from "../CallToAction/index.js";
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { useState as o, useRef as y, useCallback as v, useEffect as B } from "react";
+import { s as e, N as ee } from "../../NavLink-BimN5mAj.js";
+import { CallToAction as G } from "../CallToAction/index.js";
 import { ButtonGroup as W } from "../ButtonGroup/index.js";
-import { X as K } from "../../x-CnsEH4Ox.js";
-import { c as Q } from "../../createLucideIcon-C8GTh_Qx.js";
-import { E as U } from "../../external-link-BOPobeQJ.js";
-import { C as Y } from "../../chevron-down-DSUzBz9F.js";
-import '../../assets/index45.css';/**
+import { X as ne } from "../../x-CnsEH4Ox.js";
+import { c as ae } from "../../createLucideIcon-C8GTh_Qx.js";
+/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Z = [
+const le = [
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
   ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
   ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
-], I = Q("menu", Z), ee = "_navbar_1do0i_5", ne = "_left_1do0i_18", oe = "_container_1do0i_19", ae = "_logo_1do0i_23", ie = "_nav_1do0i_5", le = "_center_1do0i_38", re = "_hidden_1do0i_44", te = "_visible_1do0i_51", se = "_right_1do0i_66", ce = "_title_1do0i_72", de = "_sublinks_1do0i_82", _e = "_sublinksInner_1do0i_94", ue = "_linkItem_1do0i_108", me = "_minimal_1do0i_113", fe = "_menuToggle_1do0i_117", ge = "_linkWrapper_1do0i_121", he = "_triangle_1do0i_159", be = "_transparent_1do0i_164", ve = "_sticky_1do0i_216", pe = "_twoColumn_1do0i_245", we = "_utilityMobile_1do0i_292", ke = "_utility_1do0i_292", Ne = "_navInner_1do0i_320", ye = "_grid_1do0i_329", $e = "_sublinkToggle_1do0i_354", Ce = "_link_1do0i_108", xe = "_newTabIcon_1do0i_369", Te = "_open_1do0i_377", Le = "_show_1do0i_432", Ee = "_sublinksColumn_1do0i_480", Me = "_chevron_1do0i_490", Re = "_parent_1do0i_569", e = {
-  navbar: ee,
-  left: ne,
-  container: oe,
-  logo: ae,
-  nav: ie,
-  center: le,
-  hidden: re,
-  visible: te,
-  right: se,
-  title: ce,
-  default: "_default_1do0i_81",
-  sublinks: de,
-  sublinksInner: _e,
-  linkItem: ue,
-  minimal: me,
-  menuToggle: fe,
-  linkWrapper: ge,
-  triangle: he,
-  transparent: be,
-  sticky: ve,
-  twoColumn: pe,
-  utilityMobile: we,
-  utility: ke,
-  navInner: Ne,
-  grid: ye,
-  sublinkToggle: $e,
-  link: Ce,
-  newTabIcon: xe,
-  open: Te,
-  show: Le,
-  sublinksColumn: Ee,
-  chevron: Me,
-  parent: Re
-}, Se = {
+], re = ae("menu", le), ie = {
   default: e.default,
   minimal: e.minimal
-}, We = {
+}, se = {
   left: e.left,
   center: e.center,
   right: e.right
 };
-function Ge({
-  title: z,
-  logo: p,
-  items: A,
-  utilityItems: o,
-  isSticky: O = !1,
-  isTransparent: B = !1,
-  alignment: h = "right",
-  variant: j = "default",
-  className: X
+function ue({
+  title: j,
+  logo: $,
+  items: x,
+  groups: k,
+  utilityItems: l,
+  isSticky: P = !1,
+  isTransparent: X = !1,
+  alignment: p = "right",
+  variant: _ = "default",
+  navigationType: L = "default",
+  className: V
 }) {
-  const [t, w] = u(!1), [b, s] = u(null), [D, V] = u(0), [G, P] = u(!1), [q, F] = u(null), v = f(null), c = f(null), k = f(/* @__PURE__ */ new Map()), H = () => {
-    w((a) => !a);
-  }, J = (a) => {
-    const l = k.current.get(a);
-    if (l && c.current) {
-      const i = l.getBoundingClientRect(), r = c.current.getBoundingClientRect(), d = i.left - r.left + i.width / 4;
-      F(d);
+  const [c, C] = o(!1), [g, d] = o(null), [D, H] = o(0), [U, q] = o(!1), [F, J] = o(null), b = y(null), m = y(null), M = y(/* @__PURE__ */ new Map()), K = () => {
+    C((n) => !n);
+  }, Q = (n) => {
+    const r = M.current.get(n);
+    if (r && m.current) {
+      const s = r.getBoundingClientRect(), t = m.current.getBoundingClientRect(), i = s.left - t.left + s.width / 4;
+      J(i);
     }
-  }, N = (a) => {
-    s((l) => l === a ? null : a);
-  }, y = g((a) => {
-    v.current && !v.current.contains(a.target) && s(null);
-  }, []), $ = g(() => {
-    s(null);
-  }, []), C = g(() => {
-    x(), typeof window < "u" && window.innerWidth > 768 && (w(!1), s(null), typeof document < "u" && (document.body.style.overflow = ""));
-  }, []), x = g(() => {
-    if (c.current) {
-      const a = c.current.getBoundingClientRect().width;
-      V(a), P(!0);
+  }, Y = (n) => {
+    d((r) => r === n ? null : n);
+  }, R = v((n) => {
+    b.current && !b.current.contains(n.target) && d(null);
+  }, []), S = v(() => {
+    d(null);
+  }, []), E = v(() => {
+    A(), typeof window < "u" && window.innerWidth > 768 && (C(!1), d(null), typeof document < "u" && (document.body.style.overflow = ""));
+  }, []), A = v(() => {
+    if (m.current) {
+      const n = m.current.getBoundingClientRect().width;
+      H(n), q(!0);
     }
   }, []);
-  R(() => {
-    const a = typeof window < "u", l = typeof document < "u";
-    return a && (window.addEventListener("resize", C), window.addEventListener("scroll", $)), l && document.addEventListener("click", y), x(), () => {
-      a && (window.removeEventListener("resize", C), window.removeEventListener("scroll", $)), l && document.removeEventListener("click", y);
+  B(() => {
+    const n = typeof window < "u", r = typeof document < "u";
+    return n && (window.addEventListener("resize", E), window.addEventListener("scroll", S)), r && document.addEventListener("click", R), A(), () => {
+      n && (window.removeEventListener("resize", E), window.removeEventListener("scroll", S)), r && document.removeEventListener("click", R);
     };
-  }, []), R(() => {
+  }, []), B(() => {
     if (typeof document < "u")
-      return document.body.style.overflow = t ? "hidden" : "", () => {
+      return document.body.style.overflow = c ? "hidden" : "", () => {
         document.body.style.overflow = "";
       };
-  }, [t]);
-  const T = (a, l = "") => a.map((i) => {
-    var E;
-    const r = `${l}/${i.label}`, m = b === r, d = (E = i.sublinks) == null ? void 0 : E.length, L = f(null);
-    return k.current.set(r, L.current), /* @__PURE__ */ _(
-      "div",
+  }, [c]);
+  const Z = (n) => {
+    const [r, s] = o(null), [t, w] = o(
+      null
+    );
+    return console.log("GROUPS", n), n.map((i, N) => {
+      var T, z;
+      const h = (T = i.primaryItems) == null ? void 0 : T[r ?? 0];
+      return /* @__PURE__ */ u(
+        "div",
+        {
+          className: e.navItem,
+          onMouseEnter: () => w(N),
+          onMouseLeave: () => {
+            w(null), s(null);
+          },
+          children: [
+            /* @__PURE__ */ a("button", { className: e.navTitle, children: i.title }),
+            t === N && /* @__PURE__ */ u("div", { className: e.dropdownMenu, children: [
+              /* @__PURE__ */ a("div", { className: e.column, children: (z = i.primaryItems) == null ? void 0 : z.map((I, O) => /* @__PURE__ */ a(
+                "div",
+                {
+                  className: e.linkItem,
+                  onMouseEnter: () => s(O),
+                  children: I.label
+                },
+                O
+              )) }),
+              /* @__PURE__ */ a("div", { className: e.column, children: (h == null ? void 0 : h.sublinks) && f(h.sublinks) }),
+              /* @__PURE__ */ a("div", { className: e.column, children: i.secondaryItems && f(i.secondaryItems) }),
+              i.spotlight && /* @__PURE__ */ a("div", { className: e.column, children: i.spotlight })
+            ] })
+          ]
+        },
+        N
+      );
+    });
+  }, f = (n, r = "") => n.map((s) => {
+    const t = `${r}/${s.label}`;
+    return /* @__PURE__ */ a(
+      ee,
       {
-        className: `${e.linkWrapper} ${l ? "" : e.parent}`,
-        children: [
-          /* @__PURE__ */ n("div", { className: e.linkItem, children: i.href ? /* @__PURE__ */ _(
-            "a",
-            {
-              href: i.href,
-              className: e.link,
-              target: i.isExternal ? "_blank" : "_self",
-              rel: i.isExternal ? "noopener noreferrer" : void 0,
-              onClick: () => {
-                var M;
-                s(null), (M = i.onClick) == null || M.call(i);
-              },
-              onMouseEnter: () => {
-                l || s(null);
-              },
-              role: "menuitem",
-              children: [
-                i.label,
-                i.isExternal && /* @__PURE__ */ n(U, { className: e.newTabIcon, size: 16 })
-              ]
-            }
-          ) : /* @__PURE__ */ _(
-            "button",
-            {
-              ref: L,
-              "aria-haspopup": d ? "true" : void 0,
-              "aria-expanded": m,
-              className: `${e.sublinkToggle} ${m ? e.open : ""}`,
-              onClick: () => N(r),
-              onMouseEnter: () => {
-                J(r), s(r);
-              },
-              children: [
-                i.label,
-                d && /* @__PURE__ */ n(Y, { size: 18, className: e.chevron })
-              ]
-            }
-          ) }),
-          d && /* @__PURE__ */ n(
-            "div",
-            {
-              className: `${e.sublinks} ${m ? e.show : ""}`,
-              onMouseLeave: () => N(r),
-              role: "menu",
-              "aria-label": `${i.label} submenu`,
-              children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("div", { className: e.sublinksInner, children: /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: T(i.sublinks, r) }) }) })
-            }
-          )
-        ]
+        link: s,
+        path: t,
+        parentPath: r,
+        openPath: g,
+        togglePath: Y,
+        updateTriangleIndicator: Q,
+        setOpenPath: d,
+        renderLinks: f,
+        buttonRefs: M
       },
-      r
+      t
     );
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "header",
     {
-      ref: v,
-      className: `${X ?? ""} ${We[h]} ${Se[j]} ${e.navbar} ${O ? e.sticky : ""} ${B ? e.transparent : ""} `,
+      ref: b,
+      className: `${V ?? ""} ${se[p]} ${ie[_]} ${e.navbar} ${P ? e.sticky : ""} ${X ? e.transparent : ""} `,
       role: "navigation",
       "aria-label": "Main navigation",
-      children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ u(
         "div",
         {
-          className: `${e.container} ${(!o || o.length === 0) && h !== "center" ? e.twoColumn : ""}`,
+          className: `${e.container} ${(!l || l.length === 0) && p !== "center" ? e.twoColumn : ""}`,
           children: [
-            p ? /* @__PURE__ */ n("div", { className: e.logo, children: p }) : /* @__PURE__ */ n("div", { className: e.title, children: z }),
-            /* @__PURE__ */ n(
+            $ ? /* @__PURE__ */ a("div", { className: e.logo, children: $ }) : /* @__PURE__ */ a("div", { className: e.title, children: j }),
+            /* @__PURE__ */ a(
               "nav",
               {
-                ref: c,
+                ref: m,
                 style: {
-                  left: h === "center" ? `calc(50% - ${D / 2}px)` : "0"
+                  left: p === "center" ? `calc(50% - ${D / 2}px)` : "0"
                 },
-                className: `${e.nav} ${t ? e.open : ""} ${G ? e.visible : e.hidden}`,
+                className: `${e.nav} ${c ? e.open : ""} ${U ? e.visible : e.hidden}`,
                 id: "main-menu",
                 role: "menubar",
-                children: /* @__PURE__ */ _("div", { className: e.navInner, children: [
-                  /* @__PURE__ */ n(
+                children: /* @__PURE__ */ u("div", { className: e.navInner, children: [
+                  /* @__PURE__ */ a(
                     "svg",
                     {
-                      style: { left: `${q}px` },
-                      className: `${e.triangle} ${b ? e.show : ""}`,
+                      style: { left: `${F}px` },
+                      className: `${e.triangle} ${g ? e.show : ""}`,
                       width: 16,
                       height: 12,
                       viewBox: "0 0 100 75",
                       xmlns: "http://www.w3.org/2000/svg",
-                      children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ a(
                         "polygon",
                         {
                           points: "50,5 95,70 5,70",
@@ -206,72 +167,73 @@ function Ge({
                       )
                     }
                   ),
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ a(
                     "div",
                     {
-                      className: `${e.triangle} ${b ? e.show : ""}`
+                      className: `${e.triangle} ${g ? e.show : ""}`
                     }
                   ),
-                  /* @__PURE__ */ n("div", { className: e.grid, children: T(A) })
+                  L === "default" && x && /* @__PURE__ */ a("div", { className: e.grid, children: f(x) }),
+                  L === "advanced" && k && /* @__PURE__ */ a("div", { className: e.grid, children: Z(k) })
                 ] })
               }
             ),
-            o && /* @__PURE__ */ n("nav", { className: e.utility, children: /* @__PURE__ */ n(W, { children: o.map((a, l) => /* @__PURE__ */ n(
-              S,
+            l && /* @__PURE__ */ a("nav", { className: e.utility, children: /* @__PURE__ */ a(W, { children: l.map((n, r) => /* @__PURE__ */ a(
+              G,
               {
                 as: "a",
-                href: a.href ?? "/",
-                variant: a.variant ?? "primary",
-                displayType: a.displayType ?? "text",
-                imageSrc: a.imageSrc,
-                imageAlt: a.imageAlt,
-                "aria-label": a.ariaLabel ?? a.label,
-                children: o[1].imageSrc ? /* @__PURE__ */ n(
+                href: n.href ?? "/",
+                variant: n.variant ?? "primary",
+                displayType: n.displayType ?? "text",
+                imageSrc: n.imageSrc,
+                imageAlt: n.imageAlt,
+                "aria-label": n.ariaLabel ?? n.label,
+                children: l[1].imageSrc ? /* @__PURE__ */ a(
                   "img",
                   {
                     className: e.utilityImage,
-                    src: o[1].imageSrc,
-                    "aria-label": o[1].imageAlt ?? o[1].ariaLabel ?? o[1].label
+                    src: l[1].imageSrc,
+                    "aria-label": l[1].imageAlt ?? l[1].ariaLabel ?? l[1].label
                   }
-                ) : o[1].label
+                ) : l[1].label
               },
-              a._key || l
+              n._key || r
             )) }) }),
-            o && /* @__PURE__ */ n(
+            l && /* @__PURE__ */ a(
               "nav",
               {
-                className: `${e.utilityMobile} ${t ? e.open : ""}`,
-                children: /* @__PURE__ */ n(W, { alignment: "center", children: /* @__PURE__ */ n(
-                  S,
+                className: `${e.utilityMobile} ${c ? e.open : ""}`,
+                children: /* @__PURE__ */ a(W, { alignment: "center", children: /* @__PURE__ */ a(
+                  G,
                   {
                     as: "a",
-                    href: o[1].href ?? "/",
-                    variant: o[1].variant ?? "primary",
-                    displayType: o[1].displayType ?? "text",
-                    imageSrc: o[1].imageSrc,
-                    imageAlt: o[1].imageAlt,
-                    "aria-label": o[1].ariaLabel ?? o[1].label,
-                    children: o[1].imageSrc ? /* @__PURE__ */ n(
+                    href: l[1].href ?? "/",
+                    variant: l[1].variant ?? "primary",
+                    displayType: l[1].displayType ?? "text",
+                    imageSrc: l[1].imageSrc,
+                    imageAlt: l[1].imageAlt,
+                    "aria-label": l[1].ariaLabel ?? l[1].label,
+                    children: l[1].imageSrc ? /* @__PURE__ */ a(
                       "img",
                       {
                         className: e.utilityImage,
-                        src: o[1].imageSrc,
-                        "aria-label": o[1].imageAlt ?? o[1].ariaLabel ?? o[1].label
+                        src: l[1].imageSrc,
+                        "aria-label": l[1].imageAlt ?? l[1].ariaLabel ?? l[1].label
                       }
-                    ) : o[1].label
+                    ) : l[1].label
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ a(
               "button",
               {
                 className: e.menuToggle,
-                onClick: H,
-                "aria-label": t ? "Close menu" : "Open menu",
-                "aria-expanded": t,
+                onClick: K,
+                "aria-label": c ? "Close menu" : "Open menu",
+                "aria-expanded": c,
                 "aria-controls": "main-menu",
-                children: t ? /* @__PURE__ */ n(K, { size: 24 }) : /* @__PURE__ */ n(I, { size: 24 })
+                children: c ? /* @__PURE__ */ a(ne, { size: 24 }) : /* @__PURE__ */ a(re, { size: 24 })
               }
             )
           ]
@@ -281,5 +243,5 @@ function Ge({
   );
 }
 export {
-  Ge as Navbar
+  ue as Navbar
 };

package/dist/{index-BN3GBQOK.js → index-BM1mGWJK.js}

@@ -1,6 +1,6 @@
 import { jsxs as C, jsx as b } from "react/jsx-runtime";
 import { useState as $ } from "react";
-import './assets/index.css';import './assets/index48.css';/* empty css               */
+import './assets/index.css';import './assets/index47.css';/* empty css               */
 import { IconButton as q } from "./components/IconButton/index.js";
 import "./index-CxrBcaoP.js";
 import "./components/Tabs/index.js";

package/dist/lib/components/NavBar/NavLink.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react';
+import { NavItem } from '.';
+type NavLinkProps = {
+    link: NavItem;
+    path: string;
+    parentPath: string;
+    openPath: string | null;
+    togglePath: (path: string) => void;
+    updateTriangleIndicator: (path: string) => void;
+    setOpenPath: (path: string | null) => void;
+    renderLinks: (links: NavItem[], parentPath: string) => JSX.Element[];
+    buttonRefs: React.RefObject<Map<string, HTMLButtonElement | null>>;
+};
+export declare function NavLink({ link, path, parentPath, openPath, togglePath, updateTriangleIndicator, setOpenPath, renderLinks, buttonRefs, }: NavLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/NavBar/index.d.ts

@@ -31,16 +31,24 @@ export type NavItem = {
     onClick?: () => void;
     icon?: string;
 };
+export type NavGroup = {
+    title: string;
+    primaryItems?: NavItem[];
+    secondaryItems?: NavItem[];
+    spotlight?: React.ReactNode;
+};
 type NavbarProps = {
     title?: string;
     logo?: React.ReactNode;
-    items: NavItem[];
+    items?: NavItem[];
+    groups?: NavGroup[];
     utilityItems?: UtilityItem[];
     isSticky?: boolean;
     isTransparent?: boolean;
     variant?: Variant;
     alignment: Alignment;
     className?: string;
+    navigationType: "default" | "advanced";
 };
-export declare function Navbar({ title, logo, items, utilityItems, isSticky, isTransparent, alignment, variant, className, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Navbar({ title, logo, items, groups, utilityItems, isSticky, isTransparent, alignment, variant, navigationType, className, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/main.d.ts

@@ -31,7 +31,7 @@ export { Spinner } from './components/Spinner';
 export { Skeleton } from './components/Skeleton';
 export { Carousel } from './components/Carousel';
 export { Navbar } from './components/NavBar';
-export type { NavItem, UtilityItem } from './components/NavBar';
+export type { NavItem, UtilityItem, NavGroup } from './components/NavBar';
 export { Drawer } from './components/Drawer';
 export { Tabs } from './components/Tabs';
 export { Breadcrumbs } from './components/Breadcrumbs';

package/dist/styles.css

@@ -42,7 +42,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
 ._wrapper_13tha_1{display:flex;flex-direction:column;position:relative}._input_13tha_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_13tha_7::placeholder{color:var(--color-muted)}._input_13tha_7:focus{border-color:var(--color-primary)}._popover_13tha_25{position:absolute;top:100%;left:0;z-index:10;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);margin-top:var(--spacing-xs)}
 ._wrapper_7toxm_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_7toxm_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_7toxm_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-muted);border-radius:4px;outline:none}._track_7toxm_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._track_7toxm_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._value_7toxm_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}._error_7toxm_52{color:var(--color-error)}._errorMessage_7toxm_56{font-size:var(--font-size-sm);color:var(--color-error)}
 ._wrapper_s8dew_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_s8dew_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_s8dew_7 p{color:var(--color-text-primary)}._dropZone_s8dew_7:hover{background-color:var(--color-background)}._dragging_s8dew_25{background-color:var(--color-primary);border-color:var(--color-primary)}._input_s8dew_30{display:none}._fileList_s8dew_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_s8dew_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_s8dew_34 li button{cursor:pointer}
-:root{--nav-height: 65px}._navbar_1do0i_5{position:relative;height:var(--nav-height)}._left_1do0i_18 ._container_1do0i_19{justify-content:flex-start}._left_1do0i_18 ._logo_1do0i_23{flex:unset}._left_1do0i_18 ._nav_1do0i_5{flex:1}@media (max-width: 767px){._left_1do0i_18 ._logo_1do0i_23{flex:1}}._center_1do0i_38 ._nav_1do0i_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1do0i_38 ._nav_1do0i_5._hidden_1do0i_44{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1do0i_38 ._nav_1do0i_5._visible_1do0i_51{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1do0i_38 ._logo_1do0i_23{flex:1}}._right_1do0i_66 ._container_1do0i_19{justify-content:flex-end}._right_1do0i_66 ._logo_1do0i_23,._right_1do0i_66 ._title_1do0i_72{flex:1}._right_1do0i_66 ._nav_1do0i_5{flex:unset}._default_1do0i_81 ._sublinks_1do0i_82{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_1do0i_81 ._sublinks_1do0i_82{position:relative}}._default_1do0i_81 ._sublinksInner_1do0i_94{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_1do0i_81 ._sublinksInner_1do0i_94{grid-template-columns:1fr;width:auto;min-height:unset}}._default_1do0i_81 ._linkItem_1do0i_108{justify-content:flex-start}._minimal_1do0i_113{left:0;background-color:#fff}._minimal_1do0i_113 ._menuToggle_1do0i_117{grid-area:unset}._minimal_1do0i_113 ._linkWrapper_1do0i_121{position:relative}._minimal_1do0i_113 ._sublinks_1do0i_82{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_1do0i_113 ._sublinks_1do0i_82{position:relative;justify-content:center;align-items:center}}._minimal_1do0i_113 ._sublinksInner_1do0i_94{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_1do0i_113 ._sublinksInner_1do0i_94{justify-content:center;align-items:center}}._minimal_1do0i_113 ._linkItem_1do0i_108{justify-content:flex-end}@media (max-width: 767px){._minimal_1do0i_113 ._linkItem_1do0i_108{justify-content:center;align-items:center}}._minimal_1do0i_113 ._triangle_1do0i_159{display:none}._transparent_1do0i_164{background-color:transparent}._transparent_1do0i_164 ._nav_1do0i_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1do0i_164 ._nav_1do0i_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1do0i_164 ._nav_1do0i_5:before{border-radius:0}}._transparent_1do0i_164 ._menuToggle_1do0i_117:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_1do0i_216{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1do0i_19{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1do0i_19{grid-template-areas:"first second third fourth"}}._container_1do0i_19._twoColumn_1do0i_245{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1do0i_72{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1do0i_23{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1do0i_23 img{height:auto;width:auto}._menuToggle_1do0i_117{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1do0i_117 svg{position:relative;z-index:5}._utilityMobile_1do0i_292{display:none;grid-area:third;justify-content:flex-end}._utility_1do0i_292{grid-area:third;display:flex;justify-content:flex-end}._utility_1do0i_292 a{font-size:var(--font-size-sm)}._nav_1do0i_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_1do0i_5{height:100vh}}._navInner_1do0i_320{position:relative}@media (max-width: 767px){._navInner_1do0i_320{margin:var(--spacing-xl) auto 0;min-width:300px}}._grid_1do0i_329{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1do0i_329{display:flex;flex-direction:column}}._linkItem_1do0i_108{display:flex;align-items:center;box-sizing:border-box}._sublinkToggle_1do0i_354,._link_1do0i_108{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._sublinkToggle_1do0i_354 ._newTabIcon_1do0i_369,._link_1do0i_108 ._newTabIcon_1do0i_369{color:var(--color-muted);transition:color .3s ease-in-out}._link_1do0i_108:hover,._sublinkToggle_1do0i_354:hover,._sublinkToggle_1do0i_354._open_1do0i_377,._link_1do0i_108:hover ._newTabIcon_1do0i_369,._sublinkToggle_1do0i_354:hover ._newTabIcon_1do0i_369,._sublinkToggle_1do0i_354._open_1do0i_377 ._newTabIcon_1do0i_369,._navItem_1do0i_385:hover{color:var(--color-primary)}._sublinkToggle_1do0i_354{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_1do0i_82{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_1do0i_82._show_1do0i_432{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_1do0i_159{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_1do0i_159._show_1do0i_432{top:calc(100% + .3rem);opacity:1;visibility:visible}._sublinksInner_1do0i_94{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md)}@media (max-width: 767px){._sublinksInner_1do0i_94{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1do0i_480{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1do0i_480{padding:0}}._chevron_1do0i_490{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1do0i_354._open_1do0i_377 ._chevron_1do0i_490{transform:rotate(180deg)}@media (max-width: 767px){._logo_1do0i_23{flex:1}._menuToggle_1do0i_117{display:flex;align-items:center;justify-content:center}._utility_1do0i_292 a:not(._utility_1do0i_292 a:first-of-type){display:none}._utilityMobile_1do0i_292{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_1do0i_292._open_1do0i_377{transform:translateY(0)}._nav_1do0i_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1do0i_5._open_1do0i_377{transform:translate(0)}._linkWrapper_1do0i_121{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1do0i_121._parent_1do0i_569{border-bottom:1px solid var(--color-border)}._linkWrapper_1do0i_121._parent_1do0i_569:last-of-type{border:none}._linkItem_1do0i_108{width:100%}._chevron_1do0i_490{display:none}._sublinks_1do0i_82{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_1do0i_354{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
+:root{--nav-height: 65px}._navbar_wd0jm_5{position:relative;height:var(--nav-height)}._left_wd0jm_18 ._container_wd0jm_19{justify-content:flex-start}._left_wd0jm_18 ._logo_wd0jm_23{flex:unset}._left_wd0jm_18 ._nav_wd0jm_5{flex:1}@media (max-width: 767px){._left_wd0jm_18 ._logo_wd0jm_23{flex:1}}._center_wd0jm_38 ._nav_wd0jm_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_wd0jm_38 ._nav_wd0jm_5._hidden_wd0jm_44{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_wd0jm_38 ._nav_wd0jm_5._visible_wd0jm_51{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_wd0jm_38 ._logo_wd0jm_23{flex:1}}._right_wd0jm_66 ._container_wd0jm_19{justify-content:flex-end}._right_wd0jm_66 ._logo_wd0jm_23,._right_wd0jm_66 ._title_wd0jm_72{flex:1}._right_wd0jm_66 ._nav_wd0jm_5{flex:unset}._default_wd0jm_81 ._sublinks_wd0jm_82{position:fixed;left:0;right:0;top:100%;padding-top:1rem}@media (max-width: 767px){._default_wd0jm_81 ._sublinks_wd0jm_82{position:relative}}._default_wd0jm_81 ._sublinksInner_wd0jm_94{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}@media (max-width: 767px){._default_wd0jm_81 ._sublinksInner_wd0jm_94{grid-template-columns:1fr;width:auto;min-height:unset}}._default_wd0jm_81 ._linkItem_wd0jm_108{justify-content:flex-start}._minimal_wd0jm_113{left:0;background-color:#fff}._minimal_wd0jm_113 ._menuToggle_wd0jm_117{grid-area:unset}._minimal_wd0jm_113 ._linkWrapper_wd0jm_121{position:relative}._minimal_wd0jm_113 ._sublinks_wd0jm_82{position:absolute;right:0;width:auto}@media (max-width: 767px){._minimal_wd0jm_113 ._sublinks_wd0jm_82{position:relative;justify-content:center;align-items:center}}._minimal_wd0jm_113 ._sublinksInner_wd0jm_94{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._minimal_wd0jm_113 ._sublinksInner_wd0jm_94{justify-content:center;align-items:center}}._minimal_wd0jm_113 ._linkItem_wd0jm_108{justify-content:flex-end}@media (max-width: 767px){._minimal_wd0jm_113 ._linkItem_wd0jm_108{justify-content:center;align-items:center}}._minimal_wd0jm_113 ._triangle_wd0jm_159{display:none}._transparent_wd0jm_164{background-color:transparent}._transparent_wd0jm_164 ._nav_wd0jm_5{height:auto;border-radius:var(--radius-full);padding:0 var(--spacing-md);z-index:1001;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_wd0jm_164 ._nav_wd0jm_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_wd0jm_164 ._nav_wd0jm_5:before{border-radius:0}}._transparent_wd0jm_164 ._menuToggle_wd0jm_117:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_wd0jm_216{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_wd0jm_19{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_wd0jm_19{grid-template-areas:"first second third fourth"}}._container_wd0jm_19._twoColumn_wd0jm_245{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_wd0jm_72{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_wd0jm_23{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_wd0jm_23 img{height:auto;width:auto}._menuToggle_wd0jm_117{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-text-primary);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_wd0jm_117 svg{position:relative;z-index:5}._utilityMobile_wd0jm_292{display:none;grid-area:third;justify-content:flex-end}._utility_wd0jm_292{grid-area:third;display:flex;justify-content:flex-end}._utility_wd0jm_292 a{font-size:var(--font-size-sm)}._nav_wd0jm_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;grid-gap:var(--spacing-sm);transition:transform .3s ease}@media (max-width: 767px){._nav_wd0jm_5{height:100vh}}._navInner_wd0jm_320{position:relative}@media (max-width: 767px){._navInner_wd0jm_320{margin:var(--spacing-xl) auto 0;min-width:300px}}._grid_wd0jm_329{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_wd0jm_329{display:flex;flex-direction:column}}._linkItem_wd0jm_108{display:flex;align-items:center;box-sizing:border-box}._navTitle_wd0jm_354,._sublinkToggle_wd0jm_355,._link_wd0jm_108{text-decoration:none;color:var(--color-text-primary);padding:var(--spacing-sm);transition:color .3s ease;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_wd0jm_354 ._newTabIcon_wd0jm_370,._sublinkToggle_wd0jm_355 ._newTabIcon_wd0jm_370,._link_wd0jm_108 ._newTabIcon_wd0jm_370{color:var(--color-muted);transition:color .3s ease-in-out}._link_wd0jm_108:hover,._sublinkToggle_wd0jm_355:hover,._sublinkToggle_wd0jm_355._open_wd0jm_378,._link_wd0jm_108:hover ._newTabIcon_wd0jm_370,._sublinkToggle_wd0jm_355:hover ._newTabIcon_wd0jm_370,._sublinkToggle_wd0jm_355._open_wd0jm_378 ._newTabIcon_wd0jm_370,._navItem_wd0jm_386:hover{color:var(--color-primary)}._sublinkToggle_wd0jm_355{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-text-primary)}._sublinks_wd0jm_82{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease,opacity .3s ease,visibility .3s ease}._sublinks_wd0jm_82._show_wd0jm_433{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._triangle_wd0jm_159{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_wd0jm_159._show_wd0jm_433{top:calc(100% + .3rem);opacity:1;visibility:visible}._sublinksInner_wd0jm_94{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md)}@media (max-width: 767px){._sublinksInner_wd0jm_94{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_wd0jm_481{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_wd0jm_481{padding:0}}._chevron_wd0jm_491{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_wd0jm_355._open_wd0jm_378 ._chevron_wd0jm_491{transform:rotate(180deg)}@media (max-width: 767px){._logo_wd0jm_23{flex:1}._menuToggle_wd0jm_117{display:flex;align-items:center;justify-content:center}._utility_wd0jm_292 a:not(._utility_wd0jm_292 a:first-of-type){display:none}._utilityMobile_wd0jm_292{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_wd0jm_292._open_wd0jm_378{transform:translateY(0)}._nav_wd0jm_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_wd0jm_5._open_wd0jm_378{transform:translate(0)}._linkWrapper_wd0jm_121{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_wd0jm_121._parent_wd0jm_570{border-bottom:1px solid var(--color-border)}._linkWrapper_wd0jm_121._parent_wd0jm_570:last-of-type{border:none}._linkItem_wd0jm_108{width:100%}._chevron_wd0jm_491{display:none}._sublinks_wd0jm_82{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_wd0jm_355{cursor:pointer;pointer-events:none;color:var(--color-muted)}}
 ._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
 ._footer_xfxi7_1{background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_xfxi7_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_xfxi7_17{width:100%}._primaryNav_xfxi7_21{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_xfxi7_21{flex-direction:column}}._secondaryNav_xfxi7_30{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_xfxi7_30 a:has(img){height:unset;background-color:transparent}._secondaryNav_xfxi7_30 a:has(img) img{width:175px;height:auto}._secondaryNav_xfxi7_30 a:has(img):hover{background-color:transparent}@media (max-width: 480px){._secondaryNav_xfxi7_30{flex-direction:column-reverse}._secondaryNav_xfxi7_30 nav{width:100%}}._details_xfxi7_62{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}._nav_xfxi7_69{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_xfxi7_77{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._socialItems_xfxi7_83{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}._socialItems_xfxi7_83 ._group_xfxi7_90{min-width:unset}._socialItems_xfxi7_83 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_xfxi7_99{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_xfxi7_90{min-width:140px}._groupTitle_xfxi7_109{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_xfxi7_114{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_xfxi7_122{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_xfxi7_122{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_xfxi7_122 ._newTabIcon_xfxi7_140{color:var(--color-muted);transition:color .3s ease-in-out}._link_xfxi7_122:hover,._link_xfxi7_122:hover ._newTabIcon_xfxi7_140{color:var(--color-primary)}._bottom_xfxi7_154{text-align:left;font-size:var(--font-size-sm);color:var(--color-muted)}._left_xfxi7_161 ._container_xfxi7_8{justify-content:flex-start}._left_xfxi7_161 ._logo_xfxi7_77{flex:unset}._left_xfxi7_161 ._nav_xfxi7_69{flex:1}@media (max-width: 767px){._left_xfxi7_161 ._logo_xfxi7_77{flex:1}}._center_xfxi7_181 ._nav_xfxi7_69{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_xfxi7_181 ._nav_xfxi7_69._hidden_xfxi7_187{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_xfxi7_181 ._nav_xfxi7_69._visible_xfxi7_194{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_xfxi7_181 ._logo_xfxi7_77{flex:1}}._right_xfxi7_209 ._container_xfxi7_8{justify-content:flex-end}._right_xfxi7_209 ._logo_xfxi7_77,._right_xfxi7_209 ._title_xfxi7_215{flex:1}._right_xfxi7_209 ._nav_xfxi7_69{flex:unset}
 ._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}

package/package.json

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

package/dist/assets/index48.css

@@ -1 +0,0 @@
-._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}