@sudobility/components 4.0.134 → 4.0.140

package/dist/media/index.d.ts

@@ -8,6 +8,7 @@ export * from './image-gallery';
 export * from './image-comparison';
 export * from './image-cropper';
 export * from './lightbox';
+export * from './retina-image';
 export * from './video-player';
 export * from './video-thumbnail';
 export * from './video-editor';

package/dist/media/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/media/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAG3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/media/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC"}

package/dist/media/retina-image.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+export interface RetinaImageProps {
+    /** Image source URL */
+    src: string;
+    /** Alt text */
+    alt: string;
+    /** Scale factor for retina images (default: 2 for 2x retina) */
+    scale?: number;
+    /** Additional className for the image */
+    className?: string;
+    /** Additional className for the container */
+    containerClassName?: string;
+    /** Callback when image loads */
+    onLoad?: () => void;
+    /** Callback when image errors */
+    onError?: () => void;
+}
+/**
+ * RetinaImage Component
+ *
+ * Displays retina (high-DPI) images at their correct display size.
+ * Automatically scales down images based on the scale factor.
+ * For 2x retina images, displays at 50% of natural dimensions.
+ *
+ * @example
+ * ```tsx
+ * // Display a 2x retina screenshot at correct size
+ * <RetinaImage
+ *   src="/screenshots/feature.png"
+ *   alt="Feature screenshot"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Display a 3x retina image
+ * <RetinaImage
+ *   src="/images/icon@3x.png"
+ *   alt="App icon"
+ *   scale={3}
+ * />
+ * ```
+ */
+export declare const RetinaImage: React.FC<RetinaImageProps>;
+//# sourceMappingURL=retina-image.d.ts.map

package/dist/media/retina-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"retina-image.d.ts","sourceRoot":"","sources":["../../src/media/retina-image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwClD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/components",
-  "version": "4.0.134",
+  "version": "4.0.140",
   "description": "Reusable UI components and design system - Reorganized for better maintainability",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -56,8 +56,8 @@
     "@radix-ui/react-slot": ">=1.0.0",
     "@radix-ui/react-switch": ">=1.0.0",
     "@radix-ui/react-tabs": ">=1.0.0",
-    "@sudobility/design": "^1.1.17",
-    "@sudobility/types": "^1.9.43",
+    "@sudobility/design": "^1.1.18",
+    "@sudobility/types": "^1.9.44",
     "class-variance-authority": ">=0.7.0",
     "clsx": ">=2.0.0",
     "i18next": ">=23.0.0",
@@ -79,8 +79,8 @@
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
-    "@sudobility/design": "^1.1.17",
-    "@sudobility/types": "^1.9.43",
+    "@sudobility/design": "^1.1.18",
+    "@sudobility/types": "^1.9.44",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -133,6 +133,6 @@
     "access": "public"
   },
   "dependencies": {
-    "@sudobility/components": "^4.0.133"
+    "@sudobility/components": "^4.0.139"
   }
 }