@xscriptor/xcomponents 0.1.1 → 0.1.2

package/dist/components/content/index.css

@@ -1,131 +1,130 @@
-/* src/components/content/xinteractivephrase/XInteractivePhrase.module.css */
-.XInteractivePhrase_container3 {
-  padding: 1rem 0;
+/* esbuild-css-modules-plugin-ns-css:src/components/content/xinteractivephrase/XInteractivePhrase.module.css */
+.XInteractivePhrase-module__container_fdhnVG__012 {
   color: var(--text, #000);
   width: 100%;
+  padding: 1rem 0;
 }
-.XInteractivePhrase_title3 {
-  margin: 0;
-  padding: 0;
+.XInteractivePhrase-module__title_fdhnVG__012 {
   line-height: 1.3;
   font-weight: inherit;
   text-align: inherit;
+  margin: 0;
+  padding: 0;
 }
-h1.XInteractivePhrase_title3 {
+h1.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
+  margin: 0;
+  padding: 0;
   font-size: clamp(2rem, 6vw, 2.2rem);
   font-weight: 800;
+}
+h2.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h2.XInteractivePhrase_title3 {
   font-size: clamp(1.675rem, 4vw, 1.8rem);
   font-weight: 700;
+}
+h3.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h3.XInteractivePhrase_title3 {
   font-size: clamp(1.4rem, 3vw, 1.95rem);
   font-weight: 700;
+}
+h4.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h4.XInteractivePhrase_title3 {
   font-size: clamp(1.25rem, 3vw, 2rem);
   font-weight: 600;
+}
+h5.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h5.XInteractivePhrase_title3 {
   font-size: clamp(1.125rem, 3vw, 1.5rem);
   font-weight: 600;
+}
+h6.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h6.XInteractivePhrase_title3 {
   font-size: clamp(1rem, 2.5vw, 1.25rem);
   font-weight: 600;
+}
+p.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-p.XInteractivePhrase_title3 {
   font-size: 1rem;
   font-weight: 400;
-  margin: 0;
-  padding: 0;
-  text-align: inherit;
 }
-.XInteractivePhrase_title3 strong {
-  font-weight: 900;
+.XInteractivePhrase-module__title_fdhnVG__012 strong {
   color: var(--accent, #0070f3);
+  font-weight: 900;
 }
-.XInteractivePhrase_title3 em {
-  font-style: italic;
+.XInteractivePhrase-module__title_fdhnVG__012 em {
   font-family: serif;
+  font-style: italic;
 }
-.XInteractivePhrase_underlineEffect3 {
-  position: relative;
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012 {
   cursor: pointer;
   color: var(--accent, #0070f3);
+  transition: color .3s;
   display: inline-block;
-  transition: color 0.3s ease;
+  position: relative;
 }
-.XInteractivePhrase_underlineEffect3::after {
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012:after {
   content: "";
-  position: absolute;
-  bottom: -2px;
-  left: 0;
-  height: 0.15em;
-  width: 100%;
   background:
     repeating-linear-gradient(
       45deg,
-      transparent,
-      transparent 2px,
-      currentColor 2px,
-      currentColor 4px);
-  transition: opacity 0.3s ease;
+      #0000,
+      #0000 2px,
+      currentColor 2px 4px);
+  width: 100%;
+  height: .15em;
+  transition: opacity .3s;
+  position: absolute;
+  bottom: -2px;
+  left: 0;
 }
-.XInteractivePhrase_underlineEffect3:hover::after {
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012:hover:after {
   opacity: 0;
 }
-.XInteractivePhrase_buttonEffect3 {
-  display: inline-block;
-  padding: 0.1em 0.6em;
-  border: 2px dashed currentColor;
-  border-radius: 9999px;
+.XInteractivePhrase-module__buttonEffect_fdhnVG__012 {
   cursor: pointer;
   color: var(--accent, #0070f3);
-  transition: all 0.3s ease;
+  border: 2px dashed;
+  border-radius: 9999px;
+  padding: .1em .6em;
+  transition: all .3s;
+  display: inline-block;
 }
-.XInteractivePhrase_buttonEffect3:hover {
-  background: currentColor;
+.XInteractivePhrase-module__buttonEffect_fdhnVG__012:hover {
   color: var(--bg, #fff);
+  background: currentColor;
 }
-.XInteractivePhrase_blurEffect3 {
+.XInteractivePhrase-module__blurEffect_fdhnVG__012 {
+  transition: filter .7s cubic-bezier(.4, 0, .2, 1), opacity .7s;
   display: inline-block;
-  transition: filter 0.7s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease;
 }
-.XInteractivePhrase_isVisible3 {
-  filter: blur(0);
+.XInteractivePhrase-module__isVisible_fdhnVG__012 {
+  filter: blur();
   opacity: 1;
 }
-.XInteractivePhrase_isHidden3 {
+.XInteractivePhrase-module__isHidden_fdhnVG__012 {
   filter: blur(10px);
-  opacity: 0.3;
+  opacity: .3;
   user-select: none;
 }
-.XInteractivePhrase_lineBreak3 {
+.XInteractivePhrase-module__lineBreak_fdhnVG__012 {
+  height: .8rem;
   display: block;
-  height: 0.8rem;
 }
-.XInteractivePhrase_underlineEffect3:focus-visible,
-.XInteractivePhrase_buttonEffect3:focus-visible {
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012:focus-visible,
+.XInteractivePhrase-module__buttonEffect_fdhnVG__012:focus-visible {
   outline: 2px solid var(--accent, #0070f3);
   outline-offset: 4px;
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/content/xinteractivephrase/XInteractivePhrase.module.css"],
-  "sourcesContent": [".container {\n  padding: 1rem 0;\n  color: var(--text, #000);\n  width: 100%;\n}\n\n.title {\n  margin: 0;\n  padding: 0;\n  line-height: 1.3;\n  font-weight: inherit;\n  text-align: inherit;\n}\n\n/* Escala tipogr\u00E1fica fluida */\nh1.title { font-size: clamp(2rem, 6vw, 2.2rem); font-weight: 800; margin: 0; padding: 0; text-align: inherit; }\nh2.title { font-size: clamp(1.675rem, 4vw, 1.8rem); font-weight: 700; margin: 0; padding: 0; text-align: inherit; }\nh3.title { font-size: clamp(1.4rem, 3vw, 1.95rem); font-weight: 700; margin: 0; padding: 0; text-align: inherit; }\nh4.title { font-size: clamp(1.25rem, 3vw, 2rem); font-weight: 600; margin: 0; padding: 0; text-align: inherit; }\nh5.title { font-size: clamp(1.125rem, 3vw, 1.5rem); font-weight: 600; margin: 0; padding: 0; text-align: inherit; }\nh6.title { font-size: clamp(1rem, 2.5vw, 1.25rem); font-weight: 600; margin: 0; padding: 0; text-align: inherit; }\np.title  { font-size: 1rem; font-weight: 400; margin: 0; padding: 0; text-align: inherit; }\n\n/* Estilos para etiquetas de \u00E9nfasis */\n.title strong {\n  font-weight: 900;\n  color: var(--accent, #0070f3);\n}\n\n.title em {\n  font-style: italic;\n  font-family: serif; /* Opcional: da un toque elegante a las it\u00E1licas */\n}\n\n/* Efectos */\n.underlineEffect {\n  position: relative;\n  cursor: pointer;\n  color: var(--accent, #0070f3);\n  display: inline-block;\n  transition: color 0.3s ease;\n}\n\n.underlineEffect::after {\n  content: \"\";\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  height: 0.15em;\n  width: 100%;\n  background: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 2px,\n    currentColor 2px,\n    currentColor 4px\n  );\n  transition: opacity 0.3s ease;\n}\n\n.underlineEffect:hover::after {\n  opacity: 0;\n}\n\n.buttonEffect {\n  display: inline-block;\n  padding: 0.1em 0.6em;\n  border: 2px dashed currentColor;\n  border-radius: 9999px;\n  cursor: pointer;\n  color: var(--accent, #0070f3);\n  transition: all 0.3s ease;\n}\n\n.buttonEffect:hover {\n  background: currentColor;\n  color: var(--bg, #fff);\n}\n\n.blurEffect {\n  display: inline-block;\n  transition: filter 0.7s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease;\n}\n\n.isVisible {\n  filter: blur(0);\n  opacity: 1;\n}\n\n.isHidden {\n  filter: blur(10px);\n  opacity: 0.3;\n  user-select: none;\n}\n\n.lineBreak {\n  display: block;\n  height: 0.8rem;\n}\n\n.underlineEffect:focus-visible,\n.buttonEffect:focus-visible {\n  outline: 2px solid var(--accent, #0070f3);\n  outline-offset: 4px;\n}"],
-  "mappings": ";AAAA,CAACA;AACC,WAAS,KAAK;AACd,SAAO,IAAI,MAAM,EAAE;AACnB,SAAO;AACT;AAEA,CAACC;AACC,UAAQ;AACR,WAAS;AACT,eAAa;AACb,eAAa;AACb,cAAY;AACd;AAGA,EAAE,CATDA;AASU,aAAW,MAAM,IAAI,EAAE,GAAG,EAAE;AAAS,eAAa;AAAK,UAAQ;AAAG,WAAS;AAAG,cAAY;AAAS;AAC9G,EAAE,CAVDA;AAUU,aAAW,MAAM,QAAQ,EAAE,GAAG,EAAE;AAAS,eAAa;AAAK,UAAQ;AAAG,WAAS;AAAG,cAAY;AAAS;AAClH,EAAE,CAXDA;AAWU,aAAW,MAAM,MAAM,EAAE,GAAG,EAAE;AAAU,eAAa;AAAK,UAAQ;AAAG,WAAS;AAAG,cAAY;AAAS;AACjH,EAAE,CAZDA;AAYU,aAAW,MAAM,OAAO,EAAE,GAAG,EAAE;AAAO,eAAa;AAAK,UAAQ;AAAG,WAAS;AAAG,cAAY;AAAS;AAC/G,EAAE,CAbDA;AAaU,aAAW,MAAM,QAAQ,EAAE,GAAG,EAAE;AAAS,eAAa;AAAK,UAAQ;AAAG,WAAS;AAAG,cAAY;AAAS;AAClH,EAAE,CAdDA;AAcU,aAAW,MAAM,IAAI,EAAE,KAAK,EAAE;AAAU,eAAa;AAAK,UAAQ;AAAG,WAAS;AAAG,cAAY;AAAS;AACjH,CAAC,CAfAA;AAeU,aAAW;AAAM,eAAa;AAAK,UAAQ;AAAG,WAAS;AAAG,cAAY;AAAS;AAG1F,CAlBCA,0BAkBM;AACL,eAAa;AACb,SAAO,IAAI,QAAQ,EAAE;AACvB;AAEA,CAvBCA,0BAuBM;AACL,cAAY;AACZ,eAAa;AACf;AAGA,CAACC;AACC,YAAU;AACV,UAAQ;AACR,SAAO,IAAI,QAAQ,EAAE;AACrB,WAAS;AACT,cAAY,MAAM,KAAK;AACzB;AAEA,CARCA,mCAQe;AACd,WAAS;AACT,YAAU;AACV,UAAQ;AACR,QAAM;AACN,UAAQ;AACR,SAAO;AACP;AAAA,IAAY;AAAA,MACV,KAAK;AAAA,MACL,WAAW;AAAA,MACX,YAAY,GAAG;AAAA,MACf,aAAa,GAAG;AAAA,MAChB,aAAa;AAEf,cAAY,QAAQ,KAAK;AAC3B;AAEA,CAzBCA,mCAyBe,MAAM;AACpB,WAAS;AACX;AAEA,CAACC;AACC,WAAS;AACT,WAAS,MAAM;AACf,UAAQ,IAAI,OAAO;AACnB,iBAAe;AACf,UAAQ;AACR,SAAO,IAAI,QAAQ,EAAE;AACrB,cAAY,IAAI,KAAK;AACvB;AAEA,CAVCA,gCAUY;AACX,cAAY;AACZ,SAAO,IAAI,IAAI,EAAE;AACnB;AAEA,CAACC;AACC,WAAS;AACT,cAAY,OAAO,KAAK,aAAa,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,KAAK;AACrE;AAEA,CAACC;AACC,UAAQ,KAAK;AACb,WAAS;AACX;AAEA,CAACC;AACC,UAAQ,KAAK;AACb,WAAS;AACT,eAAa;AACf;AAEA,CAACC;AACC,WAAS;AACT,UAAQ;AACV;AAEA,CAjECL,mCAiEe;AAChB,CArCCC,gCAqCY;AACX,WAAS,IAAI,MAAM,IAAI,QAAQ,EAAE;AACjC,kBAAgB;AAClB;",
-  "names": ["container", "title", "underlineEffect", "buttonEffect", "blurEffect", "isVisible", "isHidden", "lineBreak"]
+  "sources": ["esbuild-css-modules-plugin-ns-css:src/components/content/xinteractivephrase/XInteractivePhrase.module.css"],
+  "sourcesContent": [".XInteractivePhrase-module__container_fdhnVG__012 {\n  color: var(--text, #000);\n  width: 100%;\n  padding: 1rem 0;\n}\n\n.XInteractivePhrase-module__title_fdhnVG__012 {\n  line-height: 1.3;\n  font-weight: inherit;\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n}\n\nh1.XInteractivePhrase-module__title_fdhnVG__012 {\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n  font-size: clamp(2rem, 6vw, 2.2rem);\n  font-weight: 800;\n}\n\nh2.XInteractivePhrase-module__title_fdhnVG__012 {\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n  font-size: clamp(1.675rem, 4vw, 1.8rem);\n  font-weight: 700;\n}\n\nh3.XInteractivePhrase-module__title_fdhnVG__012 {\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n  font-size: clamp(1.4rem, 3vw, 1.95rem);\n  font-weight: 700;\n}\n\nh4.XInteractivePhrase-module__title_fdhnVG__012 {\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n  font-size: clamp(1.25rem, 3vw, 2rem);\n  font-weight: 600;\n}\n\nh5.XInteractivePhrase-module__title_fdhnVG__012 {\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n  font-size: clamp(1.125rem, 3vw, 1.5rem);\n  font-weight: 600;\n}\n\nh6.XInteractivePhrase-module__title_fdhnVG__012 {\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n  font-size: clamp(1rem, 2.5vw, 1.25rem);\n  font-weight: 600;\n}\n\np.XInteractivePhrase-module__title_fdhnVG__012 {\n  text-align: inherit;\n  margin: 0;\n  padding: 0;\n  font-size: 1rem;\n  font-weight: 400;\n}\n\n.XInteractivePhrase-module__title_fdhnVG__012 strong {\n  color: var(--accent, #0070f3);\n  font-weight: 900;\n}\n\n.XInteractivePhrase-module__title_fdhnVG__012 em {\n  font-family: serif;\n  font-style: italic;\n}\n\n.XInteractivePhrase-module__underlineEffect_fdhnVG__012 {\n  cursor: pointer;\n  color: var(--accent, #0070f3);\n  transition: color .3s;\n  display: inline-block;\n  position: relative;\n}\n\n.XInteractivePhrase-module__underlineEffect_fdhnVG__012:after {\n  content: \"\";\n  background: repeating-linear-gradient(45deg, #0000, #0000 2px, currentColor 2px 4px);\n  width: 100%;\n  height: .15em;\n  transition: opacity .3s;\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n}\n\n.XInteractivePhrase-module__underlineEffect_fdhnVG__012:hover:after {\n  opacity: 0;\n}\n\n.XInteractivePhrase-module__buttonEffect_fdhnVG__012 {\n  cursor: pointer;\n  color: var(--accent, #0070f3);\n  border: 2px dashed;\n  border-radius: 9999px;\n  padding: .1em .6em;\n  transition: all .3s;\n  display: inline-block;\n}\n\n.XInteractivePhrase-module__buttonEffect_fdhnVG__012:hover {\n  color: var(--bg, #fff);\n  background: currentColor;\n}\n\n.XInteractivePhrase-module__blurEffect_fdhnVG__012 {\n  transition: filter .7s cubic-bezier(.4, 0, .2, 1), opacity .7s;\n  display: inline-block;\n}\n\n.XInteractivePhrase-module__isVisible_fdhnVG__012 {\n  filter: blur();\n  opacity: 1;\n}\n\n.XInteractivePhrase-module__isHidden_fdhnVG__012 {\n  filter: blur(10px);\n  opacity: .3;\n  user-select: none;\n}\n\n.XInteractivePhrase-module__lineBreak_fdhnVG__012 {\n  height: .8rem;\n  display: block;\n}\n\n.XInteractivePhrase-module__underlineEffect_fdhnVG__012:focus-visible, .XInteractivePhrase-module__buttonEffect_fdhnVG__012:focus-visible {\n  outline: 2px solid var(--accent, #0070f3);\n  outline-offset: 4px;\n}\n"],
+  "mappings": ";AAAA,CAAC;AACC,SAAO,IAAI,MAAM,EAAE;AACnB,SAAO;AACP,WAAS,KAAK;AAChB;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACb,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;AAEA,EAAE,CARD;AASC,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW,MAAM,IAAI,EAAE,GAAG,EAAE;AAC5B,eAAa;AACf;AAEA,EAAE,CAhBD;AAiBC,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW,MAAM,QAAQ,EAAE,GAAG,EAAE;AAChC,eAAa;AACf;AAEA,EAAE,CAxBD;AAyBC,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW,MAAM,MAAM,EAAE,GAAG,EAAE;AAC9B,eAAa;AACf;AAEA,EAAE,CAhCD;AAiCC,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW,MAAM,OAAO,EAAE,GAAG,EAAE;AAC/B,eAAa;AACf;AAEA,EAAE,CAxCD;AAyCC,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW,MAAM,QAAQ,EAAE,GAAG,EAAE;AAChC,eAAa;AACf;AAEA,EAAE,CAhDD;AAiDC,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW,MAAM,IAAI,EAAE,KAAK,EAAE;AAC9B,eAAa;AACf;AAEA,CAAC,CAxDA;AAyDC,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,aAAW;AACX,eAAa;AACf;AAEA,CAhEC,6CAgE6C;AAC5C,SAAO,IAAI,QAAQ,EAAE;AACrB,eAAa;AACf;AAEA,CArEC,6CAqE6C;AAC5C,eAAa;AACb,cAAY;AACd;AAEA,CAAC;AACC,UAAQ;AACR,SAAO,IAAI,QAAQ,EAAE;AACrB,cAAY,MAAM;AAClB,WAAS;AACT,YAAU;AACZ;AAEA,CARC,sDAQsD;AACrD,WAAS;AACT;AAAA,IAAY;AAAA,MAA0B,KAAK;AAAA,MAAE,KAAK;AAAA,MAAE,MAAM,GAAG;AAAA,MAAE,aAAa,IAAI;AAChF,SAAO;AACP,UAAQ;AACR,cAAY,QAAQ;AACpB,YAAU;AACV,UAAQ;AACR,QAAM;AACR;AAEA,CAnBC,sDAmBsD,MAAM;AAC3D,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACR,SAAO,IAAI,QAAQ,EAAE;AACrB,UAAQ,IAAI;AACZ,iBAAe;AACf,WAAS,KAAK;AACd,cAAY,IAAI;AAChB,WAAS;AACX;AAEA,CAVC,mDAUmD;AAClD,SAAO,IAAI,IAAI,EAAE;AACjB,cAAY;AACd;AAEA,CAAC;AACC,cAAY,OAAO,IAAI,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ;AAC3D,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACR,WAAS;AACX;AAEA,CAAC;AACC,UAAQ,KAAK;AACb,WAAS;AACT,eAAa;AACf;AAEA,CAAC;AACC,UAAQ;AACR,WAAS;AACX;AAEA,CA3DC,sDA2DsD;AAAgB,CApCtE,mDAoC0H;AACzH,WAAS,IAAI,MAAM,IAAI,QAAQ,EAAE;AACjC,kBAAgB;AAClB;",
+  "names": []
 }

package/dist/components/content/index.js

@@ -37,18 +37,49 @@ module.exports = __toCommonJS(content_exports);
 // src/components/content/xinteractivephrase/XInteractivePhrase.tsx
 var import_react = __toESM(require("react"));
 
-// src/components/content/xinteractivephrase/XInteractivePhrase.module.css
-var XInteractivePhrase_default = {
-  container: "XInteractivePhrase_container3",
-  title: "XInteractivePhrase_title3",
-  underlineEffect: "XInteractivePhrase_underlineEffect3",
-  buttonEffect: "XInteractivePhrase_buttonEffect3",
-  blurEffect: "XInteractivePhrase_blurEffect3",
-  isVisible: "XInteractivePhrase_isVisible3",
-  isHidden: "XInteractivePhrase_isHidden3",
-  lineBreak: "XInteractivePhrase_lineBreak3"
+// esbuild-css-modules-plugin-ns-js::src/components/content/xinteractivephrase/XInteractivePhrase.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/content/xinteractivephrase/XInteractivePhrase.module.css
+var XInteractivePhrase_default = new Proxy({
+  "blurEffect": "XInteractivePhrase-module__blurEffect_fdhnVG__012",
+  "buttonEffect": "XInteractivePhrase-module__buttonEffect_fdhnVG__012",
+  "container": "XInteractivePhrase-module__container_fdhnVG__012",
+  "isHidden": "XInteractivePhrase-module__isHidden_fdhnVG__012",
+  "isVisible": "XInteractivePhrase-module__isVisible_fdhnVG__012",
+  "lineBreak": "XInteractivePhrase-module__lineBreak_fdhnVG__012",
+  "title": "XInteractivePhrase-module__title_fdhnVG__012",
+  "underlineEffect": "XInteractivePhrase-module__underlineEffect_fdhnVG__012"
+}, {
+  get: function(source, key) {
+    inject();
+    return source[key];
+  }
+});
+
 // src/components/content/xinteractivephrase/XInteractivePhrase.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function XInteractivePhrase({
@@ -85,9 +116,9 @@ function XInteractivePhrase({
     } else if (word.type === "blur2") {
       dynamicClass = `${XInteractivePhrase_default.blurEffect} ${active2 ? XInteractivePhrase_default.isVisible : XInteractivePhrase_default.isHidden}`;
     }
-    let content = word.text;
-    if (word.italic) content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: content });
-    if (word.bold) content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: content });
+    let content2 = word.text;
+    if (word.italic) content2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: content2 });
+    if (word.bold) content2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: content2 });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "span",
@@ -97,7 +128,7 @@ function XInteractivePhrase({
           onKeyDown: keyHandler,
           role: clickHandler ? "button" : void 0,
           tabIndex: clickHandler ? 0 : void 0,
-          children: content
+          children: content2
         }
       ),
       word.breakAfter ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: XInteractivePhrase_default.lineBreak }) : " "

package/dist/components/content/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/content/index.ts", "../../../src/components/content/xinteractivephrase/XInteractivePhrase.tsx", "../../../src/components/content/xinteractivephrase/XInteractivePhrase.module.css"],
-  "sourcesContent": ["export { XInteractivePhrase } from \"./xinteractivephrase\";\nexport type { XInteractivePhraseProps, WordConfig } from \"./xinteractivephrase\";\n", "\"use client\";\n\nimport React, { useState, KeyboardEvent } from \"react\";\nimport styles from \"./XInteractivePhrase.module.css\";\n\nexport interface WordConfig {\n  text: string;\n  // Solo comportamientos de interacci\u00F3n\n  type: \"normal\" | \"underline\" | \"button\" | \"blur1\" | \"blur2\"; \n  breakAfter?: boolean;\n  italic?: boolean; // Esto controla el <em>\n  bold?: boolean;   // Esto controla el <strong>\n}\n\nexport interface XInteractivePhraseProps {\n  words: WordConfig[];\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\";\n  className?: string;\n}\n\nexport default function XInteractivePhrase({ \n  words, \n  as: Tag = \"p\", \n  className = \"\" \n}: XInteractivePhraseProps) {\n  const [active1, setActive1] = useState<boolean>(false);\n  const [active2, setActive2] = useState<boolean>(false);\n\n  const handleAction = (type: \"underline\" | \"button\") => {\n    if (type === \"underline\") setActive1(!active1);\n    if (type === \"button\") setActive2(!active2);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLSpanElement>, type: \"underline\" | \"button\") => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      handleAction(type);\n    }\n  };\n\n  return (\n    <div className={`${styles.container} ${className}`}>\n      <Tag className={styles.title}>\n        {words.map((word, index) => {\n          let dynamicClass = \"\";\n          let clickHandler: (() => void) | undefined = undefined;\n          let keyHandler: ((e: KeyboardEvent<HTMLSpanElement>) => void) | undefined = undefined;\n\n          // Gesti\u00F3n de l\u00F3gica por tipo\n          if (word.type === \"underline\") {\n            dynamicClass = styles.underlineEffect;\n            clickHandler = () => handleAction(\"underline\");\n            keyHandler = (e) => onKeyDown(e, \"underline\");\n          } \n          else if (word.type === \"button\") {\n            dynamicClass = styles.buttonEffect;\n            clickHandler = () => handleAction(\"button\");\n            keyHandler = (e) => onKeyDown(e, \"button\");\n          } \n          else if (word.type === \"blur1\") {\n            dynamicClass = `${styles.blurEffect} ${active1 ? styles.isVisible : styles.isHidden}`;\n          } \n          else if (word.type === \"blur2\") {\n            dynamicClass = `${styles.blurEffect} ${active2 ? styles.isVisible : styles.isHidden}`;\n          }\n\n          // Renderizado del contenido con estilos combinables\n          let content: React.ReactNode = word.text;\n          if (word.italic) content = <em>{content}</em>;\n          if (word.bold) content = <strong>{content}</strong>;\n\n          return (\n            <React.Fragment key={index}>\n              <span\n                className={dynamicClass}\n                onClick={clickHandler}\n                onKeyDown={keyHandler}\n                role={clickHandler ? \"button\" : undefined}\n                tabIndex={clickHandler ? 0 : undefined}\n              >\n                {content}\n              </span>\n              {word.breakAfter ? <span className={styles.lineBreak} /> : \" \"}\n            </React.Fragment>\n          );\n        })}\n      </Tag>\n    </div>\n  );\n}", ".container {\n  padding: 1rem 0;\n  color: var(--text, #000);\n  width: 100%;\n}\n\n.title {\n  margin: 0;\n  padding: 0;\n  line-height: 1.3;\n  font-weight: inherit;\n  text-align: inherit;\n}\n\n/* Escala tipogr\u00E1fica fluida */\nh1.title { font-size: clamp(2rem, 6vw, 2.2rem); font-weight: 800; margin: 0; padding: 0; text-align: inherit; }\nh2.title { font-size: clamp(1.675rem, 4vw, 1.8rem); font-weight: 700; margin: 0; padding: 0; text-align: inherit; }\nh3.title { font-size: clamp(1.4rem, 3vw, 1.95rem); font-weight: 700; margin: 0; padding: 0; text-align: inherit; }\nh4.title { font-size: clamp(1.25rem, 3vw, 2rem); font-weight: 600; margin: 0; padding: 0; text-align: inherit; }\nh5.title { font-size: clamp(1.125rem, 3vw, 1.5rem); font-weight: 600; margin: 0; padding: 0; text-align: inherit; }\nh6.title { font-size: clamp(1rem, 2.5vw, 1.25rem); font-weight: 600; margin: 0; padding: 0; text-align: inherit; }\np.title  { font-size: 1rem; font-weight: 400; margin: 0; padding: 0; text-align: inherit; }\n\n/* Estilos para etiquetas de \u00E9nfasis */\n.title strong {\n  font-weight: 900;\n  color: var(--accent, #0070f3);\n}\n\n.title em {\n  font-style: italic;\n  font-family: serif; /* Opcional: da un toque elegante a las it\u00E1licas */\n}\n\n/* Efectos */\n.underlineEffect {\n  position: relative;\n  cursor: pointer;\n  color: var(--accent, #0070f3);\n  display: inline-block;\n  transition: color 0.3s ease;\n}\n\n.underlineEffect::after {\n  content: \"\";\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  height: 0.15em;\n  width: 100%;\n  background: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 2px,\n    currentColor 2px,\n    currentColor 4px\n  );\n  transition: opacity 0.3s ease;\n}\n\n.underlineEffect:hover::after {\n  opacity: 0;\n}\n\n.buttonEffect {\n  display: inline-block;\n  padding: 0.1em 0.6em;\n  border: 2px dashed currentColor;\n  border-radius: 9999px;\n  cursor: pointer;\n  color: var(--accent, #0070f3);\n  transition: all 0.3s ease;\n}\n\n.buttonEffect:hover {\n  background: currentColor;\n  color: var(--bg, #fff);\n}\n\n.blurEffect {\n  display: inline-block;\n  transition: filter 0.7s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease;\n}\n\n.isVisible {\n  filter: blur(0);\n  opacity: 1;\n}\n\n.isHidden {\n  filter: blur(10px);\n  opacity: 0.3;\n  user-select: none;\n}\n\n.lineBreak {\n  display: block;\n  height: 0.8rem;\n}\n\n.underlineEffect:focus-visible,\n.buttonEffect:focus-visible {\n  outline: 2px solid var(--accent, #0070f3);\n  outline-offset: 4px;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAA+C;;;ACF/C;AAAA,EAAC,WAAAA;AAAA,EAMA,OAAAC;AAAA,EA6BA,iBAAAC;AAAA,EA6BA,cAAAC;AAAA,EAeA,YAAAC;AAAA,EAKA,WAAAC;AAAA,EAKA,UAAAC;AAAA,EAMA,WAAAC;AAAA;;;AD3BoC;AAhDtB,SAAR,mBAAoC;AAAA,EACzC;AAAA,EACA,IAAI,MAAM;AAAA,EACV,YAAY;AACd,GAA4B;AAC1B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,KAAK;AACrD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,KAAK;AAErD,QAAM,eAAe,CAAC,SAAiC;AACrD,QAAI,SAAS,YAAa,YAAW,CAAC,OAAO;AAC7C,QAAI,SAAS,SAAU,YAAW,CAAC,OAAO;AAAA,EAC5C;AAEA,QAAM,YAAY,CAAC,GAAmC,SAAiC;AACrF,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,QAAE,eAAe;AACjB,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF;AAEA,SACE,4CAAC,SAAI,WAAW,GAAG,2BAAO,SAAS,IAAI,SAAS,IAC9C,sDAAC,OAAI,WAAW,2BAAO,OACpB,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,QAAI,eAAe;AACnB,QAAI,eAAyC;AAC7C,QAAI,aAAwE;AAG5E,QAAI,KAAK,SAAS,aAAa;AAC7B,qBAAe,2BAAO;AACtB,qBAAe,MAAM,aAAa,WAAW;AAC7C,mBAAa,CAAC,MAAM,UAAU,GAAG,WAAW;AAAA,IAC9C,WACS,KAAK,SAAS,UAAU;AAC/B,qBAAe,2BAAO;AACtB,qBAAe,MAAM,aAAa,QAAQ;AAC1C,mBAAa,CAAC,MAAM,UAAU,GAAG,QAAQ;AAAA,IAC3C,WACS,KAAK,SAAS,SAAS;AAC9B,qBAAe,GAAG,2BAAO,UAAU,IAAI,UAAU,2BAAO,YAAY,2BAAO,QAAQ;AAAA,IACrF,WACS,KAAK,SAAS,SAAS;AAC9B,qBAAe,GAAG,2BAAO,UAAU,IAAI,UAAU,2BAAO,YAAY,2BAAO,QAAQ;AAAA,IACrF;AAGA,QAAI,UAA2B,KAAK;AACpC,QAAI,KAAK,OAAQ,WAAU,4CAAC,QAAI,mBAAQ;AACxC,QAAI,KAAK,KAAM,WAAU,4CAAC,YAAQ,mBAAQ;AAE1C,WACE,6CAAC,aAAAC,QAAM,UAAN,EACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS;AAAA,UACT,WAAW;AAAA,UACX,MAAM,eAAe,WAAW;AAAA,UAChC,UAAU,eAAe,IAAI;AAAA,UAE5B;AAAA;AAAA,MACH;AAAA,MACC,KAAK,aAAa,4CAAC,UAAK,WAAW,2BAAO,WAAW,IAAK;AAAA,SAVxC,KAWrB;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;",
-  "names": ["container", "title", "underlineEffect", "buttonEffect", "blurEffect", "isVisible", "isHidden", "lineBreak", "React"]
+  "sources": ["../../../src/components/content/index.ts", "../../../src/components/content/xinteractivephrase/XInteractivePhrase.tsx", "esbuild-css-modules-plugin-ns-js::src/components/content/xinteractivephrase/XInteractivePhrase.module.css:injector.js", "../../../src/components/content/xinteractivephrase/XInteractivePhrase.module.css"],
+  "sourcesContent": ["export { XInteractivePhrase } from \"./xinteractivephrase\";\nexport type { XInteractivePhraseProps, WordConfig } from \"./xinteractivephrase\";\n", "\"use client\";\n\nimport React, { useState, KeyboardEvent } from \"react\";\nimport styles from \"./XInteractivePhrase.module.css\";\n\nexport interface WordConfig {\n  text: string;\n  // Solo comportamientos de interacci\u00F3n\n  type: \"normal\" | \"underline\" | \"button\" | \"blur1\" | \"blur2\"; \n  breakAfter?: boolean;\n  italic?: boolean; // Esto controla el <em>\n  bold?: boolean;   // Esto controla el <strong>\n}\n\nexport interface XInteractivePhraseProps {\n  words: WordConfig[];\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\";\n  className?: string;\n}\n\nexport default function XInteractivePhrase({ \n  words, \n  as: Tag = \"p\", \n  className = \"\" \n}: XInteractivePhraseProps) {\n  const [active1, setActive1] = useState<boolean>(false);\n  const [active2, setActive2] = useState<boolean>(false);\n\n  const handleAction = (type: \"underline\" | \"button\") => {\n    if (type === \"underline\") setActive1(!active1);\n    if (type === \"button\") setActive2(!active2);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLSpanElement>, type: \"underline\" | \"button\") => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      handleAction(type);\n    }\n  };\n\n  return (\n    <div className={`${styles.container} ${className}`}>\n      <Tag className={styles.title}>\n        {words.map((word, index) => {\n          let dynamicClass = \"\";\n          let clickHandler: (() => void) | undefined = undefined;\n          let keyHandler: ((e: KeyboardEvent<HTMLSpanElement>) => void) | undefined = undefined;\n\n          // Gesti\u00F3n de l\u00F3gica por tipo\n          if (word.type === \"underline\") {\n            dynamicClass = styles.underlineEffect;\n            clickHandler = () => handleAction(\"underline\");\n            keyHandler = (e) => onKeyDown(e, \"underline\");\n          } \n          else if (word.type === \"button\") {\n            dynamicClass = styles.buttonEffect;\n            clickHandler = () => handleAction(\"button\");\n            keyHandler = (e) => onKeyDown(e, \"button\");\n          } \n          else if (word.type === \"blur1\") {\n            dynamicClass = `${styles.blurEffect} ${active1 ? styles.isVisible : styles.isHidden}`;\n          } \n          else if (word.type === \"blur2\") {\n            dynamicClass = `${styles.blurEffect} ${active2 ? styles.isVisible : styles.isHidden}`;\n          }\n\n          // Renderizado del contenido con estilos combinables\n          let content: React.ReactNode = word.text;\n          if (word.italic) content = <em>{content}</em>;\n          if (word.bold) content = <strong>{content}</strong>;\n\n          return (\n            <React.Fragment key={index}>\n              <span\n                className={dynamicClass}\n                onClick={clickHandler}\n                onKeyDown={keyHandler}\n                role={clickHandler ? \"button\" : undefined}\n                tabIndex={clickHandler ? 0 : undefined}\n              >\n                {content}\n              </span>\n              {word.breakAfter ? <span className={styles.lineBreak} /> : \" \"}\n            </React.Fragment>\n          );\n        })}\n      </Tag>\n    </div>\n  );\n}", "\nconst content = __content_placeholder__;\nconst digest = __digest_placeholder__;  \nconst inject = () => {\n  setTimeout(() => {\n    if (!globalThis.document) {\n      return;\n    }\n    let root = globalThis.document.querySelector(\"head\");\n    if (root && root.shadowRoot) {\n      root = root.shadowRoot;\n    }\n    if (!root) {\n      root = globalThis.document.head;\n    }\n    let container = root.querySelector(\"#_\" + digest);\n    if (!container) {\n      container = globalThis.document.createElement(\"style\");\n      container.id = \"_\" + digest;\n      const text = globalThis.document.createTextNode(content);\n      container.appendChild(text);\n      root.appendChild(container);\n    }\n  }, 0);\n};\n\nexport { inject };\n    ", "import \"esbuild-css-modules-plugin-ns-css:src/components/content/xinteractivephrase/XInteractivePhrase.module.css\";\n\nimport { inject } from \"esbuild-css-modules-plugin-ns-js:src/components/content/xinteractivephrase/XInteractivePhrase.module.css:injector.js\";\nexport default new Proxy({\n  \"blurEffect\": \"XInteractivePhrase-module__blurEffect_fdhnVG__012\",\n  \"buttonEffect\": \"XInteractivePhrase-module__buttonEffect_fdhnVG__012\",\n  \"container\": \"XInteractivePhrase-module__container_fdhnVG__012\",\n  \"isHidden\": \"XInteractivePhrase-module__isHidden_fdhnVG__012\",\n  \"isVisible\": \"XInteractivePhrase-module__isVisible_fdhnVG__012\",\n  \"lineBreak\": \"XInteractivePhrase-module__lineBreak_fdhnVG__012\",\n  \"title\": \"XInteractivePhrase-module__title_fdhnVG__012\",\n  \"underlineEffect\": \"XInteractivePhrase-module__underlineEffect_fdhnVG__012\"\n}, {\n  get: function(source, key) {\n    inject();\n    return source[key];\n  }\n});\n      "],
+  "mappings": "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",
+  "names": ["content", "React"]
 }

package/dist/components/content/index.mjs

@@ -1,6 +1,6 @@
 import {
   XInteractivePhrase
-} from "../../chunk-34NJCJUI.mjs";
+} from "../../chunk-IK2UCTCM.mjs";
 export {
   XInteractivePhrase
 };