@xscriptor/xcomponents 0.1.1 → 0.1.2

package/dist/components/navigation/index.css

@@ -1,229 +1,229 @@
-/* src/components/navigation/xnavbar/XNavbar.module.css */
-.XNavbar_header3 {
+/* esbuild-css-modules-plugin-ns-css:src/components/navigation/xnavbar/XNavbar.module.css */
+.XNavbar-module__header_wx7KiW__012 {
+  background: var(--bg);
   height: 100%;
-  display: flex;
-  align-items: center;
+  color: var(--text);
+  z-index: 60;
   justify-content: space-between;
+  align-items: center;
   padding: 2rem 3rem;
-  background: var(--bg);
-  color: var(--text);
   font-size: 1.25rem;
-  z-index: 60;
+  display: flex;
 }
-@media (min-width: 640px) {
-  .XNavbar_header3 {
+@media (width >= 640px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 2rem;
   }
 }
-@media (min-width: 768px) {
-  .XNavbar_header3 {
+@media (width >= 768px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 3rem;
   }
 }
-@media (min-width: 1024px) {
-  .XNavbar_header3 {
+@media (width >= 1024px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 5rem;
   }
 }
-@media (min-width: 1280px) {
-  .XNavbar_header3 {
+@media (width >= 1280px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 12rem;
   }
 }
-.XNavbar_desktopNav3 {
-  display: none;
+.XNavbar-module__desktopNav_wx7KiW__012 {
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
   align-items: center;
   width: 100%;
-  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
-  padding-bottom: 0.5rem;
+  padding-bottom: .5rem;
+  display: none;
 }
-@media (min-width: 768px) {
-  .XNavbar_desktopNav3 {
+@media (width >= 768px) {
+  .XNavbar-module__desktopNav_wx7KiW__012 {
     display: grid;
   }
 }
-.XNavbar_desktopLinksLeft3,
-.XNavbar_desktopLinksRight3 {
-  display: flex;
+.XNavbar-module__desktopLinksLeft_wx7KiW__012,
+.XNavbar-module__desktopLinksRight_wx7KiW__012 {
   align-items: center;
   gap: 1.5rem;
   min-width: 0;
+  display: flex;
 }
-.XNavbar_desktopLinksLeft3 {
+.XNavbar-module__desktopLinksLeft_wx7KiW__012 {
   justify-content: flex-end;
 }
-.XNavbar_desktopLinksRight3 {
+.XNavbar-module__desktopLinksRight_wx7KiW__012 {
   justify-content: flex-start;
 }
-.XNavbar_logoSlot3 {
-  display: flex;
+.XNavbar-module__logoSlot_wx7KiW__012 {
   justify-content: center;
   align-items: center;
+  display: flex;
 }
-.XNavbar_logoWrapper3 {
-  position: relative;
+.XNavbar-module__logoWrapper_wx7KiW__012 {
+  align-items: center;
   margin-inline: 1rem;
   display: flex;
-  align-items: center;
+  position: relative;
 }
-.XNavbar_logoBtn3 {
-  font-weight: 700;
-  font-size: 1.5rem;
-  line-height: 1;
+.XNavbar-module__logoBtn_wx7KiW__012 {
   user-select: none;
-  background: none;
-  border: none;
   cursor: pointer;
   color: var(--text);
+  background: none;
+  border: none;
   padding: 0;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
 }
-.XNavbar_iconTray3 {
+.XNavbar-module__iconTray_wx7KiW__012 {
+  pointer-events: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  pointer-events: none;
 }
-.XNavbar_iconTrayRight3 {
+.XNavbar-module__iconTrayRight_wx7KiW__012 {
+  padding-left: .75rem;
   left: 100%;
-  padding-left: 0.75rem;
 }
-.XNavbar_iconTrayLeft3 {
+.XNavbar-module__iconTrayLeft_wx7KiW__012 {
+  padding-right: .75rem;
   right: 100%;
-  padding-right: 0.75rem;
 }
-.XNavbar_navLink3 {
-  padding: 0.25rem;
-  border-bottom: 2px solid transparent;
-  transition:
-    border-color 0.2s,
-    opacity 0.2s,
-    color 0.2s;
+.XNavbar-module__navLink_wx7KiW__012 {
   color: var(--xnav-link-color, var(--text));
-  text-decoration: none;
   white-space: nowrap;
+  border-bottom: 2px solid #0000;
+  padding: .25rem;
+  text-decoration: none;
+  transition:
+    border-color .2s,
+    opacity .2s,
+    color .2s;
 }
-.XNavbar_navLink3:hover {
+.XNavbar-module__navLink_wx7KiW__012:hover {
   color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));
-  opacity: var(--xnav-link-hover-opacity, 0.7);
+  opacity: var(--xnav-link-hover-opacity, .7);
 }
-.XNavbar_navLinkActive3 {
+.XNavbar-module__navLinkActive_wx7KiW__012 {
   border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));
   font-weight: 600;
 }
-.XNavbar_navLinkExternal3::after {
+.XNavbar-module__navLinkExternal_wx7KiW__012:after {
   content: " \2197";
-  font-size: 0.7em;
-  opacity: 0.6;
+  opacity: .6;
+  font-size: .7em;
 }
-.XNavbar_mobileToggle3 {
-  display: flex;
-  align-items: center;
+.XNavbar-module__mobileToggle_wx7KiW__012 {
   justify-content: center;
+  align-items: center;
+  display: flex;
 }
-@media (min-width: 768px) {
-  .XNavbar_mobileToggle3 {
+@media (width >= 768px) {
+  .XNavbar-module__mobileToggle_wx7KiW__012 {
     display: none;
   }
 }
-.XNavbar_hamburgerBtn3 {
+.XNavbar-module__hamburgerBtn_wx7KiW__012 {
+  cursor: pointer;
+  z-index: 80;
+  background: none;
+  border: none;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
   width: 2.5rem;
   height: 2rem;
+  padding: 0;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  background: none;
-  border: none;
-  cursor: pointer;
   position: relative;
-  z-index: 80;
-  padding: 0;
 }
-.XNavbar_bar3 {
+.XNavbar-module__bar_wx7KiW__012 {
   width: var(--xnav-bar-w, 2rem);
   height: var(--xnav-bar-h, 3px);
   background: var(--xnav-bar-color, var(--text));
   border-radius: 2px;
 }
-.XNavbar_mobileOverlay3 {
-  position: fixed;
-  inset: 0;
+.XNavbar-module__mobileOverlay_wx7KiW__012 {
+  background: var(--bg);
   width: 100vw;
   height: 100svh;
-  background: var(--bg);
   color: var(--text);
-  display: flex;
+  z-index: 9999;
   flex-direction: column;
-  align-items: center;
   justify-content: center;
+  align-items: center;
   gap: 2rem;
   font-size: 2.5rem;
-  z-index: 9999;
-}
-.XNavbar_mobileCloseBtn3 {
+  display: flex;
   position: fixed;
-  top: 2rem;
-  left: 1rem;
+  inset: 0;
+}
+.XNavbar-module__mobileCloseBtn_wx7KiW__012 {
+  cursor: pointer;
   width: 2.5rem;
   height: 2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: none;
-  border: none;
-  cursor: pointer;
   color: var(--xnav-bar-color, var(--text));
   z-index: 10000;
   -webkit-tap-highlight-color: transparent;
+  background: none;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: fixed;
+  top: 2rem;
+  left: 1rem;
 }
-.XNavbar_closeBar3 {
-  display: block;
-  position: absolute;
+.XNavbar-module__closeBar_wx7KiW__012 {
+  background: currentColor;
+  border-radius: 2px;
   width: 2rem;
   height: 3px;
-  border-radius: 2px;
-  background: currentColor;
+  display: block;
+  position: absolute;
 }
-.XNavbar_mobileLogo3 {
-  font-weight: 700;
-  font-size: 3rem;
+.XNavbar-module__mobileLogo_wx7KiW__012 {
   user-select: none;
   pointer-events: none;
+  font-size: 3rem;
+  font-weight: 700;
 }
-.XNavbar_mobileNavLink3 {
-  font-size: 2.5rem;
+.XNavbar-module__mobileNavLink_wx7KiW__012 {
   color: var(--xnav-link-color, var(--text));
+  border-bottom: 2px solid #0000;
+  padding: .25rem;
+  font-size: 2.5rem;
   text-decoration: none;
-  border-bottom: 2px solid transparent;
   transition:
-    border-color 0.2s,
-    color 0.2s,
-    opacity 0.2s;
-  padding: 0.25rem;
+    border-color .2s,
+    color .2s,
+    opacity .2s;
 }
-.XNavbar_mobileNavLink3:hover {
+.XNavbar-module__mobileNavLink_wx7KiW__012:hover {
   color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));
-  opacity: var(--xnav-link-hover-opacity, 0.7);
+  opacity: var(--xnav-link-hover-opacity, .7);
 }
-.XNavbar_mobileNavLinkActive3 {
-  font-weight: 600;
+.XNavbar-module__mobileNavLinkActive_wx7KiW__012 {
   border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));
+  font-weight: 600;
 }
-.XNavbar_themeToggleMobile3 {
-  margin-top: 1rem;
-  font-size: 1rem;
-  padding: 0.5rem 1rem;
+.XNavbar-module__themeToggleMobile_wx7KiW__012 {
   border: 1px solid var(--border);
-  border-radius: 0.375rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  background: none;
   color: var(--text);
   cursor: pointer;
-  transition: opacity 0.2s;
+  background: none;
+  border-radius: .375rem;
+  align-items: center;
+  gap: .5rem;
+  margin-top: 1rem;
+  padding: .5rem 1rem;
+  font-size: 1rem;
+  transition: opacity .2s;
+  display: flex;
 }
-.XNavbar_themeToggleMobile3:hover {
-  opacity: 0.7;
+.XNavbar-module__themeToggleMobile_wx7KiW__012:hover {
+  opacity: .7;
 }
 /*# sourceMappingURL=index.css.map */

package/dist/components/navigation/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/navigation/xnavbar/XNavbar.module.css"],
-  "sourcesContent": ["/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   XNavbar.module.css\n   Navbar completamente libre de Tailwind.\n   Usa variables CSS del tema global (--bg, --text, --border, --accent).\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* \u2500\u2500 Header / contenedor ra\u00EDz \u2500\u2500 */\n.header {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 2rem 3rem;\n  background: var(--bg);\n  color: var(--text);\n  font-size: 1.25rem;\n  z-index: 60;\n}\n\n@media (min-width: 640px)  { .header { padding-inline: 2rem; } }\n@media (min-width: 768px)  { .header { padding-inline: 3rem; } }\n@media (min-width: 1024px) { .header { padding-inline: 5rem; } }\n@media (min-width: 1280px) { .header { padding-inline: 12rem; } }\n\n/* \u2500\u2500 Desktop nav \u2500\u2500 */\n.desktopNav {\n  display: none;\n  align-items: center;\n  width: 100%;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n  padding-bottom: 0.5rem;\n}\n\n@media (min-width: 768px) {\n  .desktopNav {\n    display: grid;\n  }\n}\n\n.desktopLinksLeft,\n.desktopLinksRight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  min-width: 0;\n}\n\n.desktopLinksLeft {\n  justify-content: flex-end;\n}\n\n.desktopLinksRight {\n  justify-content: flex-start;\n}\n\n.logoSlot {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* \u2500\u2500 Logo / bot\u00F3n central (desktop) \u2500\u2500 */\n.logoWrapper {\n  position: relative;\n  margin-inline: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.logoBtn {\n  font-weight: 700;\n  font-size: 1.5rem;\n  line-height: 1;\n  user-select: none;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--text);\n  padding: 0;\n}\n\n/* \u2500\u2500 Tray de \u00EDconos hover (sun/moon) \u2500\u2500 */\n.iconTray {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n.iconTrayRight {\n  left: 100%;\n  padding-left: 0.75rem;\n}\n\n.iconTrayLeft {\n  right: 100%;\n  padding-right: 0.75rem;\n}\n\n/* \u2500\u2500 NavLink (desktop) \u2500\u2500 */\n.navLink {\n  padding: 0.25rem;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, opacity 0.2s, color 0.2s;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.navLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.navLinkActive {\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n  font-weight: 600;\n}\n\n/* External link indicator */\n.navLinkExternal::after {\n  content: \" \u2197\";\n  font-size: 0.7em;\n  opacity: 0.6;\n}\n\n/* \u2500\u2500 Mobile hamburger \u2500\u2500 */\n.mobileToggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (min-width: 768px) {\n  .mobileToggle {\n    display: none;\n  }\n}\n\n.hamburgerBtn {\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  z-index: 80;\n  padding: 0;\n}\n\n.bar {\n  width: var(--xnav-bar-w, 2rem);\n  height: var(--xnav-bar-h, 3px);\n  background: var(--xnav-bar-color, var(--text));\n  border-radius: 2px;\n}\n\n/* \u2500\u2500 Mobile overlay (portal) \u2500\u2500 */\n.mobileOverlay {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100svh;\n  background: var(--bg);\n  color: var(--text);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  font-size: 2.5rem;\n  z-index: 9999;\n}\n\n.mobileCloseBtn {\n  position: fixed;\n  top: 2rem;\n  left: 1rem;\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  /* hereda el mismo color que las barras del hamburguesa */\n  color: var(--xnav-bar-color, var(--text));\n  z-index: 10000;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.closeBar {\n  display: block;\n  position: absolute;\n  width: 2rem;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;\n}\n\n.mobileLogo {\n  font-weight: 700;\n  font-size: 3rem;\n  user-select: none;\n  pointer-events: none;\n}\n\n.mobileNavLink {\n  font-size: 2.5rem;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, color 0.2s, opacity 0.2s;\n  padding: 0.25rem;\n}\n\n.mobileNavLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.mobileNavLinkActive {\n  font-weight: 600;\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n}\n\n/* \u2500\u2500 Bot\u00F3n tema (m\u00F3vil) \u2500\u2500 */\n.themeToggleMobile {\n  margin-top: 1rem;\n  font-size: 1rem;\n  padding: 0.5rem 1rem;\n  border: 1px solid var(--border);\n  border-radius: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: none;\n  color: var(--text);\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n.themeToggleMobile:hover {\n  opacity: 0.7;\n}\n"],
-  "mappings": "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",
-  "names": ["header", "desktopNav", "desktopLinksLeft", "desktopLinksRight", "logoSlot", "logoWrapper", "logoBtn", "iconTray", "iconTrayRight", "iconTrayLeft", "navLink", "navLinkActive", "navLinkExternal", "mobileToggle", "hamburgerBtn", "bar", "mobileOverlay", "mobileCloseBtn", "closeBar", "mobileLogo", "mobileNavLink", "mobileNavLinkActive", "themeToggleMobile"]
+  "sources": ["esbuild-css-modules-plugin-ns-css:src/components/navigation/xnavbar/XNavbar.module.css"],
+  "sourcesContent": [".XNavbar-module__header_wx7KiW__012 {\n  background: var(--bg);\n  height: 100%;\n  color: var(--text);\n  z-index: 60;\n  justify-content: space-between;\n  align-items: center;\n  padding: 2rem 3rem;\n  font-size: 1.25rem;\n  display: flex;\n}\n\n@media (width >= 640px) {\n  .XNavbar-module__header_wx7KiW__012 {\n    padding-inline: 2rem;\n  }\n}\n\n@media (width >= 768px) {\n  .XNavbar-module__header_wx7KiW__012 {\n    padding-inline: 3rem;\n  }\n}\n\n@media (width >= 1024px) {\n  .XNavbar-module__header_wx7KiW__012 {\n    padding-inline: 5rem;\n  }\n}\n\n@media (width >= 1280px) {\n  .XNavbar-module__header_wx7KiW__012 {\n    padding-inline: 12rem;\n  }\n}\n\n.XNavbar-module__desktopNav_wx7KiW__012 {\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  padding-bottom: .5rem;\n  display: none;\n}\n\n@media (width >= 768px) {\n  .XNavbar-module__desktopNav_wx7KiW__012 {\n    display: grid;\n  }\n}\n\n.XNavbar-module__desktopLinksLeft_wx7KiW__012, .XNavbar-module__desktopLinksRight_wx7KiW__012 {\n  align-items: center;\n  gap: 1.5rem;\n  min-width: 0;\n  display: flex;\n}\n\n.XNavbar-module__desktopLinksLeft_wx7KiW__012 {\n  justify-content: flex-end;\n}\n\n.XNavbar-module__desktopLinksRight_wx7KiW__012 {\n  justify-content: flex-start;\n}\n\n.XNavbar-module__logoSlot_wx7KiW__012 {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.XNavbar-module__logoWrapper_wx7KiW__012 {\n  align-items: center;\n  margin-inline: 1rem;\n  display: flex;\n  position: relative;\n}\n\n.XNavbar-module__logoBtn_wx7KiW__012 {\n  user-select: none;\n  cursor: pointer;\n  color: var(--text);\n  background: none;\n  border: none;\n  padding: 0;\n  font-size: 1.5rem;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.XNavbar-module__iconTray_wx7KiW__012 {\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.XNavbar-module__iconTrayRight_wx7KiW__012 {\n  padding-left: .75rem;\n  left: 100%;\n}\n\n.XNavbar-module__iconTrayLeft_wx7KiW__012 {\n  padding-right: .75rem;\n  right: 100%;\n}\n\n.XNavbar-module__navLink_wx7KiW__012 {\n  color: var(--xnav-link-color, var(--text));\n  white-space: nowrap;\n  border-bottom: 2px solid #0000;\n  padding: .25rem;\n  text-decoration: none;\n  transition: border-color .2s, opacity .2s, color .2s;\n}\n\n.XNavbar-module__navLink_wx7KiW__012:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, .7);\n}\n\n.XNavbar-module__navLinkActive_wx7KiW__012 {\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n  font-weight: 600;\n}\n\n.XNavbar-module__navLinkExternal_wx7KiW__012:after {\n  content: \" \u2197\";\n  opacity: .6;\n  font-size: .7em;\n}\n\n.XNavbar-module__mobileToggle_wx7KiW__012 {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n@media (width >= 768px) {\n  .XNavbar-module__mobileToggle_wx7KiW__012 {\n    display: none;\n  }\n}\n\n.XNavbar-module__hamburgerBtn_wx7KiW__012 {\n  cursor: pointer;\n  z-index: 80;\n  background: none;\n  border: none;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  width: 2.5rem;\n  height: 2rem;\n  padding: 0;\n  display: flex;\n  position: relative;\n}\n\n.XNavbar-module__bar_wx7KiW__012 {\n  width: var(--xnav-bar-w, 2rem);\n  height: var(--xnav-bar-h, 3px);\n  background: var(--xnav-bar-color, var(--text));\n  border-radius: 2px;\n}\n\n.XNavbar-module__mobileOverlay_wx7KiW__012 {\n  background: var(--bg);\n  width: 100vw;\n  height: 100svh;\n  color: var(--text);\n  z-index: 9999;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 2rem;\n  font-size: 2.5rem;\n  display: flex;\n  position: fixed;\n  inset: 0;\n}\n\n.XNavbar-module__mobileCloseBtn_wx7KiW__012 {\n  cursor: pointer;\n  width: 2.5rem;\n  height: 2rem;\n  color: var(--xnav-bar-color, var(--text));\n  z-index: 10000;\n  -webkit-tap-highlight-color: transparent;\n  background: none;\n  border: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: fixed;\n  top: 2rem;\n  left: 1rem;\n}\n\n.XNavbar-module__closeBar_wx7KiW__012 {\n  background: currentColor;\n  border-radius: 2px;\n  width: 2rem;\n  height: 3px;\n  display: block;\n  position: absolute;\n}\n\n.XNavbar-module__mobileLogo_wx7KiW__012 {\n  user-select: none;\n  pointer-events: none;\n  font-size: 3rem;\n  font-weight: 700;\n}\n\n.XNavbar-module__mobileNavLink_wx7KiW__012 {\n  color: var(--xnav-link-color, var(--text));\n  border-bottom: 2px solid #0000;\n  padding: .25rem;\n  font-size: 2.5rem;\n  text-decoration: none;\n  transition: border-color .2s, color .2s, opacity .2s;\n}\n\n.XNavbar-module__mobileNavLink_wx7KiW__012:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, .7);\n}\n\n.XNavbar-module__mobileNavLinkActive_wx7KiW__012 {\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n  font-weight: 600;\n}\n\n.XNavbar-module__themeToggleMobile_wx7KiW__012 {\n  border: 1px solid var(--border);\n  color: var(--text);\n  cursor: pointer;\n  background: none;\n  border-radius: .375rem;\n  align-items: center;\n  gap: .5rem;\n  margin-top: 1rem;\n  padding: .5rem 1rem;\n  font-size: 1rem;\n  transition: opacity .2s;\n  display: flex;\n}\n\n.XNavbar-module__themeToggleMobile_wx7KiW__012:hover {\n  opacity: .7;\n}\n"],
+  "mappings": "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",
+  "names": []
 }

package/dist/components/navigation/index.js

@@ -40,33 +40,64 @@ var import_framer_motion = require("framer-motion");
 var import_link = __toESM(require("next/link"));
 var import_navigation = require("next/navigation");
 
-// src/components/navigation/xnavbar/XNavbar.module.css
-var XNavbar_default = {
-  header: "XNavbar_header3",
-  desktopNav: "XNavbar_desktopNav3",
-  desktopLinksLeft: "XNavbar_desktopLinksLeft3",
-  desktopLinksRight: "XNavbar_desktopLinksRight3",
-  logoSlot: "XNavbar_logoSlot3",
-  logoWrapper: "XNavbar_logoWrapper3",
-  logoBtn: "XNavbar_logoBtn3",
-  iconTray: "XNavbar_iconTray3",
-  iconTrayRight: "XNavbar_iconTrayRight3",
-  iconTrayLeft: "XNavbar_iconTrayLeft3",
-  navLink: "XNavbar_navLink3",
-  navLinkActive: "XNavbar_navLinkActive3",
-  navLinkExternal: "XNavbar_navLinkExternal3",
-  mobileToggle: "XNavbar_mobileToggle3",
-  hamburgerBtn: "XNavbar_hamburgerBtn3",
-  bar: "XNavbar_bar3",
-  mobileOverlay: "XNavbar_mobileOverlay3",
-  mobileCloseBtn: "XNavbar_mobileCloseBtn3",
-  closeBar: "XNavbar_closeBar3",
-  mobileLogo: "XNavbar_mobileLogo3",
-  mobileNavLink: "XNavbar_mobileNavLink3",
-  mobileNavLinkActive: "XNavbar_mobileNavLinkActive3",
-  themeToggleMobile: "XNavbar_themeToggleMobile3"
+// esbuild-css-modules-plugin-ns-js::src/components/navigation/xnavbar/XNavbar.module.css:injector.js
+var content = __content_placeholder__;
+var digest = __digest_placeholder__;
+var inject = () => {
+  setTimeout(() => {
+    if (!globalThis.document) {
+      return;
+    }
+    let root = globalThis.document.querySelector("head");
+    if (root && root.shadowRoot) {
+      root = root.shadowRoot;
+    }
+    if (!root) {
+      root = globalThis.document.head;
+    }
+    let container = root.querySelector("#_" + digest);
+    if (!container) {
+      container = globalThis.document.createElement("style");
+      container.id = "_" + digest;
+      const text = globalThis.document.createTextNode(content);
+      container.appendChild(text);
+      root.appendChild(container);
+    }
+  }, 0);
 };
 
+// src/components/navigation/xnavbar/XNavbar.module.css
+var XNavbar_default = new Proxy({
+  "bar": "XNavbar-module__bar_wx7KiW__012",
+  "closeBar": "XNavbar-module__closeBar_wx7KiW__012",
+  "desktopLinksLeft": "XNavbar-module__desktopLinksLeft_wx7KiW__012",
+  "desktopLinksRight": "XNavbar-module__desktopLinksRight_wx7KiW__012",
+  "desktopNav": "XNavbar-module__desktopNav_wx7KiW__012",
+  "hamburgerBtn": "XNavbar-module__hamburgerBtn_wx7KiW__012",
+  "header": "XNavbar-module__header_wx7KiW__012",
+  "iconTray": "XNavbar-module__iconTray_wx7KiW__012",
+  "iconTrayLeft": "XNavbar-module__iconTrayLeft_wx7KiW__012",
+  "iconTrayRight": "XNavbar-module__iconTrayRight_wx7KiW__012",
+  "logoBtn": "XNavbar-module__logoBtn_wx7KiW__012",
+  "logoSlot": "XNavbar-module__logoSlot_wx7KiW__012",
+  "logoWrapper": "XNavbar-module__logoWrapper_wx7KiW__012",
+  "mobileCloseBtn": "XNavbar-module__mobileCloseBtn_wx7KiW__012",
+  "mobileLogo": "XNavbar-module__mobileLogo_wx7KiW__012",
+  "mobileNavLink": "XNavbar-module__mobileNavLink_wx7KiW__012",
+  "mobileNavLinkActive": "XNavbar-module__mobileNavLinkActive_wx7KiW__012",
+  "mobileOverlay": "XNavbar-module__mobileOverlay_wx7KiW__012",
+  "mobileToggle": "XNavbar-module__mobileToggle_wx7KiW__012",
+  "navLink": "XNavbar-module__navLink_wx7KiW__012",
+  "navLinkActive": "XNavbar-module__navLinkActive_wx7KiW__012",
+  "navLinkExternal": "XNavbar-module__navLinkExternal_wx7KiW__012",
+  "themeToggleMobile": "XNavbar-module__themeToggleMobile_wx7KiW__012"
+}, {
+  get: function(source, key) {
+    inject();
+    return source[key];
+  }
+});
+
 // src/components/navigation/xnavbar/XNavbar.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var iconTrayRightVariants = {