quirk-ui 0.0.201 → 0.0.203

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)}}
+: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/index47.css

@@ -1 +1 @@
-._footer_1huvr_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_1huvr_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1huvr_17{width:100%}._primaryNav_1huvr_21{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1huvr_21{flex-direction:column}}._secondaryNav_1huvr_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_1huvr_30 a:has(img){height:unset;background-color:transparent}._secondaryNav_1huvr_30 a:has(img) img{width:175px;height:auto}._secondaryNav_1huvr_30 a:has(img):hover{background-color:transparent}@media (max-width: 480px){._secondaryNav_1huvr_30{flex-direction:column-reverse}._secondaryNav_1huvr_30 nav{width:100%}}._details_1huvr_62{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}._nav_1huvr_69{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1huvr_77{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._socialItems_1huvr_83{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1huvr_83 ._group_1huvr_90{min-width:unset}._socialItems_1huvr_83 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1huvr_99{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1huvr_90{min-width:140px}._groupTitle_1huvr_109{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1huvr_114{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1huvr_122{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1huvr_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_1huvr_122 ._newTabIcon_1huvr_140{color:var(--color-muted);transition:color .3s ease-in-out}._link_1huvr_122:hover,._link_1huvr_122:hover ._newTabIcon_1huvr_140{color:var(--color-primary)}._bottom_1huvr_154{text-align:left;font-size:var(--font-size-sm);color:var(--color-muted)}._left_1huvr_161 ._container_1huvr_8{justify-content:flex-start}._left_1huvr_161 ._logo_1huvr_77{flex:unset}._left_1huvr_161 ._nav_1huvr_69{flex:1}@media (max-width: 767px){._left_1huvr_161 ._logo_1huvr_77{flex:1}}._center_1huvr_181 ._nav_1huvr_69{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1huvr_181 ._nav_1huvr_69._hidden_1huvr_187{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1huvr_181 ._nav_1huvr_69._visible_1huvr_194{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1huvr_181 ._logo_1huvr_77{flex:1}}._right_1huvr_209 ._container_1huvr_8{justify-content:flex-end}._right_1huvr_209 ._logo_1huvr_77,._right_1huvr_209 ._title_1huvr_215{flex:1}._right_1huvr_209 ._nav_1huvr_69{flex:unset}
+._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/components/Footer/index.js

@@ -1,18 +1,18 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { CallToAction as C } from "../CallToAction/index.js";
 import { ButtonGroup as E } from "../ButtonGroup/index.js";
-import d from "react";
+import f from "react";
 import { E as V } from "../../external-link-BOPobeQJ.js";
-import '../../assets/index47.css';var x = {
+import '../../assets/index47.css';var P = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, j = d.createContext && /* @__PURE__ */ d.createContext(x), 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)
@@ -30,17 +30,17 @@ function F(e, t) {
     }
   return r;
 }
-function p() {
-  return p = Object.assign ? Object.assign.bind() : function(e) {
+function h() {
+  return h = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var a in r)
         Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
     }
     return e;
-  }, p.apply(this, arguments);
+  }, h.apply(this, arguments);
 }
-function P(e, t) {
+function j(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -50,12 +50,12 @@ function P(e, t) {
   }
   return r;
 }
-function b(e) {
+function v(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? P(Object(r), !0).forEach(function(a) {
+    t % 2 ? j(Object(r), !0).forEach(function(a) {
       M(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : P(Object(r)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : j(Object(r)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
     });
   }
@@ -78,15 +78,15 @@ function D(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function I(e) {
-  return e && e.map((t, r) => /* @__PURE__ */ d.createElement(t.tag, b({
+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 h(e) {
-  return (t) => /* @__PURE__ */ d.createElement(H, p({
-    attr: b({}, e.attr)
-  }, t), I(e.child));
+function d(e) {
+  return (t) => /* @__PURE__ */ f.createElement(H, h({
+    attr: v({}, e.attr)
+  }, t), z(e.child));
 }
 function H(e) {
   var t = (r) => {
@@ -94,45 +94,45 @@ function H(e) {
       attr: a,
       size: l,
       title: u
-    } = e, v = $(e, L), f = l || r.size || "1em", s;
-    return r.className && (s = r.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ d.createElement("svg", p({
+    } = 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",
       strokeWidth: "0"
-    }, r.attr, a, v, {
+    }, r.attr, a, p, {
       className: s,
-      style: b(b({
+      style: v(v({
         color: e.color || r.color
       }, r.style), e.style),
-      height: f,
-      width: f,
+      height: b,
+      width: b,
       xmlns: "http://www.w3.org/2000/svg"
-    }), u && /* @__PURE__ */ d.createElement("title", null, u), e.children);
+    }), u && /* @__PURE__ */ f.createElement("title", null, u), e.children);
   };
-  return j !== void 0 ? /* @__PURE__ */ d.createElement(j.Consumer, null, (r) => t(r)) : t(x);
+  return O !== void 0 ? /* @__PURE__ */ f.createElement(O.Consumer, null, (r) => t(r)) : t(P);
+}
+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 A(e) {
-  return h({ 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);
+  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 W(e) {
-  return h({ 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) {
-  return h({ 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);
+  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 h({ 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) {
-  return h({ 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_1huvr_1", Q = "_container_1huvr_8", R = "_utilityImage_1huvr_17", U = "_primaryNav_1huvr_21", q = "_secondaryNav_1huvr_30", J = "_details_1huvr_62", X = "_nav_1huvr_69", Z = "_logo_1huvr_77", ee = "_socialItems_1huvr_83", te = "_group_1huvr_90", re = "_groups_1huvr_99", ae = "_groupTitle_1huvr_109", ne = "_sublinks_1huvr_114", oe = "_link_1huvr_122", ie = "_newTabIcon_1huvr_140", ce = "_bottom_1huvr_154", n = {
-  footer: Y,
-  container: Q,
-  utilityImage: R,
-  primaryNav: U,
-  secondaryNav: q,
-  details: J,
+  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 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 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,
@@ -140,17 +140,17 @@ const Y = "_footer_1huvr_1", Q = "_container_1huvr_8", R = "_utilityImage_1huvr_
   groups: re,
   groupTitle: ae,
   sublinks: ne,
-  link: oe,
-  newTabIcon: ie,
+  link: ie,
+  newTabIcon: oe,
   bottom: ce
 }, le = {
-  Facebook: A,
+  Facebook: k,
   Twitter: G,
-  LinkedIn: k,
-  Instagram: W,
-  YouTube: K
+  LinkedIn: W,
+  Instagram: A,
+  YouTube: Y
 };
-function ve({
+function pe({
   // title,
   logo: e,
   items: t,
@@ -159,13 +159,12 @@ function ve({
   utilityItems: l,
   socialItems: u,
   // alignment = "right",
-  copyright: v,
-  className: f
+  copyright: p,
+  className: b
 }) {
-  const s = (o, g = "", z = !1) => o.map((c) => {
-    var O;
-    console.log("QUI LINK", c);
-    const N = `${g}/${c.label}`, w = (O = c.sublinks) == null ? void 0 : O.length, _ = !!c.href, y = le[c.icon], S = _ ? "a" : "div", T = _ ? {
+  const s = (i, g = "", I = !1) => i.map((c) => {
+    var w;
+    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",
       rel: c.isExternal ? "noopener noreferrer" : void 0,
@@ -179,65 +178,65 @@ function ve({
       /* @__PURE__ */ m(
         S,
         {
-          className: `${_ ? n.link : ""} ${w ? n.groupTitle : ""}`,
+          className: `${_ ? n.link : ""} ${N ? n.groupTitle : ""}`,
           ...T,
           children: [
-            !z && c.label,
-            y && /* @__PURE__ */ i(y, {}),
-            !y && c.isExternal && /* @__PURE__ */ i(V, { className: n.newTabIcon, size: 16 })
+            !I && c.label,
+            x && /* @__PURE__ */ o(x, {}),
+            !x && c.isExternal && /* @__PURE__ */ o(V, { className: n.newTabIcon, size: 16 })
           ]
         }
       ),
-      w && /* @__PURE__ */ i(
+      N && /* @__PURE__ */ o(
         "div",
         {
           className: `${n.sublinks}`,
           role: "menu",
           "aria-label": `${c.label} submenu`,
-          children: s(c.sublinks, N)
+          children: s(c.sublinks, y)
         }
       )
-    ] }, N);
+    ] }, y);
   });
-  return /* @__PURE__ */ i("footer", { className: `${f ?? ""} ${n.footer}`, children: /* @__PURE__ */ m("div", { className: n.container, children: [
+  return /* @__PURE__ */ o("footer", { className: `${b ?? ""} ${n.footer}`, children: /* @__PURE__ */ m("div", { className: n.container, children: [
     /* @__PURE__ */ m("div", { className: n.primaryNav, children: [
       /* @__PURE__ */ m("div", { className: n.details, children: [
         e && /* @__PURE__ */ m("div", { className: n.logo, children: [
           " ",
           e
         ] }),
-        u && /* @__PURE__ */ i("div", { className: n.socialItems, children: s(u, "", !0) }),
-        r && /* @__PURE__ */ i("div", { className: n.primaryInfo, children: r }),
-        a && /* @__PURE__ */ i("div", { className: n.secondaryInfo, children: a })
+        u && /* @__PURE__ */ o("div", { className: n.socialItems, children: s(u, "", !0) }),
+        r && /* @__PURE__ */ o("div", { className: n.primaryInfo, children: r }),
+        a && /* @__PURE__ */ o("div", { className: n.secondaryInfo, children: a })
       ] }),
-      /* @__PURE__ */ i("nav", { className: n.nav, id: "footer-menu", role: "menubar", children: /* @__PURE__ */ i("div", { className: n.groups, children: s(t, "", !1) }) })
+      /* @__PURE__ */ o("nav", { className: n.nav, id: "footer-menu", role: "menubar", children: /* @__PURE__ */ o("div", { className: n.groups, children: s(t, "", !1) }) })
     ] }),
     /* @__PURE__ */ m("div", { className: n.secondaryNav, children: [
-      v && /* @__PURE__ */ i("div", { className: n.bottom, children: /* @__PURE__ */ i("span", { children: v }) }),
-      l && /* @__PURE__ */ i("nav", { className: n.utility, children: /* @__PURE__ */ i(E, { orientation: "horizontal", children: l.map((o, g) => /* @__PURE__ */ i(
+      p && /* @__PURE__ */ o("div", { className: n.bottom, children: /* @__PURE__ */ o("span", { children: p }) }),
+      l && /* @__PURE__ */ o("nav", { className: n.utility, children: /* @__PURE__ */ o(E, { orientation: "horizontal", children: l.map((i, g) => /* @__PURE__ */ o(
         C,
         {
           as: "a",
-          href: o.href ?? "/",
-          variant: o.variant ?? "primary",
-          displayType: o.displayType ?? "text",
-          imageSrc: o.imageSrc,
-          imageAlt: o.imageAlt,
-          "aria-label": o.ariaLabel ?? o.label,
-          children: o.imageSrc ? /* @__PURE__ */ i(
+          href: i.href ?? "/",
+          variant: i.variant ?? "primary",
+          displayType: i.displayType ?? "text",
+          imageSrc: i.imageSrc,
+          imageAlt: i.imageAlt,
+          "aria-label": i.ariaLabel ?? i.label,
+          children: i.imageSrc ? /* @__PURE__ */ o(
             "img",
             {
               className: n.utilityImage,
-              src: o.imageSrc,
-              "aria-label": o.imageAlt ?? o.ariaLabel ?? o.label
+              src: i.imageSrc,
+              "aria-label": i.imageAlt ?? i.ariaLabel ?? i.label
             }
-          ) : o.label
+          ) : i.label
         },
-        o._key || g
+        i._key || g
       )) }) })
     ] })
   ] }) });
 }
 export {
-  ve as Footer
+  pe as Footer
 };

package/dist/components/NavBar/index.js

@@ -1,160 +1,203 @@
 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 { 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 { useState as u, useRef as b, useCallback as g, useEffect as z } from "react";
+import { CallToAction as A } from "../CallToAction/index.js";
+import { ButtonGroup as O } from "../ButtonGroup/index.js";
+import { X as ee } from "../../x-CnsEH4Ox.js";
+import { c as ne } from "../../createLucideIcon-C8GTh_Qx.js";
+import { E as ae } from "../../external-link-BOPobeQJ.js";
+import { C as le } from "../../chevron-down-DSUzBz9F.js";
 import '../../assets/index45.css';/**
  * @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 se = [
   ["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,
+], te = ne("menu", se), ie = "_navbar_wd0jm_5", re = "_left_wd0jm_18", oe = "_container_wd0jm_19", ce = "_logo_wd0jm_23", de = "_nav_wd0jm_5", me = "_center_wd0jm_38", _e = "_hidden_wd0jm_44", ue = "_visible_wd0jm_51", he = "_right_wd0jm_66", ve = "_title_wd0jm_72", we = "_sublinks_wd0jm_82", fe = "_sublinksInner_wd0jm_94", be = "_linkItem_wd0jm_108", ge = "_minimal_wd0jm_113", pe = "_menuToggle_wd0jm_117", ke = "_linkWrapper_wd0jm_121", Ne = "_triangle_wd0jm_159", je = "_transparent_wd0jm_164", ye = "_sticky_wd0jm_216", $e = "_twoColumn_wd0jm_245", xe = "_utilityMobile_wd0jm_292", Ce = "_utility_wd0jm_292", Te = "_navInner_wd0jm_320", Le = "_grid_wd0jm_329", Me = "_navTitle_wd0jm_354", Ee = "_sublinkToggle_wd0jm_355", Ie = "_link_wd0jm_108", Re = "_newTabIcon_wd0jm_370", Se = "_open_wd0jm_378", We = "_navItem_wd0jm_386", ze = "_show_wd0jm_433", Ae = "_sublinksColumn_wd0jm_481", Oe = "_chevron_wd0jm_491", Be = "_parent_wd0jm_570", e = {
+  navbar: ie,
+  left: re,
   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 = {
+  logo: ce,
+  nav: de,
+  center: me,
+  hidden: _e,
+  visible: ue,
+  right: he,
+  title: ve,
+  default: "_default_wd0jm_81",
+  sublinks: we,
+  sublinksInner: fe,
+  linkItem: be,
+  minimal: ge,
+  menuToggle: pe,
+  linkWrapper: ke,
+  triangle: Ne,
+  transparent: je,
+  sticky: ye,
+  twoColumn: $e,
+  utilityMobile: xe,
+  utility: Ce,
+  navInner: Te,
+  grid: Le,
+  navTitle: Me,
+  sublinkToggle: Ee,
+  link: Ie,
+  newTabIcon: Re,
+  open: Se,
+  navItem: We,
+  show: ze,
+  sublinksColumn: Ae,
+  chevron: Oe,
+  parent: Be
+}, Ge = {
   default: e.default,
   minimal: e.minimal
-}, We = {
+}, Xe = {
   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 Ke({
+  title: B,
+  logo: j,
+  items: y,
+  groups: $,
+  utilityItems: l,
+  isSticky: G = !1,
+  isTransparent: X = !1,
+  alignment: p = "right",
+  variant: P = "default",
+  navigationType: x = "default",
+  className: D
 }) {
-  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 [o, C] = u(!1), [k, c] = u(null), [V, H] = u(0), [U, q] = u(!1), [F, J] = u(null), N = b(null), w = b(null), T = b(/* @__PURE__ */ new Map()), K = () => {
+    C((a) => !a);
+  }, Q = (a) => {
+    const i = T.current.get(a);
+    if (i && w.current) {
+      const s = i.getBoundingClientRect(), r = w.current.getBoundingClientRect(), t = s.left - r.left + s.width / 4;
+      J(t);
     }
-  }, 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);
+  }, L = (a) => {
+    c((i) => i === a ? null : a);
+  }, M = g((a) => {
+    N.current && !N.current.contains(a.target) && c(null);
+  }, []), E = g(() => {
+    c(null);
+  }, []), I = g(() => {
+    R(), typeof window < "u" && window.innerWidth > 768 && (C(!1), c(null), typeof document < "u" && (document.body.style.overflow = ""));
+  }, []), R = g(() => {
+    if (w.current) {
+      const a = w.current.getBoundingClientRect().width;
+      H(a), 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);
+  z(() => {
+    const a = typeof window < "u", i = typeof document < "u";
+    return a && (window.addEventListener("resize", I), window.addEventListener("scroll", E)), i && document.addEventListener("click", M), R(), () => {
+      a && (window.removeEventListener("resize", I), window.removeEventListener("scroll", E)), i && document.removeEventListener("click", M);
     };
-  }, []), R(() => {
+  }, []), z(() => {
     if (typeof document < "u")
-      return document.body.style.overflow = t ? "hidden" : "", () => {
+      return document.body.style.overflow = o ? "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__ */ _(
+  }, [o]);
+  const Y = (a) => {
+    const [i, s] = u(null), [r, d] = u(
+      null
+    );
+    return console.log("GROUPS", a), a.map((t, v) => {
+      var f, S;
+      const m = (f = t.primaryItems) == null ? void 0 : f[i ?? 0];
+      return /* @__PURE__ */ _(
+        "div",
+        {
+          className: e.navItem,
+          onMouseEnter: () => d(v),
+          onMouseLeave: () => {
+            d(null), s(null);
+          },
+          children: [
+            /* @__PURE__ */ n("button", { className: e.navTitle, children: t.title }),
+            r === v && /* @__PURE__ */ _("div", { className: e.dropdownMenu, children: [
+              /* @__PURE__ */ n("div", { className: e.column, children: (S = t.primaryItems) == null ? void 0 : S.map((Z, W) => /* @__PURE__ */ n(
+                "div",
+                {
+                  className: e.linkItem,
+                  onMouseEnter: () => s(W),
+                  children: Z.label
+                },
+                W
+              )) }),
+              /* @__PURE__ */ n("div", { className: e.column, children: (m == null ? void 0 : m.sublinks) && h(m.sublinks) }),
+              /* @__PURE__ */ n("div", { className: e.column, children: t.secondaryItems && h(t.secondaryItems) }),
+              t.spotlight && /* @__PURE__ */ n("div", { className: e.column, children: t.spotlight })
+            ] }),
+            t.primaryItems && h(t.primaryItems),
+            t.secondaryItems && h(t.secondaryItems),
+            t.spotlight && /* @__PURE__ */ n("div", { className: e.spotlight, children: t.spotlight })
+          ]
+        },
+        v
+      );
+    });
+  }, h = (a, i = "") => a.map((s) => {
+    var m;
+    const r = `${i}/${s.label}`, d = k === r, t = (m = s.sublinks) == null ? void 0 : m.length, v = b(null);
+    return T.current.set(r, v.current), /* @__PURE__ */ _(
       "div",
       {
-        className: `${e.linkWrapper} ${l ? "" : e.parent}`,
+        className: `${e.linkWrapper} ${i ? "" : e.parent}`,
         children: [
-          /* @__PURE__ */ n("div", { className: e.linkItem, children: i.href ? /* @__PURE__ */ _(
+          /* @__PURE__ */ n("div", { className: e.linkItem, children: s.href ? /* @__PURE__ */ _(
             "a",
             {
-              href: i.href,
+              href: s.href,
               className: e.link,
-              target: i.isExternal ? "_blank" : "_self",
-              rel: i.isExternal ? "noopener noreferrer" : void 0,
+              target: s.isExternal ? "_blank" : "_self",
+              rel: s.isExternal ? "noopener noreferrer" : void 0,
               onClick: () => {
-                var M;
-                s(null), (M = i.onClick) == null || M.call(i);
+                var f;
+                c(null), (f = s.onClick) == null || f.call(s);
               },
               onMouseEnter: () => {
-                l || s(null);
+                i || c(null);
               },
               role: "menuitem",
               children: [
-                i.label,
-                i.isExternal && /* @__PURE__ */ n(U, { className: e.newTabIcon, size: 16 })
+                s.label,
+                s.isExternal && /* @__PURE__ */ n(ae, { 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),
+              ref: v,
+              "aria-haspopup": t ? "true" : void 0,
+              "aria-expanded": d,
+              className: `${e.sublinkToggle} ${d ? e.open : ""}`,
+              onClick: () => L(r),
               onMouseEnter: () => {
-                J(r), s(r);
+                Q(r), c(r);
               },
               children: [
-                i.label,
-                d && /* @__PURE__ */ n(Y, { size: 18, className: e.chevron })
+                s.label,
+                t && /* @__PURE__ */ n(le, { size: 18, className: e.chevron })
               ]
             }
           ) }),
-          d && /* @__PURE__ */ n(
+          t && /* @__PURE__ */ n(
             "div",
             {
-              className: `${e.sublinks} ${m ? e.show : ""}`,
-              onMouseLeave: () => N(r),
+              className: `${e.sublinks} ${d ? e.show : ""}`,
+              onMouseLeave: () => L(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) }) }) })
+              "aria-label": `${s.label} submenu`,
+              children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("div", { className: e.sublinksInner, children: /* @__PURE__ */ n("div", { className: e.sublinksColumn, children: h(s.sublinks, r) }) }) })
             }
           )
         ]
@@ -165,32 +208,32 @@ function Ge({
   return /* @__PURE__ */ n(
     "header",
     {
-      ref: v,
-      className: `${X ?? ""} ${We[h]} ${Se[j]} ${e.navbar} ${O ? e.sticky : ""} ${B ? e.transparent : ""} `,
+      ref: N,
+      className: `${D ?? ""} ${Xe[p]} ${Ge[P]} ${e.navbar} ${G ? e.sticky : ""} ${X ? e.transparent : ""} `,
       role: "navigation",
       "aria-label": "Main navigation",
       children: /* @__PURE__ */ _(
         "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 }),
+            j ? /* @__PURE__ */ n("div", { className: e.logo, children: j }) : /* @__PURE__ */ n("div", { className: e.title, children: B }),
             /* @__PURE__ */ n(
               "nav",
               {
-                ref: c,
+                ref: w,
                 style: {
-                  left: h === "center" ? `calc(50% - ${D / 2}px)` : "0"
+                  left: p === "center" ? `calc(50% - ${V / 2}px)` : "0"
                 },
-                className: `${e.nav} ${t ? e.open : ""} ${G ? e.visible : e.hidden}`,
+                className: `${e.nav} ${o ? e.open : ""} ${U ? e.visible : e.hidden}`,
                 id: "main-menu",
                 role: "menubar",
                 children: /* @__PURE__ */ _("div", { className: e.navInner, children: [
                   /* @__PURE__ */ n(
                     "svg",
                     {
-                      style: { left: `${q}px` },
-                      className: `${e.triangle} ${b ? e.show : ""}`,
+                      style: { left: `${F}px` },
+                      className: `${e.triangle} ${k ? e.show : ""}`,
                       width: 16,
                       height: 12,
                       viewBox: "0 0 100 75",
@@ -209,15 +252,16 @@ function Ge({
                   /* @__PURE__ */ n(
                     "div",
                     {
-                      className: `${e.triangle} ${b ? e.show : ""}`
+                      className: `${e.triangle} ${k ? e.show : ""}`
                     }
                   ),
-                  /* @__PURE__ */ n("div", { className: e.grid, children: T(A) })
+                  x === "default" && y && /* @__PURE__ */ n("div", { className: e.grid, children: h(y) }),
+                  x === "advanced" && $ && /* @__PURE__ */ n("div", { className: e.grid, children: Y($) })
                 ] })
               }
             ),
-            o && /* @__PURE__ */ n("nav", { className: e.utility, children: /* @__PURE__ */ n(W, { children: o.map((a, l) => /* @__PURE__ */ n(
-              S,
+            l && /* @__PURE__ */ n("nav", { className: e.utility, children: /* @__PURE__ */ n(O, { children: l.map((a, i) => /* @__PURE__ */ n(
+              A,
               {
                 as: "a",
                 href: a.href ?? "/",
@@ -226,39 +270,39 @@ function Ge({
                 imageSrc: a.imageSrc,
                 imageAlt: a.imageAlt,
                 "aria-label": a.ariaLabel ?? a.label,
-                children: o[1].imageSrc ? /* @__PURE__ */ n(
+                children: l[1].imageSrc ? /* @__PURE__ */ n(
                   "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
+              a._key || i
             )) }) }),
-            o && /* @__PURE__ */ n(
+            l && /* @__PURE__ */ n(
               "nav",
               {
-                className: `${e.utilityMobile} ${t ? e.open : ""}`,
-                children: /* @__PURE__ */ n(W, { alignment: "center", children: /* @__PURE__ */ n(
-                  S,
+                className: `${e.utilityMobile} ${o ? e.open : ""}`,
+                children: /* @__PURE__ */ n(O, { alignment: "center", children: /* @__PURE__ */ n(
+                  A,
                   {
                     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__ */ n(
                       "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
                   }
                 ) })
               }
@@ -267,11 +311,11 @@ function Ge({
               "button",
               {
                 className: e.menuToggle,
-                onClick: H,
-                "aria-label": t ? "Close menu" : "Open menu",
-                "aria-expanded": t,
+                onClick: K,
+                "aria-label": o ? "Close menu" : "Open menu",
+                "aria-expanded": o,
                 "aria-controls": "main-menu",
-                children: t ? /* @__PURE__ */ n(K, { size: 24 }) : /* @__PURE__ */ n(I, { size: 24 })
+                children: o ? /* @__PURE__ */ n(ee, { size: 24 }) : /* @__PURE__ */ n(te, { size: 24 })
               }
             )
           ]
@@ -281,5 +325,5 @@ function Ge({
   );
 }
 export {
-  Ge as Navbar
+  Ke as Navbar
 };

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_1huvr_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_1huvr_8{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1huvr_17{width:100%}._primaryNav_1huvr_21{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1huvr_21{flex-direction:column}}._secondaryNav_1huvr_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_1huvr_30 a:has(img){height:unset;background-color:transparent}._secondaryNav_1huvr_30 a:has(img) img{width:175px;height:auto}._secondaryNav_1huvr_30 a:has(img):hover{background-color:transparent}@media (max-width: 480px){._secondaryNav_1huvr_30{flex-direction:column-reverse}._secondaryNav_1huvr_30 nav{width:100%}}._details_1huvr_62{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}._nav_1huvr_69{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1huvr_77{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}._socialItems_1huvr_83{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1huvr_83 ._group_1huvr_90{min-width:unset}._socialItems_1huvr_83 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1huvr_99{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1huvr_90{min-width:140px}._groupTitle_1huvr_109{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1huvr_114{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1huvr_122{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1huvr_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_1huvr_122 ._newTabIcon_1huvr_140{color:var(--color-muted);transition:color .3s ease-in-out}._link_1huvr_122:hover,._link_1huvr_122:hover ._newTabIcon_1huvr_140{color:var(--color-primary)}._bottom_1huvr_154{text-align:left;font-size:var(--font-size-sm);color:var(--color-muted)}._left_1huvr_161 ._container_1huvr_8{justify-content:flex-start}._left_1huvr_161 ._logo_1huvr_77{flex:unset}._left_1huvr_161 ._nav_1huvr_69{flex:1}@media (max-width: 767px){._left_1huvr_161 ._logo_1huvr_77{flex:1}}._center_1huvr_181 ._nav_1huvr_69{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1huvr_181 ._nav_1huvr_69._hidden_1huvr_187{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1huvr_181 ._nav_1huvr_69._visible_1huvr_194{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1huvr_181 ._logo_1huvr_77{flex:1}}._right_1huvr_209 ._container_1huvr_8{justify-content:flex-end}._right_1huvr_209 ._logo_1huvr_77,._right_1huvr_209 ._title_1huvr_215{flex:1}._right_1huvr_209 ._nav_1huvr_69{flex:unset}
+._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.201",
+  "version": "0.0.203",
   "type": "module",
   "exports": {
     ".": {