@yatoday/astro-ui 0.17.28 → 0.17.32

package/components/Card6/Card6.astro

@@ -122,9 +122,9 @@ const isHtmlImage = typeof image === 'string' && !Array.isArray(image);
       3/4: pb-[133%]
       9/16: pb-[177%]
     -->
-    <div class={cn("relative w-full h-auto", aspectClass)}>
+    <div class={cn("relative w-full h-auto min-h-full", aspectClass)}>
       {image && (
-        <Fragment>
+        <div class="absolute inset-0">
           {isHtmlImage ? (
             <Fragment set:html={image}/>
           ) : (
@@ -139,7 +139,7 @@ const isHtmlImage = typeof image === 'string' && !Array.isArray(image);
               hoverEffect={false}
             />
           )}
-        </Fragment>
+        </div>
       )}
     </div>
   </div>

package/components/Image/types.ts

@@ -1,17 +1,11 @@
-import type { HTMLTag } from 'astro/types';
-import type { Snippet } from 'svelte';
+// Re-export the canonical Image props so the public API stays in sync with
+// what the component actually accepts. The real definition lives next to the
+// optimizer (`utils/images-optimization.ts`) and supports `src` as
+// string | ImageMetadata, plus `widths`, `sizes`, `srcset`, and every other
+// <img> attribute. A hand-maintained subset here let the two drift.
+import type { ImageProps } from '../../utils/images-optimization';
 
-export type ImageProps = {
-  src: string;
-  alt?: string;
-  aspectRatio?: string;
-  width?: string | number;
-  height?: string | number;
-  loading?: 'eager' | 'lazy';
-  decoding?: 'sync' | 'async' | 'auto';
-  class?: string;
-  layout?: 'fixed' | 'constrained' | 'fullWidth' | 'cover' | 'responsive' | 'contained';
-};
+export type { ImageProps };
 
 export type SvelteImageProps = ImageProps & {
   ref?: HTMLImageElement | null;

package/components/SwiperSlider/types.ts

@@ -4,11 +4,17 @@ export type SwiperSliderProps = {
   id?: string;
   withNavigation?: boolean;
   classes?: Record<string, string>;
+  /**
+   * Swiper `breakpoints` config, passed through to <swiper-container> as a
+   * JSON string. Overrides the component's default responsive breakpoints.
+   */
+  breakpoints?: string;
 };
 
 export type SvelteSwiperSliderProps = {
   id?: string;
   withNavigation?: boolean;
   classes?: Record<string, string>;
+  breakpoints?: string;
   children?: Snippet;
 };

package/components/WidgetSwiperPhotoSlider/WidgetSwiperPhotoSlider.astro

@@ -117,7 +117,7 @@ const imagePaths = Object.keys(images).filter((imagePath) => {
 
   const lightbox = new PhotoSwipeLightbox({
     gallery: '.gallery',
-    children: 'a',
+    children: 'swiper-slide a',
     pswpModule: () => import('photoswipe'),
   });
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yatoday/astro-ui",
   "type": "module",
-  "version": "0.17.28",
+  "version": "0.17.32",
   "scripts": {
     "prepare": "husky",
     "pre-commit": "lint-staged",