@metamask-previews/design-system-react-native 0.0.0-preview.fbd1fe9 → 0.0.0-preview.ff8ed96

package/dist/components/ButtonIcon/ButtonIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.js","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,+CAAiD;AAGjD,qFAA6D;AAE7D,mDAA2B;AAC3B,iEAGgC;AAEhC,iEAGgC;AAEhC,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,+CAAwB,CAAC,UAAU,EAChD,SAAS,GAAG,+CAAwB,CAAC,SAAS,EAC9C,UAAU,GAAG,+CAAwB,CAAC,UAAU,EAChD,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,OAAO,IAAA,4DAAqC,EAAC;YAC3C,UAAU;YACV,SAAS;YACT,UAAU;YACV,IAAI;YACJ,WAAW;SACZ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3D,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,OAAO,IAAA,4DAAqC,EAAC;YAC3C,SAAS;YACT,UAAU;SACX,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,MAAM,cAAc,GAAuB;QACzC,KAAK,EAAE,qBAAqB;QAC5B,IAAI,EAAE,sDAA+B,CAAC,IAAsB,CAAC;QAC7D,GAAG,SAAS;KACb,CAAC;IACF,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACxD,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACzD,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,wBAAc,CACb,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,UAAU,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAC7C,MAAM,CAAC,aAAa,CACpB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,cAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,cAAc,CAAC,EAC3C;IAAA,EAAE,wBAAc,CAAC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo, useState } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport ButtonAnimated from '../../primitives/ButtonAnimated';\nimport type { IconProps } from '../Icon';\nimport Icon from '../Icon';\nimport {\n  DEFAULT_BUTTONICON_PROPS,\n  MAPPING_BUTTONICONSIZE_ICONSIZE,\n} from './ButtonIcon.constants';\nimport type { ButtonIconProps, ButtonIconSize } from './ButtonIcon.types';\nimport {\n  generateButtonIconContainerClassNames,\n  generateButtonIconIconColorClassNames,\n} from './ButtonIcon.utilities';\n\nconst ButtonIcon = ({\n  size = DEFAULT_BUTTONICON_PROPS.size,\n  iconName,\n  iconProps,\n  isDisabled = DEFAULT_BUTTONICON_PROPS.isDisabled,\n  isInverse = DEFAULT_BUTTONICON_PROPS.isInverse,\n  isFloating = DEFAULT_BUTTONICON_PROPS.isFloating,\n  onPressIn,\n  onPressOut,\n  twClassName,\n  style,\n  ...props\n}: ButtonIconProps) => {\n  const [isPressed, setIsPressed] = useState(false);\n  const tw = useTailwind();\n  const twContainerClassNames = useMemo(() => {\n    return generateButtonIconContainerClassNames({\n      isDisabled,\n      isPressed,\n      isFloating,\n      size,\n      twClassName,\n    });\n  }, [isDisabled, isPressed, isFloating, size, twClassName]);\n\n  const twIconColorClassNames = useMemo(() => {\n    return generateButtonIconIconColorClassNames({\n      isInverse,\n      isFloating,\n    });\n  }, [isInverse, isFloating]);\n\n  const finalIconProps: Partial<IconProps> = {\n    color: twIconColorClassNames,\n    size: MAPPING_BUTTONICONSIZE_ICONSIZE[size as ButtonIconSize],\n    ...iconProps,\n  };\n  const onPressInHandler = (event: GestureResponderEvent) => {\n    setIsPressed(true);\n    onPressIn?.(event);\n  };\n\n  const onPressOutHandler = (event: GestureResponderEvent) => {\n    setIsPressed(false);\n    onPressOut?.(event);\n  };\n\n  return (\n    <ButtonAnimated\n      disabled={isDisabled}\n      onPressIn={onPressInHandler}\n      onPressOut={onPressOutHandler}\n      accessible\n      style={[tw`${twContainerClassNames}`, style]}\n      testID=\"button-icon\"\n      {...props}\n    >\n      <Icon name={iconName} {...finalIconProps} />\n    </ButtonAnimated>\n  );\n};\n\nexport default ButtonIcon;\n"]}

package/dist/components/ButtonIcon/ButtonIcon.types.d.ts

@@ -1,60 +0,0 @@
-import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { IconProps, IconName } from '../Icon';
-export declare enum ButtonIconSize {
-    /**
-     * Represents a small button size (24px).
-     */
-    Sm = "24",
-    /**
-     * Represents a medium button size (32px).
-     */
-    Md = "32",
-    /**
-     * Represents a large button size (40px).
-     */
-    Lg = "40"
-}
-/**
- * ButtonIcon component props.
- */
-export type ButtonIconProps = {
-    /**
-     * Optional prop to control the size of the icon
-     * Different sizes map to specific pixel dimensions
-     * @default IconSize.Md
-     */
-    size?: ButtonIconSize;
-    /**
-     * Optional prop to specify an icon to show
-     */
-    iconName: IconName;
-    /**
-     * Optional prop to pass additional properties to the icon
-     */
-    iconProps?: Partial<IconProps>;
-    /**
-     * Optional prop that when true, disables the button
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional prop to show the inverse state of the button, which is reserved for buttons on colored backgrounds.
-     * @default false
-     */
-    isInverse?: boolean;
-    /**
-     * Optional prop to show the floating/contained state of the button, which is reserved for floating buttons.
-     * Note: This prop provides styling only. There is no positioning logic.
-     * @default false
-     */
-    isFloating?: boolean;
-    /**
-     * Optional prop to add twrnc overriding classNames.
-     */
-    twClassName?: string;
-    /**
-     * Optional prop to control the style.
-     */
-    style?: StyleProp<ViewStyle>;
-} & Omit<PressableProps, 'children'>;
-//# sourceMappingURL=ButtonIcon.types.d.ts.map

package/dist/components/ButtonIcon/ButtonIcon.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/ButtonIcon/ButtonIcon.types.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonIconSize = void 0;
-var ButtonIconSize;
-(function (ButtonIconSize) {
-    /**
-     * Represents a small button size (24px).
-     */
-    ButtonIconSize["Sm"] = "24";
-    /**
-     * Represents a medium button size (32px).
-     */
-    ButtonIconSize["Md"] = "32";
-    /**
-     * Represents a large button size (40px).
-     */
-    ButtonIconSize["Lg"] = "40";
-})(ButtonIconSize || (exports.ButtonIconSize = ButtonIconSize = {}));
-//# sourceMappingURL=ButtonIcon.types.js.map

package/dist/components/ButtonIcon/ButtonIcon.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.types.js","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":";;;AAIA,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EAbW,cAAc,8BAAd,cAAc,QAazB","sourcesContent":["import type { PressableProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { IconProps, IconName } from '../Icon';\n\nexport enum ButtonIconSize {\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm = '24',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md = '32',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg = '40',\n}\n\n/**\n * ButtonIcon component props.\n */\nexport type ButtonIconProps = {\n  /**\n   * Optional prop to control the size of the icon\n   * Different sizes map to specific pixel dimensions\n   * @default IconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional prop to specify an icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Partial<IconProps>;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to show the inverse state of the button, which is reserved for buttons on colored backgrounds.\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop to show the floating/contained state of the button, which is reserved for floating buttons.\n   * Note: This prop provides styling only. There is no positioning logic.\n   * @default false\n   */\n  isFloating?: boolean;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional prop to control the style.\n   */\n  style?: StyleProp<ViewStyle>;\n} & Omit<PressableProps, 'children'>;\n"]}

package/dist/components/ButtonIcon/ButtonIcon.utilities.d.ts

@@ -1,55 +0,0 @@
-import type { IconColor } from '../Icon';
-import type { ButtonIconProps } from './ButtonIcon.types';
-/**
- * Generates a Tailwind class name string for the icon button container.
- *
- * This function constructs a class name string based on the button icon's `size`,
- * `isDisabled`, `isPressed`, `isFloating`, and optional additional Tailwind class names.
- *
- * @param isDisabled - Determines whether the button is disabled, affecting opacity.
- * @param isPressed - Determines whether the button is pressed, affecting background color.
- * @param isFloating - Determines whether the button should have a floating, rounded appearance.
- * @param size - The size of the button in pixels.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A string of Tailwind class names representing the button icon's container styles.
- *
- * Example:
- * ```
- * const classNames = generateButtonIconContainerClassNames({
- *   isDisabled: true,
- *   isPressed: false,
- *   isFloating: true,
- *   size: 48,
- *   twClassName: 'border border-blue-500',
- * });
- *
- * console.log(classNames);
- * // Output: "items-center justify-center rounded-full h-[48px] w-[48px] bg-icon-default opacity-50 border border-blue-500"
- * ```
- */
-export declare const generateButtonIconContainerClassNames: ({ isDisabled, isPressed, isFloating, size, twClassName, }: Partial<ButtonIconProps> & {
-    isPressed?: boolean | undefined;
-}) => string;
-/**
- * Generates a Tailwind class name string for the icon color of a button icon.
- *
- * This function determines the appropriate icon color class based on whether
- * the button icon is using an inverse theme or is floating.
- *
- * @param isInverse - Determines if the button icon should use an inverse theme, affecting text color.
- * @param isFloating - Determines if the button icon is floating, affecting text color.
- * @returns A string representing the Tailwind class name for the button icon color.
- *
- * Example:
- * ```
- * const classNames = generateButtonIconIconColorClassNames({
- *   isInverse: true,
- *   isFloating: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-primary-inverse"
- * ```
- */
-export declare const generateButtonIconIconColorClassNames: ({ isInverse, isFloating, }: Partial<ButtonIconProps>) => IconColor;
-//# sourceMappingURL=ButtonIcon.utilities.d.ts.map

package/dist/components/ButtonIcon/ButtonIcon.utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,qCAAqC;;MAQ9C,MAgBH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,qCAAqC,+BAG/C,QAAQ,eAAe,CAAC,KAAG,SAK7B,CAAC"}

package/dist/components/ButtonIcon/ButtonIcon.utilities.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateButtonIconIconColorClassNames = exports.generateButtonIconContainerClassNames = void 0;
-const ButtonIcon_constants_1 = require("./ButtonIcon.constants");
-/**
- * Generates a Tailwind class name string for the icon button container.
- *
- * This function constructs a class name string based on the button icon's `size`,
- * `isDisabled`, `isPressed`, `isFloating`, and optional additional Tailwind class names.
- *
- * @param isDisabled - Determines whether the button is disabled, affecting opacity.
- * @param isPressed - Determines whether the button is pressed, affecting background color.
- * @param isFloating - Determines whether the button should have a floating, rounded appearance.
- * @param size - The size of the button in pixels.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A string of Tailwind class names representing the button icon's container styles.
- *
- * Example:
- * ```
- * const classNames = generateButtonIconContainerClassNames({
- *   isDisabled: true,
- *   isPressed: false,
- *   isFloating: true,
- *   size: 48,
- *   twClassName: 'border border-blue-500',
- * });
- *
- * console.log(classNames);
- * // Output: "items-center justify-center rounded-full h-[48px] w-[48px] bg-icon-default opacity-50 border border-blue-500"
- * ```
- */
-const generateButtonIconContainerClassNames = ({ isDisabled = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.isDisabled, isPressed = false, isFloating = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.isFloating, size = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.size, twClassName = '', }) => {
-    const baseStyle = 'items-center justify-center';
-    const backgroundStyle = isFloating ? 'rounded-full' : 'rounded-sm';
-    const sizeStyle = `h-[${size}px] w-[${size}px]`;
-    let backgroundColor;
-    if (isFloating) {
-        backgroundColor = `bg-icon-default`;
-    }
-    else {
-        backgroundColor = isPressed ? 'bg-background-pressed' : 'bg-transparent';
-    }
-    const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;
-    return `${baseStyle} ${backgroundStyle} ${sizeStyle} ${backgroundColor} ${opacityStyle} ${twClassName}`;
-};
-exports.generateButtonIconContainerClassNames = generateButtonIconContainerClassNames;
-/**
- * Generates a Tailwind class name string for the icon color of a button icon.
- *
- * This function determines the appropriate icon color class based on whether
- * the button icon is using an inverse theme or is floating.
- *
- * @param isInverse - Determines if the button icon should use an inverse theme, affecting text color.
- * @param isFloating - Determines if the button icon is floating, affecting text color.
- * @returns A string representing the Tailwind class name for the button icon color.
- *
- * Example:
- * ```
- * const classNames = generateButtonIconIconColorClassNames({
- *   isInverse: true,
- *   isFloating: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-primary-inverse"
- * ```
- */
-const generateButtonIconIconColorClassNames = ({ isInverse = false, isFloating = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.isFloating, }) => {
-    const iconColor = isInverse || isFloating ? 'text-primary-inverse' : 'text-icon-default';
-    return `${iconColor}`;
-};
-exports.generateButtonIconIconColorClassNames = generateButtonIconIconColorClassNames;
-//# sourceMappingURL=ButtonIcon.utilities.js.map

package/dist/components/ButtonIcon/ButtonIcon.utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.utilities.js","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.utilities.ts"],"names":[],"mappings":";;;AAGA,iEAAkE;AAGlE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,UAAU,GAAG,+CAAwB,CAAC,UAAU,EAChD,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,+CAAwB,CAAC,UAAU,EAChD,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,WAAW,GAAG,EAAE,GAGjB,EAAU,EAAE;IACX,MAAM,SAAS,GAAG,6BAA6B,CAAC;IAChD,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,MAAM,IAAc,UAAU,IAAc,KAAK,CAAC;IAEpE,IAAI,eAAe,CAAC;IAEpB,IAAI,UAAU,EAAE;QACd,eAAe,GAAG,iBAAiB,CAAC;KACrC;SAAM;QACL,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,gBAAgB,CAAC;KAC1E;IAED,MAAM,YAAY,GAAG,WAAW,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IAExD,OAAO,GAAG,SAAS,IAAI,eAAe,IAAI,SAAS,IAAI,eAAe,IAAI,YAAY,IAAI,WAAW,EAAE,CAAC;AAC1G,CAAC,CAAC;AAxBW,QAAA,qCAAqC,yCAwBhD;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,+CAAwB,CAAC,UAAU,GACvB,EAAa,EAAE;IACxC,MAAM,SAAS,GACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAEzE,OAAO,GAAG,SAAS,EAAe,CAAC;AACrC,CAAC,CAAC;AARW,QAAA,qCAAqC,yCAQhD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { IconColor } from '../Icon';\nimport { DEFAULT_BUTTONICON_PROPS } from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\n\n/**\n * Generates a Tailwind class name string for the icon button container.\n *\n * This function constructs a class name string based on the button icon's `size`,\n * `isDisabled`, `isPressed`, `isFloating`, and optional additional Tailwind class names.\n *\n * @param isDisabled - Determines whether the button is disabled, affecting opacity.\n * @param isPressed - Determines whether the button is pressed, affecting background color.\n * @param isFloating - Determines whether the button should have a floating, rounded appearance.\n * @param size - The size of the button in pixels.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the button icon's container styles.\n *\n * Example:\n * ```\n * const classNames = generateButtonIconContainerClassNames({\n *   isDisabled: true,\n *   isPressed: false,\n *   isFloating: true,\n *   size: 48,\n *   twClassName: 'border border-blue-500',\n * });\n *\n * console.log(classNames);\n * // Output: \"items-center justify-center rounded-full h-[48px] w-[48px] bg-icon-default opacity-50 border border-blue-500\"\n * ```\n */\nexport const generateButtonIconContainerClassNames = ({\n  isDisabled = DEFAULT_BUTTONICON_PROPS.isDisabled,\n  isPressed = false,\n  isFloating = DEFAULT_BUTTONICON_PROPS.isFloating,\n  size = DEFAULT_BUTTONICON_PROPS.size,\n  twClassName = '',\n}: Partial<ButtonIconProps> & {\n  isPressed?: boolean;\n}): string => {\n  const baseStyle = 'items-center justify-center';\n  const backgroundStyle = isFloating ? 'rounded-full' : 'rounded-sm';\n  const sizeStyle = `h-[${size as string}px] w-[${size as string}px]`;\n\n  let backgroundColor;\n\n  if (isFloating) {\n    backgroundColor = `bg-icon-default`;\n  } else {\n    backgroundColor = isPressed ? 'bg-background-pressed' : 'bg-transparent';\n  }\n\n  const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;\n\n  return `${baseStyle} ${backgroundStyle} ${sizeStyle} ${backgroundColor} ${opacityStyle} ${twClassName}`;\n};\n\n/**\n * Generates a Tailwind class name string for the icon color of a button icon.\n *\n * This function determines the appropriate icon color class based on whether\n * the button icon is using an inverse theme or is floating.\n *\n * @param isInverse - Determines if the button icon should use an inverse theme, affecting text color.\n * @param isFloating - Determines if the button icon is floating, affecting text color.\n * @returns A string representing the Tailwind class name for the button icon color.\n *\n * Example:\n * ```\n * const classNames = generateButtonIconIconColorClassNames({\n *   isInverse: true,\n *   isFloating: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-primary-inverse\"\n * ```\n */\nexport const generateButtonIconIconColorClassNames = ({\n  isInverse = false,\n  isFloating = DEFAULT_BUTTONICON_PROPS.isFloating,\n}: Partial<ButtonIconProps>): IconColor => {\n  const iconColor =\n    isInverse || isFloating ? 'text-primary-inverse' : 'text-icon-default';\n\n  return `${iconColor}` as IconColor;\n};\n"]}

package/dist/components/ButtonIcon/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './ButtonIcon';
-export type { ButtonIconProps } from './ButtonIcon.types';
-export { ButtonIconSize } from './ButtonIcon.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonIcon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/ButtonIcon/index.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonIconSize = exports.default = void 0;
-var ButtonIcon_1 = require("./ButtonIcon");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ButtonIcon_1).default; } });
-var ButtonIcon_types_1 = require("./ButtonIcon.types");
-Object.defineProperty(exports, "ButtonIconSize", { enumerable: true, get: function () { return ButtonIcon_types_1.ButtonIconSize; } });
-//# sourceMappingURL=index.js.map

package/dist/components/ButtonIcon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAEhB,uDAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { default } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\nexport { ButtonIconSize } from './ButtonIcon.types';\n"]}

package/dist/components/Icon/Icon.assets.d.ts

@@ -1,6 +0,0 @@
-import type { AssetByIconName } from './Icon.types';
-/**
- * Asset stored by icon name
- */
-export declare const assetByIconName: AssetByIconName;
-//# sourceMappingURL=Icon.assets.d.ts.map

package/dist/components/Icon/Icon.assets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.assets.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.assets.ts"],"names":[],"mappings":"AA+JA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,eA0J7B,CAAC"}

package/dist/components/Icon/Icon.assets.js

@@ -1,324 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.assetByIconName = void 0;
-/* eslint-disable import/prefer-default-export */
-// /////////////////////////////////////////////////////
-// This is a generated file
-// DO NOT EDIT - Use generate-assets.js
-// /////////////////////////////////////////////////////
-const add_square_svg_1 = __importDefault(require("./assets/add-square.svg"));
-const add_svg_1 = __importDefault(require("./assets/add.svg"));
-const arrow_2_down_svg_1 = __importDefault(require("./assets/arrow-2-down.svg"));
-const arrow_2_left_svg_1 = __importDefault(require("./assets/arrow-2-left.svg"));
-const arrow_2_right_svg_1 = __importDefault(require("./assets/arrow-2-right.svg"));
-const arrow_2_up_right_svg_1 = __importDefault(require("./assets/arrow-2-up-right.svg"));
-const arrow_2_up_svg_1 = __importDefault(require("./assets/arrow-2-up.svg"));
-const arrow_double_left_svg_1 = __importDefault(require("./assets/arrow-double-left.svg"));
-const arrow_double_right_svg_1 = __importDefault(require("./assets/arrow-double-right.svg"));
-const arrow_down_svg_1 = __importDefault(require("./assets/arrow-down.svg"));
-const arrow_left_svg_1 = __importDefault(require("./assets/arrow-left.svg"));
-const arrow_right_svg_1 = __importDefault(require("./assets/arrow-right.svg"));
-const arrow_up_svg_1 = __importDefault(require("./assets/arrow-up.svg"));
-const ban_svg_1 = __importDefault(require("./assets/ban.svg"));
-const bank_token_svg_1 = __importDefault(require("./assets/bank-token.svg"));
-const bank_svg_1 = __importDefault(require("./assets/bank.svg"));
-const bold_svg_1 = __importDefault(require("./assets/bold.svg"));
-const book_svg_1 = __importDefault(require("./assets/book.svg"));
-const bookmark_svg_1 = __importDefault(require("./assets/bookmark.svg"));
-const bridge_svg_1 = __importDefault(require("./assets/bridge.svg"));
-const calculator_svg_1 = __importDefault(require("./assets/calculator.svg"));
-const card_pos_svg_1 = __importDefault(require("./assets/card-pos.svg"));
-const card_token_svg_1 = __importDefault(require("./assets/card-token.svg"));
-const card_svg_1 = __importDefault(require("./assets/card.svg"));
-const category_svg_1 = __importDefault(require("./assets/category.svg"));
-const chart_svg_1 = __importDefault(require("./assets/chart.svg"));
-const check_bold_svg_1 = __importDefault(require("./assets/check-bold.svg"));
-const check_svg_1 = __importDefault(require("./assets/check.svg"));
-const circle_x_svg_1 = __importDefault(require("./assets/circle-x.svg"));
-const clock_svg_1 = __importDefault(require("./assets/clock.svg"));
-const close_svg_1 = __importDefault(require("./assets/close.svg"));
-const code_circle_svg_1 = __importDefault(require("./assets/code-circle.svg"));
-const coin_svg_1 = __importDefault(require("./assets/coin.svg"));
-const collapse_svg_1 = __importDefault(require("./assets/collapse.svg"));
-const confirmation_svg_1 = __importDefault(require("./assets/confirmation.svg"));
-const connect_svg_1 = __importDefault(require("./assets/connect.svg"));
-const copy_success_svg_1 = __importDefault(require("./assets/copy-success.svg"));
-const copy_svg_1 = __importDefault(require("./assets/copy.svg"));
-const customize_svg_1 = __importDefault(require("./assets/customize.svg"));
-const danger_svg_1 = __importDefault(require("./assets/danger.svg"));
-const dark_svg_1 = __importDefault(require("./assets/dark.svg"));
-const data_svg_1 = __importDefault(require("./assets/data.svg"));
-const diagram_svg_1 = __importDefault(require("./assets/diagram.svg"));
-const document_code_svg_1 = __importDefault(require("./assets/document-code.svg"));
-const download_svg_1 = __importDefault(require("./assets/download.svg"));
-const edit_svg_1 = __importDefault(require("./assets/edit.svg"));
-const eraser_svg_1 = __importDefault(require("./assets/eraser.svg"));
-const ethereum_svg_1 = __importDefault(require("./assets/ethereum.svg"));
-const expand_svg_1 = __importDefault(require("./assets/expand.svg"));
-const explore_svg_1 = __importDefault(require("./assets/explore.svg"));
-const export_svg_1 = __importDefault(require("./assets/export.svg"));
-const eye_slash_svg_1 = __importDefault(require("./assets/eye-slash.svg"));
-const eye_svg_1 = __importDefault(require("./assets/eye.svg"));
-const file_svg_1 = __importDefault(require("./assets/file.svg"));
-const filter_svg_1 = __importDefault(require("./assets/filter.svg"));
-const flag_svg_1 = __importDefault(require("./assets/flag.svg"));
-const flash_slash_svg_1 = __importDefault(require("./assets/flash-slash.svg"));
-const flash_svg_1 = __importDefault(require("./assets/flash.svg"));
-const flask_svg_1 = __importDefault(require("./assets/flask.svg"));
-const full_circle_svg_1 = __importDefault(require("./assets/full-circle.svg"));
-const gas_svg_1 = __importDefault(require("./assets/gas.svg"));
-const global_search_svg_1 = __importDefault(require("./assets/global-search.svg"));
-const global_svg_1 = __importDefault(require("./assets/global.svg"));
-const graph_svg_1 = __importDefault(require("./assets/graph.svg"));
-const hardware_svg_1 = __importDefault(require("./assets/hardware.svg"));
-const heart_svg_1 = __importDefault(require("./assets/heart.svg"));
-const hierarchy_svg_1 = __importDefault(require("./assets/hierarchy.svg"));
-const home_svg_1 = __importDefault(require("./assets/home.svg"));
-const import_svg_1 = __importDefault(require("./assets/import.svg"));
-const info_svg_1 = __importDefault(require("./assets/info.svg"));
-const key_svg_1 = __importDefault(require("./assets/key.svg"));
-const light_svg_1 = __importDefault(require("./assets/light.svg"));
-const link_svg_1 = __importDefault(require("./assets/link.svg"));
-const loading_svg_1 = __importDefault(require("./assets/loading.svg"));
-const lock_circle_svg_1 = __importDefault(require("./assets/lock-circle.svg"));
-const lock_slash_svg_1 = __importDefault(require("./assets/lock-slash.svg"));
-const lock_svg_1 = __importDefault(require("./assets/lock.svg"));
-const login_svg_1 = __importDefault(require("./assets/login.svg"));
-const logout_svg_1 = __importDefault(require("./assets/logout.svg"));
-const menu_svg_1 = __importDefault(require("./assets/menu.svg"));
-const message_question_svg_1 = __importDefault(require("./assets/message-question.svg"));
-const messages_svg_1 = __importDefault(require("./assets/messages.svg"));
-const minus_bold_svg_1 = __importDefault(require("./assets/minus-bold.svg"));
-const minus_square_svg_1 = __importDefault(require("./assets/minus-square.svg"));
-const minus_svg_1 = __importDefault(require("./assets/minus.svg"));
-const mobile_svg_1 = __importDefault(require("./assets/mobile.svg"));
-const money_svg_1 = __importDefault(require("./assets/money.svg"));
-const monitor_svg_1 = __importDefault(require("./assets/monitor.svg"));
-const more_horizontal_svg_1 = __importDefault(require("./assets/more-horizontal.svg"));
-const more_vertical_svg_1 = __importDefault(require("./assets/more-vertical.svg"));
-const notification_circle_svg_1 = __importDefault(require("./assets/notification-circle.svg"));
-const notification_svg_1 = __importDefault(require("./assets/notification.svg"));
-const password_check_svg_1 = __importDefault(require("./assets/password-check.svg"));
-const people_svg_1 = __importDefault(require("./assets/people.svg"));
-const pin_svg_1 = __importDefault(require("./assets/pin.svg"));
-const plug_svg_1 = __importDefault(require("./assets/plug.svg"));
-const plus_minus_svg_1 = __importDefault(require("./assets/plus-minus.svg"));
-const programming_arrows_svg_1 = __importDefault(require("./assets/programming-arrows.svg"));
-const qr_code_svg_1 = __importDefault(require("./assets/qr-code.svg"));
-const question_svg_1 = __importDefault(require("./assets/question.svg"));
-const received_svg_1 = __importDefault(require("./assets/received.svg"));
-const refresh_svg_1 = __importDefault(require("./assets/refresh.svg"));
-const save_svg_1 = __importDefault(require("./assets/save.svg"));
-const scan_barcode_svg_1 = __importDefault(require("./assets/scan-barcode.svg"));
-const scan_focus_svg_1 = __importDefault(require("./assets/scan-focus.svg"));
-const scan_svg_1 = __importDefault(require("./assets/scan.svg"));
-const scroll_svg_1 = __importDefault(require("./assets/scroll.svg"));
-const search_svg_1 = __importDefault(require("./assets/search.svg"));
-const security_card_svg_1 = __importDefault(require("./assets/security-card.svg"));
-const security_cross_svg_1 = __importDefault(require("./assets/security-cross.svg"));
-const security_key_svg_1 = __importDefault(require("./assets/security-key.svg"));
-const security_search_svg_1 = __importDefault(require("./assets/security-search.svg"));
-const security_slash_svg_1 = __importDefault(require("./assets/security-slash.svg"));
-const security_tick_svg_1 = __importDefault(require("./assets/security-tick.svg"));
-const security_time_svg_1 = __importDefault(require("./assets/security-time.svg"));
-const security_user_svg_1 = __importDefault(require("./assets/security-user.svg"));
-const security_svg_1 = __importDefault(require("./assets/security.svg"));
-const send_1_svg_1 = __importDefault(require("./assets/send-1.svg"));
-const send_2_svg_1 = __importDefault(require("./assets/send-2.svg"));
-const setting_svg_1 = __importDefault(require("./assets/setting.svg"));
-const share_svg_1 = __importDefault(require("./assets/share.svg"));
-const slash_svg_1 = __importDefault(require("./assets/slash.svg"));
-const snaps_mobile_svg_1 = __importDefault(require("./assets/snaps-mobile.svg"));
-const snaps_plus_svg_1 = __importDefault(require("./assets/snaps-plus.svg"));
-const snaps_svg_1 = __importDefault(require("./assets/snaps.svg"));
-const speedometer_svg_1 = __importDefault(require("./assets/speedometer.svg"));
-const square_svg_1 = __importDefault(require("./assets/square.svg"));
-const stake_svg_1 = __importDefault(require("./assets/stake.svg"));
-const star_svg_1 = __importDefault(require("./assets/star.svg"));
-const student_svg_1 = __importDefault(require("./assets/student.svg"));
-const swap_horizontal_svg_1 = __importDefault(require("./assets/swap-horizontal.svg"));
-const swap_vertical_svg_1 = __importDefault(require("./assets/swap-vertical.svg"));
-const tag_svg_1 = __importDefault(require("./assets/tag.svg"));
-const tilde_svg_1 = __importDefault(require("./assets/tilde.svg"));
-const timer_svg_1 = __importDefault(require("./assets/timer.svg"));
-const tint_svg_1 = __importDefault(require("./assets/tint.svg"));
-const trash_svg_1 = __importDefault(require("./assets/trash.svg"));
-const trend_down_svg_1 = __importDefault(require("./assets/trend-down.svg"));
-const trend_up_svg_1 = __importDefault(require("./assets/trend-up.svg"));
-const twitter_svg_1 = __importDefault(require("./assets/twitter.svg"));
-const unpin_svg_1 = __importDefault(require("./assets/unpin.svg"));
-const upload_svg_1 = __importDefault(require("./assets/upload.svg"));
-const usb_svg_1 = __importDefault(require("./assets/usb.svg"));
-const user_check_svg_1 = __importDefault(require("./assets/user-check.svg"));
-const user_circle_add_svg_1 = __importDefault(require("./assets/user-circle-add.svg"));
-const user_circle_remove_svg_1 = __importDefault(require("./assets/user-circle-remove.svg"));
-const user_circle_svg_1 = __importDefault(require("./assets/user-circle.svg"));
-const user_svg_1 = __importDefault(require("./assets/user.svg"));
-const wallet_card_svg_1 = __importDefault(require("./assets/wallet-card.svg"));
-const wallet_money_svg_1 = __importDefault(require("./assets/wallet-money.svg"));
-const wallet_svg_1 = __importDefault(require("./assets/wallet.svg"));
-const warning_svg_1 = __importDefault(require("./assets/warning.svg"));
-const wifi_svg_1 = __importDefault(require("./assets/wifi.svg"));
-const Icon_types_1 = require("./Icon.types");
-/**
- * Asset stored by icon name
- */
-exports.assetByIconName = {
-    [Icon_types_1.IconName.AddSquare]: add_square_svg_1.default,
-    [Icon_types_1.IconName.Add]: add_svg_1.default,
-    [Icon_types_1.IconName.Arrow2Down]: arrow_2_down_svg_1.default,
-    [Icon_types_1.IconName.Arrow2Left]: arrow_2_left_svg_1.default,
-    [Icon_types_1.IconName.Arrow2Right]: arrow_2_right_svg_1.default,
-    [Icon_types_1.IconName.Arrow2UpRight]: arrow_2_up_right_svg_1.default,
-    [Icon_types_1.IconName.Arrow2Up]: arrow_2_up_svg_1.default,
-    [Icon_types_1.IconName.ArrowDoubleLeft]: arrow_double_left_svg_1.default,
-    [Icon_types_1.IconName.ArrowDoubleRight]: arrow_double_right_svg_1.default,
-    [Icon_types_1.IconName.ArrowDown]: arrow_down_svg_1.default,
-    [Icon_types_1.IconName.ArrowLeft]: arrow_left_svg_1.default,
-    [Icon_types_1.IconName.ArrowRight]: arrow_right_svg_1.default,
-    [Icon_types_1.IconName.ArrowUp]: arrow_up_svg_1.default,
-    [Icon_types_1.IconName.Ban]: ban_svg_1.default,
-    [Icon_types_1.IconName.BankToken]: bank_token_svg_1.default,
-    [Icon_types_1.IconName.Bank]: bank_svg_1.default,
-    [Icon_types_1.IconName.Bold]: bold_svg_1.default,
-    [Icon_types_1.IconName.Book]: book_svg_1.default,
-    [Icon_types_1.IconName.Bookmark]: bookmark_svg_1.default,
-    [Icon_types_1.IconName.Bridge]: bridge_svg_1.default,
-    [Icon_types_1.IconName.Calculator]: calculator_svg_1.default,
-    [Icon_types_1.IconName.CardPos]: card_pos_svg_1.default,
-    [Icon_types_1.IconName.CardToken]: card_token_svg_1.default,
-    [Icon_types_1.IconName.Card]: card_svg_1.default,
-    [Icon_types_1.IconName.Category]: category_svg_1.default,
-    [Icon_types_1.IconName.Chart]: chart_svg_1.default,
-    [Icon_types_1.IconName.CheckBold]: check_bold_svg_1.default,
-    [Icon_types_1.IconName.Check]: check_svg_1.default,
-    [Icon_types_1.IconName.CircleX]: circle_x_svg_1.default,
-    [Icon_types_1.IconName.Clock]: clock_svg_1.default,
-    [Icon_types_1.IconName.Close]: close_svg_1.default,
-    [Icon_types_1.IconName.CodeCircle]: code_circle_svg_1.default,
-    [Icon_types_1.IconName.Coin]: coin_svg_1.default,
-    [Icon_types_1.IconName.Collapse]: collapse_svg_1.default,
-    [Icon_types_1.IconName.Confirmation]: confirmation_svg_1.default,
-    [Icon_types_1.IconName.Connect]: connect_svg_1.default,
-    [Icon_types_1.IconName.CopySuccess]: copy_success_svg_1.default,
-    [Icon_types_1.IconName.Copy]: copy_svg_1.default,
-    [Icon_types_1.IconName.Customize]: customize_svg_1.default,
-    [Icon_types_1.IconName.Danger]: danger_svg_1.default,
-    [Icon_types_1.IconName.Dark]: dark_svg_1.default,
-    [Icon_types_1.IconName.Data]: data_svg_1.default,
-    [Icon_types_1.IconName.Diagram]: diagram_svg_1.default,
-    [Icon_types_1.IconName.DocumentCode]: document_code_svg_1.default,
-    [Icon_types_1.IconName.Download]: download_svg_1.default,
-    [Icon_types_1.IconName.Edit]: edit_svg_1.default,
-    [Icon_types_1.IconName.Eraser]: eraser_svg_1.default,
-    [Icon_types_1.IconName.Ethereum]: ethereum_svg_1.default,
-    [Icon_types_1.IconName.Expand]: expand_svg_1.default,
-    [Icon_types_1.IconName.Explore]: explore_svg_1.default,
-    [Icon_types_1.IconName.Export]: export_svg_1.default,
-    [Icon_types_1.IconName.EyeSlash]: eye_slash_svg_1.default,
-    [Icon_types_1.IconName.Eye]: eye_svg_1.default,
-    [Icon_types_1.IconName.File]: file_svg_1.default,
-    [Icon_types_1.IconName.Filter]: filter_svg_1.default,
-    [Icon_types_1.IconName.Flag]: flag_svg_1.default,
-    [Icon_types_1.IconName.FlashSlash]: flash_slash_svg_1.default,
-    [Icon_types_1.IconName.Flash]: flash_svg_1.default,
-    [Icon_types_1.IconName.Flask]: flask_svg_1.default,
-    [Icon_types_1.IconName.FullCircle]: full_circle_svg_1.default,
-    [Icon_types_1.IconName.Gas]: gas_svg_1.default,
-    [Icon_types_1.IconName.GlobalSearch]: global_search_svg_1.default,
-    [Icon_types_1.IconName.Global]: global_svg_1.default,
-    [Icon_types_1.IconName.Graph]: graph_svg_1.default,
-    [Icon_types_1.IconName.Hardware]: hardware_svg_1.default,
-    [Icon_types_1.IconName.Heart]: heart_svg_1.default,
-    [Icon_types_1.IconName.Hierarchy]: hierarchy_svg_1.default,
-    [Icon_types_1.IconName.Home]: home_svg_1.default,
-    [Icon_types_1.IconName.Import]: import_svg_1.default,
-    [Icon_types_1.IconName.Info]: info_svg_1.default,
-    [Icon_types_1.IconName.Key]: key_svg_1.default,
-    [Icon_types_1.IconName.Light]: light_svg_1.default,
-    [Icon_types_1.IconName.Link]: link_svg_1.default,
-    [Icon_types_1.IconName.Loading]: loading_svg_1.default,
-    [Icon_types_1.IconName.LockCircle]: lock_circle_svg_1.default,
-    [Icon_types_1.IconName.LockSlash]: lock_slash_svg_1.default,
-    [Icon_types_1.IconName.Lock]: lock_svg_1.default,
-    [Icon_types_1.IconName.Login]: login_svg_1.default,
-    [Icon_types_1.IconName.Logout]: logout_svg_1.default,
-    [Icon_types_1.IconName.Menu]: menu_svg_1.default,
-    [Icon_types_1.IconName.MessageQuestion]: message_question_svg_1.default,
-    [Icon_types_1.IconName.Messages]: messages_svg_1.default,
-    [Icon_types_1.IconName.MinusBold]: minus_bold_svg_1.default,
-    [Icon_types_1.IconName.MinusSquare]: minus_square_svg_1.default,
-    [Icon_types_1.IconName.Minus]: minus_svg_1.default,
-    [Icon_types_1.IconName.Mobile]: mobile_svg_1.default,
-    [Icon_types_1.IconName.Money]: money_svg_1.default,
-    [Icon_types_1.IconName.Monitor]: monitor_svg_1.default,
-    [Icon_types_1.IconName.MoreHorizontal]: more_horizontal_svg_1.default,
-    [Icon_types_1.IconName.MoreVertical]: more_vertical_svg_1.default,
-    [Icon_types_1.IconName.NotificationCircle]: notification_circle_svg_1.default,
-    [Icon_types_1.IconName.Notification]: notification_svg_1.default,
-    [Icon_types_1.IconName.PasswordCheck]: password_check_svg_1.default,
-    [Icon_types_1.IconName.People]: people_svg_1.default,
-    [Icon_types_1.IconName.Pin]: pin_svg_1.default,
-    [Icon_types_1.IconName.Plug]: plug_svg_1.default,
-    [Icon_types_1.IconName.PlusMinus]: plus_minus_svg_1.default,
-    [Icon_types_1.IconName.ProgrammingArrows]: programming_arrows_svg_1.default,
-    [Icon_types_1.IconName.QrCode]: qr_code_svg_1.default,
-    [Icon_types_1.IconName.Question]: question_svg_1.default,
-    [Icon_types_1.IconName.Received]: received_svg_1.default,
-    [Icon_types_1.IconName.Refresh]: refresh_svg_1.default,
-    [Icon_types_1.IconName.Save]: save_svg_1.default,
-    [Icon_types_1.IconName.ScanBarcode]: scan_barcode_svg_1.default,
-    [Icon_types_1.IconName.ScanFocus]: scan_focus_svg_1.default,
-    [Icon_types_1.IconName.Scan]: scan_svg_1.default,
-    [Icon_types_1.IconName.Scroll]: scroll_svg_1.default,
-    [Icon_types_1.IconName.Search]: search_svg_1.default,
-    [Icon_types_1.IconName.SecurityCard]: security_card_svg_1.default,
-    [Icon_types_1.IconName.SecurityCross]: security_cross_svg_1.default,
-    [Icon_types_1.IconName.SecurityKey]: security_key_svg_1.default,
-    [Icon_types_1.IconName.SecuritySearch]: security_search_svg_1.default,
-    [Icon_types_1.IconName.SecuritySlash]: security_slash_svg_1.default,
-    [Icon_types_1.IconName.SecurityTick]: security_tick_svg_1.default,
-    [Icon_types_1.IconName.SecurityTime]: security_time_svg_1.default,
-    [Icon_types_1.IconName.SecurityUser]: security_user_svg_1.default,
-    [Icon_types_1.IconName.Security]: security_svg_1.default,
-    [Icon_types_1.IconName.Send1]: send_1_svg_1.default,
-    [Icon_types_1.IconName.Send2]: send_2_svg_1.default,
-    [Icon_types_1.IconName.Setting]: setting_svg_1.default,
-    [Icon_types_1.IconName.Share]: share_svg_1.default,
-    [Icon_types_1.IconName.Slash]: slash_svg_1.default,
-    [Icon_types_1.IconName.SnapsMobile]: snaps_mobile_svg_1.default,
-    [Icon_types_1.IconName.SnapsPlus]: snaps_plus_svg_1.default,
-    [Icon_types_1.IconName.Snaps]: snaps_svg_1.default,
-    [Icon_types_1.IconName.Speedometer]: speedometer_svg_1.default,
-    [Icon_types_1.IconName.Square]: square_svg_1.default,
-    [Icon_types_1.IconName.Stake]: stake_svg_1.default,
-    [Icon_types_1.IconName.Star]: star_svg_1.default,
-    [Icon_types_1.IconName.Student]: student_svg_1.default,
-    [Icon_types_1.IconName.SwapHorizontal]: swap_horizontal_svg_1.default,
-    [Icon_types_1.IconName.SwapVertical]: swap_vertical_svg_1.default,
-    [Icon_types_1.IconName.Tag]: tag_svg_1.default,
-    [Icon_types_1.IconName.Tilde]: tilde_svg_1.default,
-    [Icon_types_1.IconName.Timer]: timer_svg_1.default,
-    [Icon_types_1.IconName.Tint]: tint_svg_1.default,
-    [Icon_types_1.IconName.Trash]: trash_svg_1.default,
-    [Icon_types_1.IconName.TrendDown]: trend_down_svg_1.default,
-    [Icon_types_1.IconName.TrendUp]: trend_up_svg_1.default,
-    [Icon_types_1.IconName.Twitter]: twitter_svg_1.default,
-    [Icon_types_1.IconName.Unpin]: unpin_svg_1.default,
-    [Icon_types_1.IconName.Upload]: upload_svg_1.default,
-    [Icon_types_1.IconName.Usb]: usb_svg_1.default,
-    [Icon_types_1.IconName.UserCheck]: user_check_svg_1.default,
-    [Icon_types_1.IconName.UserCircleAdd]: user_circle_add_svg_1.default,
-    [Icon_types_1.IconName.UserCircleRemove]: user_circle_remove_svg_1.default,
-    [Icon_types_1.IconName.UserCircle]: user_circle_svg_1.default,
-    [Icon_types_1.IconName.User]: user_svg_1.default,
-    [Icon_types_1.IconName.WalletCard]: wallet_card_svg_1.default,
-    [Icon_types_1.IconName.WalletMoney]: wallet_money_svg_1.default,
-    [Icon_types_1.IconName.Wallet]: wallet_svg_1.default,
-    [Icon_types_1.IconName.Warning]: warning_svg_1.default,
-    [Icon_types_1.IconName.Wifi]: wifi_svg_1.default,
-};
-//# sourceMappingURL=Icon.assets.js.map