@xscriptor/xcomponents 0.1.0

package/dist/components/gallery/index.css

@@ -0,0 +1,229 @@
+/* src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  width: 100%;
+  align-items: center;
+  margin: 2rem 0;
+}
+@media (min-width: 1024px) {
+  .container {
+    flex-direction: row;
+    align-items: center;
+    gap: 4rem;
+  }
+  .reverse {
+    flex-direction: row-reverse;
+  }
+}
+.textContent {
+  flex: 1;
+  opacity: 0;
+  transform: translateY(30px);
+  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
+  color: var(--foreground);
+}
+.textContent.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+.textLeft {
+  text-align: left;
+}
+.textRight {
+  text-align: right;
+}
+.textCenter {
+  text-align: center;
+}
+.textContent p,
+.textContent div,
+.textContent span,
+.textContent em,
+.textContent strong,
+.textContent a {
+  text-align: inherit;
+  max-width: none;
+  margin-left: unset;
+  margin-right: unset;
+}
+.gallery {
+  flex: 1.5;
+  width: 100%;
+}
+.artisticGrid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: 380px 220px;
+  gap: 1rem;
+}
+.imageWrapper {
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+  border-radius: 20px;
+  opacity: 0;
+  transform: translateY(50px) scale(0.95);
+  transition:
+    opacity 0.6s ease-out,
+    transform 0.6s ease-out,
+    box-shadow 0.3s ease;
+}
+.imageWrapper.visible {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+.imageWrapper:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+}
+.previewImage {
+  object-fit: cover;
+}
+.artisticGrid .artistic1 .previewImage {
+  object-position: center top;
+  transform: translateY(0);
+}
+.artistic1 {
+  grid-column: 1 / 4;
+  grid-row: 1 / 2;
+  transition-delay: 0.2s;
+}
+.artistic2 {
+  grid-column: 1 / 2;
+  grid-row: 2 / 3;
+  transition-delay: 0.3s;
+}
+.artistic3 {
+  grid-column: 2 / 4;
+  grid-row: 2 / 3;
+  transition-delay: 0.4s;
+}
+@media (max-width: 768px) {
+  .artisticGrid {
+    grid-template-columns: 1fr;
+    grid-template-rows: 240px 180px 180px;
+  }
+  .artistic1,
+  .artistic2,
+  .artistic3 {
+    grid-column: 1 / 2;
+  }
+  .artistic1 {
+    grid-row: 1 / 2;
+  }
+  .artistic2 {
+    grid-row: 2 / 3;
+  }
+  .artistic3 {
+    grid-row: 3 / 4;
+  }
+}
+@media (max-width: 480px) {
+  .artisticGrid {
+    grid-template-rows: 200px 140px 140px;
+  }
+}
+
+/* src/components/gallery/xstaticgallery/XStaticGallery.module.css */
+.galleryContainer {
+  width: 100%;
+  max-width: 80rem;
+  margin: 0 auto;
+  padding: 1rem 1rem 3rem;
+}
+.galleryTitle {
+  font-size: 1.875rem;
+  text-align: right;
+  color: var(--primary);
+  margin-bottom: 3rem;
+  opacity: 0.8;
+}
+.masonryGrid {
+  gap: 1rem;
+}
+.masonryItem {
+  break-inside: avoid;
+  position: relative;
+  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;
+}
+.masonryItem.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+.masonryItem:hover {
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
+}
+.imageContainer {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  border-radius: 1rem;
+}
+.galleryImage {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  display: block;
+  transition: transform 0.5s ease-out;
+}
+.masonryItem:hover .galleryImage {
+  transform: scale(1.05);
+}
+.imageOverlay {
+  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);
+}
+.cols1 {
+  columns: 1;
+}
+.cols2 {
+  columns: 2;
+}
+.cols3 {
+  columns: 3;
+}
+.cols4 {
+  columns: 4;
+}
+.cols5 {
+  columns: 5;
+}
+@media (max-width: 1280px) {
+  .cols4,
+  .cols5 {
+    columns: 3;
+  }
+}
+@media (max-width: 768px) {
+  .cols3,
+  .cols4,
+  .cols5 {
+    columns: 2;
+  }
+}
+@media (max-width: 640px) {
+  .cols2,
+  .cols3,
+  .cols4,
+  .cols5 {
+    columns: 1;
+  }
+}
+/*# sourceMappingURL=index.css.map */

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

@@ -0,0 +1 @@
+{"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":[]}

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

@@ -0,0 +1,29 @@
+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 };

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

@@ -0,0 +1,29 @@
+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 };

package/dist/components/gallery/index.js

@@ -0,0 +1,187 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/gallery/index.ts
+var gallery_exports = {};
+__export(gallery_exports, {
+  XMicroGalleryText: () => XMicroGalleryText_default2,
+  XStaticGallery: () => XStaticGallery
+});
+module.exports = __toCommonJS(gallery_exports);
+
+// src/components/gallery/xmicrogallerytext/XMicroGalleryText.tsx
+var import_react = __toESM(require("react"));
+var import_image = __toESM(require("next/image"));
+var import_framer_motion = require("framer-motion");
+
+// src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css
+var XMicroGalleryText_default = {};
+
+// src/components/gallery/xmicrogallerytext/XMicroGalleryText.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DISPLAY_COUNT = 3;
+var XMicroGalleryText = ({
+  images,
+  text,
+  textPosition = "left",
+  textAlign = "left",
+  autoShuffle = false,
+  shuffleInterval = 5e3
+}) => {
+  const containerRef = (0, import_react.useRef)(null);
+  const [startIndex, setStartIndex] = import_react.default.useState(0);
+  const visibleImages = import_react.default.useMemo(() => {
+    const result = [];
+    for (let i = 0; i < DISPLAY_COUNT; i++) {
+      result.push(images[(startIndex + i) % images.length]);
+    }
+    return result;
+  }, [images, startIndex]);
+  import_react.default.useEffect(() => {
+    if (!autoShuffle || images.length <= DISPLAY_COUNT) return;
+    const intervalId = setInterval(() => {
+      setStartIndex((prev) => (prev + 1) % images.length);
+    }, shuffleInterval);
+    return () => clearInterval(intervalId);
+  }, [autoShuffle, shuffleInterval, images.length]);
+  const [isVisible, setIsVisible] = import_react.default.useState(false);
+  (0, import_react.useEffect)(() => {
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setIsVisible(true);
+          observer.disconnect();
+        }
+      },
+      {
+        threshold: 0.1,
+        rootMargin: "0px 0px -50px 0px"
+      }
+    );
+    if (containerRef.current) {
+      observer.observe(containerRef.current);
+    }
+    return () => observer.disconnect();
+  }, []);
+  const isTextRight = textPosition === "right";
+  const alignClass = {
+    left: XMicroGalleryText_default.textLeft,
+    right: XMicroGalleryText_default.textRight,
+    center: XMicroGalleryText_default.textCenter
+  }[textAlign];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: containerRef, className: `${XMicroGalleryText_default.container} ${isTextRight ? XMicroGalleryText_default.reverse : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${XMicroGalleryText_default.textContent} ${alignClass} ${isVisible ? XMicroGalleryText_default.visible : ""}`, children: typeof text === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { dangerouslySetInnerHTML: { __html: text } }) : text }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: XMicroGalleryText_default.gallery, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: XMicroGalleryText_default.artisticGrid, children: visibleImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_framer_motion.motion.div,
+      {
+        layout: true,
+        className: `${XMicroGalleryText_default.imageWrapper} ${XMicroGalleryText_default[`artistic${index + 1}`]} ${isVisible ? XMicroGalleryText_default.visible : ""}`,
+        style: { transitionProperty: "opacity, box-shadow" },
+        transition: {
+          layout: { type: "spring", stiffness: 80, damping: 20 }
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_image.default,
+          {
+            src: image.src,
+            alt: image.alt,
+            fill: true,
+            className: XMicroGalleryText_default.previewImage,
+            sizes: "(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw"
+          }
+        )
+      },
+      image.src
+    )) }) })
+  ] });
+};
+var XMicroGalleryText_default2 = XMicroGalleryText;
+
+// src/components/gallery/xstaticgallery/XStaticGallery.tsx
+var import_react2 = require("react");
+var import_image2 = __toESM(require("next/image"));
+
+// src/components/gallery/xstaticgallery/XStaticGallery.module.css
+var XStaticGallery_default = {};
+
+// src/components/gallery/xstaticgallery/XStaticGallery.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var COLUMN_CLASSES = {
+  1: XStaticGallery_default.cols1,
+  2: XStaticGallery_default.cols2,
+  3: XStaticGallery_default.cols3,
+  4: XStaticGallery_default.cols4,
+  5: XStaticGallery_default.cols5
+};
+function XStaticGallery({ images, columns = 4, title }) {
+  const containerRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            entry.target.classList.add(XStaticGallery_default.visible);
+          }
+        });
+      },
+      {
+        threshold: 0.1,
+        rootMargin: "0px 0px -50px 0px"
+      }
+    );
+    const items = containerRef.current?.querySelectorAll(`.${XStaticGallery_default.masonryItem}`);
+    items?.forEach((el) => observer.observe(el));
+    return () => observer.disconnect();
+  }, []);
+  const colClass = COLUMN_CLASSES[columns] || COLUMN_CLASSES[4];
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref: containerRef, className: XStaticGallery_default.galleryContainer, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: XStaticGallery_default.galleryTitle, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${XStaticGallery_default.masonryGrid} ${colClass}`, children: images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: XStaticGallery_default.masonryItem, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: XStaticGallery_default.imageContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_image2.default,
+        {
+          src: image.src,
+          alt: image.alt,
+          width: 600,
+          height: 600,
+          className: XStaticGallery_default.galleryImage,
+          loading: "lazy",
+          sizes: "(max-width: 640px) 100vw, (max-width: 768px) 50vw, (max-width: 1280px) 33vw, 25vw"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: XStaticGallery_default.imageOverlay })
+    ] }) }, index)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  XMicroGalleryText,
+  XStaticGallery
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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"]}

package/dist/components/gallery/index.mjs

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

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

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