smartsell-ui-kit 0.0.6 → 0.1.1

package/dist/img/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/img/assets.ts","../../src/img/UiKitImage.tsx","../../src/img/components.tsx"],"sourcesContent":["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":["jsx"]}