@xsolla/xui-logos-xsolla 0.64.0-pr56.1768440195

package/native/index.d.mts

@@ -0,0 +1,88 @@
+import React, { CSSProperties } from 'react';
+
+/**
+ * Logo variant - full logo with text or just the icon
+ */
+type LogoVariant = "full" | "icon";
+/**
+ * Logo color variants matching brand guidelines
+ */
+type LogoColor = "black" | "brand" | "white";
+/**
+ * Logo size presets
+ * - xs: 18px height
+ * - s: 24px height (default)
+ * - m: 32px height
+ */
+type LogoSize = "xs" | "s" | "m";
+/**
+ * Size values in pixels for each preset
+ */
+declare const LOGO_SIZES: Record<LogoSize, number>;
+/**
+ * Brand colors in hex values
+ */
+declare const LOGO_COLORS: Record<LogoColor, string>;
+/**
+ * Props for the XsollaLogo component
+ */
+interface XsollaLogoProps {
+    /**
+     * Logo variant - 'full' shows icon + text, 'icon' shows only the icon
+     * @default 'full'
+     */
+    variant?: LogoVariant;
+    /**
+     * Logo color
+     * @default 'brand'
+     */
+    color?: LogoColor;
+    /**
+     * Logo size - preset name or custom pixel height
+     * @default 's' (24px)
+     */
+    size?: LogoSize | number;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Additional inline styles
+     */
+    style?: CSSProperties;
+    /**
+     * Test ID for testing purposes
+     */
+    "data-testid"?: string;
+    /**
+     * Accessible label for screen readers
+     */
+    "aria-label"?: string;
+    /**
+     * Whether to hide from screen readers
+     */
+    "aria-hidden"?: boolean;
+    /**
+     * React Native accessibility label
+     */
+    accessibilityLabel?: string;
+}
+
+/**
+ * Xsolla brand logo component
+ *
+ * @example
+ * // Full logo in brand color (default)
+ * <Xsolla />
+ *
+ * @example
+ * // Icon only
+ * <Xsolla variant="icon" />
+ *
+ * @example
+ * // Black color, medium size
+ * <Xsolla color="black" size="m" />
+ */
+declare const Xsolla: React.FC<XsollaLogoProps>;
+
+export { LOGO_COLORS, LOGO_SIZES, type LogoColor, type LogoSize, type LogoVariant, Xsolla, type XsollaLogoProps, Xsolla as default };

package/native/index.d.ts

@@ -0,0 +1,88 @@
+import React, { CSSProperties } from 'react';
+
+/**
+ * Logo variant - full logo with text or just the icon
+ */
+type LogoVariant = "full" | "icon";
+/**
+ * Logo color variants matching brand guidelines
+ */
+type LogoColor = "black" | "brand" | "white";
+/**
+ * Logo size presets
+ * - xs: 18px height
+ * - s: 24px height (default)
+ * - m: 32px height
+ */
+type LogoSize = "xs" | "s" | "m";
+/**
+ * Size values in pixels for each preset
+ */
+declare const LOGO_SIZES: Record<LogoSize, number>;
+/**
+ * Brand colors in hex values
+ */
+declare const LOGO_COLORS: Record<LogoColor, string>;
+/**
+ * Props for the XsollaLogo component
+ */
+interface XsollaLogoProps {
+    /**
+     * Logo variant - 'full' shows icon + text, 'icon' shows only the icon
+     * @default 'full'
+     */
+    variant?: LogoVariant;
+    /**
+     * Logo color
+     * @default 'brand'
+     */
+    color?: LogoColor;
+    /**
+     * Logo size - preset name or custom pixel height
+     * @default 's' (24px)
+     */
+    size?: LogoSize | number;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Additional inline styles
+     */
+    style?: CSSProperties;
+    /**
+     * Test ID for testing purposes
+     */
+    "data-testid"?: string;
+    /**
+     * Accessible label for screen readers
+     */
+    "aria-label"?: string;
+    /**
+     * Whether to hide from screen readers
+     */
+    "aria-hidden"?: boolean;
+    /**
+     * React Native accessibility label
+     */
+    accessibilityLabel?: string;
+}
+
+/**
+ * Xsolla brand logo component
+ *
+ * @example
+ * // Full logo in brand color (default)
+ * <Xsolla />
+ *
+ * @example
+ * // Icon only
+ * <Xsolla variant="icon" />
+ *
+ * @example
+ * // Black color, medium size
+ * <Xsolla color="black" size="m" />
+ */
+declare const Xsolla: React.FC<XsollaLogoProps>;
+
+export { LOGO_COLORS, LOGO_SIZES, type LogoColor, type LogoSize, type LogoVariant, Xsolla, type XsollaLogoProps, Xsolla as default };

package/native/index.js

@@ -0,0 +1,107 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  LOGO_COLORS: () => LOGO_COLORS,
+  LOGO_SIZES: () => LOGO_SIZES,
+  Xsolla: () => Xsolla,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/XsollaLogo.native.tsx
+var import_react_native = require("react-native");
+var import_react_native_svg = require("react-native-svg");
+
+// src/types.ts
+var LOGO_SIZES = {
+  xs: 18,
+  s: 24,
+  m: 32
+};
+var LOGO_COLORS = {
+  black: "#000000",
+  brand: "#80EAFF",
+  white: "#FFFFFF"
+};
+
+// src/XsollaLogo.native.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var FULL_LOGO_ASPECT_RATIO = 116 / 24;
+var ICON_ASPECT_RATIO = 1;
+var XsollaLogo = ({
+  variant = "full",
+  color = "brand",
+  size = "s",
+  fullContent: fullContent2,
+  iconContent: iconContent2,
+  style,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden,
+  accessibilityLabel
+}) => {
+  const height = typeof size === "number" ? size : LOGO_SIZES[size];
+  const aspectRatio = variant === "full" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;
+  const width = Math.round(height * aspectRatio);
+  const content = variant === "full" ? fullContent2 : iconContent2;
+  const svgContent = content[color];
+  const defaultAriaLabel = variant === "full" ? "Xsolla logo" : "Xsolla icon";
+  const label = accessibilityLabel || ariaLabel || defaultAriaLabel;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.View,
+    {
+      style: [{ width, height }, style],
+      accessible: !ariaHidden,
+      accessibilityRole: "image",
+      accessibilityLabel: ariaHidden ? void 0 : label,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_svg.SvgXml, { xml: svgContent, width: "100%", height: "100%" })
+    }
+  );
+};
+
+// src/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var fullContent = {
+  black: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Black, Size=M [32], Icon=Left"><g id="Vector"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="black"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="black"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="black"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="black"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="black"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="black"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="black"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="black"/></g></g></svg>`,
+  brand: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="#80EAFF"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="#80EAFF"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="#80EAFF"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="#80EAFF"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="#80EAFF"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="#80EAFF"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="#80EAFF"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="#80EAFF"/></svg>`,
+  white: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="white"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="white"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="white"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="white"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="white"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="white"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="white"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="white"/></svg>`
+};
+var iconContent = {
+  black: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="black"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="black"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="black"/></svg>`,
+  brand: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Blue, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="#80EAFF"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="#80EAFF"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="#80EAFF"/></g></g></svg>`,
+  white: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=White, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="white"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="white"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="white"/></g></g></svg>`
+};
+var Xsolla = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  XsollaLogo,
+  {
+    ...props,
+    fullContent,
+    iconContent
+  }
+);
+var index_default = Xsolla;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LOGO_COLORS,
+  LOGO_SIZES,
+  Xsolla
+});
+//# sourceMappingURL=index.js.map

package/native/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.tsx","../../src/XsollaLogo.native.tsx","../../src/types.ts"],"sourcesContent":["// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { XsollaLogo as XsollaLogoBase } from \"./XsollaLogo\";\nimport type {\n  XsollaLogoProps,\n  LogoVariant,\n  LogoColor,\n  LogoSize,\n} from \"./types\";\nexport { LOGO_SIZES, LOGO_COLORS } from \"./types\";\nexport type { XsollaLogoProps, LogoVariant, LogoColor, LogoSize };\n\n// Full logo SVG content by color\nconst fullContent = {\n  black: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Black, Size=M [32], Icon=Left\"><g id=\"Vector\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"black\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"black\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"black\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"black\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"black\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"black\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"black\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"black\"/></g></g></svg>`,\n  brand: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"#80EAFF\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"#80EAFF\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"#80EAFF\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"#80EAFF\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"#80EAFF\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"#80EAFF\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"#80EAFF\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"#80EAFF\"/></svg>`,\n  white: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"white\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"white\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"white\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"white\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"white\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"white\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"white\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"white\"/></svg>`,\n};\n\n// Icon SVG content by color\nconst iconContent = {\n  black: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"black\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"black\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"black\"/></svg>`,\n  brand: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Blue, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"#80EAFF\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"#80EAFF\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"#80EAFF\"/></g></g></svg>`,\n  white: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=White, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"white\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"white\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"white\"/></g></g></svg>`,\n};\n\n/**\n * Xsolla brand logo component\n *\n * @example\n * // Full logo in brand color (default)\n * <Xsolla />\n *\n * @example\n * // Icon only\n * <Xsolla variant=\"icon\" />\n *\n * @example\n * // Black color, medium size\n * <Xsolla color=\"black\" size=\"m\" />\n */\nexport const Xsolla: React.FC<XsollaLogoProps> = (props) => (\n  <XsollaLogoBase\n    {...props}\n    fullContent={fullContent}\n    iconContent={iconContent}\n  />\n);\n\n// Default export for convenience\nexport default Xsolla;\n","import React from \"react\";\nimport { View } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport type { XsollaLogoInternalProps, LogoSize } from \"./types\";\nimport { LOGO_SIZES } from \"./types\";\n\n// Full logo aspect ratio (approximately 4.84:1 based on Figma - 116x24)\nconst FULL_LOGO_ASPECT_RATIO = 116 / 24;\n\n// Icon aspect ratio (1:1)\nconst ICON_ASPECT_RATIO = 1;\n\nexport const XsollaLogo: React.FC<XsollaLogoInternalProps> = ({\n  variant = \"full\",\n  color = \"brand\",\n  size = \"s\",\n  fullContent,\n  iconContent,\n  style,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n  accessibilityLabel,\n}) => {\n  // Resolve size to pixels\n  const height = typeof size === \"number\" ? size : LOGO_SIZES[size as LogoSize];\n\n  // Calculate width based on variant\n  const aspectRatio =\n    variant === \"full\" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;\n  const width = Math.round(height * aspectRatio);\n\n  // Get the appropriate SVG content\n  const content = variant === \"full\" ? fullContent : iconContent;\n  const svgContent = content[color];\n\n  // Default aria-label based on variant\n  const defaultAriaLabel = variant === \"full\" ? \"Xsolla logo\" : \"Xsolla icon\";\n  const label = accessibilityLabel || ariaLabel || defaultAriaLabel;\n\n  return (\n    <View\n      style={[{ width, height }, style]}\n      accessible={!ariaHidden}\n      accessibilityRole=\"image\"\n      accessibilityLabel={ariaHidden ? undefined : label}\n    >\n      <SvgXml xml={svgContent} width=\"100%\" height=\"100%\" />\n    </View>\n  );\n};\n","import type { CSSProperties } from \"react\";\n\n/**\n * Logo variant - full logo with text or just the icon\n */\nexport type LogoVariant = \"full\" | \"icon\";\n\n/**\n * Logo color variants matching brand guidelines\n */\nexport type LogoColor = \"black\" | \"brand\" | \"white\";\n\n/**\n * Logo size presets\n * - xs: 18px height\n * - s: 24px height (default)\n * - m: 32px height\n */\nexport type LogoSize = \"xs\" | \"s\" | \"m\";\n\n/**\n * Size values in pixels for each preset\n */\nexport const LOGO_SIZES: Record<LogoSize, number> = {\n  xs: 18,\n  s: 24,\n  m: 32,\n};\n\n/**\n * Brand colors in hex values\n */\nexport const LOGO_COLORS: Record<LogoColor, string> = {\n  black: \"#000000\",\n  brand: \"#80EAFF\",\n  white: \"#FFFFFF\",\n};\n\n/**\n * Props for the XsollaLogo component\n */\nexport interface XsollaLogoProps {\n  /**\n   * Logo variant - 'full' shows icon + text, 'icon' shows only the icon\n   * @default 'full'\n   */\n  variant?: LogoVariant;\n\n  /**\n   * Logo color\n   * @default 'brand'\n   */\n  color?: LogoColor;\n\n  /**\n   * Logo size - preset name or custom pixel height\n   * @default 's' (24px)\n   */\n  size?: LogoSize | number;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Test ID for testing purposes\n   */\n  \"data-testid\"?: string;\n\n  /**\n   * Accessible label for screen readers\n   */\n  \"aria-label\"?: string;\n\n  /**\n   * Whether to hide from screen readers\n   */\n  \"aria-hidden\"?: boolean;\n\n  /**\n   * React Native accessibility label\n   */\n  accessibilityLabel?: string;\n}\n\n/**\n * Internal props passed to the logo component including SVG content\n */\nexport interface XsollaLogoInternalProps extends XsollaLogoProps {\n  /**\n   * SVG content for full logo variants (keyed by color)\n   */\n  fullContent: Record<LogoColor, string>;\n\n  /**\n   * SVG content for icon-only variants (keyed by color)\n   */\n  iconContent: Record<LogoColor, string>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,0BAAqB;AACrB,8BAAuB;;;ACqBhB,IAAM,aAAuC;AAAA,EAClD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AACL;AAKO,IAAM,cAAyC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;;;ADUM;AAvCN,IAAM,yBAAyB,MAAM;AAGrC,IAAM,oBAAoB;AAEnB,IAAM,aAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf;AACF,MAAM;AAEJ,QAAM,SAAS,OAAO,SAAS,WAAW,OAAO,WAAW,IAAgB;AAG5E,QAAM,cACJ,YAAY,SAAS,yBAAyB;AAChD,QAAM,QAAQ,KAAK,MAAM,SAAS,WAAW;AAG7C,QAAM,UAAU,YAAY,SAASD,eAAcC;AACnD,QAAM,aAAa,QAAQ,KAAK;AAGhC,QAAM,mBAAmB,YAAY,SAAS,gBAAgB;AAC9D,QAAM,QAAQ,sBAAsB,aAAa;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,CAAC,EAAE,OAAO,OAAO,GAAG,KAAK;AAAA,MAChC,YAAY,CAAC;AAAA,MACb,mBAAkB;AAAA,MAClB,oBAAoB,aAAa,SAAY;AAAA,MAE7C,sDAAC,kCAAO,KAAK,YAAY,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,EACtD;AAEJ;;;ADPE,IAAAC,sBAAA;AA7BF,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAGA,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAiBO,IAAM,SAAoC,CAAC,UAChD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;AAIF,IAAO,gBAAQ;","names":["fullContent","iconContent","import_jsx_runtime"]}

package/native/index.mjs

@@ -0,0 +1,78 @@
+// src/XsollaLogo.native.tsx
+import { View } from "react-native";
+import { SvgXml } from "react-native-svg";
+
+// src/types.ts
+var LOGO_SIZES = {
+  xs: 18,
+  s: 24,
+  m: 32
+};
+var LOGO_COLORS = {
+  black: "#000000",
+  brand: "#80EAFF",
+  white: "#FFFFFF"
+};
+
+// src/XsollaLogo.native.tsx
+import { jsx } from "react/jsx-runtime";
+var FULL_LOGO_ASPECT_RATIO = 116 / 24;
+var ICON_ASPECT_RATIO = 1;
+var XsollaLogo = ({
+  variant = "full",
+  color = "brand",
+  size = "s",
+  fullContent: fullContent2,
+  iconContent: iconContent2,
+  style,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden,
+  accessibilityLabel
+}) => {
+  const height = typeof size === "number" ? size : LOGO_SIZES[size];
+  const aspectRatio = variant === "full" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;
+  const width = Math.round(height * aspectRatio);
+  const content = variant === "full" ? fullContent2 : iconContent2;
+  const svgContent = content[color];
+  const defaultAriaLabel = variant === "full" ? "Xsolla logo" : "Xsolla icon";
+  const label = accessibilityLabel || ariaLabel || defaultAriaLabel;
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: [{ width, height }, style],
+      accessible: !ariaHidden,
+      accessibilityRole: "image",
+      accessibilityLabel: ariaHidden ? void 0 : label,
+      children: /* @__PURE__ */ jsx(SvgXml, { xml: svgContent, width: "100%", height: "100%" })
+    }
+  );
+};
+
+// src/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var fullContent = {
+  black: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Black, Size=M [32], Icon=Left"><g id="Vector"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="black"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="black"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="black"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="black"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="black"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="black"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="black"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="black"/></g></g></svg>`,
+  brand: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="#80EAFF"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="#80EAFF"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="#80EAFF"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="#80EAFF"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="#80EAFF"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="#80EAFF"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="#80EAFF"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="#80EAFF"/></svg>`,
+  white: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="white"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="white"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="white"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="white"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="white"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="white"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="white"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="white"/></svg>`
+};
+var iconContent = {
+  black: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="black"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="black"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="black"/></svg>`,
+  brand: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Blue, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="#80EAFF"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="#80EAFF"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="#80EAFF"/></g></g></svg>`,
+  white: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=White, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="white"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="white"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="white"/></g></g></svg>`
+};
+var Xsolla = (props) => /* @__PURE__ */ jsx2(
+  XsollaLogo,
+  {
+    ...props,
+    fullContent,
+    iconContent
+  }
+);
+var index_default = Xsolla;
+export {
+  LOGO_COLORS,
+  LOGO_SIZES,
+  Xsolla,
+  index_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/native/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/XsollaLogo.native.tsx","../../src/types.ts","../../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport type { XsollaLogoInternalProps, LogoSize } from \"./types\";\nimport { LOGO_SIZES } from \"./types\";\n\n// Full logo aspect ratio (approximately 4.84:1 based on Figma - 116x24)\nconst FULL_LOGO_ASPECT_RATIO = 116 / 24;\n\n// Icon aspect ratio (1:1)\nconst ICON_ASPECT_RATIO = 1;\n\nexport const XsollaLogo: React.FC<XsollaLogoInternalProps> = ({\n  variant = \"full\",\n  color = \"brand\",\n  size = \"s\",\n  fullContent,\n  iconContent,\n  style,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n  accessibilityLabel,\n}) => {\n  // Resolve size to pixels\n  const height = typeof size === \"number\" ? size : LOGO_SIZES[size as LogoSize];\n\n  // Calculate width based on variant\n  const aspectRatio =\n    variant === \"full\" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;\n  const width = Math.round(height * aspectRatio);\n\n  // Get the appropriate SVG content\n  const content = variant === \"full\" ? fullContent : iconContent;\n  const svgContent = content[color];\n\n  // Default aria-label based on variant\n  const defaultAriaLabel = variant === \"full\" ? \"Xsolla logo\" : \"Xsolla icon\";\n  const label = accessibilityLabel || ariaLabel || defaultAriaLabel;\n\n  return (\n    <View\n      style={[{ width, height }, style]}\n      accessible={!ariaHidden}\n      accessibilityRole=\"image\"\n      accessibilityLabel={ariaHidden ? undefined : label}\n    >\n      <SvgXml xml={svgContent} width=\"100%\" height=\"100%\" />\n    </View>\n  );\n};\n","import type { CSSProperties } from \"react\";\n\n/**\n * Logo variant - full logo with text or just the icon\n */\nexport type LogoVariant = \"full\" | \"icon\";\n\n/**\n * Logo color variants matching brand guidelines\n */\nexport type LogoColor = \"black\" | \"brand\" | \"white\";\n\n/**\n * Logo size presets\n * - xs: 18px height\n * - s: 24px height (default)\n * - m: 32px height\n */\nexport type LogoSize = \"xs\" | \"s\" | \"m\";\n\n/**\n * Size values in pixels for each preset\n */\nexport const LOGO_SIZES: Record<LogoSize, number> = {\n  xs: 18,\n  s: 24,\n  m: 32,\n};\n\n/**\n * Brand colors in hex values\n */\nexport const LOGO_COLORS: Record<LogoColor, string> = {\n  black: \"#000000\",\n  brand: \"#80EAFF\",\n  white: \"#FFFFFF\",\n};\n\n/**\n * Props for the XsollaLogo component\n */\nexport interface XsollaLogoProps {\n  /**\n   * Logo variant - 'full' shows icon + text, 'icon' shows only the icon\n   * @default 'full'\n   */\n  variant?: LogoVariant;\n\n  /**\n   * Logo color\n   * @default 'brand'\n   */\n  color?: LogoColor;\n\n  /**\n   * Logo size - preset name or custom pixel height\n   * @default 's' (24px)\n   */\n  size?: LogoSize | number;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Test ID for testing purposes\n   */\n  \"data-testid\"?: string;\n\n  /**\n   * Accessible label for screen readers\n   */\n  \"aria-label\"?: string;\n\n  /**\n   * Whether to hide from screen readers\n   */\n  \"aria-hidden\"?: boolean;\n\n  /**\n   * React Native accessibility label\n   */\n  accessibilityLabel?: string;\n}\n\n/**\n * Internal props passed to the logo component including SVG content\n */\nexport interface XsollaLogoInternalProps extends XsollaLogoProps {\n  /**\n   * SVG content for full logo variants (keyed by color)\n   */\n  fullContent: Record<LogoColor, string>;\n\n  /**\n   * SVG content for icon-only variants (keyed by color)\n   */\n  iconContent: Record<LogoColor, string>;\n}\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { XsollaLogo as XsollaLogoBase } from \"./XsollaLogo\";\nimport type {\n  XsollaLogoProps,\n  LogoVariant,\n  LogoColor,\n  LogoSize,\n} from \"./types\";\nexport { LOGO_SIZES, LOGO_COLORS } from \"./types\";\nexport type { XsollaLogoProps, LogoVariant, LogoColor, LogoSize };\n\n// Full logo SVG content by color\nconst fullContent = {\n  black: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Black, Size=M [32], Icon=Left\"><g id=\"Vector\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"black\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"black\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"black\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"black\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"black\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"black\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"black\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"black\"/></g></g></svg>`,\n  brand: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"#80EAFF\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"#80EAFF\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"#80EAFF\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"#80EAFF\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"#80EAFF\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"#80EAFF\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"#80EAFF\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"#80EAFF\"/></svg>`,\n  white: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"white\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"white\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"white\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"white\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"white\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"white\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"white\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"white\"/></svg>`,\n};\n\n// Icon SVG content by color\nconst iconContent = {\n  black: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"black\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"black\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"black\"/></svg>`,\n  brand: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Blue, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"#80EAFF\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"#80EAFF\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"#80EAFF\"/></g></g></svg>`,\n  white: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=White, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"white\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"white\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"white\"/></g></g></svg>`,\n};\n\n/**\n * Xsolla brand logo component\n *\n * @example\n * // Full logo in brand color (default)\n * <Xsolla />\n *\n * @example\n * // Icon only\n * <Xsolla variant=\"icon\" />\n *\n * @example\n * // Black color, medium size\n * <Xsolla color=\"black\" size=\"m\" />\n */\nexport const Xsolla: React.FC<XsollaLogoProps> = (props) => (\n  <XsollaLogoBase\n    {...props}\n    fullContent={fullContent}\n    iconContent={iconContent}\n  />\n);\n\n// Default export for convenience\nexport default Xsolla;\n"],"mappings":";AACA,SAAS,YAAY;AACrB,SAAS,cAAc;;;ACqBhB,IAAM,aAAuC;AAAA,EAClD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AACL;AAKO,IAAM,cAAyC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;;;ADUM;AAvCN,IAAM,yBAAyB,MAAM;AAGrC,IAAM,oBAAoB;AAEnB,IAAM,aAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf;AACF,MAAM;AAEJ,QAAM,SAAS,OAAO,SAAS,WAAW,OAAO,WAAW,IAAgB;AAG5E,QAAM,cACJ,YAAY,SAAS,yBAAyB;AAChD,QAAM,QAAQ,KAAK,MAAM,SAAS,WAAW;AAG7C,QAAM,UAAU,YAAY,SAASD,eAAcC;AACnD,QAAM,aAAa,QAAQ,KAAK;AAGhC,QAAM,mBAAmB,YAAY,SAAS,gBAAgB;AAC9D,QAAM,QAAQ,sBAAsB,aAAa;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,CAAC,EAAE,OAAO,OAAO,GAAG,KAAK;AAAA,MAChC,YAAY,CAAC;AAAA,MACb,mBAAkB;AAAA,MAClB,oBAAoB,aAAa,SAAY;AAAA,MAE7C,8BAAC,UAAO,KAAK,YAAY,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,EACtD;AAEJ;;;AEPE,gBAAAC,YAAA;AA7BF,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAGA,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAiBO,IAAM,SAAoC,CAAC,UAChD,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;AAIF,IAAO,gBAAQ;","names":["fullContent","iconContent","jsx"]}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@xsolla/xui-logos-xsolla",
+  "version": "0.64.0-pr56.1768440195",
+  "main": "./web/index.js",
+  "types": "./web/index.d.ts",
+  "exports": {
+    ".": {
+      "react-native": {
+        "types": "./native/index.d.ts",
+        "import": "./native/index.mjs",
+        "require": "./native/index.js"
+      },
+      "import": {
+        "types": "./web/index.d.ts",
+        "default": "./web/index.mjs"
+      },
+      "require": {
+        "types": "./web/index.d.ts",
+        "default": "./web/index.js"
+      },
+      "default": {
+        "types": "./web/index.d.ts",
+        "default": "./web/index.js"
+      }
+    }
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": ">=16",
+    "react-native": ">=0.60.0",
+    "react-native-svg": ">=12.0.0",
+    "styled-components": ">=5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "styled-components": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "scripts": {
+    "generate": "node scripts/generate-logos.js",
+    "build": "yarn generate && yarn build:web && yarn build:native",
+    "build:web": "PLATFORM=web tsup",
+    "build:native": "PLATFORM=native tsup",
+    "dev": "PLATFORM=web tsup --watch"
+  },
+  "license": "MIT",
+  "module": "./web/index.mjs",
+  "react-native": "./native/index.js"
+}

package/web/index.d.mts

@@ -0,0 +1,88 @@
+import React, { CSSProperties } from 'react';
+
+/**
+ * Logo variant - full logo with text or just the icon
+ */
+type LogoVariant = "full" | "icon";
+/**
+ * Logo color variants matching brand guidelines
+ */
+type LogoColor = "black" | "brand" | "white";
+/**
+ * Logo size presets
+ * - xs: 18px height
+ * - s: 24px height (default)
+ * - m: 32px height
+ */
+type LogoSize = "xs" | "s" | "m";
+/**
+ * Size values in pixels for each preset
+ */
+declare const LOGO_SIZES: Record<LogoSize, number>;
+/**
+ * Brand colors in hex values
+ */
+declare const LOGO_COLORS: Record<LogoColor, string>;
+/**
+ * Props for the XsollaLogo component
+ */
+interface XsollaLogoProps {
+    /**
+     * Logo variant - 'full' shows icon + text, 'icon' shows only the icon
+     * @default 'full'
+     */
+    variant?: LogoVariant;
+    /**
+     * Logo color
+     * @default 'brand'
+     */
+    color?: LogoColor;
+    /**
+     * Logo size - preset name or custom pixel height
+     * @default 's' (24px)
+     */
+    size?: LogoSize | number;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Additional inline styles
+     */
+    style?: CSSProperties;
+    /**
+     * Test ID for testing purposes
+     */
+    "data-testid"?: string;
+    /**
+     * Accessible label for screen readers
+     */
+    "aria-label"?: string;
+    /**
+     * Whether to hide from screen readers
+     */
+    "aria-hidden"?: boolean;
+    /**
+     * React Native accessibility label
+     */
+    accessibilityLabel?: string;
+}
+
+/**
+ * Xsolla brand logo component
+ *
+ * @example
+ * // Full logo in brand color (default)
+ * <Xsolla />
+ *
+ * @example
+ * // Icon only
+ * <Xsolla variant="icon" />
+ *
+ * @example
+ * // Black color, medium size
+ * <Xsolla color="black" size="m" />
+ */
+declare const Xsolla: React.FC<XsollaLogoProps>;
+
+export { LOGO_COLORS, LOGO_SIZES, type LogoColor, type LogoSize, type LogoVariant, Xsolla, type XsollaLogoProps, Xsolla as default };

package/web/index.d.ts

@@ -0,0 +1,88 @@
+import React, { CSSProperties } from 'react';
+
+/**
+ * Logo variant - full logo with text or just the icon
+ */
+type LogoVariant = "full" | "icon";
+/**
+ * Logo color variants matching brand guidelines
+ */
+type LogoColor = "black" | "brand" | "white";
+/**
+ * Logo size presets
+ * - xs: 18px height
+ * - s: 24px height (default)
+ * - m: 32px height
+ */
+type LogoSize = "xs" | "s" | "m";
+/**
+ * Size values in pixels for each preset
+ */
+declare const LOGO_SIZES: Record<LogoSize, number>;
+/**
+ * Brand colors in hex values
+ */
+declare const LOGO_COLORS: Record<LogoColor, string>;
+/**
+ * Props for the XsollaLogo component
+ */
+interface XsollaLogoProps {
+    /**
+     * Logo variant - 'full' shows icon + text, 'icon' shows only the icon
+     * @default 'full'
+     */
+    variant?: LogoVariant;
+    /**
+     * Logo color
+     * @default 'brand'
+     */
+    color?: LogoColor;
+    /**
+     * Logo size - preset name or custom pixel height
+     * @default 's' (24px)
+     */
+    size?: LogoSize | number;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Additional inline styles
+     */
+    style?: CSSProperties;
+    /**
+     * Test ID for testing purposes
+     */
+    "data-testid"?: string;
+    /**
+     * Accessible label for screen readers
+     */
+    "aria-label"?: string;
+    /**
+     * Whether to hide from screen readers
+     */
+    "aria-hidden"?: boolean;
+    /**
+     * React Native accessibility label
+     */
+    accessibilityLabel?: string;
+}
+
+/**
+ * Xsolla brand logo component
+ *
+ * @example
+ * // Full logo in brand color (default)
+ * <Xsolla />
+ *
+ * @example
+ * // Icon only
+ * <Xsolla variant="icon" />
+ *
+ * @example
+ * // Black color, medium size
+ * <Xsolla color="black" size="m" />
+ */
+declare const Xsolla: React.FC<XsollaLogoProps>;
+
+export { LOGO_COLORS, LOGO_SIZES, type LogoColor, type LogoSize, type LogoVariant, Xsolla, type XsollaLogoProps, Xsolla as default };

package/web/index.js

@@ -0,0 +1,132 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  LOGO_COLORS: () => LOGO_COLORS,
+  LOGO_SIZES: () => LOGO_SIZES,
+  Xsolla: () => Xsolla,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/XsollaLogo.tsx
+var import_styled_components = __toESM(require("styled-components"));
+
+// src/types.ts
+var LOGO_SIZES = {
+  xs: 18,
+  s: 24,
+  m: 32
+};
+var LOGO_COLORS = {
+  black: "#000000",
+  brand: "#80EAFF",
+  white: "#FFFFFF"
+};
+
+// src/XsollaLogo.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var StyledLogo = import_styled_components.default.div`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: ${(props) => props.$height}px;
+  width: ${(props) => props.$width}px;
+
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+var FULL_LOGO_ASPECT_RATIO = 116 / 24;
+var ICON_ASPECT_RATIO = 1;
+var XsollaLogo = ({
+  variant = "full",
+  color = "brand",
+  size = "s",
+  fullContent: fullContent2,
+  iconContent: iconContent2,
+  className,
+  style,
+  "data-testid": testId,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden
+}) => {
+  const height = typeof size === "number" ? size : LOGO_SIZES[size];
+  const aspectRatio = variant === "full" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;
+  const width = Math.round(height * aspectRatio);
+  const content = variant === "full" ? fullContent2 : iconContent2;
+  const svgContent = content[color];
+  const defaultAriaLabel = variant === "full" ? "Xsolla logo" : "Xsolla icon";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledLogo,
+    {
+      $height: height,
+      $width: width,
+      className,
+      style,
+      "data-testid": testId,
+      role: ariaLabel || !ariaHidden ? "img" : void 0,
+      "aria-label": ariaLabel || defaultAriaLabel,
+      "aria-hidden": ariaHidden,
+      dangerouslySetInnerHTML: { __html: svgContent }
+    }
+  );
+};
+
+// src/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var fullContent = {
+  black: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Black, Size=M [32], Icon=Left"><g id="Vector"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="black"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="black"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="black"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="black"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="black"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="black"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="black"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="black"/></g></g></svg>`,
+  brand: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="#80EAFF"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="#80EAFF"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="#80EAFF"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="#80EAFF"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="#80EAFF"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="#80EAFF"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="#80EAFF"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="#80EAFF"/></svg>`,
+  white: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="white"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="white"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="white"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="white"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="white"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="white"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="white"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="white"/></svg>`
+};
+var iconContent = {
+  black: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="black"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="black"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="black"/></svg>`,
+  brand: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Blue, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="#80EAFF"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="#80EAFF"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="#80EAFF"/></g></g></svg>`,
+  white: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=White, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="white"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="white"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="white"/></g></g></svg>`
+};
+var Xsolla = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  XsollaLogo,
+  {
+    ...props,
+    fullContent,
+    iconContent
+  }
+);
+var index_default = Xsolla;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LOGO_COLORS,
+  LOGO_SIZES,
+  Xsolla
+});
+//# sourceMappingURL=index.js.map

package/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.tsx","../../src/XsollaLogo.tsx","../../src/types.ts"],"sourcesContent":["// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { XsollaLogo as XsollaLogoBase } from \"./XsollaLogo\";\nimport type {\n  XsollaLogoProps,\n  LogoVariant,\n  LogoColor,\n  LogoSize,\n} from \"./types\";\nexport { LOGO_SIZES, LOGO_COLORS } from \"./types\";\nexport type { XsollaLogoProps, LogoVariant, LogoColor, LogoSize };\n\n// Full logo SVG content by color\nconst fullContent = {\n  black: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Black, Size=M [32], Icon=Left\"><g id=\"Vector\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"black\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"black\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"black\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"black\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"black\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"black\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"black\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"black\"/></g></g></svg>`,\n  brand: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"#80EAFF\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"#80EAFF\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"#80EAFF\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"#80EAFF\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"#80EAFF\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"#80EAFF\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"#80EAFF\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"#80EAFF\"/></svg>`,\n  white: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"white\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"white\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"white\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"white\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"white\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"white\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"white\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"white\"/></svg>`,\n};\n\n// Icon SVG content by color\nconst iconContent = {\n  black: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"black\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"black\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"black\"/></svg>`,\n  brand: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Blue, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"#80EAFF\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"#80EAFF\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"#80EAFF\"/></g></g></svg>`,\n  white: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=White, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"white\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"white\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"white\"/></g></g></svg>`,\n};\n\n/**\n * Xsolla brand logo component\n *\n * @example\n * // Full logo in brand color (default)\n * <Xsolla />\n *\n * @example\n * // Icon only\n * <Xsolla variant=\"icon\" />\n *\n * @example\n * // Black color, medium size\n * <Xsolla color=\"black\" size=\"m\" />\n */\nexport const Xsolla: React.FC<XsollaLogoProps> = (props) => (\n  <XsollaLogoBase\n    {...props}\n    fullContent={fullContent}\n    iconContent={iconContent}\n  />\n);\n\n// Default export for convenience\nexport default Xsolla;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport type { XsollaLogoInternalProps, LogoSize } from \"./types\";\nimport { LOGO_SIZES } from \"./types\";\n\nconst StyledLogo = styled.div<{ $height: number; $width: number }>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ${(props) => props.$height}px;\n  width: ${(props) => props.$width}px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\n// Full logo aspect ratio (approximately 4.84:1 based on Figma - 116x24)\nconst FULL_LOGO_ASPECT_RATIO = 116 / 24;\n\n// Icon aspect ratio (1:1)\nconst ICON_ASPECT_RATIO = 1;\n\nexport const XsollaLogo: React.FC<XsollaLogoInternalProps> = ({\n  variant = \"full\",\n  color = \"brand\",\n  size = \"s\",\n  fullContent,\n  iconContent,\n  className,\n  style,\n  \"data-testid\": testId,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n}) => {\n  // Resolve size to pixels\n  const height = typeof size === \"number\" ? size : LOGO_SIZES[size as LogoSize];\n\n  // Calculate width based on variant\n  const aspectRatio =\n    variant === \"full\" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;\n  const width = Math.round(height * aspectRatio);\n\n  // Get the appropriate SVG content\n  const content = variant === \"full\" ? fullContent : iconContent;\n  const svgContent = content[color];\n\n  // Default aria-label based on variant\n  const defaultAriaLabel = variant === \"full\" ? \"Xsolla logo\" : \"Xsolla icon\";\n\n  return (\n    <StyledLogo\n      $height={height}\n      $width={width}\n      className={className}\n      style={style}\n      data-testid={testId}\n      role={ariaLabel || !ariaHidden ? \"img\" : undefined}\n      aria-label={ariaLabel || defaultAriaLabel}\n      aria-hidden={ariaHidden}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n};\n","import type { CSSProperties } from \"react\";\n\n/**\n * Logo variant - full logo with text or just the icon\n */\nexport type LogoVariant = \"full\" | \"icon\";\n\n/**\n * Logo color variants matching brand guidelines\n */\nexport type LogoColor = \"black\" | \"brand\" | \"white\";\n\n/**\n * Logo size presets\n * - xs: 18px height\n * - s: 24px height (default)\n * - m: 32px height\n */\nexport type LogoSize = \"xs\" | \"s\" | \"m\";\n\n/**\n * Size values in pixels for each preset\n */\nexport const LOGO_SIZES: Record<LogoSize, number> = {\n  xs: 18,\n  s: 24,\n  m: 32,\n};\n\n/**\n * Brand colors in hex values\n */\nexport const LOGO_COLORS: Record<LogoColor, string> = {\n  black: \"#000000\",\n  brand: \"#80EAFF\",\n  white: \"#FFFFFF\",\n};\n\n/**\n * Props for the XsollaLogo component\n */\nexport interface XsollaLogoProps {\n  /**\n   * Logo variant - 'full' shows icon + text, 'icon' shows only the icon\n   * @default 'full'\n   */\n  variant?: LogoVariant;\n\n  /**\n   * Logo color\n   * @default 'brand'\n   */\n  color?: LogoColor;\n\n  /**\n   * Logo size - preset name or custom pixel height\n   * @default 's' (24px)\n   */\n  size?: LogoSize | number;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Test ID for testing purposes\n   */\n  \"data-testid\"?: string;\n\n  /**\n   * Accessible label for screen readers\n   */\n  \"aria-label\"?: string;\n\n  /**\n   * Whether to hide from screen readers\n   */\n  \"aria-hidden\"?: boolean;\n\n  /**\n   * React Native accessibility label\n   */\n  accessibilityLabel?: string;\n}\n\n/**\n * Internal props passed to the logo component including SVG content\n */\nexport interface XsollaLogoInternalProps extends XsollaLogoProps {\n  /**\n   * SVG content for full logo variants (keyed by color)\n   */\n  fullContent: Record<LogoColor, string>;\n\n  /**\n   * SVG content for icon-only variants (keyed by color)\n   */\n  iconContent: Record<LogoColor, string>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,+BAAmB;;;ACsBZ,IAAM,aAAuC;AAAA,EAClD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AACL;AAKO,IAAM,cAAyC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;;;ADgBI;AA/CJ,IAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,YAId,CAAC,UAAU,MAAM,OAAO;AAAA,WACzB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASlC,IAAM,yBAAyB,MAAM;AAGrC,IAAM,oBAAoB;AAEnB,IAAM,aAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AAEJ,QAAM,SAAS,OAAO,SAAS,WAAW,OAAO,WAAW,IAAgB;AAG5E,QAAM,cACJ,YAAY,SAAS,yBAAyB;AAChD,QAAM,QAAQ,KAAK,MAAM,SAAS,WAAW;AAG7C,QAAM,UAAU,YAAY,SAASD,eAAcC;AACnD,QAAM,aAAa,QAAQ,KAAK;AAGhC,QAAM,mBAAmB,YAAY,SAAS,gBAAgB;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,MAAM,aAAa,CAAC,aAAa,QAAQ;AAAA,MACzC,cAAY,aAAa;AAAA,MACzB,eAAa;AAAA,MACb,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ADtBE,IAAAC,sBAAA;AA7BF,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAGA,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAiBO,IAAM,SAAoC,CAAC,UAChD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;AAIF,IAAO,gBAAQ;","names":["styled","fullContent","iconContent","import_jsx_runtime"]}

package/web/index.mjs

@@ -0,0 +1,93 @@
+// src/XsollaLogo.tsx
+import styled from "styled-components";
+
+// src/types.ts
+var LOGO_SIZES = {
+  xs: 18,
+  s: 24,
+  m: 32
+};
+var LOGO_COLORS = {
+  black: "#000000",
+  brand: "#80EAFF",
+  white: "#FFFFFF"
+};
+
+// src/XsollaLogo.tsx
+import { jsx } from "react/jsx-runtime";
+var StyledLogo = styled.div`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: ${(props) => props.$height}px;
+  width: ${(props) => props.$width}px;
+
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+var FULL_LOGO_ASPECT_RATIO = 116 / 24;
+var ICON_ASPECT_RATIO = 1;
+var XsollaLogo = ({
+  variant = "full",
+  color = "brand",
+  size = "s",
+  fullContent: fullContent2,
+  iconContent: iconContent2,
+  className,
+  style,
+  "data-testid": testId,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden
+}) => {
+  const height = typeof size === "number" ? size : LOGO_SIZES[size];
+  const aspectRatio = variant === "full" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;
+  const width = Math.round(height * aspectRatio);
+  const content = variant === "full" ? fullContent2 : iconContent2;
+  const svgContent = content[color];
+  const defaultAriaLabel = variant === "full" ? "Xsolla logo" : "Xsolla icon";
+  return /* @__PURE__ */ jsx(
+    StyledLogo,
+    {
+      $height: height,
+      $width: width,
+      className,
+      style,
+      "data-testid": testId,
+      role: ariaLabel || !ariaHidden ? "img" : void 0,
+      "aria-label": ariaLabel || defaultAriaLabel,
+      "aria-hidden": ariaHidden,
+      dangerouslySetInnerHTML: { __html: svgContent }
+    }
+  );
+};
+
+// src/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var fullContent = {
+  black: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Black, Size=M [32], Icon=Left"><g id="Vector"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="black"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="black"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="black"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="black"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="black"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="black"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="black"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="black"/></g></g></svg>`,
+  brand: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="#80EAFF"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="#80EAFF"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="#80EAFF"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="#80EAFF"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="#80EAFF"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="#80EAFF"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="#80EAFF"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="#80EAFF"/></svg>`,
+  white: `<svg viewBox="0 0 155 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z" fill="white"/><path d="M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z" fill="white"/><path d="M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z" fill="white"/><path d="M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z" fill="white"/><path d="M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z" fill="white"/><path d="M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z" fill="white"/><path d="M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z" fill="white"/><path d="M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z" fill="white"/></svg>`
+};
+var iconContent = {
+  black: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="black"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="black"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="black"/></svg>`,
+  brand: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=Blue, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="#80EAFF"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="#80EAFF"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="#80EAFF"/></g></g></svg>`,
+  white: `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="Colour=White, Size=M [32], Icon=None"><g id="Vector"><path d="M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z" fill="white"/><path d="M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z" fill="white"/><path d="M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z" fill="white"/></g></g></svg>`
+};
+var Xsolla = (props) => /* @__PURE__ */ jsx2(
+  XsollaLogo,
+  {
+    ...props,
+    fullContent,
+    iconContent
+  }
+);
+var index_default = Xsolla;
+export {
+  LOGO_COLORS,
+  LOGO_SIZES,
+  Xsolla,
+  index_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/web/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/XsollaLogo.tsx","../../src/types.ts","../../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport type { XsollaLogoInternalProps, LogoSize } from \"./types\";\nimport { LOGO_SIZES } from \"./types\";\n\nconst StyledLogo = styled.div<{ $height: number; $width: number }>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ${(props) => props.$height}px;\n  width: ${(props) => props.$width}px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\n// Full logo aspect ratio (approximately 4.84:1 based on Figma - 116x24)\nconst FULL_LOGO_ASPECT_RATIO = 116 / 24;\n\n// Icon aspect ratio (1:1)\nconst ICON_ASPECT_RATIO = 1;\n\nexport const XsollaLogo: React.FC<XsollaLogoInternalProps> = ({\n  variant = \"full\",\n  color = \"brand\",\n  size = \"s\",\n  fullContent,\n  iconContent,\n  className,\n  style,\n  \"data-testid\": testId,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n}) => {\n  // Resolve size to pixels\n  const height = typeof size === \"number\" ? size : LOGO_SIZES[size as LogoSize];\n\n  // Calculate width based on variant\n  const aspectRatio =\n    variant === \"full\" ? FULL_LOGO_ASPECT_RATIO : ICON_ASPECT_RATIO;\n  const width = Math.round(height * aspectRatio);\n\n  // Get the appropriate SVG content\n  const content = variant === \"full\" ? fullContent : iconContent;\n  const svgContent = content[color];\n\n  // Default aria-label based on variant\n  const defaultAriaLabel = variant === \"full\" ? \"Xsolla logo\" : \"Xsolla icon\";\n\n  return (\n    <StyledLogo\n      $height={height}\n      $width={width}\n      className={className}\n      style={style}\n      data-testid={testId}\n      role={ariaLabel || !ariaHidden ? \"img\" : undefined}\n      aria-label={ariaLabel || defaultAriaLabel}\n      aria-hidden={ariaHidden}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n};\n","import type { CSSProperties } from \"react\";\n\n/**\n * Logo variant - full logo with text or just the icon\n */\nexport type LogoVariant = \"full\" | \"icon\";\n\n/**\n * Logo color variants matching brand guidelines\n */\nexport type LogoColor = \"black\" | \"brand\" | \"white\";\n\n/**\n * Logo size presets\n * - xs: 18px height\n * - s: 24px height (default)\n * - m: 32px height\n */\nexport type LogoSize = \"xs\" | \"s\" | \"m\";\n\n/**\n * Size values in pixels for each preset\n */\nexport const LOGO_SIZES: Record<LogoSize, number> = {\n  xs: 18,\n  s: 24,\n  m: 32,\n};\n\n/**\n * Brand colors in hex values\n */\nexport const LOGO_COLORS: Record<LogoColor, string> = {\n  black: \"#000000\",\n  brand: \"#80EAFF\",\n  white: \"#FFFFFF\",\n};\n\n/**\n * Props for the XsollaLogo component\n */\nexport interface XsollaLogoProps {\n  /**\n   * Logo variant - 'full' shows icon + text, 'icon' shows only the icon\n   * @default 'full'\n   */\n  variant?: LogoVariant;\n\n  /**\n   * Logo color\n   * @default 'brand'\n   */\n  color?: LogoColor;\n\n  /**\n   * Logo size - preset name or custom pixel height\n   * @default 's' (24px)\n   */\n  size?: LogoSize | number;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Test ID for testing purposes\n   */\n  \"data-testid\"?: string;\n\n  /**\n   * Accessible label for screen readers\n   */\n  \"aria-label\"?: string;\n\n  /**\n   * Whether to hide from screen readers\n   */\n  \"aria-hidden\"?: boolean;\n\n  /**\n   * React Native accessibility label\n   */\n  accessibilityLabel?: string;\n}\n\n/**\n * Internal props passed to the logo component including SVG content\n */\nexport interface XsollaLogoInternalProps extends XsollaLogoProps {\n  /**\n   * SVG content for full logo variants (keyed by color)\n   */\n  fullContent: Record<LogoColor, string>;\n\n  /**\n   * SVG content for icon-only variants (keyed by color)\n   */\n  iconContent: Record<LogoColor, string>;\n}\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { XsollaLogo as XsollaLogoBase } from \"./XsollaLogo\";\nimport type {\n  XsollaLogoProps,\n  LogoVariant,\n  LogoColor,\n  LogoSize,\n} from \"./types\";\nexport { LOGO_SIZES, LOGO_COLORS } from \"./types\";\nexport type { XsollaLogoProps, LogoVariant, LogoColor, LogoSize };\n\n// Full logo SVG content by color\nconst fullContent = {\n  black: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Black, Size=M [32], Icon=Left\"><g id=\"Vector\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"black\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"black\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"black\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"black\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"black\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"black\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"black\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"black\"/></g></g></svg>`,\n  brand: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"#80EAFF\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"#80EAFF\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"#80EAFF\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"#80EAFF\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"#80EAFF\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"#80EAFF\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"#80EAFF\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"#80EAFF\"/></svg>`,\n  white: `<svg viewBox=\"0 0 155 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M28.5308 8.91228C26.2721 8.35088 25.5663 7.75439 24.9311 5.78947C23.7276 2 21.2925 0 17.8693 0C14.446 0 12.0109 2 10.811 5.78947C10.1757 7.75439 9.46992 8.35088 7.21128 8.91228C3.36452 9.85965 1 12.4912 1 16C1 19.5088 3.36452 22.1404 7.21128 23.0877C9.46992 23.6491 10.1757 24.2456 10.811 26.2105C12.0109 30 14.446 32 17.8693 32C21.2925 32 23.7276 30 24.9275 26.2105C25.5628 24.2456 26.2686 23.6491 28.5273 23.0877C32.374 22.1404 34.7385 19.5088 34.7385 16C34.7385 12.4912 32.374 9.85965 28.5273 8.91228H28.5308ZM23.41 21.4035C21.0808 21.4035 19.0339 19.7193 18.5398 17.6491H17.2693C16.7399 19.6842 14.693 21.4035 12.3638 21.4035C9.5758 21.4035 7.31715 19.1228 7.31715 16.3509C7.31715 13.5789 9.5758 11.3333 12.3638 11.3333C14.6578 11.3333 16.7399 13.0175 17.2693 15.0526H18.5398C19.0692 12.9825 21.1161 11.3333 23.41 11.3333C26.198 11.3333 28.492 13.5789 28.492 16.3509C28.492 19.1228 26.198 21.4035 23.41 21.4035Z\" fill=\"white\"/><path d=\"M25.4572 14.351H21.3987V18.3861H25.4572V14.351Z\" fill=\"white\"/><path d=\"M14.4107 14.351H10.3522V18.3861H14.4107V14.351Z\" fill=\"white\"/><path d=\"M58.5461 3.71916H52.476L46.6847 11.5788L40.8299 3.71916H34.4774L43.5402 15.7858L34.0539 28.2806H40.1593L46.4765 19.7121L52.8642 28.2806H59.2519L49.6245 15.4981L58.5461 3.71916Z\" fill=\"white\"/><path d=\"M64.1361 10.7718L70.1003 3.71916H63.9596L60.7834 7.43846C59.7599 8.66653 59.2659 9.8946 59.2659 11.2279C59.2659 12.5613 59.7599 13.7542 60.7834 15.0174L65.6183 21.0525L59.9364 28.2806H66.2183L69.0063 24.7718C70.065 23.4385 70.5591 22.1753 70.5591 20.8069C70.5591 19.4385 70.065 18.1753 69.0063 16.842L64.1361 10.7718Z\" fill=\"white\"/><path d=\"M85.6001 3.15789C78.3654 3.15789 72.6835 8.80702 72.6835 16C72.6835 23.193 78.3654 28.8421 85.6001 28.8421C92.8348 28.8421 98.5168 23.193 98.5168 16C98.5168 8.80702 92.8348 3.15789 85.6001 3.15789ZM85.6001 23.9298C81.2593 23.9298 77.9772 20.5263 77.9772 16C77.9772 11.4737 81.2593 8.07018 85.6001 8.07018C89.9409 8.07018 93.223 11.4737 93.223 16C93.223 20.5263 89.9409 23.9298 85.6001 23.9298Z\" fill=\"white\"/><path d=\"M97.4019 3.71916L110.675 28.2806H116.886L103.617 3.71916H97.4019Z\" fill=\"white\"/><path d=\"M140.193 3.71916H136.487L126.376 23.1051L115.902 3.71916H109.69L122.96 28.2841H153L140.189 3.71916H140.193ZM131.561 23.7192L138.227 10.5297L144.883 23.7192H131.561Z\" fill=\"white\"/></svg>`,\n};\n\n// Icon SVG content by color\nconst iconContent = {\n  black: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"black\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"black\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"black\"/></svg>`,\n  brand: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=Blue, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"#80EAFF\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"#80EAFF\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"#80EAFF\"/></g></g></svg>`,\n  white: `<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g id=\"Colour=White, Size=M [32], Icon=None\"><g id=\"Vector\"><path d=\"M26.1121 9.23909C23.9699 8.70353 23.3004 8.13449 22.6979 6.26001C21.5565 2.64495 19.2469 0.737 16 0.737C12.7531 0.737 10.4435 2.64495 9.30544 6.26001C8.70293 8.13449 8.03347 8.70353 5.89121 9.23909C2.24268 10.1429 0 12.6533 0 16.0006C0 19.3479 2.24268 21.8583 5.89121 22.7621C8.03347 23.2977 8.70293 23.8667 9.30544 25.7412C10.4435 29.3562 12.7531 31.2642 16 31.2642C19.2469 31.2642 21.5565 29.3562 22.6946 25.7412C23.2971 23.8667 23.9665 23.2977 26.1088 22.7621C29.7573 21.8583 32 19.3479 32 16.0006C32 12.6533 29.7573 10.1429 26.1088 9.23909H26.1121ZM21.2552 21.1554C19.046 21.1554 17.1046 19.5487 16.636 17.5738H15.431C14.9289 19.5152 12.9874 21.1554 10.7782 21.1554C8.13389 21.1554 5.99163 18.9797 5.99163 16.3353C5.99163 13.691 8.13389 11.5487 10.7782 11.5487C12.954 11.5487 14.9289 13.1554 15.431 15.0968H16.636C17.1381 13.1219 19.0795 11.5487 21.2552 11.5487C23.8996 11.5487 26.0753 13.691 26.0753 16.3353C26.0753 18.9797 23.8996 21.1554 21.2552 21.1554Z\" fill=\"white\"/><path d=\"M23.1969 14.4275H19.3475V18.2769H23.1969V14.4275Z\" fill=\"white\"/><path d=\"M12.7197 14.4275H8.87029V18.2769H12.7197V14.4275Z\" fill=\"white\"/></g></g></svg>`,\n};\n\n/**\n * Xsolla brand logo component\n *\n * @example\n * // Full logo in brand color (default)\n * <Xsolla />\n *\n * @example\n * // Icon only\n * <Xsolla variant=\"icon\" />\n *\n * @example\n * // Black color, medium size\n * <Xsolla color=\"black\" size=\"m\" />\n */\nexport const Xsolla: React.FC<XsollaLogoProps> = (props) => (\n  <XsollaLogoBase\n    {...props}\n    fullContent={fullContent}\n    iconContent={iconContent}\n  />\n);\n\n// Default export for convenience\nexport default Xsolla;\n"],"mappings":";AACA,OAAO,YAAY;;;ACsBZ,IAAM,aAAuC;AAAA,EAClD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AACL;AAKO,IAAM,cAAyC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;;;ADgBI;AA/CJ,IAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,YAId,CAAC,UAAU,MAAM,OAAO;AAAA,WACzB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASlC,IAAM,yBAAyB,MAAM;AAGrC,IAAM,oBAAoB;AAEnB,IAAM,aAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AAEJ,QAAM,SAAS,OAAO,SAAS,WAAW,OAAO,WAAW,IAAgB;AAG5E,QAAM,cACJ,YAAY,SAAS,yBAAyB;AAChD,QAAM,QAAQ,KAAK,MAAM,SAAS,WAAW;AAG7C,QAAM,UAAU,YAAY,SAASD,eAAcC;AACnD,QAAM,aAAa,QAAQ,KAAK;AAGhC,QAAM,mBAAmB,YAAY,SAAS,gBAAgB;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,MAAM,aAAa,CAAC,aAAa,QAAQ;AAAA,MACzC,cAAY,aAAa;AAAA,MACzB,eAAa;AAAA,MACb,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;AEtBE,gBAAAC,YAAA;AA7BF,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAGA,IAAM,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAiBO,IAAM,SAAoC,CAAC,UAChD,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;AAIF,IAAO,gBAAQ;","names":["fullContent","iconContent","jsx"]}