@xscriptor/xcomponents 0.1.0 → 0.1.1

package/dist/components/gallery/index.css

@@ -1,5 +1,5 @@
 /* src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
-.container {
+.XMicroGalleryText_container3 {
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -8,57 +8,57 @@
   margin: 2rem 0;
 }
 @media (min-width: 1024px) {
-  .container {
+  .XMicroGalleryText_container3 {
     flex-direction: row;
     align-items: center;
     gap: 4rem;
   }
-  .reverse {
+  .XMicroGalleryText_reverse3 {
     flex-direction: row-reverse;
   }
 }
-.textContent {
+.XMicroGalleryText_textContent3 {
   flex: 1;
   opacity: 0;
   transform: translateY(30px);
   transition: opacity 0.8s ease-out, transform 0.8s ease-out;
   color: var(--foreground);
 }
-.textContent.visible {
+.XMicroGalleryText_textContent3.XMicroGalleryText_visible3 {
   opacity: 1;
   transform: translateY(0);
 }
-.textLeft {
+.XMicroGalleryText_textLeft3 {
   text-align: left;
 }
-.textRight {
+.XMicroGalleryText_textRight3 {
   text-align: right;
 }
-.textCenter {
+.XMicroGalleryText_textCenter3 {
   text-align: center;
 }
-.textContent p,
-.textContent div,
-.textContent span,
-.textContent em,
-.textContent strong,
-.textContent a {
+.XMicroGalleryText_textContent3 p,
+.XMicroGalleryText_textContent3 div,
+.XMicroGalleryText_textContent3 span,
+.XMicroGalleryText_textContent3 em,
+.XMicroGalleryText_textContent3 strong,
+.XMicroGalleryText_textContent3 a {
   text-align: inherit;
   max-width: none;
   margin-left: unset;
   margin-right: unset;
 }
-.gallery {
+.XMicroGalleryText_gallery3 {
   flex: 1.5;
   width: 100%;
 }
-.artisticGrid {
+.XMicroGalleryText_artisticGrid3 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 380px 220px;
   gap: 1rem;
 }
-.imageWrapper {
+.XMicroGalleryText_imageWrapper3 {
   position: relative;
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
@@ -70,80 +70,80 @@
     transform 0.6s ease-out,
     box-shadow 0.3s ease;
 }
-.imageWrapper.visible {
+.XMicroGalleryText_imageWrapper3.XMicroGalleryText_visible3 {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
-.imageWrapper:hover {
+.XMicroGalleryText_imageWrapper3:hover {
   transform: translateY(-5px);
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
 }
-.previewImage {
+.XMicroGalleryText_previewImage3 {
   object-fit: cover;
 }
-.artisticGrid .artistic1 .previewImage {
+.XMicroGalleryText_artisticGrid3 .XMicroGalleryText_artistic13 .XMicroGalleryText_previewImage3 {
   object-position: center top;
   transform: translateY(0);
 }
-.artistic1 {
+.XMicroGalleryText_artistic13 {
   grid-column: 1 / 4;
   grid-row: 1 / 2;
   transition-delay: 0.2s;
 }
-.artistic2 {
+.XMicroGalleryText_artistic23 {
   grid-column: 1 / 2;
   grid-row: 2 / 3;
   transition-delay: 0.3s;
 }
-.artistic3 {
+.XMicroGalleryText_artistic33 {
   grid-column: 2 / 4;
   grid-row: 2 / 3;
   transition-delay: 0.4s;
 }
 @media (max-width: 768px) {
-  .artisticGrid {
+  .XMicroGalleryText_artisticGrid3 {
     grid-template-columns: 1fr;
     grid-template-rows: 240px 180px 180px;
   }
-  .artistic1,
-  .artistic2,
-  .artistic3 {
+  .XMicroGalleryText_artistic13,
+  .XMicroGalleryText_artistic23,
+  .XMicroGalleryText_artistic33 {
     grid-column: 1 / 2;
   }
-  .artistic1 {
+  .XMicroGalleryText_artistic13 {
     grid-row: 1 / 2;
   }
-  .artistic2 {
+  .XMicroGalleryText_artistic23 {
     grid-row: 2 / 3;
   }
-  .artistic3 {
+  .XMicroGalleryText_artistic33 {
     grid-row: 3 / 4;
   }
 }
 @media (max-width: 480px) {
-  .artisticGrid {
+  .XMicroGalleryText_artisticGrid3 {
     grid-template-rows: 200px 140px 140px;
   }
 }
 
 /* src/components/gallery/xstaticgallery/XStaticGallery.module.css */
-.galleryContainer {
+.XStaticGallery_galleryContainer3 {
   width: 100%;
   max-width: 80rem;
   margin: 0 auto;
   padding: 1rem 1rem 3rem;
 }
-.galleryTitle {
+.XStaticGallery_galleryTitle3 {
   font-size: 1.875rem;
   text-align: right;
   color: var(--primary);
   margin-bottom: 3rem;
   opacity: 0.8;
 }
-.masonryGrid {
+.XStaticGallery_masonryGrid3 {
   gap: 1rem;
 }
-.masonryItem {
+.XStaticGallery_masonryItem3 {
   break-inside: avoid;
   position: relative;
   border-radius: 1rem;
@@ -157,73 +157,73 @@
     transform 0.5s ease-out,
     box-shadow 0.3s ease;
 }
-.masonryItem.visible {
+.XStaticGallery_masonryItem3.XStaticGallery_visible3 {
   opacity: 1;
   transform: translateY(0);
 }
-.masonryItem:hover {
+.XStaticGallery_masonryItem3:hover {
   box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
 }
-.imageContainer {
+.XStaticGallery_imageContainer3 {
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 1rem;
 }
-.galleryImage {
+.XStaticGallery_galleryImage3 {
   width: 100%;
   height: auto;
   object-fit: cover;
   display: block;
   transition: transform 0.5s ease-out;
 }
-.masonryItem:hover .galleryImage {
+.XStaticGallery_masonryItem3:hover .XStaticGallery_galleryImage3 {
   transform: scale(1.05);
 }
-.imageOverlay {
+.XStaticGallery_imageOverlay3 {
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0);
   transition: background 0.3s ease;
   pointer-events: none;
 }
-.masonryItem:hover .imageOverlay {
+.XStaticGallery_masonryItem3:hover .XStaticGallery_imageOverlay3 {
   background: rgba(0, 0, 0, 0.1);
 }
-.cols1 {
+.XStaticGallery_cols13 {
   columns: 1;
 }
-.cols2 {
+.XStaticGallery_cols23 {
   columns: 2;
 }
-.cols3 {
+.XStaticGallery_cols33 {
   columns: 3;
 }
-.cols4 {
+.XStaticGallery_cols43 {
   columns: 4;
 }
-.cols5 {
+.XStaticGallery_cols53 {
   columns: 5;
 }
 @media (max-width: 1280px) {
-  .cols4,
-  .cols5 {
+  .XStaticGallery_cols43,
+  .XStaticGallery_cols53 {
     columns: 3;
   }
 }
 @media (max-width: 768px) {
-  .cols3,
-  .cols4,
-  .cols5 {
+  .XStaticGallery_cols33,
+  .XStaticGallery_cols43,
+  .XStaticGallery_cols53 {
     columns: 2;
   }
 }
 @media (max-width: 640px) {
-  .cols2,
-  .cols3,
-  .cols4,
-  .cols5 {
+  .XStaticGallery_cols23,
+  .XStaticGallery_cols33,
+  .XStaticGallery_cols43,
+  .XStaticGallery_cols53 {
     columns: 1;
   }
 }
-/*# sourceMappingURL=index.css.map */
+/*# sourceMappingURL=index.css.map */

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css","../../../src/components/gallery/xstaticgallery/XStaticGallery.module.css"],"sourcesContent":[".container {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  width: 100%;\n  align-items: center;\n  margin: 2rem 0;\n}\n\n@media (min-width: 1024px) {\n  .container {\n    flex-direction: row;\n    align-items: center;\n    gap: 4rem;\n  }\n  \n  .reverse {\n    flex-direction: row-reverse;\n  }\n}\n\n.textContent {\n  flex: 1;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n  color: var(--foreground);\n}\n\n.textContent.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.textLeft {\n  text-align: left;\n}\n\n.textRight {\n  text-align: right;\n}\n\n.textCenter {\n  text-align: center;\n}\n\n.textContent p,\n.textContent div,\n.textContent span,\n.textContent em,\n.textContent strong,\n.textContent a {\n  text-align: inherit;\n  max-width: none;\n  margin-left: unset;\n  margin-right: unset;\n}\n\n.gallery {\n  flex: 1.5;\n  width: 100%;\n}\n\n.artisticGrid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 380px 220px;\n  gap: 1rem;\n}\n\n.imageWrapper {\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  border-radius: 20px;\n  opacity: 0;\n  transform: translateY(50px) scale(0.95);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease;\n}\n\n.imageWrapper.visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.imageWrapper:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n}\n\n.previewImage {\n  object-fit: cover;\n}\n\n.artisticGrid .artistic1 .previewImage {\n  object-position: center top;\n  transform: translateY(0);\n}\n\n.artistic1 {\n  grid-column: 1 / 4;\n  grid-row: 1 / 2;\n  transition-delay: 0.2s;\n}\n\n.artistic2 {\n  grid-column: 1 / 2;\n  grid-row: 2 / 3;\n  transition-delay: 0.3s;\n}\n\n.artistic3 {\n  grid-column: 2 / 4;\n  grid-row: 2 / 3;\n  transition-delay: 0.4s;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .artisticGrid {\n    grid-template-columns: 1fr;\n    grid-template-rows: 240px 180px 180px;\n  }\n  \n  .artistic1,\n  .artistic2,\n  .artistic3 {\n    grid-column: 1 / 2;\n  }\n  \n  .artistic1 {\n    grid-row: 1 / 2;\n  }\n  \n  .artistic2 {\n    grid-row: 2 / 3;\n  }\n  \n  .artistic3 {\n    grid-row: 3 / 4;\n  }\n}\n\n@media (max-width: 480px) {\n  .artisticGrid {\n    grid-template-rows: 200px 140px 140px;\n  }\n}\n",".galleryContainer {\n  width: 100%;\n  max-width: 80rem;\n  margin: 0 auto;\n  padding: 1rem 1rem 3rem;\n}\n\n.galleryTitle {\n  font-size: 1.875rem;\n  text-align: right;\n  color: var(--primary);\n  margin-bottom: 3rem;\n  opacity: 0.8;\n}\n\n/* Masonry via CSS columns */\n.masonryGrid {\n  gap: 1rem;\n}\n\n.masonryItem {\n  break-inside: avoid;\n  position: relative;\n  border-radius: 1rem;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  margin-bottom: 1rem;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease-out, transform 0.5s ease-out, box-shadow 0.3s ease;\n}\n\n.masonryItem.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.masonryItem:hover {\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\n}\n\n.imageContainer {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 1rem;\n}\n\n.galleryImage {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease-out;\n}\n\n.masonryItem:hover .galleryImage {\n  transform: scale(1.05);\n}\n\n.imageOverlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0);\n  transition: background 0.3s ease;\n  pointer-events: none;\n}\n\n.masonryItem:hover .imageOverlay {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n/* Column count via CSS custom property */\n.cols1 { columns: 1; }\n.cols2 { columns: 2; }\n.cols3 { columns: 3; }\n.cols4 { columns: 4; }\n.cols5 { columns: 5; }\n\n/* Responsive overrides */\n@media (max-width: 1280px) {\n  .cols4, .cols5 { columns: 3; }\n}\n\n@media (max-width: 768px) {\n  .cols3, .cols4, .cols5 { columns: 2; }\n}\n\n@media (max-width: 640px) {\n  .cols2, .cols3, .cols4, .cols5 { columns: 1; }\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,SAAO;AACP,eAAa;AACb,UAAQ,KAAK;AACf;AAEA,QAAO,WAAY;AACjB,GAVD;AAWG,oBAAgB;AAChB,iBAAa;AACb,SAAK;AACP;AAEA,GAAC;AACC,oBAAgB;AAClB;AACF;AAEA,CAAC;AACC,QAAM;AACN,WAAS;AACT,aAAW,WAAW;AACtB,cAAY,QAAQ,KAAK,QAAQ,EAAE,UAAU,KAAK;AAClD,SAAO,IAAI;AACb;AAEA,CARC,WAQW,CAAC;AACX,WAAS;AACT,aAAW,WAAW;AACxB;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAzBC,YAyBY;AACb,CA1BC,YA0BY;AACb,CA3BC,YA2BY;AACb,CA5BC,YA4BY;AACb,CA7BC,YA6BY;AACb,CA9BC,YA8BY;AACX,cAAY;AACZ,aAAW;AACX,eAAa;AACb,gBAAc;AAChB;AAEA,CAAC;AACC,QAAM;AACN,SAAO;AACT;AAEA,CAAC;AACC,WAAS;AACT,yBAAuB,OAAO,CAAC,EAAE;AACjC,sBAAoB,MAAM;AAC1B,OAAK;AACP;AAEA,CAAC;AACC,YAAU;AACV,YAAU;AACV,cAAY,EAAE,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC,iBAAe;AACf,WAAS;AACT,aAAW,WAAW,MAAM,MAAM;AAClC;AAAA,IAAY,QAAQ,KAAK,QAAQ;AAAA,IAAE,UAAU,KAAK,QAAQ;AAAA,IAAE,WAAW,KAAK;AAC9E;AAEA,CAVC,YAUY,CAnDA;AAoDX,WAAS;AACT,aAAW,WAAW,GAAG,MAAM;AACjC;AAEA,CAfC,YAeY;AACX,aAAW,WAAW;AACtB,cAAY,EAAE,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxC;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CA/BC,aA+Ba,CAAC,UAAU,CAJxB;AAKC,mBAAiB,OAAO;AACxB,aAAW,WAAW;AACxB;AAEA,CALe;AAMb,eAAa,EAAE,EAAE;AACjB,YAAU,EAAE,EAAE;AACd,oBAAkB;AACpB;AAEA,CAAC;AACC,eAAa,EAAE,EAAE;AACjB,YAAU,EAAE,EAAE;AACd,oBAAkB;AACpB;AAEA,CAAC;AACC,eAAa,EAAE,EAAE;AACjB,YAAU,EAAE,EAAE;AACd,oBAAkB;AACpB;AAGA,QAAO,WAAY;AACjB,GAxDD;AAyDG,2BAAuB;AACvB,wBAAoB,MAAM,MAAM;AAClC;AAEA,GA9Ba;AAAA,EA+Bb,CApBD;AAAA,EAqBC,CAfD;AAgBG,iBAAa,EAAE,EAAE;AACnB;AAEA,GApCa;AAqCX,cAAU,EAAE,EAAE;AAChB;AAEA,GA7BD;AA8BG,cAAU,EAAE,EAAE;AAChB;AAEA,GA3BD;AA4BG,cAAU,EAAE,EAAE;AAChB;AACF;AAEA,QAAO,WAAY;AACjB,GAjFD;AAkFG,wBAAoB,MAAM,MAAM;AAClC;AACF;;;ACnJA,CAAC;AACC,SAAO;AACP,aAAW;AACX,UAAQ,EAAE;AACV,WAAS,KAAK,KAAK;AACrB;AAEA,CAAC;AACC,aAAW;AACX,cAAY;AACZ,SAAO,IAAI;AACX,iBAAe;AACf,WAAS;AACX;AAGA,CAAC;AACC,OAAK;AACP;AAEA,CAAC;AACC,gBAAc;AACd,YAAU;AACV,iBAAe;AACf,YAAU;AACV,cAAY,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrC,iBAAe;AACf,WAAS;AACT,aAAW,WAAW;AACtB;AAAA,IAAY,QAAQ,KAAK,QAAQ;AAAA,IAAE,UAAU,KAAK,QAAQ;AAAA,IAAE,WAAW,KAAK;AAC9E;AAEA,CAZC,WAYW,CAAC;AACX,WAAS;AACT,aAAW,WAAW;AACxB;AAEA,CAjBC,WAiBW;AACV,cAAY,EAAE,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACxC;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,iBAAe;AACjB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,WAAS;AACT,cAAY,UAAU,KAAK;AAC7B;AAEA,CApCC,WAoCW,OAAO,CARlB;AASC,aAAW,MAAM;AACnB;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,cAAY,WAAW,KAAK;AAC5B,kBAAgB;AAClB;AAEA,CAhDC,WAgDW,OAAO,CARlB;AASC,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC5B;AAGA,CAAC;AAAQ,WAAS;AAAG;AACrB,CAAC;AAAQ,WAAS;AAAG;AACrB,CAAC;AAAQ,WAAS;AAAG;AACrB,CAAC;AAAQ,WAAS;AAAG;AACrB,CAAC;AAAQ,WAAS;AAAG;AAGrB,QAAO,WAAY;AACjB,GALD;AAAA,EAKS,CAJT;AAIkB,aAAS;AAAG;AAC/B;AAEA,QAAO,WAAY;AACjB,GAVD;AAAA,EAUS,CATT;AAAA,EASiB,CARjB;AAQ0B,aAAS;AAAG;AACvC;AAEA,QAAO,WAAY;AACjB,GAfD;AAAA,EAeS,CAdT;AAAA,EAciB,CAbjB;AAAA,EAayB,CAZzB;AAYkC,aAAS;AAAG;AAC/C;","names":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css", "../../../src/components/gallery/xstaticgallery/XStaticGallery.module.css"],
+  "sourcesContent": [".container {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  width: 100%;\n  align-items: center;\n  margin: 2rem 0;\n}\n\n@media (min-width: 1024px) {\n  .container {\n    flex-direction: row;\n    align-items: center;\n    gap: 4rem;\n  }\n  \n  .reverse {\n    flex-direction: row-reverse;\n  }\n}\n\n.textContent {\n  flex: 1;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n  color: var(--foreground);\n}\n\n.textContent.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.textLeft {\n  text-align: left;\n}\n\n.textRight {\n  text-align: right;\n}\n\n.textCenter {\n  text-align: center;\n}\n\n.textContent p,\n.textContent div,\n.textContent span,\n.textContent em,\n.textContent strong,\n.textContent a {\n  text-align: inherit;\n  max-width: none;\n  margin-left: unset;\n  margin-right: unset;\n}\n\n.gallery {\n  flex: 1.5;\n  width: 100%;\n}\n\n.artisticGrid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 380px 220px;\n  gap: 1rem;\n}\n\n.imageWrapper {\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  border-radius: 20px;\n  opacity: 0;\n  transform: translateY(50px) scale(0.95);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease;\n}\n\n.imageWrapper.visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.imageWrapper:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n}\n\n.previewImage {\n  object-fit: cover;\n}\n\n.artisticGrid .artistic1 .previewImage {\n  object-position: center top;\n  transform: translateY(0);\n}\n\n.artistic1 {\n  grid-column: 1 / 4;\n  grid-row: 1 / 2;\n  transition-delay: 0.2s;\n}\n\n.artistic2 {\n  grid-column: 1 / 2;\n  grid-row: 2 / 3;\n  transition-delay: 0.3s;\n}\n\n.artistic3 {\n  grid-column: 2 / 4;\n  grid-row: 2 / 3;\n  transition-delay: 0.4s;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .artisticGrid {\n    grid-template-columns: 1fr;\n    grid-template-rows: 240px 180px 180px;\n  }\n  \n  .artistic1,\n  .artistic2,\n  .artistic3 {\n    grid-column: 1 / 2;\n  }\n  \n  .artistic1 {\n    grid-row: 1 / 2;\n  }\n  \n  .artistic2 {\n    grid-row: 2 / 3;\n  }\n  \n  .artistic3 {\n    grid-row: 3 / 4;\n  }\n}\n\n@media (max-width: 480px) {\n  .artisticGrid {\n    grid-template-rows: 200px 140px 140px;\n  }\n}\n", ".galleryContainer {\n  width: 100%;\n  max-width: 80rem;\n  margin: 0 auto;\n  padding: 1rem 1rem 3rem;\n}\n\n.galleryTitle {\n  font-size: 1.875rem;\n  text-align: right;\n  color: var(--primary);\n  margin-bottom: 3rem;\n  opacity: 0.8;\n}\n\n/* Masonry via CSS columns */\n.masonryGrid {\n  gap: 1rem;\n}\n\n.masonryItem {\n  break-inside: avoid;\n  position: relative;\n  border-radius: 1rem;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  margin-bottom: 1rem;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease-out, transform 0.5s ease-out, box-shadow 0.3s ease;\n}\n\n.masonryItem.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.masonryItem:hover {\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\n}\n\n.imageContainer {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 1rem;\n}\n\n.galleryImage {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease-out;\n}\n\n.masonryItem:hover .galleryImage {\n  transform: scale(1.05);\n}\n\n.imageOverlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0);\n  transition: background 0.3s ease;\n  pointer-events: none;\n}\n\n.masonryItem:hover .imageOverlay {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n/* Column count via CSS custom property */\n.cols1 { columns: 1; }\n.cols2 { columns: 2; }\n.cols3 { columns: 3; }\n.cols4 { columns: 4; }\n.cols5 { columns: 5; }\n\n/* Responsive overrides */\n@media (max-width: 1280px) {\n  .cols4, .cols5 { columns: 3; }\n}\n\n@media (max-width: 768px) {\n  .cols3, .cols4, .cols5 { columns: 2; }\n}\n\n@media (max-width: 640px) {\n  .cols2, .cols3, .cols4, .cols5 { columns: 1; }\n}\n"],
+  "mappings": "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",
+  "names": ["container", "reverse", "textContent", "visible", "textLeft", "textRight", "textCenter", "gallery", "artisticGrid", "imageWrapper", "previewImage", "artistic1", "artistic2", "artistic3", "galleryContainer", "galleryTitle", "masonryGrid", "masonryItem", "visible", "imageContainer", "galleryImage", "imageOverlay", "cols1", "cols2", "cols3", "cols4", "cols5"]
+}

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

@@ -1,29 +1,4 @@
-import React from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface XMicroGalleryImage {
-    src: string;
-    alt: string;
-}
-interface XMicroGalleryTextProps {
-    images: XMicroGalleryImage[];
-    text: React.ReactNode;
-    textPosition?: 'left' | 'right';
-    textAlign?: 'left' | 'right' | 'center';
-    autoShuffle?: boolean;
-    shuffleInterval?: number;
-}
-declare const XMicroGalleryText: React.FC<XMicroGalleryTextProps>;
-
-interface XStaticGalleryImage {
-    src: string;
-    alt: string;
-}
-interface XStaticGalleryProps {
-    images: XStaticGalleryImage[];
-    columns?: 1 | 2 | 3 | 4 | 5;
-    title?: string;
-}
-declare function XStaticGallery({ images, columns, title }: XStaticGalleryProps): react_jsx_runtime.JSX.Element;
-
-export { type XMicroGalleryImage, XMicroGalleryText, type XMicroGalleryTextProps, XStaticGallery, type XStaticGalleryImage, type XStaticGalleryProps };
+export { XMicroGalleryText } from "./xmicrogallerytext";
+export { XStaticGallery } from "./xstaticgallery";
+export type { XMicroGalleryTextProps, XMicroGalleryImage } from "./xmicrogallerytext";
+export type { XStaticGalleryProps, XStaticGalleryImage } from "./xstaticgallery";

package/dist/components/gallery/index.js

@@ -41,7 +41,22 @@ var import_image = __toESM(require("next/image"));
 var import_framer_motion = require("framer-motion");
 
 // src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css
-var XMicroGalleryText_default = {};
+var XMicroGalleryText_default = {
+  container: "XMicroGalleryText_container3",
+  reverse: "XMicroGalleryText_reverse3",
+  textContent: "XMicroGalleryText_textContent3",
+  visible: "XMicroGalleryText_visible3",
+  textLeft: "XMicroGalleryText_textLeft3",
+  textRight: "XMicroGalleryText_textRight3",
+  textCenter: "XMicroGalleryText_textCenter3",
+  gallery: "XMicroGalleryText_gallery3",
+  artisticGrid: "XMicroGalleryText_artisticGrid3",
+  imageWrapper: "XMicroGalleryText_imageWrapper3",
+  previewImage: "XMicroGalleryText_previewImage3",
+  artistic1: "XMicroGalleryText_artistic13",
+  artistic2: "XMicroGalleryText_artistic23",
+  artistic3: "XMicroGalleryText_artistic33"
+};
 
 // src/components/gallery/xmicrogallerytext/XMicroGalleryText.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -128,7 +143,21 @@ var import_react2 = require("react");
 var import_image2 = __toESM(require("next/image"));
 
 // src/components/gallery/xstaticgallery/XStaticGallery.module.css
-var XStaticGallery_default = {};
+var XStaticGallery_default = {
+  galleryContainer: "XStaticGallery_galleryContainer3",
+  galleryTitle: "XStaticGallery_galleryTitle3",
+  masonryGrid: "XStaticGallery_masonryGrid3",
+  masonryItem: "XStaticGallery_masonryItem3",
+  visible: "XStaticGallery_visible3",
+  imageContainer: "XStaticGallery_imageContainer3",
+  galleryImage: "XStaticGallery_galleryImage3",
+  imageOverlay: "XStaticGallery_imageOverlay3",
+  cols1: "XStaticGallery_cols13",
+  cols2: "XStaticGallery_cols23",
+  cols3: "XStaticGallery_cols33",
+  cols4: "XStaticGallery_cols43",
+  cols5: "XStaticGallery_cols53"
+};
 
 // src/components/gallery/xstaticgallery/XStaticGallery.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -179,9 +208,4 @@ function XStaticGallery({ images, columns = 4, title }) {
     ] }) }, index)) })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  XMicroGalleryText,
-  XStaticGallery
-});
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/gallery/index.ts","../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.tsx","../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css","../../../src/components/gallery/xstaticgallery/XStaticGallery.tsx","../../../src/components/gallery/xstaticgallery/XStaticGallery.module.css"],"sourcesContent":["export { XMicroGalleryText } from \"./xmicrogallerytext\";\nexport { XStaticGallery } from \"./xstaticgallery\";\nexport type { XMicroGalleryTextProps, XMicroGalleryImage } from \"./xmicrogallerytext\";\nexport type { XStaticGalleryProps, XStaticGalleryImage } from \"./xstaticgallery\";\n","import React, { useEffect, useRef } from 'react';\nimport Image from 'next/image';\nimport { motion } from 'framer-motion';\nimport styles from './XMicroGalleryText.module.css';\n\nexport interface XMicroGalleryImage {\n  src: string;\n  alt: string;\n}\n\nexport interface XMicroGalleryTextProps {\n  images: XMicroGalleryImage[];\n  text: React.ReactNode;\n  textPosition?: 'left' | 'right';\n  textAlign?: 'left' | 'right' | 'center';\n  autoShuffle?: boolean;\n  shuffleInterval?: number;\n}\n\nconst DISPLAY_COUNT = 3;\n\nconst XMicroGalleryText: React.FC<XMicroGalleryTextProps> = ({ \n  images, \n  text, \n  textPosition = 'left',\n  textAlign = 'left',\n  autoShuffle = false,\n  shuffleInterval = 5000\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [startIndex, setStartIndex] = React.useState(0);\n\n  const visibleImages = React.useMemo(() => {\n    const result: XMicroGalleryImage[] = [];\n    for (let i = 0; i < DISPLAY_COUNT; i++) {\n      result.push(images[(startIndex + i) % images.length]);\n    }\n    return result;\n  }, [images, startIndex]);\n\n  React.useEffect(() => {\n    if (!autoShuffle || images.length <= DISPLAY_COUNT) return;\n\n    const intervalId = setInterval(() => {\n      setStartIndex((prev) => (prev + 1) % images.length);\n    }, shuffleInterval);\n\n    return () => clearInterval(intervalId);\n  }, [autoShuffle, shuffleInterval, images.length]);\n\n  const [isVisible, setIsVisible] = React.useState(false);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setIsVisible(true);\n          observer.disconnect();\n        }\n      },\n      {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n      }\n    );\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, []);\n\n  const isTextRight = textPosition === 'right';\n\n  const alignClass = {\n    left: styles.textLeft,\n    right: styles.textRight,\n    center: styles.textCenter,\n  }[textAlign];\n\n  return (\n    <div ref={containerRef} className={`${styles.container} ${isTextRight ? styles.reverse : ''}`}>\n      <div className={`${styles.textContent} ${alignClass} ${isVisible ? styles.visible : ''}`}>\n        {typeof text === 'string' ? (\n          <div dangerouslySetInnerHTML={{ __html: text }} />\n        ) : (\n          text\n        )}\n      </div>\n      \n      <div className={styles.gallery}>\n        <div className={styles.artisticGrid}>\n          {visibleImages.map((image, index) => (\n            <motion.div \n              layout\n              key={image.src} \n              className={`${styles.imageWrapper} ${styles[`artistic${index + 1}`]} ${isVisible ? styles.visible : ''}`}\n              style={{ transitionProperty: 'opacity, box-shadow' }}\n              transition={{\n                layout: { type: \"spring\", stiffness: 80, damping: 20 }\n              }}\n            >\n              <Image\n                src={image.src}\n                alt={image.alt}\n                fill\n                className={styles.previewImage}\n                sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\"\n              />\n            </motion.div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default XMicroGalleryText;\n",".container {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  width: 100%;\n  align-items: center;\n  margin: 2rem 0;\n}\n\n@media (min-width: 1024px) {\n  .container {\n    flex-direction: row;\n    align-items: center;\n    gap: 4rem;\n  }\n  \n  .reverse {\n    flex-direction: row-reverse;\n  }\n}\n\n.textContent {\n  flex: 1;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n  color: var(--foreground);\n}\n\n.textContent.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.textLeft {\n  text-align: left;\n}\n\n.textRight {\n  text-align: right;\n}\n\n.textCenter {\n  text-align: center;\n}\n\n.textContent p,\n.textContent div,\n.textContent span,\n.textContent em,\n.textContent strong,\n.textContent a {\n  text-align: inherit;\n  max-width: none;\n  margin-left: unset;\n  margin-right: unset;\n}\n\n.gallery {\n  flex: 1.5;\n  width: 100%;\n}\n\n.artisticGrid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 380px 220px;\n  gap: 1rem;\n}\n\n.imageWrapper {\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  border-radius: 20px;\n  opacity: 0;\n  transform: translateY(50px) scale(0.95);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease;\n}\n\n.imageWrapper.visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.imageWrapper:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n}\n\n.previewImage {\n  object-fit: cover;\n}\n\n.artisticGrid .artistic1 .previewImage {\n  object-position: center top;\n  transform: translateY(0);\n}\n\n.artistic1 {\n  grid-column: 1 / 4;\n  grid-row: 1 / 2;\n  transition-delay: 0.2s;\n}\n\n.artistic2 {\n  grid-column: 1 / 2;\n  grid-row: 2 / 3;\n  transition-delay: 0.3s;\n}\n\n.artistic3 {\n  grid-column: 2 / 4;\n  grid-row: 2 / 3;\n  transition-delay: 0.4s;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .artisticGrid {\n    grid-template-columns: 1fr;\n    grid-template-rows: 240px 180px 180px;\n  }\n  \n  .artistic1,\n  .artistic2,\n  .artistic3 {\n    grid-column: 1 / 2;\n  }\n  \n  .artistic1 {\n    grid-row: 1 / 2;\n  }\n  \n  .artistic2 {\n    grid-row: 2 / 3;\n  }\n  \n  .artistic3 {\n    grid-row: 3 / 4;\n  }\n}\n\n@media (max-width: 480px) {\n  .artisticGrid {\n    grid-template-rows: 200px 140px 140px;\n  }\n}\n","\"use client\";\nimport React, { useEffect, useRef } from 'react';\nimport Image from 'next/image';\nimport styles from './XStaticGallery.module.css';\n\nexport interface XStaticGalleryImage {\n  src: string;\n  alt: string;\n}\n\nexport interface XStaticGalleryProps {\n  images: XStaticGalleryImage[];\n  columns?: 1 | 2 | 3 | 4 | 5;\n  title?: string;\n}\n\nconst COLUMN_CLASSES: Record<number, string> = {\n  1: styles.cols1,\n  2: styles.cols2,\n  3: styles.cols3,\n  4: styles.cols4,\n  5: styles.cols5,\n};\n\nexport default function XStaticGallery({ images, columns = 4, title }: XStaticGalleryProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(styles.visible);\n          }\n        });\n      },\n      {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px',\n      }\n    );\n\n    const items = containerRef.current?.querySelectorAll(`.${styles.masonryItem}`);\n    items?.forEach((el) => observer.observe(el));\n\n    return () => observer.disconnect();\n  }, []);\n\n  const colClass = COLUMN_CLASSES[columns] || COLUMN_CLASSES[4];\n\n  return (\n    <div ref={containerRef} className={styles.galleryContainer}>\n      {title && <h2 className={styles.galleryTitle}>{title}</h2>}\n\n      <div className={`${styles.masonryGrid} ${colClass}`}>\n        {images.map((image, index) => (\n          <div key={index} className={styles.masonryItem}>\n            <div className={styles.imageContainer}>\n              <Image\n                src={image.src}\n                alt={image.alt}\n                width={600}\n                height={600}\n                className={styles.galleryImage}\n                loading=\"lazy\"\n                sizes=\"(max-width: 640px) 100vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 25vw\"\n              />\n              <div className={styles.imageOverlay} />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n",".galleryContainer {\n  width: 100%;\n  max-width: 80rem;\n  margin: 0 auto;\n  padding: 1rem 1rem 3rem;\n}\n\n.galleryTitle {\n  font-size: 1.875rem;\n  text-align: right;\n  color: var(--primary);\n  margin-bottom: 3rem;\n  opacity: 0.8;\n}\n\n/* Masonry via CSS columns */\n.masonryGrid {\n  gap: 1rem;\n}\n\n.masonryItem {\n  break-inside: avoid;\n  position: relative;\n  border-radius: 1rem;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  margin-bottom: 1rem;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease-out, transform 0.5s ease-out, box-shadow 0.3s ease;\n}\n\n.masonryItem.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.masonryItem:hover {\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\n}\n\n.imageContainer {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 1rem;\n}\n\n.galleryImage {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease-out;\n}\n\n.masonryItem:hover .galleryImage {\n  transform: scale(1.05);\n}\n\n.imageOverlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0);\n  transition: background 0.3s ease;\n  pointer-events: none;\n}\n\n.masonryItem:hover .imageOverlay {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n/* Column count via CSS custom property */\n.cols1 { columns: 1; }\n.cols2 { columns: 2; }\n.cols3 { columns: 3; }\n.cols4 { columns: 4; }\n.cols5 { columns: 5; }\n\n/* Responsive overrides */\n@media (max-width: 1280px) {\n  .cols4, .cols5 { columns: 3; }\n}\n\n@media (max-width: 768px) {\n  .cols3, .cols4, .cols5 { columns: 2; }\n}\n\n@media (max-width: 640px) {\n  .cols2, .cols3, .cols4, .cols5 { columns: 1; }\n}\n"],"mappings":"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","names":["XMicroGalleryText_default","React","Image","XMicroGalleryText_default","import_react","import_image","import_jsx_runtime","Image"]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/gallery/index.ts", "../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.tsx", "../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css", "../../../src/components/gallery/xstaticgallery/XStaticGallery.tsx", "../../../src/components/gallery/xstaticgallery/XStaticGallery.module.css"],
+  "sourcesContent": ["export { XMicroGalleryText } from \"./xmicrogallerytext\";\nexport { XStaticGallery } from \"./xstaticgallery\";\nexport type { XMicroGalleryTextProps, XMicroGalleryImage } from \"./xmicrogallerytext\";\nexport type { XStaticGalleryProps, XStaticGalleryImage } from \"./xstaticgallery\";\n", "import React, { useEffect, useRef } from 'react';\nimport Image from 'next/image';\nimport { motion } from 'framer-motion';\nimport styles from './XMicroGalleryText.module.css';\n\nexport interface XMicroGalleryImage {\n  src: string;\n  alt: string;\n}\n\nexport interface XMicroGalleryTextProps {\n  images: XMicroGalleryImage[];\n  text: React.ReactNode;\n  textPosition?: 'left' | 'right';\n  textAlign?: 'left' | 'right' | 'center';\n  autoShuffle?: boolean;\n  shuffleInterval?: number;\n}\n\nconst DISPLAY_COUNT = 3;\n\nconst XMicroGalleryText: React.FC<XMicroGalleryTextProps> = ({ \n  images, \n  text, \n  textPosition = 'left',\n  textAlign = 'left',\n  autoShuffle = false,\n  shuffleInterval = 5000\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [startIndex, setStartIndex] = React.useState(0);\n\n  const visibleImages = React.useMemo(() => {\n    const result: XMicroGalleryImage[] = [];\n    for (let i = 0; i < DISPLAY_COUNT; i++) {\n      result.push(images[(startIndex + i) % images.length]);\n    }\n    return result;\n  }, [images, startIndex]);\n\n  React.useEffect(() => {\n    if (!autoShuffle || images.length <= DISPLAY_COUNT) return;\n\n    const intervalId = setInterval(() => {\n      setStartIndex((prev) => (prev + 1) % images.length);\n    }, shuffleInterval);\n\n    return () => clearInterval(intervalId);\n  }, [autoShuffle, shuffleInterval, images.length]);\n\n  const [isVisible, setIsVisible] = React.useState(false);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setIsVisible(true);\n          observer.disconnect();\n        }\n      },\n      {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n      }\n    );\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, []);\n\n  const isTextRight = textPosition === 'right';\n\n  const alignClass = {\n    left: styles.textLeft,\n    right: styles.textRight,\n    center: styles.textCenter,\n  }[textAlign];\n\n  return (\n    <div ref={containerRef} className={`${styles.container} ${isTextRight ? styles.reverse : ''}`}>\n      <div className={`${styles.textContent} ${alignClass} ${isVisible ? styles.visible : ''}`}>\n        {typeof text === 'string' ? (\n          <div dangerouslySetInnerHTML={{ __html: text }} />\n        ) : (\n          text\n        )}\n      </div>\n      \n      <div className={styles.gallery}>\n        <div className={styles.artisticGrid}>\n          {visibleImages.map((image, index) => (\n            <motion.div \n              layout\n              key={image.src} \n              className={`${styles.imageWrapper} ${styles[`artistic${index + 1}`]} ${isVisible ? styles.visible : ''}`}\n              style={{ transitionProperty: 'opacity, box-shadow' }}\n              transition={{\n                layout: { type: \"spring\", stiffness: 80, damping: 20 }\n              }}\n            >\n              <Image\n                src={image.src}\n                alt={image.alt}\n                fill\n                className={styles.previewImage}\n                sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\"\n              />\n            </motion.div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default XMicroGalleryText;\n", ".container {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  width: 100%;\n  align-items: center;\n  margin: 2rem 0;\n}\n\n@media (min-width: 1024px) {\n  .container {\n    flex-direction: row;\n    align-items: center;\n    gap: 4rem;\n  }\n  \n  .reverse {\n    flex-direction: row-reverse;\n  }\n}\n\n.textContent {\n  flex: 1;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n  color: var(--foreground);\n}\n\n.textContent.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.textLeft {\n  text-align: left;\n}\n\n.textRight {\n  text-align: right;\n}\n\n.textCenter {\n  text-align: center;\n}\n\n.textContent p,\n.textContent div,\n.textContent span,\n.textContent em,\n.textContent strong,\n.textContent a {\n  text-align: inherit;\n  max-width: none;\n  margin-left: unset;\n  margin-right: unset;\n}\n\n.gallery {\n  flex: 1.5;\n  width: 100%;\n}\n\n.artisticGrid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 380px 220px;\n  gap: 1rem;\n}\n\n.imageWrapper {\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  border-radius: 20px;\n  opacity: 0;\n  transform: translateY(50px) scale(0.95);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease;\n}\n\n.imageWrapper.visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.imageWrapper:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n}\n\n.previewImage {\n  object-fit: cover;\n}\n\n.artisticGrid .artistic1 .previewImage {\n  object-position: center top;\n  transform: translateY(0);\n}\n\n.artistic1 {\n  grid-column: 1 / 4;\n  grid-row: 1 / 2;\n  transition-delay: 0.2s;\n}\n\n.artistic2 {\n  grid-column: 1 / 2;\n  grid-row: 2 / 3;\n  transition-delay: 0.3s;\n}\n\n.artistic3 {\n  grid-column: 2 / 4;\n  grid-row: 2 / 3;\n  transition-delay: 0.4s;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .artisticGrid {\n    grid-template-columns: 1fr;\n    grid-template-rows: 240px 180px 180px;\n  }\n  \n  .artistic1,\n  .artistic2,\n  .artistic3 {\n    grid-column: 1 / 2;\n  }\n  \n  .artistic1 {\n    grid-row: 1 / 2;\n  }\n  \n  .artistic2 {\n    grid-row: 2 / 3;\n  }\n  \n  .artistic3 {\n    grid-row: 3 / 4;\n  }\n}\n\n@media (max-width: 480px) {\n  .artisticGrid {\n    grid-template-rows: 200px 140px 140px;\n  }\n}\n", "\"use client\";\nimport React, { useEffect, useRef } from 'react';\nimport Image from 'next/image';\nimport styles from './XStaticGallery.module.css';\n\nexport interface XStaticGalleryImage {\n  src: string;\n  alt: string;\n}\n\nexport interface XStaticGalleryProps {\n  images: XStaticGalleryImage[];\n  columns?: 1 | 2 | 3 | 4 | 5;\n  title?: string;\n}\n\nconst COLUMN_CLASSES: Record<number, string> = {\n  1: styles.cols1,\n  2: styles.cols2,\n  3: styles.cols3,\n  4: styles.cols4,\n  5: styles.cols5,\n};\n\nexport default function XStaticGallery({ images, columns = 4, title }: XStaticGalleryProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(styles.visible);\n          }\n        });\n      },\n      {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px',\n      }\n    );\n\n    const items = containerRef.current?.querySelectorAll(`.${styles.masonryItem}`);\n    items?.forEach((el) => observer.observe(el));\n\n    return () => observer.disconnect();\n  }, []);\n\n  const colClass = COLUMN_CLASSES[columns] || COLUMN_CLASSES[4];\n\n  return (\n    <div ref={containerRef} className={styles.galleryContainer}>\n      {title && <h2 className={styles.galleryTitle}>{title}</h2>}\n\n      <div className={`${styles.masonryGrid} ${colClass}`}>\n        {images.map((image, index) => (\n          <div key={index} className={styles.masonryItem}>\n            <div className={styles.imageContainer}>\n              <Image\n                src={image.src}\n                alt={image.alt}\n                width={600}\n                height={600}\n                className={styles.galleryImage}\n                loading=\"lazy\"\n                sizes=\"(max-width: 640px) 100vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 25vw\"\n              />\n              <div className={styles.imageOverlay} />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n", ".galleryContainer {\n  width: 100%;\n  max-width: 80rem;\n  margin: 0 auto;\n  padding: 1rem 1rem 3rem;\n}\n\n.galleryTitle {\n  font-size: 1.875rem;\n  text-align: right;\n  color: var(--primary);\n  margin-bottom: 3rem;\n  opacity: 0.8;\n}\n\n/* Masonry via CSS columns */\n.masonryGrid {\n  gap: 1rem;\n}\n\n.masonryItem {\n  break-inside: avoid;\n  position: relative;\n  border-radius: 1rem;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  margin-bottom: 1rem;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease-out, transform 0.5s ease-out, box-shadow 0.3s ease;\n}\n\n.masonryItem.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.masonryItem:hover {\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\n}\n\n.imageContainer {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 1rem;\n}\n\n.galleryImage {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease-out;\n}\n\n.masonryItem:hover .galleryImage {\n  transform: scale(1.05);\n}\n\n.imageOverlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0);\n  transition: background 0.3s ease;\n  pointer-events: none;\n}\n\n.masonryItem:hover .imageOverlay {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n/* Column count via CSS custom property */\n.cols1 { columns: 1; }\n.cols2 { columns: 2; }\n.cols3 { columns: 3; }\n.cols4 { columns: 4; }\n.cols5 { columns: 5; }\n\n/* Responsive overrides */\n@media (max-width: 1280px) {\n  .cols4, .cols5 { columns: 3; }\n}\n\n@media (max-width: 768px) {\n  .cols3, .cols4, .cols5 { columns: 2; }\n}\n\n@media (max-width: 640px) {\n  .cols2, .cols3, .cols4, .cols5 { columns: 1; }\n}\n"],
+  "mappings": "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",
+  "names": ["XMicroGalleryText_default", "container", "reverse", "textContent", "visible", "textLeft", "textRight", "textCenter", "gallery", "artisticGrid", "imageWrapper", "previewImage", "artistic1", "artistic2", "artistic3", "React", "Image", "XMicroGalleryText_default", "import_react", "import_image", "galleryContainer", "galleryTitle", "masonryGrid", "masonryItem", "visible", "imageContainer", "galleryImage", "imageOverlay", "cols1", "cols2", "cols3", "cols4", "cols5", "import_jsx_runtime", "Image"]
+}

package/dist/components/gallery/index.mjs

@@ -1,9 +1,9 @@
 import {
   XMicroGalleryText_default,
   XStaticGallery
-} from "../../chunk-2OAXRRVQ.mjs";
+} from "../../chunk-MYFPSHSQ.mjs";
 export {
   XMicroGalleryText_default as XMicroGalleryText,
   XStaticGallery
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/gallery/index.mjs.map

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

package/dist/components/gallery/xmicrogallerytext/XMicroGalleryText.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface XMicroGalleryImage {
+    src: string;
+    alt: string;
+}
+export interface XMicroGalleryTextProps {
+    images: XMicroGalleryImage[];
+    text: React.ReactNode;
+    textPosition?: 'left' | 'right';
+    textAlign?: 'left' | 'right' | 'center';
+    autoShuffle?: boolean;
+    shuffleInterval?: number;
+}
+declare const XMicroGalleryText: React.FC<XMicroGalleryTextProps>;
+export default XMicroGalleryText;

package/dist/components/gallery/xmicrogallerytext/index.d.ts

@@ -0,0 +1,3 @@
+export { default as XMicroGalleryText } from "./XMicroGalleryText";
+export { default } from "./XMicroGalleryText";
+export type { XMicroGalleryTextProps, XMicroGalleryImage } from "./XMicroGalleryText";

package/dist/components/gallery/xstaticgallery/XStaticGallery.d.ts

@@ -0,0 +1,10 @@
+export interface XStaticGalleryImage {
+    src: string;
+    alt: string;
+}
+export interface XStaticGalleryProps {
+    images: XStaticGalleryImage[];
+    columns?: 1 | 2 | 3 | 4 | 5;
+    title?: string;
+}
+export default function XStaticGallery({ images, columns, title }: XStaticGalleryProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/gallery/xstaticgallery/index.d.ts

@@ -0,0 +1,3 @@
+export { default as XStaticGallery } from "./XStaticGallery";
+export { default } from "./XStaticGallery";
+export type { XStaticGalleryProps, XStaticGalleryImage } from "./XStaticGallery";