@xscriptor/xcomponents 0.1.0 → 0.1.2

package/dist/components/gallery/index.css

@@ -1,229 +1,226 @@
-/* src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
-.container {
-  display: flex;
+/* esbuild-css-modules-plugin-ns-css:src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
+.XMicroGalleryText-module__container_22YC0W__012 {
   flex-direction: column;
+  align-items: center;
   gap: 2rem;
   width: 100%;
-  align-items: center;
   margin: 2rem 0;
+  display: flex;
 }
-@media (min-width: 1024px) {
-  .container {
+@media (width >= 1024px) {
+  .XMicroGalleryText-module__container_22YC0W__012 {
     flex-direction: row;
     align-items: center;
     gap: 4rem;
   }
-  .reverse {
+  .XMicroGalleryText-module__reverse_22YC0W__012 {
     flex-direction: row-reverse;
   }
 }
-.textContent {
-  flex: 1;
+.XMicroGalleryText-module__textContent_22YC0W__012 {
   opacity: 0;
-  transform: translateY(30px);
-  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
   color: var(--foreground);
+  flex: 1;
+  transition: opacity .8s ease-out, transform .8s ease-out;
+  transform: translateY(30px);
 }
-.textContent.visible {
+.XMicroGalleryText-module__textContent_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {
   opacity: 1;
   transform: translateY(0);
 }
-.textLeft {
+.XMicroGalleryText-module__textLeft_22YC0W__012 {
   text-align: left;
 }
-.textRight {
+.XMicroGalleryText-module__textRight_22YC0W__012 {
   text-align: right;
 }
-.textCenter {
+.XMicroGalleryText-module__textCenter_22YC0W__012 {
   text-align: center;
 }
-.textContent p,
-.textContent div,
-.textContent span,
-.textContent em,
-.textContent strong,
-.textContent a {
+.XMicroGalleryText-module__textContent_22YC0W__012 p,
+.XMicroGalleryText-module__textContent_22YC0W__012 div,
+.XMicroGalleryText-module__textContent_22YC0W__012 span,
+.XMicroGalleryText-module__textContent_22YC0W__012 em,
+.XMicroGalleryText-module__textContent_22YC0W__012 strong,
+.XMicroGalleryText-module__textContent_22YC0W__012 a {
   text-align: inherit;
   max-width: none;
   margin-left: unset;
   margin-right: unset;
 }
-.gallery {
+.XMicroGalleryText-module__gallery_22YC0W__012 {
   flex: 1.5;
   width: 100%;
 }
-.artisticGrid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
+.XMicroGalleryText-module__artisticGrid_22YC0W__012 {
   grid-template-rows: 380px 220px;
+  grid-template-columns: repeat(3, 1fr);
   gap: 1rem;
+  display: grid;
 }
-.imageWrapper {
-  position: relative;
-  overflow: hidden;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-  border-radius: 20px;
+.XMicroGalleryText-module__imageWrapper_22YC0W__012 {
   opacity: 0;
-  transform: translateY(50px) scale(0.95);
+  border-radius: 20px;
   transition:
-    opacity 0.6s ease-out,
-    transform 0.6s ease-out,
-    box-shadow 0.3s ease;
+    opacity .6s ease-out,
+    transform .6s ease-out,
+    box-shadow .3s;
+  position: relative;
+  overflow: hidden;
+  transform: translateY(50px) scale(.95);
+  box-shadow: 0 10px 30px #0000001a;
 }
-.imageWrapper.visible {
+.XMicroGalleryText-module__imageWrapper_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
-.imageWrapper:hover {
+.XMicroGalleryText-module__imageWrapper_22YC0W__012:hover {
   transform: translateY(-5px);
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 20px 40px #00000026;
 }
-.previewImage {
+.XMicroGalleryText-module__previewImage_22YC0W__012 {
   object-fit: cover;
 }
-.artisticGrid .artistic1 .previewImage {
+.XMicroGalleryText-module__artisticGrid_22YC0W__012 .XMicroGalleryText-module__artistic1_22YC0W__012 .XMicroGalleryText-module__previewImage_22YC0W__012 {
   object-position: center top;
   transform: translateY(0);
 }
-.artistic1 {
-  grid-column: 1 / 4;
-  grid-row: 1 / 2;
-  transition-delay: 0.2s;
+.XMicroGalleryText-module__artistic1_22YC0W__012 {
+  grid-area: 1 / 1 / 2 / 4;
+  transition-delay: .2s;
 }
-.artistic2 {
-  grid-column: 1 / 2;
-  grid-row: 2 / 3;
-  transition-delay: 0.3s;
+.XMicroGalleryText-module__artistic2_22YC0W__012 {
+  grid-area: 2 / 1 / 3 / 2;
+  transition-delay: .3s;
 }
-.artistic3 {
-  grid-column: 2 / 4;
-  grid-row: 2 / 3;
-  transition-delay: 0.4s;
+.XMicroGalleryText-module__artistic3_22YC0W__012 {
+  grid-area: 2 / 2 / 3 / 4;
+  transition-delay: .4s;
 }
-@media (max-width: 768px) {
-  .artisticGrid {
-    grid-template-columns: 1fr;
+@media (width <= 768px) {
+  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {
     grid-template-rows: 240px 180px 180px;
+    grid-template-columns: 1fr;
   }
-  .artistic1,
-  .artistic2,
-  .artistic3 {
+  .XMicroGalleryText-module__artistic1_22YC0W__012,
+  .XMicroGalleryText-module__artistic2_22YC0W__012,
+  .XMicroGalleryText-module__artistic3_22YC0W__012 {
     grid-column: 1 / 2;
   }
-  .artistic1 {
+  .XMicroGalleryText-module__artistic1_22YC0W__012 {
     grid-row: 1 / 2;
   }
-  .artistic2 {
+  .XMicroGalleryText-module__artistic2_22YC0W__012 {
     grid-row: 2 / 3;
   }
-  .artistic3 {
+  .XMicroGalleryText-module__artistic3_22YC0W__012 {
     grid-row: 3 / 4;
   }
 }
-@media (max-width: 480px) {
-  .artisticGrid {
+@media (width <= 480px) {
+  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {
     grid-template-rows: 200px 140px 140px;
   }
 }
 
-/* src/components/gallery/xstaticgallery/XStaticGallery.module.css */
-.galleryContainer {
+/* esbuild-css-modules-plugin-ns-css:src/components/gallery/xstaticgallery/XStaticGallery.module.css */
+.XStaticGallery-module__galleryContainer_7nn4pa__012 {
   width: 100%;
   max-width: 80rem;
   margin: 0 auto;
   padding: 1rem 1rem 3rem;
 }
-.galleryTitle {
-  font-size: 1.875rem;
+.XStaticGallery-module__galleryTitle_7nn4pa__012 {
   text-align: right;
   color: var(--primary);
+  opacity: .8;
   margin-bottom: 3rem;
-  opacity: 0.8;
+  font-size: 1.875rem;
 }
-.masonryGrid {
+.XStaticGallery-module__masonryGrid_7nn4pa__012 {
   gap: 1rem;
 }
-.masonryItem {
+.XStaticGallery-module__masonryItem_7nn4pa__012 {
   break-inside: avoid;
-  position: relative;
+  opacity: 0;
   border-radius: 1rem;
-  overflow: hidden;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   margin-bottom: 1rem;
-  opacity: 0;
-  transform: translateY(20px);
   transition:
-    opacity 0.5s ease-out,
-    transform 0.5s ease-out,
-    box-shadow 0.3s ease;
+    opacity .5s ease-out,
+    transform .5s ease-out,
+    box-shadow .3s;
+  position: relative;
+  overflow: hidden;
+  transform: translateY(20px);
+  box-shadow: 0 4px 12px #00000014;
 }
-.masonryItem.visible {
+.XStaticGallery-module__masonryItem_7nn4pa__012.XStaticGallery-module__visible_7nn4pa__012 {
   opacity: 1;
   transform: translateY(0);
 }
-.masonryItem:hover {
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover {
+  box-shadow: 0 12px 32px #0000002e;
 }
-.imageContainer {
-  position: relative;
+.XStaticGallery-module__imageContainer_7nn4pa__012 {
+  border-radius: 1rem;
   width: 100%;
+  position: relative;
   overflow: hidden;
-  border-radius: 1rem;
 }
-.galleryImage {
+.XStaticGallery-module__galleryImage_7nn4pa__012 {
+  object-fit: cover;
   width: 100%;
   height: auto;
-  object-fit: cover;
+  transition: transform .5s ease-out;
   display: block;
-  transition: transform 0.5s ease-out;
 }
-.masonryItem:hover .galleryImage {
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__galleryImage_7nn4pa__012 {
   transform: scale(1.05);
 }
-.imageOverlay {
+.XStaticGallery-module__imageOverlay_7nn4pa__012 {
+  pointer-events: none;
+  background: none;
+  transition: background .3s;
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, 0);
-  transition: background 0.3s ease;
-  pointer-events: none;
 }
-.masonryItem:hover .imageOverlay {
-  background: rgba(0, 0, 0, 0.1);
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__imageOverlay_7nn4pa__012 {
+  background: #0000001a;
 }
-.cols1 {
+.XStaticGallery-module__cols1_7nn4pa__012 {
   columns: 1;
 }
-.cols2 {
+.XStaticGallery-module__cols2_7nn4pa__012 {
   columns: 2;
 }
-.cols3 {
+.XStaticGallery-module__cols3_7nn4pa__012 {
   columns: 3;
 }
-.cols4 {
+.XStaticGallery-module__cols4_7nn4pa__012 {
   columns: 4;
 }
-.cols5 {
+.XStaticGallery-module__cols5_7nn4pa__012 {
   columns: 5;
 }
-@media (max-width: 1280px) {
-  .cols4,
-  .cols5 {
+@media (width <= 1280px) {
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 3;
   }
 }
-@media (max-width: 768px) {
-  .cols3,
-  .cols4,
-  .cols5 {
+@media (width <= 768px) {
+  .XStaticGallery-module__cols3_7nn4pa__012,
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 2;
   }
 }
-@media (max-width: 640px) {
-  .cols2,
-  .cols3,
-  .cols4,
-  .cols5 {
+@media (width <= 640px) {
+  .XStaticGallery-module__cols2_7nn4pa__012,
+  .XStaticGallery-module__cols3_7nn4pa__012,
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     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":"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","names":[]}
+{
+  "version": 3,
+  "sources": ["esbuild-css-modules-plugin-ns-css:src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css", "esbuild-css-modules-plugin-ns-css:src/components/gallery/xstaticgallery/XStaticGallery.module.css"],
+  "sourcesContent": [".XMicroGalleryText-module__container_22YC0W__012 {\n  flex-direction: column;\n  align-items: center;\n  gap: 2rem;\n  width: 100%;\n  margin: 2rem 0;\n  display: flex;\n}\n\n@media (width >= 1024px) {\n  .XMicroGalleryText-module__container_22YC0W__012 {\n    flex-direction: row;\n    align-items: center;\n    gap: 4rem;\n  }\n\n  .XMicroGalleryText-module__reverse_22YC0W__012 {\n    flex-direction: row-reverse;\n  }\n}\n\n.XMicroGalleryText-module__textContent_22YC0W__012 {\n  opacity: 0;\n  color: var(--foreground);\n  flex: 1;\n  transition: opacity .8s ease-out, transform .8s ease-out;\n  transform: translateY(30px);\n}\n\n.XMicroGalleryText-module__textContent_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.XMicroGalleryText-module__textLeft_22YC0W__012 {\n  text-align: left;\n}\n\n.XMicroGalleryText-module__textRight_22YC0W__012 {\n  text-align: right;\n}\n\n.XMicroGalleryText-module__textCenter_22YC0W__012 {\n  text-align: center;\n}\n\n.XMicroGalleryText-module__textContent_22YC0W__012 p, .XMicroGalleryText-module__textContent_22YC0W__012 div, .XMicroGalleryText-module__textContent_22YC0W__012 span, .XMicroGalleryText-module__textContent_22YC0W__012 em, .XMicroGalleryText-module__textContent_22YC0W__012 strong, .XMicroGalleryText-module__textContent_22YC0W__012 a {\n  text-align: inherit;\n  max-width: none;\n  margin-left: unset;\n  margin-right: unset;\n}\n\n.XMicroGalleryText-module__gallery_22YC0W__012 {\n  flex: 1.5;\n  width: 100%;\n}\n\n.XMicroGalleryText-module__artisticGrid_22YC0W__012 {\n  grid-template-rows: 380px 220px;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  display: grid;\n}\n\n.XMicroGalleryText-module__imageWrapper_22YC0W__012 {\n  opacity: 0;\n  border-radius: 20px;\n  transition: opacity .6s ease-out, transform .6s ease-out, box-shadow .3s;\n  position: relative;\n  overflow: hidden;\n  transform: translateY(50px) scale(.95);\n  box-shadow: 0 10px 30px #0000001a;\n}\n\n.XMicroGalleryText-module__imageWrapper_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.XMicroGalleryText-module__imageWrapper_22YC0W__012:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px #00000026;\n}\n\n.XMicroGalleryText-module__previewImage_22YC0W__012 {\n  object-fit: cover;\n}\n\n.XMicroGalleryText-module__artisticGrid_22YC0W__012 .XMicroGalleryText-module__artistic1_22YC0W__012 .XMicroGalleryText-module__previewImage_22YC0W__012 {\n  object-position: center top;\n  transform: translateY(0);\n}\n\n.XMicroGalleryText-module__artistic1_22YC0W__012 {\n  grid-area: 1 / 1 / 2 / 4;\n  transition-delay: .2s;\n}\n\n.XMicroGalleryText-module__artistic2_22YC0W__012 {\n  grid-area: 2 / 1 / 3 / 2;\n  transition-delay: .3s;\n}\n\n.XMicroGalleryText-module__artistic3_22YC0W__012 {\n  grid-area: 2 / 2 / 3 / 4;\n  transition-delay: .4s;\n}\n\n@media (width <= 768px) {\n  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {\n    grid-template-rows: 240px 180px 180px;\n    grid-template-columns: 1fr;\n  }\n\n  .XMicroGalleryText-module__artistic1_22YC0W__012, .XMicroGalleryText-module__artistic2_22YC0W__012, .XMicroGalleryText-module__artistic3_22YC0W__012 {\n    grid-column: 1 / 2;\n  }\n\n  .XMicroGalleryText-module__artistic1_22YC0W__012 {\n    grid-row: 1 / 2;\n  }\n\n  .XMicroGalleryText-module__artistic2_22YC0W__012 {\n    grid-row: 2 / 3;\n  }\n\n  .XMicroGalleryText-module__artistic3_22YC0W__012 {\n    grid-row: 3 / 4;\n  }\n}\n\n@media (width <= 480px) {\n  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {\n    grid-template-rows: 200px 140px 140px;\n  }\n}\n", ".XStaticGallery-module__galleryContainer_7nn4pa__012 {\n  width: 100%;\n  max-width: 80rem;\n  margin: 0 auto;\n  padding: 1rem 1rem 3rem;\n}\n\n.XStaticGallery-module__galleryTitle_7nn4pa__012 {\n  text-align: right;\n  color: var(--primary);\n  opacity: .8;\n  margin-bottom: 3rem;\n  font-size: 1.875rem;\n}\n\n.XStaticGallery-module__masonryGrid_7nn4pa__012 {\n  gap: 1rem;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012 {\n  break-inside: avoid;\n  opacity: 0;\n  border-radius: 1rem;\n  margin-bottom: 1rem;\n  transition: opacity .5s ease-out, transform .5s ease-out, box-shadow .3s;\n  position: relative;\n  overflow: hidden;\n  transform: translateY(20px);\n  box-shadow: 0 4px 12px #00000014;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012.XStaticGallery-module__visible_7nn4pa__012 {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012:hover {\n  box-shadow: 0 12px 32px #0000002e;\n}\n\n.XStaticGallery-module__imageContainer_7nn4pa__012 {\n  border-radius: 1rem;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.XStaticGallery-module__galleryImage_7nn4pa__012 {\n  object-fit: cover;\n  width: 100%;\n  height: auto;\n  transition: transform .5s ease-out;\n  display: block;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__galleryImage_7nn4pa__012 {\n  transform: scale(1.05);\n}\n\n.XStaticGallery-module__imageOverlay_7nn4pa__012 {\n  pointer-events: none;\n  background: none;\n  transition: background .3s;\n  position: absolute;\n  inset: 0;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__imageOverlay_7nn4pa__012 {\n  background: #0000001a;\n}\n\n.XStaticGallery-module__cols1_7nn4pa__012 {\n  columns: 1;\n}\n\n.XStaticGallery-module__cols2_7nn4pa__012 {\n  columns: 2;\n}\n\n.XStaticGallery-module__cols3_7nn4pa__012 {\n  columns: 3;\n}\n\n.XStaticGallery-module__cols4_7nn4pa__012 {\n  columns: 4;\n}\n\n.XStaticGallery-module__cols5_7nn4pa__012 {\n  columns: 5;\n}\n\n@media (width <= 1280px) {\n  .XStaticGallery-module__cols4_7nn4pa__012, .XStaticGallery-module__cols5_7nn4pa__012 {\n    columns: 3;\n  }\n}\n\n@media (width <= 768px) {\n  .XStaticGallery-module__cols3_7nn4pa__012, .XStaticGallery-module__cols4_7nn4pa__012, .XStaticGallery-module__cols5_7nn4pa__012 {\n    columns: 2;\n  }\n}\n\n@media (width <= 640px) {\n  .XStaticGallery-module__cols2_7nn4pa__012, .XStaticGallery-module__cols3_7nn4pa__012, .XStaticGallery-module__cols4_7nn4pa__012, .XStaticGallery-module__cols5_7nn4pa__012 {\n    columns: 1;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -40,8 +40,54 @@ var import_react = __toESM(require("react"));
 var import_image = __toESM(require("next/image"));
 var import_framer_motion = require("framer-motion");
 
+// esbuild-css-modules-plugin-ns-js::src/components/gallery/xmicrogallerytext/XMicroGalleryText.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/gallery/xmicrogallerytext/XMicroGalleryText.module.css
-var XMicroGalleryText_default = {};
+var XMicroGalleryText_default = new Proxy({
+  "artistic1": "XMicroGalleryText-module__artistic1_22YC0W__012",
+  "artistic2": "XMicroGalleryText-module__artistic2_22YC0W__012",
+  "artistic3": "XMicroGalleryText-module__artistic3_22YC0W__012",
+  "artisticGrid": "XMicroGalleryText-module__artisticGrid_22YC0W__012",
+  "container": "XMicroGalleryText-module__container_22YC0W__012",
+  "gallery": "XMicroGalleryText-module__gallery_22YC0W__012",
+  "imageWrapper": "XMicroGalleryText-module__imageWrapper_22YC0W__012",
+  "previewImage": "XMicroGalleryText-module__previewImage_22YC0W__012",
+  "reverse": "XMicroGalleryText-module__reverse_22YC0W__012",
+  "textCenter": "XMicroGalleryText-module__textCenter_22YC0W__012",
+  "textContent": "XMicroGalleryText-module__textContent_22YC0W__012",
+  "textLeft": "XMicroGalleryText-module__textLeft_22YC0W__012",
+  "textRight": "XMicroGalleryText-module__textRight_22YC0W__012",
+  "visible": "XMicroGalleryText-module__visible_22YC0W__012"
+}, {
+  get: function(source, key) {
+    inject();
+    return source[key];
+  }
+});
 
 // src/components/gallery/xmicrogallerytext/XMicroGalleryText.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -127,8 +173,53 @@ var XMicroGalleryText_default2 = XMicroGalleryText;
 var import_react2 = require("react");
 var import_image2 = __toESM(require("next/image"));
 
+// esbuild-css-modules-plugin-ns-js::src/components/gallery/xstaticgallery/XStaticGallery.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/gallery/xstaticgallery/XStaticGallery.module.css
-var XStaticGallery_default = {};
+var XStaticGallery_default = new Proxy({
+  "cols1": "XStaticGallery-module__cols1_7nn4pa__012",
+  "cols2": "XStaticGallery-module__cols2_7nn4pa__012",
+  "cols3": "XStaticGallery-module__cols3_7nn4pa__012",
+  "cols4": "XStaticGallery-module__cols4_7nn4pa__012",
+  "cols5": "XStaticGallery-module__cols5_7nn4pa__012",
+  "galleryContainer": "XStaticGallery-module__galleryContainer_7nn4pa__012",
+  "galleryImage": "XStaticGallery-module__galleryImage_7nn4pa__012",
+  "galleryTitle": "XStaticGallery-module__galleryTitle_7nn4pa__012",
+  "imageContainer": "XStaticGallery-module__imageContainer_7nn4pa__012",
+  "imageOverlay": "XStaticGallery-module__imageOverlay_7nn4pa__012",
+  "masonryGrid": "XStaticGallery-module__masonryGrid_7nn4pa__012",
+  "masonryItem": "XStaticGallery-module__masonryItem_7nn4pa__012",
+  "visible": "XStaticGallery-module__visible_7nn4pa__012"
+}, {
+  get: function(source, key) {
+    inject2();
+    return source[key];
+  }
+});
 
 // src/components/gallery/xstaticgallery/XStaticGallery.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -179,9 +270,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", "esbuild-css-modules-plugin-ns-js::src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css:injector.js", "../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css", "../../../src/components/gallery/xstaticgallery/XStaticGallery.tsx", "esbuild-css-modules-plugin-ns-js::src/components/gallery/xstaticgallery/XStaticGallery.module.css:injector.js", "../../../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", "\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/gallery/xmicrogallerytext/XMicroGalleryText.module.css\";\n\nimport { inject } from \"esbuild-css-modules-plugin-ns-js:src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css:injector.js\";\nexport default new Proxy({\n  \"artistic1\": \"XMicroGalleryText-module__artistic1_22YC0W__012\",\n  \"artistic2\": \"XMicroGalleryText-module__artistic2_22YC0W__012\",\n  \"artistic3\": \"XMicroGalleryText-module__artistic3_22YC0W__012\",\n  \"artisticGrid\": \"XMicroGalleryText-module__artisticGrid_22YC0W__012\",\n  \"container\": \"XMicroGalleryText-module__container_22YC0W__012\",\n  \"gallery\": \"XMicroGalleryText-module__gallery_22YC0W__012\",\n  \"imageWrapper\": \"XMicroGalleryText-module__imageWrapper_22YC0W__012\",\n  \"previewImage\": \"XMicroGalleryText-module__previewImage_22YC0W__012\",\n  \"reverse\": \"XMicroGalleryText-module__reverse_22YC0W__012\",\n  \"textCenter\": \"XMicroGalleryText-module__textCenter_22YC0W__012\",\n  \"textContent\": \"XMicroGalleryText-module__textContent_22YC0W__012\",\n  \"textLeft\": \"XMicroGalleryText-module__textLeft_22YC0W__012\",\n  \"textRight\": \"XMicroGalleryText-module__textRight_22YC0W__012\",\n  \"visible\": \"XMicroGalleryText-module__visible_22YC0W__012\"\n}, {\n  get: function(source, key) {\n    inject();\n    return source[key];\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", "\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/gallery/xstaticgallery/XStaticGallery.module.css\";\n\nimport { inject } from \"esbuild-css-modules-plugin-ns-js:src/components/gallery/xstaticgallery/XStaticGallery.module.css:injector.js\";\nexport default new Proxy({\n  \"cols1\": \"XStaticGallery-module__cols1_7nn4pa__012\",\n  \"cols2\": \"XStaticGallery-module__cols2_7nn4pa__012\",\n  \"cols3\": \"XStaticGallery-module__cols3_7nn4pa__012\",\n  \"cols4\": \"XStaticGallery-module__cols4_7nn4pa__012\",\n  \"cols5\": \"XStaticGallery-module__cols5_7nn4pa__012\",\n  \"galleryContainer\": \"XStaticGallery-module__galleryContainer_7nn4pa__012\",\n  \"galleryImage\": \"XStaticGallery-module__galleryImage_7nn4pa__012\",\n  \"galleryTitle\": \"XStaticGallery-module__galleryTitle_7nn4pa__012\",\n  \"imageContainer\": \"XStaticGallery-module__imageContainer_7nn4pa__012\",\n  \"imageOverlay\": \"XStaticGallery-module__imageOverlay_7nn4pa__012\",\n  \"masonryGrid\": \"XStaticGallery-module__masonryGrid_7nn4pa__012\",\n  \"masonryItem\": \"XStaticGallery-module__masonryItem_7nn4pa__012\",\n  \"visible\": \"XStaticGallery-module__visible_7nn4pa__012\"\n}, {\n  get: function(source, key) {\n    inject();\n    return source[key];\n  }\n});\n      "],
+  "mappings": "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",
+  "names": ["XMicroGalleryText_default", "React", "Image", "XMicroGalleryText_default", "import_react", "import_image", "content", "digest", "inject", "inject", "import_jsx_runtime", "Image"]
+}

package/dist/components/gallery/index.mjs

@@ -1,9 +1,9 @@
 import {
   XMicroGalleryText_default,
   XStaticGallery
-} from "../../chunk-2OAXRRVQ.mjs";
+} from "../../chunk-XB3UGHSF.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;