smartsell-ui-kit 0.0.6 → 0.1.1

package/dist/img/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/img/index.ts","../../src/img/assets.ts","../../src/img/UiKitImage.tsx","../../src/img/components.tsx"],"sourcesContent":["export {\n  getUiKitImageDefinition,\n  resolveUiKitImageSource,\n  resolveUiKitImageThemeVariant,\n  uiKitImageCatalog,\n  uiKitImageGroups,\n} from './assets';\nexport {\n  BgImg1,\n  BgImg2,\n  BgImg3,\n  Favicon,\n  Favicon16,\n  Favicon32,\n  Icon192,\n  Logo,\n  Texture1,\n  Texture2,\n  Texture3,\n  Texture4,\n} from './components';\nexport { UiKitImage, useUiKitImageSource, type UiKitImageComponentProps } from './UiKitImage';\nexport type {\n  UiKitImageDefinition,\n  UiKitImageGroup,\n  UiKitImageName,\n  UiKitImageProps,\n  UiKitImageSourceSet,\n  UiKitImageThemeVariant,\n} from './types';","import type { UiKitImageDefinition, UiKitImageGroup, UiKitImageName, UiKitImageThemeVariant } from './types';\n\nimport faviconDarkSource from './assets/favicon.ico';\nimport faviconLightSource from './assets/favicon.ico';\nimport favicon16DarkSource from './assets/favicon16.png';\nimport favicon16LightSource from './assets/favicon16.png';\nimport favicon32DarkSource from './assets/favicon32.png';\nimport favicon32LightSource from './assets/favicon32.png';\nimport icon192DarkSource from './assets/icon192.png';\nimport icon192LightSource from './assets/icon192.png';\nimport logoDarkSource from './assets/logo.svg';\nimport logoLightSource from './assets/logo.svg';\nimport bgimg1DarkSource from './assets/bgimg1.svg';\nimport bgimg1LightSource from './assets/bgimg1.svg';\nimport bgimg2DarkSource from './assets/bgimg2.svg';\nimport bgimg2LightSource from './assets/bgimg2.svg';\nimport bgimg3DarkSource from './assets/bgimg3.svg';\nimport bgimg3LightSource from './assets/bgimg3.svg';\nimport texture1DarkSource from './assets/texture1.svg';\nimport texture1LightSource from './assets/texture1.svg';\nimport texture2DarkSource from './assets/texture2.svg';\nimport texture2LightSource from './assets/texture2.svg';\nimport texture3DarkSource from './assets/texture3.svg';\nimport texture3LightSource from './assets/texture3.svg';\nimport texture4DarkSource from './assets/texture4.svg';\nimport texture4LightSource from './assets/texture4.svg';\n\nexport const uiKitImageCatalog = {\n  logo: {\n    name: 'logo',\n    title: 'SmartSell Logo',\n    group: 'logos',\n    sources: {\n      light: logoLightSource,\n      dark: logoDarkSource,\n    },\n  },\n  icon192: {\n    name: 'icon192',\n    title: 'SmartSell Icon 192',\n    group: 'icons',\n    sources: {\n      light: icon192LightSource,\n      dark: icon192DarkSource,\n    },\n  },\n  favicon: {\n    name: 'favicon',\n    title: 'SmartSell Favicon',\n    group: 'icons',\n    sources: {\n      light: faviconLightSource,\n      dark: faviconDarkSource,\n    },\n  },\n  favicon16: {\n    name: 'favicon16',\n    title: 'SmartSell Favicon 16',\n    group: 'icons',\n    sources: {\n      light: favicon16LightSource,\n      dark: favicon16DarkSource,\n    },\n  },\n  favicon32: {\n    name: 'favicon32',\n    title: 'SmartSell Favicon 32',\n    group: 'icons',\n    sources: {\n      light: favicon32LightSource,\n      dark: favicon32DarkSource,\n    },\n  },\n  texture1: {\n    name: 'texture1',\n    title: 'SmartSell Texture 1',\n    group: 'backgrounds',\n    decorative: true,\n    sources: {\n      light: texture1LightSource,\n      dark: texture1DarkSource,\n    },\n  },\n  texture2: {\n    name: 'texture2',\n    title: 'SmartSell Texture 2',\n    group: 'backgrounds',\n    decorative: true,\n    sources: {\n      light: texture2LightSource,\n      dark: texture2DarkSource,\n    },\n  },\n  texture3: {\n    name: 'texture3',\n    title: 'SmartSell Texture 3',\n    group: 'backgrounds',\n    decorative: true,\n    sources: {\n      light: texture3LightSource,\n      dark: texture3DarkSource,\n    },\n  },\n  texture4: {\n    name: 'texture4',\n    title: 'SmartSell Texture 4',\n    group: 'backgrounds',\n    decorative: true,\n    sources: {\n      light: texture4LightSource,\n      dark: texture4DarkSource,\n    },\n  },\n  bgimg1: {\n    name: 'bgimg1',\n    title: 'SmartSell Background Image 1',\n    group: 'backgrounds',\n    decorative: true,\n    sources: {\n      light: bgimg1LightSource,\n      dark: bgimg1DarkSource,\n    },\n  },\n  bgimg2: {\n    name: 'bgimg2',\n    title: 'SmartSell Background Image 2',\n    group: 'backgrounds',\n    decorative: true,\n    sources: {\n      light: bgimg2LightSource,\n      dark: bgimg2DarkSource,\n    },\n  },\n  bgimg3: {\n    name: 'bgimg3',\n    title: 'SmartSell Background Image 3',\n    group: 'backgrounds',\n    decorative: true,\n    sources: {\n      light: bgimg3LightSource,\n      dark: bgimg3DarkSource,\n    },\n  },\n} as const satisfies Record<UiKitImageName, UiKitImageDefinition>;\n\nexport const uiKitImageGroups: Record<UiKitImageGroup, UiKitImageName[]> = {\n  logos: ['logo'],\n  icons: ['icon192', 'favicon', 'favicon16', 'favicon32'],\n  backgrounds: ['texture1', 'texture2', 'texture3', 'texture4', 'bgimg1', 'bgimg2', 'bgimg3'],\n};\n\nexport function getUiKitImageDefinition(name: UiKitImageName): UiKitImageDefinition {\n  return uiKitImageCatalog[name];\n}\n\nexport function resolveUiKitImageThemeVariant(themeName?: string | null): UiKitImageThemeVariant {\n  return `${themeName ?? ''}`.trim().toUpperCase().includes('DARK') ? 'dark' : 'light';\n}\n\nexport function resolveUiKitImageSource(\n  name: UiKitImageName,\n  themeVariant: UiKitImageThemeVariant,\n): string {\n  const image = getUiKitImageDefinition(name);\n\n  return themeVariant === 'dark' ? image.sources.dark : image.sources.light;\n}","import type { CSSProperties } from 'react';\n\nimport { useThemeName } from 'smartsell-theme';\n\nimport {\n  getUiKitImageDefinition,\n  resolveUiKitImageSource,\n  resolveUiKitImageThemeVariant,\n} from './assets';\nimport type { UiKitImageName, UiKitImageProps, UiKitImageThemeVariant } from './types';\n\nexport interface UiKitImageComponentProps extends UiKitImageProps {\n  assetName: UiKitImageName;\n}\n\nconst resolveUiKitImageStyle = ({\n  width,\n  height,\n  maxWidth,\n  size,\n  fit,\n  position,\n  style,\n}: Pick<UiKitImageProps, 'fit' | 'height' | 'maxWidth' | 'position' | 'size' | 'style' | 'width'>): CSSProperties => {\n  return {\n    display: 'block',\n    width: width ?? size ?? '100%',\n    height: height ?? (size !== undefined ? size : 'auto'),\n    maxWidth: maxWidth ?? '100%',\n    objectFit: fit ?? 'contain',\n    objectPosition: position ?? 'center',\n    ...style,\n  };\n};\n\nexport function useUiKitImageSource(\n  assetName: UiKitImageName,\n  themeVariant?: UiKitImageThemeVariant,\n): string {\n  const activeThemeName = useThemeName();\n  const resolvedThemeVariant = themeVariant ?? resolveUiKitImageThemeVariant(String(activeThemeName));\n\n  return resolveUiKitImageSource(assetName, resolvedThemeVariant);\n}\n\nexport function UiKitImage({\n  assetName,\n  alt,\n  decorative,\n  width,\n  height,\n  maxWidth,\n  size,\n  fit,\n  position,\n  style,\n  themeVariant,\n  'aria-hidden': ariaHidden,\n  ...imgProps\n}: UiKitImageComponentProps) {\n  const imageDefinition = getUiKitImageDefinition(assetName);\n  const source = useUiKitImageSource(assetName, themeVariant);\n  const isDecorative = decorative ?? imageDefinition.decorative ?? false;\n  const resolvedAlt = isDecorative ? '' : alt ?? imageDefinition.title;\n\n  return (\n    <img\n      {...imgProps}\n      src={source}\n      alt={resolvedAlt}\n      aria-hidden={isDecorative ? true : ariaHidden}\n      style={resolveUiKitImageStyle({\n        width,\n        height,\n        maxWidth,\n        size,\n        fit,\n        position,\n        style,\n      })}\n    />\n  );\n}","import type { ComponentType } from 'react';\n\nimport { UiKitImage } from './UiKitImage';\nimport type { UiKitImageName, UiKitImageProps } from './types';\n\ntype NamedImageComponentOptions = {\n  assetName: UiKitImageName;\n  decorative?: boolean;\n  displayName: string;\n};\n\nconst createNamedImageComponent = ({\n  assetName,\n  decorative,\n  displayName,\n}: NamedImageComponentOptions): ComponentType<UiKitImageProps> => {\n  const Component = (props: UiKitImageProps) => {\n    return <UiKitImage assetName={assetName} decorative={decorative} {...props} />;\n  };\n\n  Component.displayName = displayName;\n\n  return Component;\n};\n\nexport const Logo = createNamedImageComponent({\n  assetName: 'logo',\n  displayName: 'Logo',\n});\n\nexport const Icon192 = createNamedImageComponent({\n  assetName: 'icon192',\n  displayName: 'Icon192',\n});\n\nexport const Favicon = createNamedImageComponent({\n  assetName: 'favicon',\n  displayName: 'Favicon',\n});\n\nexport const Favicon16 = createNamedImageComponent({\n  assetName: 'favicon16',\n  displayName: 'Favicon16',\n});\n\nexport const Favicon32 = createNamedImageComponent({\n  assetName: 'favicon32',\n  displayName: 'Favicon32',\n});\n\nexport const Texture1 = createNamedImageComponent({\n  assetName: 'texture1',\n  decorative: true,\n  displayName: 'Texture1',\n});\n\nexport const Texture2 = createNamedImageComponent({\n  assetName: 'texture2',\n  decorative: true,\n  displayName: 'Texture2',\n});\n\nexport const Texture3 = createNamedImageComponent({\n  assetName: 'texture3',\n  decorative: true,\n  displayName: 'Texture3',\n});\n\nexport const Texture4 = createNamedImageComponent({\n  assetName: 'texture4',\n  decorative: true,\n  displayName: 'Texture4',\n});\n\nexport const BgImg1 = createNamedImageComponent({\n  assetName: 'bgimg1',\n  decorative: true,\n  displayName: 'BgImg1',\n});\n\nexport const BgImg2 = createNamedImageComponent({\n  assetName: 'bgimg2',\n  decorative: true,\n  displayName: 'BgImg2',\n});\n\nexport const BgImg3 = createNamedImageComponent({\n  assetName: 'bgimg3',\n  decorative: true,\n  displayName: 'BgImg3',\n});"],"mappings":"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","names":["import_jsx_runtime"]}

package/dist/img/index.d.cts

@@ -0,0 +1,170 @@
+import { ImgHTMLAttributes, CSSProperties, ComponentType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type UiKitImageThemeVariant = 'light' | 'dark';
+type UiKitImageGroup = 'logos' | 'icons' | 'backgrounds';
+type UiKitImageName = 'logo' | 'icon192' | 'favicon' | 'favicon16' | 'favicon32' | 'texture1' | 'texture2' | 'texture3' | 'texture4' | 'bgimg1' | 'bgimg2' | 'bgimg3';
+interface UiKitImageSourceSet {
+    light: string;
+    dark: string;
+}
+interface UiKitImageDefinition {
+    name: UiKitImageName;
+    title: string;
+    group: UiKitImageGroup;
+    decorative?: boolean;
+    sources: UiKitImageSourceSet;
+}
+interface UiKitImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'width' | 'height'> {
+    width?: number | string;
+    height?: number | string;
+    maxWidth?: number | string;
+    size?: number | string;
+    fit?: CSSProperties['objectFit'];
+    position?: CSSProperties['objectPosition'];
+    themeVariant?: UiKitImageThemeVariant;
+    decorative?: boolean;
+}
+
+declare const uiKitImageCatalog: {
+    readonly logo: {
+        readonly name: "logo";
+        readonly title: "SmartSell Logo";
+        readonly group: "logos";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly icon192: {
+        readonly name: "icon192";
+        readonly title: "SmartSell Icon 192";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly favicon: {
+        readonly name: "favicon";
+        readonly title: "SmartSell Favicon";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly favicon16: {
+        readonly name: "favicon16";
+        readonly title: "SmartSell Favicon 16";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly favicon32: {
+        readonly name: "favicon32";
+        readonly title: "SmartSell Favicon 32";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture1: {
+        readonly name: "texture1";
+        readonly title: "SmartSell Texture 1";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture2: {
+        readonly name: "texture2";
+        readonly title: "SmartSell Texture 2";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture3: {
+        readonly name: "texture3";
+        readonly title: "SmartSell Texture 3";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture4: {
+        readonly name: "texture4";
+        readonly title: "SmartSell Texture 4";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly bgimg1: {
+        readonly name: "bgimg1";
+        readonly title: "SmartSell Background Image 1";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly bgimg2: {
+        readonly name: "bgimg2";
+        readonly title: "SmartSell Background Image 2";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly bgimg3: {
+        readonly name: "bgimg3";
+        readonly title: "SmartSell Background Image 3";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+};
+declare const uiKitImageGroups: Record<UiKitImageGroup, UiKitImageName[]>;
+declare function getUiKitImageDefinition(name: UiKitImageName): UiKitImageDefinition;
+declare function resolveUiKitImageThemeVariant(themeName?: string | null): UiKitImageThemeVariant;
+declare function resolveUiKitImageSource(name: UiKitImageName, themeVariant: UiKitImageThemeVariant): string;
+
+declare const Logo: ComponentType<UiKitImageProps>;
+declare const Icon192: ComponentType<UiKitImageProps>;
+declare const Favicon: ComponentType<UiKitImageProps>;
+declare const Favicon16: ComponentType<UiKitImageProps>;
+declare const Favicon32: ComponentType<UiKitImageProps>;
+declare const Texture1: ComponentType<UiKitImageProps>;
+declare const Texture2: ComponentType<UiKitImageProps>;
+declare const Texture3: ComponentType<UiKitImageProps>;
+declare const Texture4: ComponentType<UiKitImageProps>;
+declare const BgImg1: ComponentType<UiKitImageProps>;
+declare const BgImg2: ComponentType<UiKitImageProps>;
+declare const BgImg3: ComponentType<UiKitImageProps>;
+
+interface UiKitImageComponentProps extends UiKitImageProps {
+    assetName: UiKitImageName;
+}
+declare function useUiKitImageSource(assetName: UiKitImageName, themeVariant?: UiKitImageThemeVariant): string;
+declare function UiKitImage({ assetName, alt, decorative, width, height, maxWidth, size, fit, position, style, themeVariant, 'aria-hidden': ariaHidden, ...imgProps }: UiKitImageComponentProps): react_jsx_runtime.JSX.Element;
+
+export { BgImg1, BgImg2, BgImg3, Favicon, Favicon16, Favicon32, Icon192, Logo, Texture1, Texture2, Texture3, Texture4, UiKitImage, type UiKitImageComponentProps, type UiKitImageDefinition, type UiKitImageGroup, type UiKitImageName, type UiKitImageProps, type UiKitImageSourceSet, type UiKitImageThemeVariant, getUiKitImageDefinition, resolveUiKitImageSource, resolveUiKitImageThemeVariant, uiKitImageCatalog, uiKitImageGroups, useUiKitImageSource };

package/dist/img/index.d.ts

@@ -0,0 +1,170 @@
+import { ImgHTMLAttributes, CSSProperties, ComponentType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type UiKitImageThemeVariant = 'light' | 'dark';
+type UiKitImageGroup = 'logos' | 'icons' | 'backgrounds';
+type UiKitImageName = 'logo' | 'icon192' | 'favicon' | 'favicon16' | 'favicon32' | 'texture1' | 'texture2' | 'texture3' | 'texture4' | 'bgimg1' | 'bgimg2' | 'bgimg3';
+interface UiKitImageSourceSet {
+    light: string;
+    dark: string;
+}
+interface UiKitImageDefinition {
+    name: UiKitImageName;
+    title: string;
+    group: UiKitImageGroup;
+    decorative?: boolean;
+    sources: UiKitImageSourceSet;
+}
+interface UiKitImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'width' | 'height'> {
+    width?: number | string;
+    height?: number | string;
+    maxWidth?: number | string;
+    size?: number | string;
+    fit?: CSSProperties['objectFit'];
+    position?: CSSProperties['objectPosition'];
+    themeVariant?: UiKitImageThemeVariant;
+    decorative?: boolean;
+}
+
+declare const uiKitImageCatalog: {
+    readonly logo: {
+        readonly name: "logo";
+        readonly title: "SmartSell Logo";
+        readonly group: "logos";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly icon192: {
+        readonly name: "icon192";
+        readonly title: "SmartSell Icon 192";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly favicon: {
+        readonly name: "favicon";
+        readonly title: "SmartSell Favicon";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly favicon16: {
+        readonly name: "favicon16";
+        readonly title: "SmartSell Favicon 16";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly favicon32: {
+        readonly name: "favicon32";
+        readonly title: "SmartSell Favicon 32";
+        readonly group: "icons";
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture1: {
+        readonly name: "texture1";
+        readonly title: "SmartSell Texture 1";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture2: {
+        readonly name: "texture2";
+        readonly title: "SmartSell Texture 2";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture3: {
+        readonly name: "texture3";
+        readonly title: "SmartSell Texture 3";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly texture4: {
+        readonly name: "texture4";
+        readonly title: "SmartSell Texture 4";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly bgimg1: {
+        readonly name: "bgimg1";
+        readonly title: "SmartSell Background Image 1";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly bgimg2: {
+        readonly name: "bgimg2";
+        readonly title: "SmartSell Background Image 2";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+    readonly bgimg3: {
+        readonly name: "bgimg3";
+        readonly title: "SmartSell Background Image 3";
+        readonly group: "backgrounds";
+        readonly decorative: true;
+        readonly sources: {
+            readonly light: string;
+            readonly dark: string;
+        };
+    };
+};
+declare const uiKitImageGroups: Record<UiKitImageGroup, UiKitImageName[]>;
+declare function getUiKitImageDefinition(name: UiKitImageName): UiKitImageDefinition;
+declare function resolveUiKitImageThemeVariant(themeName?: string | null): UiKitImageThemeVariant;
+declare function resolveUiKitImageSource(name: UiKitImageName, themeVariant: UiKitImageThemeVariant): string;
+
+declare const Logo: ComponentType<UiKitImageProps>;
+declare const Icon192: ComponentType<UiKitImageProps>;
+declare const Favicon: ComponentType<UiKitImageProps>;
+declare const Favicon16: ComponentType<UiKitImageProps>;
+declare const Favicon32: ComponentType<UiKitImageProps>;
+declare const Texture1: ComponentType<UiKitImageProps>;
+declare const Texture2: ComponentType<UiKitImageProps>;
+declare const Texture3: ComponentType<UiKitImageProps>;
+declare const Texture4: ComponentType<UiKitImageProps>;
+declare const BgImg1: ComponentType<UiKitImageProps>;
+declare const BgImg2: ComponentType<UiKitImageProps>;
+declare const BgImg3: ComponentType<UiKitImageProps>;
+
+interface UiKitImageComponentProps extends UiKitImageProps {
+    assetName: UiKitImageName;
+}
+declare function useUiKitImageSource(assetName: UiKitImageName, themeVariant?: UiKitImageThemeVariant): string;
+declare function UiKitImage({ assetName, alt, decorative, width, height, maxWidth, size, fit, position, style, themeVariant, 'aria-hidden': ariaHidden, ...imgProps }: UiKitImageComponentProps): react_jsx_runtime.JSX.Element;
+
+export { BgImg1, BgImg2, BgImg3, Favicon, Favicon16, Favicon32, Icon192, Logo, Texture1, Texture2, Texture3, Texture4, UiKitImage, type UiKitImageComponentProps, type UiKitImageDefinition, type UiKitImageGroup, type UiKitImageName, type UiKitImageProps, type UiKitImageSourceSet, type UiKitImageThemeVariant, getUiKitImageDefinition, resolveUiKitImageSource, resolveUiKitImageThemeVariant, uiKitImageCatalog, uiKitImageGroups, useUiKitImageSource };