@hanzogui/image 2.0.0

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Image';
+export * from './createImage';
+export type { ImageProps, ImageType } from './types';
+//# sourceMappingURL=index.d.ts.map

package/types/types.d.ts

@@ -0,0 +1,42 @@
+import type { ViewProps } from '@gui/web';
+import type { ImageResizeMode, ImageSourcePropType, Image as RNImage, ImageProps as RNImageProps } from 'react-native';
+type RNImageType = typeof RNImage;
+type KeyofViewProps = keyof ViewProps;
+export type ImageProps = ViewProps & Omit<RNImageProps, KeyofViewProps | 'source' | 'resizeMode' | 'style'> & {
+    /**
+     * The image source URL or require() result.
+     * Preferred over `source` for better web alignment.
+     */
+    src?: string | number;
+    /**
+     * @deprecated
+     * use src instead
+     */
+    source?: ImageSourcePropType;
+    /**
+     * @deprecated
+     * use objectFit instead
+     */
+    resizeMode?: ImageResizeMode;
+    /**
+     * How the image should be resized to fit its container.
+     * Maps to CSS object-fit on web and resizeMode on native.
+     */
+    objectFit?: React.CSSProperties['objectFit'];
+    /**
+     * How the image should be positioned within its container.
+     * Maps to CSS object-position on web.
+     * On native, requires expo-image or similar for full support.
+     */
+    objectPosition?: React.CSSProperties['objectPosition'];
+} & Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'width' | 'height' | KeyofViewProps | 'src'> & Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'width' | 'height' | 'style' | 'src'>;
+export type ImageType = React.FC<Partial<ImageProps>> & {
+    getSize: RNImageType['getSize'];
+    getSizeWithHeaders: RNImageType['getSizeWithHeaders'];
+    prefetch: RNImageType['prefetch'];
+    prefetchWithMetadata: RNImageType['prefetchWithMetadata'];
+    abortPrefetch: RNImageType['abortPrefetch'];
+    queryCache: RNImageType['queryCache'];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/types/v1/Image.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { GetProps, RadiusTokens, SizeTokens, ViewProps, ThemeValueFallback } from '@gui/web';
+import type { FC } from 'react';
+import { Image as RNImage } from 'react-native';
+declare const StyledImage: import("@gui/web").GuiComponent<import("@gui/web").TamaDefer, RNImage, import("@gui/web").GuiComponentPropsBaseBase & import("react-native").ImageProps, import("@gui/web").StackStyleBase, {}, import("@gui/web").StaticConfigPublic>;
+type StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {
+    borderRadius?: RadiusTokens;
+};
+type BaseProps = Omit<StyledImageProps, 'width' | 'height' | 'style' | 'onLayout' | 'resizeMode'> & {
+    width?: string | number | SizeTokens | ThemeValueFallback;
+    height?: string | number | SizeTokens | ThemeValueFallback;
+    /**
+     * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image
+     */
+    src?: string | StyledImageProps['source'];
+    /** @deprecated use objectFit instead */
+    resizeMode?: StyledImageProps['resizeMode'];
+    objectFit?: React.CSSProperties['objectFit'];
+};
+export type ImageProps = BaseProps & Omit<ViewProps, keyof BaseProps>;
+type RNImageType = typeof RNImage;
+type ImageType = FC<ImageProps> & {
+    getSize: RNImageType['getSize'];
+    getSizeWithHeaders: RNImageType['getSizeWithHeaders'];
+    prefetch: RNImageType['prefetch'];
+    prefetchWithMetadata: RNImageType['prefetchWithMetadata'];
+    abortPrefetch: RNImageType['abortPrefetch'];
+    queryCache: RNImageType['queryCache'];
+};
+/**
+ * @summary An image is a component that displays an image.
+ * @see — Docs https://gui.dev/ui/image
+ */
+export declare const Image: ImageType;
+export {};
+//# sourceMappingURL=Image.d.ts.map

package/types/v1/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Image';
+//# sourceMappingURL=index.d.ts.map