@planetaexo/design-system 0.94.0 → 0.95.0

package/dist/index.cjs

@@ -12562,7 +12562,7 @@ function PhotoTile({
   onClick,
   showCredit = false
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -12577,8 +12577,8 @@ function PhotoTile({
         /* @__PURE__ */ jsxRuntime.jsx(
           Picture,
           {
-            src: photo.src,
-            alt: (_b = photo.alt) != null ? _b : `Photo ${index + 1}`,
+            src: (_b = photo.thumbSrc) != null ? _b : photo.src,
+            alt: (_c = photo.alt) != null ? _c : `Photo ${index + 1}`,
             title: photo.caption,
             className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105",
             loading: "lazy"
@@ -12695,7 +12695,7 @@ function MasonryGallery({
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "columns-2 sm:columns-3 gap-1 [&>*]:break-inside-avoid [&>*]:mb-1", children: visible.map((p, i) => {
-      var _a, _b;
+      var _a, _b, _c;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -12707,8 +12707,8 @@ function MasonryGallery({
             /* @__PURE__ */ jsxRuntime.jsx(
               Picture,
               {
-                src: p.src,
-                alt: (_b = p.alt) != null ? _b : `Photo ${i + 1}`,
+                src: (_b = p.thumbSrc) != null ? _b : p.src,
+                alt: (_c = p.alt) != null ? _c : `Photo ${i + 1}`,
                 title: p.caption,
                 className: "w-full h-auto object-cover transition-transform duration-700 group-hover:scale-105",
                 loading: "lazy"
@@ -12736,7 +12736,7 @@ function FilmstripGallery({
   onOpen
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto flex gap-1 snap-x snap-mandatory pb-1 scrollbar-none", children: photos.map((p, i) => {
-    var _a, _b;
+    var _a, _b, _c;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -12748,8 +12748,8 @@ function FilmstripGallery({
           /* @__PURE__ */ jsxRuntime.jsx(
             Picture,
             {
-              src: p.src,
-              alt: (_b = p.alt) != null ? _b : `Photo ${i + 1}`,
+              src: (_b = p.thumbSrc) != null ? _b : p.src,
+              alt: (_c = p.alt) != null ? _c : `Photo ${i + 1}`,
               title: p.caption,
               className: "h-full w-full object-cover transition-transform duration-700 group-hover:scale-105",
               loading: "lazy"
@@ -12803,7 +12803,7 @@ function FeaturedGallery({
       ] })
     ] }),
     expanded && extra.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 overflow-x-auto flex gap-1.5 snap-x snap-mandatory scrollbar-none rounded-xl overflow-hidden pb-0", children: extra.map((p, i) => {
-      var _a, _b;
+      var _a, _b, _c;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -12815,8 +12815,8 @@ function FeaturedGallery({
             /* @__PURE__ */ jsxRuntime.jsx(
               Picture,
               {
-                src: p.src,
-                alt: (_b = p.alt) != null ? _b : `Photo ${i + 4}`,
+                src: (_b = p.thumbSrc) != null ? _b : p.src,
+                alt: (_c = p.alt) != null ? _c : `Photo ${i + 4}`,
                 title: p.caption,
                 className: "h-full w-full object-cover transition-transform duration-700 group-hover:scale-105",
                 loading: "lazy"