@xscriptor/xcomponents 0.1.0 → 0.1.2

package/dist/components/index.mjs

@@ -1,23 +1,23 @@
 import "../chunk-FZRTAML3.mjs";
-import {
-  XInteractivePhrase
-} from "../chunk-5G4P2E76.mjs";
 import {
   XContactForm,
   XNewsletter
-} from "../chunk-QCMWPIG7.mjs";
+} from "../chunk-BXVG4SYP.mjs";
 import {
-  XMicroGalleryText_default,
-  XStaticGallery
-} from "../chunk-2OAXRRVQ.mjs";
+  XNavbar
+} from "../chunk-ZDMG7X6H.mjs";
 import {
   XFooter,
   XSeparator,
   XZigZagLayout
-} from "../chunk-42XPBYTL.mjs";
+} from "../chunk-FW47JGYZ.mjs";
 import {
-  XNavbar
-} from "../chunk-NY22GB3E.mjs";
+  XInteractivePhrase
+} from "../chunk-IK2UCTCM.mjs";
+import {
+  XMicroGalleryText_default,
+  XStaticGallery
+} from "../chunk-XB3UGHSF.mjs";
 import {
   XEmailIcon,
   XGitHubIcon,
@@ -27,7 +27,7 @@ import {
   XTelegramIcon,
   XTwitterIcon,
   XWhatsappIcon
-} from "../chunk-U27ZVCP7.mjs";
+} from "../chunk-WE7QZGVP.mjs";
 export {
   XContactForm,
   XEmailIcon,
@@ -47,4 +47,4 @@ export {
   XWhatsappIcon,
   XZigZagLayout
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/layout/index.css

@@ -1,168 +1,176 @@
-/* src/components/layout/xfooter/XFooter.module.css */
-.XFooter {
-  width: 100%;
+/* esbuild-css-modules-plugin-ns-css:src/components/layout/xfooter/XFooter.module.css */
+.XFooter-module__XFooter_v8t72G__012 {
   background-color: var(--xf-bg, transparent);
+  width: 100%;
   color: var(--xf-text, #333);
-  padding: var(--xf-py, 0.9rem) 0.6rem;
+  padding: var(--xf-py, .9rem) .6rem;
 }
-.container {
+.XFooter-module__container_v8t72G__012 {
+  flex-direction: column;
+  align-items: center;
+  gap: .6rem;
   max-width: 1280px;
   margin: 0 auto;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.6rem;
 }
-.nav {
-  display: grid;
-  gap: 0.5rem 1.5rem;
+.XFooter-module__nav_v8t72G__012 {
   grid-template-columns: repeat(var(--xf-cols, 1), minmax(0, auto));
-  justify-content: center;
   text-align: center;
+  justify-content: center;
+  gap: .5rem 1.5rem;
   width: 100%;
+  display: grid;
 }
-.navVertical {
-  display: flex;
+.XFooter-module__navVertical_v8t72G__012 {
   flex-direction: column;
   align-items: center;
-  gap: 0.75rem;
+  gap: .75rem;
+  display: flex;
 }
-.link {
+.XFooter-module__link_v8t72G__012 {
   color: var(--xf-accent, inherit);
-  text-decoration: none;
-  font-size: 0.9rem;
-  transition: opacity 0.2s;
   white-space: nowrap;
+  font-size: .9rem;
+  text-decoration: none;
+  transition: opacity .2s;
 }
-.link:hover {
-  opacity: 0.7;
+.XFooter-module__link_v8t72G__012:hover {
+  opacity: .7;
 }
-.copyright {
-  font-size: 0.75rem;
-  opacity: 0.6;
-  width: 100%;
+.XFooter-module__copyright_v8t72G__012 {
+  opacity: .6;
   text-align: center;
+  width: 100%;
+  font-size: .75rem;
 }
 
-/* src/components/layout/xseparator/XSeparator.module.css */
-.separatorContainer {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
+/* esbuild-css-modules-plugin-ns-css:src/components/layout/xseparator/XSeparator.module.css */
+.XSeparator-module__separatorContainer_btqQTG__012 {
   --x-color: var(--separator-color);
   --x-bg: white;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  display: flex;
+  position: relative;
 }
-.iconWrapper {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
+.XSeparator-module__iconWrapper_btqQTG__012 {
   background-color: var(--x-bg);
-  padding: 0 10px;
   color: var(--x-color);
+  user-select: none;
+  padding: 0 10px;
   font-family: system-ui, sans-serif;
-  font-weight: bold;
   font-size: 1.2rem;
+  font-weight: bold;
   line-height: 1;
-  user-select: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
-.separator {
+.XSeparator-module__separator_btqQTG__012 {
   --separator-color: #e2e8f0;
   --separator-thickness: 1px;
   --separator-margin: 1rem;
-  border: 0;
   background-color: var(--separator-color);
+  border: 0;
 }
-.dashed {
-  background-color: transparent !important;
+.XSeparator-module__dashed_btqQTG__012 {
   border-bottom: var(--separator-thickness) dashed var(--separator-color);
+  background-color: #0000 !important;
 }
-.dotted {
-  background-color: transparent !important;
+.XSeparator-module__dotted_btqQTG__012 {
   border-bottom: var(--separator-thickness) dotted var(--separator-color);
+  background-color: #0000 !important;
 }
-.faded {
+.XSeparator-module__faded_btqQTG__012 {
+  -webkit-mask-image:
+    linear-gradient(
+      to right,
+      #0000,
+      #000 20% 80%,
+      #0000);
   mask-image:
     linear-gradient(
       to right,
-      transparent,
-      black 20%,
-      black 80%,
-      transparent);
+      #0000,
+      #000 20% 80%,
+      #0000);
 }
-.vertical.faded {
+.XSeparator-module__vertical_btqQTG__012.XSeparator-module__faded_btqQTG__012 {
+  -webkit-mask-image:
+    linear-gradient(
+      #0000,
+      #000 20% 80%,
+      #0000);
   mask-image:
     linear-gradient(
-      to bottom,
-      transparent,
-      black 20%,
-      black 80%,
-      transparent);
+      #0000,
+      #000 20% 80%,
+      #0000);
 }
-.horizontal {
+.XSeparator-module__horizontal_btqQTG__012 {
   width: 100%;
   height: var(--separator-thickness);
   margin: var(--separator-margin) 0;
 }
-.vertical {
+.XSeparator-module__vertical_btqQTG__012 {
   width: var(--separator-thickness);
   height: 100%;
-  display: inline-block;
   margin: 0 var(--separator-margin);
   vertical-align: middle;
+  display: inline-block;
 }
 
-/* src/components/layout/xzigzaglayout/XZigZagLayout.module.css */
-.layout {
+/* esbuild-css-modules-plugin-ns-css:src/components/layout/xzigzaglayout/XZigZagLayout.module.css */
+.XZigZagLayout-module__layout_Jgc4GG__012 {
+  gap: var(--x-zigzag-gap, .5rem);
+  flex-direction: column;
   width: min(100%, 72rem);
   margin: 0 auto;
+  padding-inline: clamp(.5rem, 2vw, 1rem);
   display: flex;
-  flex-direction: column;
-  gap: var(--x-zigzag-gap, 0.5rem);
-  padding-inline: clamp(0.5rem, 2vw, 1rem);
   position: relative;
 }
-.svgLine {
+.XZigZagLayout-module__svgLine_Jgc4GG__012 {
+  pointer-events: none;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 0;
 }
-.item {
+.XZigZagLayout-module__item_Jgc4GG__012 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
   width: 100%;
   display: grid;
-  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
-.item > * {
+.XZigZagLayout-module__item_Jgc4GG__012 > * {
   width: 100%;
   text-align: inherit;
 }
-.contentWrapper {
+.XZigZagLayout-module__contentWrapper_Jgc4GG__012 {
   width: 100%;
 }
-.textLeft > * {
+.XZigZagLayout-module__textLeft_Jgc4GG__012 > * {
   text-align: left;
 }
-.textRight > * {
+.XZigZagLayout-module__textRight_Jgc4GG__012 > * {
   text-align: right;
 }
-.left > * {
+.XZigZagLayout-module__left_Jgc4GG__012 > * {
   grid-column: 2 / 8;
 }
-.right > * {
+.XZigZagLayout-module__right_Jgc4GG__012 > * {
   grid-column: 6 / 12;
 }
-@media (max-width: 768px) {
-  .left > * {
+@media (width <= 768px) {
+  .XZigZagLayout-module__left_Jgc4GG__012 > * {
     grid-column: 1 / 11;
   }
-  .right > * {
+  .XZigZagLayout-module__right_Jgc4GG__012 > * {
     grid-column: 3 / 13;
   }
 }
-/*# sourceMappingURL=index.css.map */
+/*# sourceMappingURL=index.css.map */

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/layout/xfooter/XFooter.module.css","../../../src/components/layout/xseparator/XSeparator.module.css","../../../src/components/layout/xzigzaglayout/XZigZagLayout.module.css"],"sourcesContent":[".XFooter {\n  width: 100%;\n  background-color: var(--xf-bg, transparent);\n  color: var(--xf-text, #333);\n  padding: var(--xf-py, 0.9rem) 0.6rem;\n}\n\n.container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.6rem; /* Espacio entre los links y el copyright */\n}\n\n/* El nav es el que maneja las columnas de los links */\n.nav {\n  display: grid;\n  gap: 0.5rem 1.5rem;  \n  grid-template-columns: repeat(var(--xf-cols, 1), minmax(0, auto));\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n}\n\n.navVertical {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.link {\n  color: var(--xf-accent, inherit);\n  text-decoration: none;\n  font-size: 0.9rem;\n  transition: opacity 0.2s;\n  white-space: nowrap; /* Evita que los links se rompan en dos líneas */\n}\n\n.link:hover {\n  opacity: 0.7;\n}\n\n/* El copyright siempre irá al final y centrado por el flex del .container */\n.copyright {\n  font-size: 0.75rem;\n  opacity: 0.6;\n  width: 100%;\n  text-align: center;\n}",".separatorContainer {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  /* Variables para la X con fallbacks */\n  --x-color: var(--separator-color); \n  --x-bg: white;\n}\n\n.iconWrapper {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--x-bg);\n  padding: 0 10px;\n  \n  /* Aplicamos el color dinámico */\n  color: var(--x-color);\n  \n  font-family: system-ui, sans-serif;\n  font-weight: bold;\n  font-size: 1.2rem;\n  line-height: 1;\n  user-select: none;\n}\n\n.separator {\n  --separator-color: #e2e8f0;\n  --separator-thickness: 1px;\n  --separator-margin: 1rem;\n  \n  border: 0;\n  background-color: var(--separator-color);\n}\n\n/* Variantes de Estilo */\n.dashed {\n  background-color: transparent !important;\n  border-bottom: var(--separator-thickness) dashed var(--separator-color);\n}\n\n.dotted {\n  background-color: transparent !important;\n  border-bottom: var(--separator-thickness) dotted var(--separator-color);\n}\n\n/* Efecto Desvanecido (Fading) */\n/* Usamos mask-image para que funcione con cualquier color de fondo */\n.faded {\n  mask-image: linear-gradient(\n    to right, \n    transparent, \n    black 20%, \n    black 80%, \n    transparent\n  );\n}\n\n/* Ajuste para desvanecido vertical */\n.vertical.faded {\n  mask-image: linear-gradient(\n    to bottom, \n    transparent, \n    black 20%, \n    black 80%, \n    transparent\n  );\n}\n\n.horizontal {\n  width: 100%;\n  height: var(--separator-thickness);\n  margin: var(--separator-margin) 0;\n}\n\n.vertical {\n  width: var(--separator-thickness);\n  height: 100%;\n  display: inline-block;\n  margin: 0 var(--separator-margin);\n  vertical-align: middle;\n}",".layout {\n  width: min(100%, 72rem);\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--x-zigzag-gap, 0.5rem);\n  padding-inline: clamp(0.5rem, 2vw, 1rem);\n  position: relative; \n}\n\n/* Nuevos estilos para el SVG de la línea */\n.svgLine {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.item {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n\n.item > * {\n  width: 100%;\n  text-align: inherit;\n}\n\n/* Wrapper transparente que envuelve al child */\n.contentWrapper {\n  width: 100%;\n}\n\n.textLeft > * {\n  text-align: left;\n}\n\n.textRight > * {\n  text-align: right;\n}\n\n.left > * {\n  grid-column: 2 / 8;\n}\n\n.right > * {\n  grid-column: 6 / 12;\n}\n\n@media (max-width: 768px) {\n  /* En lugar de ocupar las 12 columnas, los hacemos un poco más angostos para que sus centros se desfasen */\n  .left > * {\n    grid-column: 1 / 11;\n  }\n\n  .right > * {\n    grid-column: 3 / 13;\n  }\n}"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,oBAAkB,IAAI,OAAO,EAAE;AAC/B,SAAO,IAAI,SAAS,EAAE;AACtB,WAAS,IAAI,OAAO,EAAE,QAAQ;AAChC;AAEA,CAAC;AACC,aAAW;AACX,UAAQ,EAAE;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACP;AAGA,CAAC;AACC,WAAS;AACT,OAAK,OAAO;AACZ,yBAAuB,OAAO,IAAI,SAAS,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE;AAC3D,mBAAiB;AACjB,cAAY;AACZ,SAAO;AACT;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACP;AAEA,CAAC;AACC,SAAO,IAAI,WAAW,EAAE;AACxB,mBAAiB;AACjB,aAAW;AACX,cAAY,QAAQ;AACpB,eAAa;AACf;AAEA,CARC,IAQI;AACH,WAAS;AACX;AAGA,CAAC;AACC,aAAW;AACX,WAAS;AACT,SAAO;AACP,cAAY;AACd;;;ACnDA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AAEP,aAAW,IAAI;AACf,UAAQ;AACV;AAEA,CAAC;AACC,YAAU;AACV,QAAM;AACN,OAAK;AACL,aAAW,UAAU,IAAI,EAAE;AAC3B,oBAAkB,IAAI;AACtB,WAAS,EAAE;AAGX,SAAO,IAAI;AAEX,eAAa,SAAS,EAAE;AACxB,eAAa;AACb,aAAW;AACX,eAAa;AACb,eAAa;AACf;AAEA,CAAC;AACC,qBAAmB;AACnB,yBAAuB;AACvB,sBAAoB;AAEpB,UAAQ;AACR,oBAAkB,IAAI;AACxB;AAGA,CAAC;AACC,oBAAkB;AAClB,iBAAe,IAAI,uBAAuB,OAAO,IAAI;AACvD;AAEA,CAAC;AACC,oBAAkB;AAClB,iBAAe,IAAI,uBAAuB,OAAO,IAAI;AACvD;AAIA,CAAC;AACC;AAAA,IAAY;AAAA,MACV,GAAG,KAAK;AAAA,MACR,WAAW;AAAA,MACX,MAAM,GAAG;AAAA,MACT,MAAM,GAAG;AAAA,MACT;AAEJ;AAGA,CAAC,QAAQ,CAXR;AAYC;AAAA,IAAY;AAAA,MACV,GAAG,MAAM;AAAA,MACT,WAAW;AAAA,MACX,MAAM,GAAG;AAAA,MACT,MAAM,GAAG;AAAA,MACT;AAEJ;AAEA,CAAC;AACC,SAAO;AACP,UAAQ,IAAI;AACZ,UAAQ,IAAI,oBAAoB;AAClC;AAEA,CAhBC;AAiBC,SAAO,IAAI;AACX,UAAQ;AACR,WAAS;AACT,UAAQ,EAAE,IAAI;AACd,kBAAgB;AAClB;;;ACpFA,CAAC;AACC,SAAO,IAAI,IAAI,EAAE;AACjB,UAAQ,EAAE;AACV,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI,cAAc,EAAE;AACzB,kBAAgB,MAAM,MAAM,EAAE,GAAG,EAAE;AACnC,YAAU;AACZ;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,kBAAgB;AAChB,WAAS;AACX;AAEA,CAAC;AACC,SAAO;AACP,WAAS;AACT,yBAAuB,OAAO,EAAE,EAAE,OAAO,CAAC,EAAE;AAC9C;AAEA,CANC,KAMK,EAAE;AACN,SAAO;AACP,cAAY;AACd;AAGA,CAAC;AACC,SAAO;AACT;AAEA,CAAC,SAAS,EAAE;AACV,cAAY;AACd;AAEA,CAAC,UAAU,EAAE;AACX,cAAY;AACd;AAEA,CAAC,KAAK,EAAE;AACN,eAAa,EAAE,EAAE;AACnB;AAEA,CAAC,MAAM,EAAE;AACP,eAAa,EAAE,EAAE;AACnB;AAEA,QAAO,WAAY;AAEjB,GAVD,KAUO,EAAE;AACN,iBAAa,EAAE,EAAE;AACnB;AAEA,GAVD,MAUQ,EAAE;AACP,iBAAa,EAAE,EAAE;AACnB;AACF;","names":[]}
+{
+  "version": 3,
+  "sources": ["esbuild-css-modules-plugin-ns-css:src/components/layout/xfooter/XFooter.module.css", "esbuild-css-modules-plugin-ns-css:src/components/layout/xseparator/XSeparator.module.css", "esbuild-css-modules-plugin-ns-css:src/components/layout/xzigzaglayout/XZigZagLayout.module.css"],
+  "sourcesContent": [".XFooter-module__XFooter_v8t72G__012 {\n  background-color: var(--xf-bg, transparent);\n  width: 100%;\n  color: var(--xf-text, #333);\n  padding: var(--xf-py, .9rem) .6rem;\n}\n\n.XFooter-module__container_v8t72G__012 {\n  flex-direction: column;\n  align-items: center;\n  gap: .6rem;\n  max-width: 1280px;\n  margin: 0 auto;\n  display: flex;\n}\n\n.XFooter-module__nav_v8t72G__012 {\n  grid-template-columns: repeat(var(--xf-cols, 1), minmax(0, auto));\n  text-align: center;\n  justify-content: center;\n  gap: .5rem 1.5rem;\n  width: 100%;\n  display: grid;\n}\n\n.XFooter-module__navVertical_v8t72G__012 {\n  flex-direction: column;\n  align-items: center;\n  gap: .75rem;\n  display: flex;\n}\n\n.XFooter-module__link_v8t72G__012 {\n  color: var(--xf-accent, inherit);\n  white-space: nowrap;\n  font-size: .9rem;\n  text-decoration: none;\n  transition: opacity .2s;\n}\n\n.XFooter-module__link_v8t72G__012:hover {\n  opacity: .7;\n}\n\n.XFooter-module__copyright_v8t72G__012 {\n  opacity: .6;\n  text-align: center;\n  width: 100%;\n  font-size: .75rem;\n}\n", ".XSeparator-module__separatorContainer_btqQTG__012 {\n  --x-color: var(--separator-color);\n  --x-bg: white;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n.XSeparator-module__iconWrapper_btqQTG__012 {\n  background-color: var(--x-bg);\n  color: var(--x-color);\n  user-select: none;\n  padding: 0 10px;\n  font-family: system-ui, sans-serif;\n  font-size: 1.2rem;\n  font-weight: bold;\n  line-height: 1;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.XSeparator-module__separator_btqQTG__012 {\n  --separator-color: #e2e8f0;\n  --separator-thickness: 1px;\n  --separator-margin: 1rem;\n  background-color: var(--separator-color);\n  border: 0;\n}\n\n.XSeparator-module__dashed_btqQTG__012 {\n  border-bottom: var(--separator-thickness) dashed var(--separator-color);\n  background-color: #0000 !important;\n}\n\n.XSeparator-module__dotted_btqQTG__012 {\n  border-bottom: var(--separator-thickness) dotted var(--separator-color);\n  background-color: #0000 !important;\n}\n\n.XSeparator-module__faded_btqQTG__012 {\n  -webkit-mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);\n  mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);\n}\n\n.XSeparator-module__vertical_btqQTG__012.XSeparator-module__faded_btqQTG__012 {\n  -webkit-mask-image: linear-gradient(#0000, #000 20% 80%, #0000);\n  mask-image: linear-gradient(#0000, #000 20% 80%, #0000);\n}\n\n.XSeparator-module__horizontal_btqQTG__012 {\n  width: 100%;\n  height: var(--separator-thickness);\n  margin: var(--separator-margin) 0;\n}\n\n.XSeparator-module__vertical_btqQTG__012 {\n  width: var(--separator-thickness);\n  height: 100%;\n  margin: 0 var(--separator-margin);\n  vertical-align: middle;\n  display: inline-block;\n}\n", ".XZigZagLayout-module__layout_Jgc4GG__012 {\n  gap: var(--x-zigzag-gap, .5rem);\n  flex-direction: column;\n  width: min(100%, 72rem);\n  margin: 0 auto;\n  padding-inline: clamp(.5rem, 2vw, 1rem);\n  display: flex;\n  position: relative;\n}\n\n.XZigZagLayout-module__svgLine_Jgc4GG__012 {\n  pointer-events: none;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.XZigZagLayout-module__item_Jgc4GG__012 {\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  width: 100%;\n  display: grid;\n}\n\n.XZigZagLayout-module__item_Jgc4GG__012 > * {\n  width: 100%;\n  text-align: inherit;\n}\n\n.XZigZagLayout-module__contentWrapper_Jgc4GG__012 {\n  width: 100%;\n}\n\n.XZigZagLayout-module__textLeft_Jgc4GG__012 > * {\n  text-align: left;\n}\n\n.XZigZagLayout-module__textRight_Jgc4GG__012 > * {\n  text-align: right;\n}\n\n.XZigZagLayout-module__left_Jgc4GG__012 > * {\n  grid-column: 2 / 8;\n}\n\n.XZigZagLayout-module__right_Jgc4GG__012 > * {\n  grid-column: 6 / 12;\n}\n\n@media (width <= 768px) {\n  .XZigZagLayout-module__left_Jgc4GG__012 > * {\n    grid-column: 1 / 11;\n  }\n\n  .XZigZagLayout-module__right_Jgc4GG__012 > * {\n    grid-column: 3 / 13;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/layout/index.d.ts

@@ -1,55 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { HTMLAttributes } from 'react';
-
-type XFooterLink = {
-    label: string;
-    href: string;
-};
-type CopyrightConfig = {
-    text?: string;
-    showYear?: boolean;
-    customYear?: number | string;
-    yearFirst?: boolean;
-};
-type XFooterProps = {
-    links: XFooterLink[];
-    copyright?: CopyrightConfig;
-    layout?: "horizontal" | "vertical";
-    columns?: 1 | 2 | 3 | 4;
-    colors?: {
-        bg?: string;
-        text?: string;
-        accent?: string;
-        border?: string;
-    };
-    className?: string;
-};
-declare function XFooter({ links, copyright, layout, columns, colors, className, }: XFooterProps): react_jsx_runtime.JSX.Element;
-
-interface XSeparatorProps {
-    orientation?: 'horizontal' | 'vertical';
-    variant?: 'solid' | 'dashed' | 'dotted';
-    isFaded?: boolean;
-    hasX?: boolean;
-    xColor?: string;
-    xBg?: string;
-    thickness?: string;
-    color?: string;
-    gap?: string;
-    className?: string;
-}
-declare function XSeparator({ orientation, variant, isFaded, hasX, xColor, xBg, thickness, color, gap, className }: XSeparatorProps): react_jsx_runtime.JSX.Element;
-
-type XZigZagLayoutProps = HTMLAttributes<HTMLDivElement> & {
-    children: React.ReactNode;
-    startSide?: "left" | "right";
-    gap?: number | string;
-    offset?: number | string;
-    textAlign?: "inherit" | "side" | "left" | "right";
-    showLine?: boolean;
-    lineColor?: string;
-    lineThickness?: number | string;
-};
-declare function XZigZagLayout({ children, className, style, startSide, gap, offset, textAlign, showLine, lineColor, lineThickness, ...rest }: XZigZagLayoutProps): react_jsx_runtime.JSX.Element;
-
-export { type CopyrightConfig, XFooter, type XFooterLink, type XFooterProps, XSeparator, type XSeparatorProps, XZigZagLayout, type XZigZagLayoutProps };
+export { XFooter } from "./xfooter";
+export { XSeparator } from "./xseparator";
+export { XZigZagLayout } from "./xzigzaglayout";
+export type { XFooterProps, XFooterLink, CopyrightConfig } from "./xfooter";
+export type { XSeparatorProps } from "./xseparator";
+export type { XZigZagLayoutProps } from "./xzigzaglayout";

package/dist/components/layout/index.js

@@ -39,8 +39,46 @@ module.exports = __toCommonJS(layout_exports);
 // src/components/layout/xfooter/XFooter.tsx
 var import_link = __toESM(require("next/link"));
 
+// esbuild-css-modules-plugin-ns-js::src/components/layout/xfooter/XFooter.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/layout/xfooter/XFooter.module.css
-var XFooter_default = {};
+var XFooter_default = new Proxy({
+  "xFooter": "XFooter-module__XFooter_v8t72G__012",
+  "container": "XFooter-module__container_v8t72G__012",
+  "copyright": "XFooter-module__copyright_v8t72G__012",
+  "link": "XFooter-module__link_v8t72G__012",
+  "nav": "XFooter-module__nav_v8t72G__012",
+  "navVertical": "XFooter-module__navVertical_v8t72G__012"
+}, {
+  get: function(source, key) {
+    inject();
+    return source[key];
+  }
+});
 
 // src/components/layout/xfooter/XFooter.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -70,8 +108,48 @@ function XFooter({
   ] }) });
 }
 
+// esbuild-css-modules-plugin-ns-js::src/components/layout/xseparator/XSeparator.module.css:injector.js
+var content2 = __content_placeholder__;
+var digest2 = __digest_placeholder__;
+var inject2 = () => {
+  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("#_" + digest2);
+    if (!container) {
+      container = globalThis.document.createElement("style");
+      container.id = "_" + digest2;
+      const text = globalThis.document.createTextNode(content2);
+      container.appendChild(text);
+      root.appendChild(container);
+    }
+  }, 0);
+};
+
 // src/components/layout/xseparator/XSeparator.module.css
-var XSeparator_default = {};
+var XSeparator_default = new Proxy({
+  "dashed": "XSeparator-module__dashed_btqQTG__012",
+  "dotted": "XSeparator-module__dotted_btqQTG__012",
+  "faded": "XSeparator-module__faded_btqQTG__012",
+  "horizontal": "XSeparator-module__horizontal_btqQTG__012",
+  "iconWrapper": "XSeparator-module__iconWrapper_btqQTG__012",
+  "separator": "XSeparator-module__separator_btqQTG__012",
+  "separatorContainer": "XSeparator-module__separatorContainer_btqQTG__012",
+  "vertical": "XSeparator-module__vertical_btqQTG__012"
+}, {
+  get: function(source, key) {
+    inject2();
+    return source[key];
+  }
+});
 
 // src/components/layout/xseparator/XSeparator.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -112,8 +190,48 @@ function XSeparator({
 // src/components/layout/xzigzaglayout/XZigZagLayout.tsx
 var import_react = require("react");
 
+// esbuild-css-modules-plugin-ns-js::src/components/layout/xzigzaglayout/XZigZagLayout.module.css:injector.js
+var content3 = __content_placeholder__;
+var digest3 = __digest_placeholder__;
+var inject3 = () => {
+  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("#_" + digest3);
+    if (!container) {
+      container = globalThis.document.createElement("style");
+      container.id = "_" + digest3;
+      const text = globalThis.document.createTextNode(content3);
+      container.appendChild(text);
+      root.appendChild(container);
+    }
+  }, 0);
+};
+
 // src/components/layout/xzigzaglayout/XZigZagLayout.module.css
-var XZigZagLayout_default = {};
+var XZigZagLayout_default = new Proxy({
+  "contentWrapper": "XZigZagLayout-module__contentWrapper_Jgc4GG__012",
+  "item": "XZigZagLayout-module__item_Jgc4GG__012",
+  "layout": "XZigZagLayout-module__layout_Jgc4GG__012",
+  "left": "XZigZagLayout-module__left_Jgc4GG__012",
+  "right": "XZigZagLayout-module__right_Jgc4GG__012",
+  "svgLine": "XZigZagLayout-module__svgLine_Jgc4GG__012",
+  "textLeft": "XZigZagLayout-module__textLeft_Jgc4GG__012",
+  "textRight": "XZigZagLayout-module__textRight_Jgc4GG__012"
+}, {
+  get: function(source, key) {
+    inject3();
+    return source[key];
+  }
+});
 
 // src/components/layout/xzigzaglayout/XZigZagLayout.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -215,10 +333,4 @@ function XZigZagLayout({
     }
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  XFooter,
-  XSeparator,
-  XZigZagLayout
-});
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map