@metamask-previews/design-system-react-native 0.0.0-preview.7df341a → 0.0.0-preview.85a0952

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.js

@@ -1,147 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateButtonTertiaryTextClassNames = exports.generateButtonTertiaryContainerClassNames = void 0;
-/**
- * Generates Tailwind class names for a tertiary button's container based on its state.
- *
- * This function calculates the background, border color, and border width styles dynamically
- * depending on the button's state (`isPressed`, `isDanger`, `isInverse`, `isLoading`). It also
- * allows additional Tailwind classes to be appended using the `twClassName` parameter.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isDanger - Indicates whether the button is in a "danger" state.
- * @param isInverse - Indicates whether the button is using an "inverse" theme.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A string containing the combined Tailwind class names for the container's background,
- * border styles, and any additional classes.
- *
- * Example:
- * ```
- * const classNames = generateButtonTertiaryContainerClassNames({
- *   isPressed: true,
- *   isDanger: true,
- *   isInverse: false,
- *   isLoading: false,
- *   twClassName: 'rounded-full',
- * });
- *
- * console.log(classNames);
- * // Output: "bg-error-mutedPressed border-0 border-error-mutedPressed rounded-full"
- *
- * const inverseClassNames = generateButtonTertiaryContainerClassNames({
- *   isInverse: true,
- *   twClassName: 'rounded-lg',
- * });
- *
- * console.log(inverseClassNames);
- * // Output: "bg-transparent border-[1.5px] border-primary-inverse rounded-lg"
- * ```
- *
- * State Priorities:
- * 1. If `isInverse` and `isDanger` are true, styles are dynamically determined based on `isPressed` or `isLoading`.
- * 2. If only `isDanger` is true, the styles reflect error-related colors with no borders.
- * 3. If only `isInverse` is true, a border width is added along with inverse-specific styles.
- * 4. If none of the above states are true, default styles are applied for a non-danger, non-inverse tertiary button.
- */
-const generateButtonTertiaryContainerClassNames = ({ isPressed = false, isDanger = false, isInverse = false, isLoading = false, twClassName = '', }) => {
-    let backgroundStyle, borderColorStyle;
-    let borderWidthStyle = 'border-0';
-    const isPressedOrLoading = isPressed || isLoading;
-    if (isInverse && isDanger) {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-background-defaultPressed'
-            : 'bg-background-default';
-        borderColorStyle = isPressedOrLoading
-            ? 'border-background-defaultPressed'
-            : 'border-background-default';
-    }
-    else if (isDanger) {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-error-mutedPressed'
-            : 'bg-transparent';
-        borderColorStyle = isPressedOrLoading
-            ? 'border-error-mutedPressed'
-            : 'border-transparent';
-    }
-    else if (isInverse) {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-background-pressed'
-            : 'bg-transparent';
-        borderColorStyle = 'border-primary-inverse';
-        borderWidthStyle = 'border-[1.5px]';
-    }
-    else {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-background-pressed'
-            : 'bg-transparent';
-        borderColorStyle = isPressedOrLoading
-            ? 'border-background-pressed'
-            : 'border-transparent';
-    }
-    return `${backgroundStyle} ${borderWidthStyle} ${borderColorStyle} ${twClassName}`;
-};
-exports.generateButtonTertiaryContainerClassNames = generateButtonTertiaryContainerClassNames;
-/**
- * Generates Tailwind class names for a tertiary button's text styling based on its state.
- *
- * This function determines the appropriate text color class name for a tertiary button
- * by evaluating the current states (`isPressed`, `isDanger`, `isInverse`, `isLoading`).
- * The returned class name dynamically reflects the button's configuration.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isDanger - Indicates whether the button is in a "danger" state.
- * @param isInverse - Indicates whether the button is using an "inverse" theme.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @returns A string containing the Tailwind class name for the button's text color.
- *
- * Example:
- * ```
- * const classNames = generateButtonTertiaryTextClassNames({
- *   isPressed: true,
- *   isDanger: true,
- *   isInverse: false,
- *   isLoading: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-error-defaultPressed"
- *
- * const defaultClassNames = generateButtonTertiaryTextClassNames({});
- *
- * console.log(defaultClassNames);
- * // Output: "text-primary-default"
- * ```
- *
- * State Priorities:
- * 1. If `isInverse` and `isDanger` are true, the text color is determined dynamically based on `isPressed` or `isLoading`.
- * 2. If only `isDanger` is true, the text color defaults to `text-error-default` or `text-error-defaultPressed` depending on the state.
- * 3. If only `isInverse` is true, the text color is `text-primary-inverse`.
- * 4. If none of the above states are true, the text color defaults to `text-primary-default`.
- */
-const generateButtonTertiaryTextClassNames = ({ isPressed = false, isDanger = false, isInverse = false, isLoading = false, }) => {
-    let textColor;
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    const isPressedOrLoading = isPressed || isLoading;
-    if (isInverse && isDanger) {
-        textColor = isPressedOrLoading
-            ? 'text-error-defaultPressed'
-            : 'text-error-default';
-    }
-    else if (isDanger) {
-        textColor = isPressedOrLoading
-            ? 'text-error-defaultPressed'
-            : 'text-error-default';
-    }
-    else if (isInverse) {
-        textColor = 'text-primary-inverse';
-    }
-    else {
-        textColor = isPressedOrLoading
-            ? 'text-primary-defaultPressed'
-            : 'text-primary-default';
-    }
-    return `${textColor}`;
-};
-exports.generateButtonTertiaryTextClassNames = generateButtonTertiaryTextClassNames;
-//# sourceMappingURL=ButtonTertiary.utilities.js.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTertiary.utilities.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.ts"],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACI,MAAM,yCAAyC,GAAG,CAAC,EACxD,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,GAGjB,EAAU,EAAE;IACX,IAAI,eAAe,EAAE,gBAAgB,CAAC;IACtC,IAAI,gBAAgB,GAAG,UAAU,CAAC;IAElC,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAElD,IAAI,SAAS,IAAI,QAAQ,EAAE;QACzB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,8BAA8B;YAChC,CAAC,CAAC,uBAAuB,CAAC;QAC5B,gBAAgB,GAAG,kBAAkB;YACnC,CAAC,CAAC,kCAAkC;YACpC,CAAC,CAAC,2BAA2B,CAAC;KACjC;SAAM,IAAI,QAAQ,EAAE;QACnB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,kBAAkB;YACnC,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;SAAM,IAAI,SAAS,EAAE;QACpB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,wBAAwB,CAAC;QAC5C,gBAAgB,GAAG,gBAAgB,CAAC;KACrC;SAAM;QACL,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,kBAAkB;YACnC,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;IAED,OAAO,GAAG,eAAe,IAAI,gBAAgB,IAAI,gBAAgB,IAAI,WAAW,EAAE,CAAC;AACrF,CAAC,CAAC;AA5CW,QAAA,yCAAyC,6CA4CpD;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACI,MAAM,oCAAoC,GAAG,CAAC,EACnD,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,GAGlB,EAAU,EAAE;IACX,IAAI,SAAS,CAAC;IACd,wEAAwE;IACxE,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,IAAI,SAAS,IAAI,QAAQ,EAAE;QACzB,SAAS,GAAG,kBAAkB;YAC5B,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;SAAM,IAAI,QAAQ,EAAE;QACnB,SAAS,GAAG,kBAAkB;YAC5B,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;SAAM,IAAI,SAAS,EAAE;QACpB,SAAS,GAAG,sBAAsB,CAAC;KACpC;SAAM;QACL,SAAS,GAAG,kBAAkB;YAC5B,CAAC,CAAC,6BAA6B;YAC/B,CAAC,CAAC,sBAAsB,CAAC;KAC5B;IAED,OAAO,GAAG,SAAS,EAAE,CAAC;AACxB,CAAC,CAAC;AA5BW,QAAA,oCAAoC,wCA4B/C","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\n/**\n * Generates Tailwind class names for a tertiary button's container based on its state.\n *\n * This function calculates the background, border color, and border width styles dynamically\n * depending on the button's state (`isPressed`, `isDanger`, `isInverse`, `isLoading`). It also\n * allows additional Tailwind classes to be appended using the `twClassName` parameter.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isDanger - Indicates whether the button is in a \"danger\" state.\n * @param isInverse - Indicates whether the button is using an \"inverse\" theme.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string containing the combined Tailwind class names for the container's background,\n * border styles, and any additional classes.\n *\n * Example:\n * ```\n * const classNames = generateButtonTertiaryContainerClassNames({\n *   isPressed: true,\n *   isDanger: true,\n *   isInverse: false,\n *   isLoading: false,\n *   twClassName: 'rounded-full',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-error-mutedPressed border-0 border-error-mutedPressed rounded-full\"\n *\n * const inverseClassNames = generateButtonTertiaryContainerClassNames({\n *   isInverse: true,\n *   twClassName: 'rounded-lg',\n * });\n *\n * console.log(inverseClassNames);\n * // Output: \"bg-transparent border-[1.5px] border-primary-inverse rounded-lg\"\n * ```\n *\n * State Priorities:\n * 1. If `isInverse` and `isDanger` are true, styles are dynamically determined based on `isPressed` or `isLoading`.\n * 2. If only `isDanger` is true, the styles reflect error-related colors with no borders.\n * 3. If only `isInverse` is true, a border width is added along with inverse-specific styles.\n * 4. If none of the above states are true, default styles are applied for a non-danger, non-inverse tertiary button.\n */\nexport const generateButtonTertiaryContainerClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n  twClassName = '',\n}: Partial<ButtonTertiaryProps> & {\n  isPressed?: boolean;\n}): string => {\n  let backgroundStyle, borderColorStyle;\n  let borderWidthStyle = 'border-0';\n\n  const isPressedOrLoading = isPressed || isLoading;\n\n  if (isInverse && isDanger) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-defaultPressed'\n      : 'bg-background-default';\n    borderColorStyle = isPressedOrLoading\n      ? 'border-background-defaultPressed'\n      : 'border-background-default';\n  } else if (isDanger) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-error-mutedPressed'\n      : 'bg-transparent';\n    borderColorStyle = isPressedOrLoading\n      ? 'border-error-mutedPressed'\n      : 'border-transparent';\n  } else if (isInverse) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-pressed'\n      : 'bg-transparent';\n    borderColorStyle = 'border-primary-inverse';\n    borderWidthStyle = 'border-[1.5px]';\n  } else {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-pressed'\n      : 'bg-transparent';\n    borderColorStyle = isPressedOrLoading\n      ? 'border-background-pressed'\n      : 'border-transparent';\n  }\n\n  return `${backgroundStyle} ${borderWidthStyle} ${borderColorStyle} ${twClassName}`;\n};\n\n/**\n * Generates Tailwind class names for a tertiary button's text styling based on its state.\n *\n * This function determines the appropriate text color class name for a tertiary button\n * by evaluating the current states (`isPressed`, `isDanger`, `isInverse`, `isLoading`).\n * The returned class name dynamically reflects the button's configuration.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isDanger - Indicates whether the button is in a \"danger\" state.\n * @param isInverse - Indicates whether the button is using an \"inverse\" theme.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @returns A string containing the Tailwind class name for the button's text color.\n *\n * Example:\n * ```\n * const classNames = generateButtonTertiaryTextClassNames({\n *   isPressed: true,\n *   isDanger: true,\n *   isInverse: false,\n *   isLoading: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-error-defaultPressed\"\n *\n * const defaultClassNames = generateButtonTertiaryTextClassNames({});\n *\n * console.log(defaultClassNames);\n * // Output: \"text-primary-default\"\n * ```\n *\n * State Priorities:\n * 1. If `isInverse` and `isDanger` are true, the text color is determined dynamically based on `isPressed` or `isLoading`.\n * 2. If only `isDanger` is true, the text color defaults to `text-error-default` or `text-error-defaultPressed` depending on the state.\n * 3. If only `isInverse` is true, the text color is `text-primary-inverse`.\n * 4. If none of the above states are true, the text color defaults to `text-primary-default`.\n */\nexport const generateButtonTertiaryTextClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n}: Partial<ButtonTertiaryProps> & {\n  isPressed?: boolean;\n}): string => {\n  let textColor;\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const isPressedOrLoading = isPressed || isLoading;\n  if (isInverse && isDanger) {\n    textColor = isPressedOrLoading\n      ? 'text-error-defaultPressed'\n      : 'text-error-default';\n  } else if (isDanger) {\n    textColor = isPressedOrLoading\n      ? 'text-error-defaultPressed'\n      : 'text-error-default';\n  } else if (isInverse) {\n    textColor = 'text-primary-inverse';\n  } else {\n    textColor = isPressedOrLoading\n      ? 'text-primary-defaultPressed'\n      : 'text-primary-default';\n  }\n\n  return `${textColor}`;\n};\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/Icon/Icon.constants.d.ts

@@ -1,7 +0,0 @@
-import type { IconProps } from './Icon.types';
-import { IconName, IconSize, IconColor } from './Icon.types';
-export declare const DEFAULT_ICON_ICONSIZE = IconSize.Md;
-export declare const DEFAULT_ICON_ICONCOLOR = IconColor.IconDefault;
-export declare const DEFAULT_ICON_ICONNAME = IconName.Add;
-export declare const SAMPLE_ICON_PROPS: IconProps;
-//# sourceMappingURL=Icon.constants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG7D,eAAO,MAAM,qBAAqB,cAAc,CAAC;AACjD,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAGlD,eAAO,MAAM,iBAAiB,EAAE,SAI/B,CAAC"}

package/dist/components/Icon/Icon.constants.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SAMPLE_ICON_PROPS = exports.DEFAULT_ICON_ICONNAME = exports.DEFAULT_ICON_ICONCOLOR = exports.DEFAULT_ICON_ICONSIZE = void 0;
-const Icon_types_1 = require("./Icon.types");
-// Defaults
-exports.DEFAULT_ICON_ICONSIZE = Icon_types_1.IconSize.Md;
-exports.DEFAULT_ICON_ICONCOLOR = Icon_types_1.IconColor.IconDefault;
-exports.DEFAULT_ICON_ICONNAME = Icon_types_1.IconName.Add;
-// Sample consts
-exports.SAMPLE_ICON_PROPS = {
-    name: exports.DEFAULT_ICON_ICONNAME,
-    size: exports.DEFAULT_ICON_ICONSIZE,
-    color: exports.DEFAULT_ICON_ICONCOLOR,
-};
-//# sourceMappingURL=Icon.constants.js.map

package/dist/components/Icon/Icon.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.constants.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":";;;AAGA,6CAA6D;AAE7D,WAAW;AACE,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,EAAE,CAAC;AACpC,QAAA,sBAAsB,GAAG,sBAAS,CAAC,WAAW,CAAC;AAC/C,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,GAAG,CAAC;AAElD,gBAAgB;AACH,QAAA,iBAAiB,GAAc;IAC1C,IAAI,EAAE,6BAAqB;IAC3B,IAAI,EAAE,6BAAqB;IAC3B,KAAK,EAAE,8BAAsB;CAC9B,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\n// Internal dependencies.\nimport type { IconProps } from './Icon.types';\nimport { IconName, IconSize, IconColor } from './Icon.types';\n\n// Defaults\nexport const DEFAULT_ICON_ICONSIZE = IconSize.Md;\nexport const DEFAULT_ICON_ICONCOLOR = IconColor.IconDefault;\nexport const DEFAULT_ICON_ICONNAME = IconName.Add;\n\n// Sample consts\nexport const SAMPLE_ICON_PROPS: IconProps = {\n  name: DEFAULT_ICON_ICONNAME,\n  size: DEFAULT_ICON_ICONSIZE,\n  color: DEFAULT_ICON_ICONCOLOR,\n};\n"]}

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

@@ -1,55 +0,0 @@
-import type { TextButtonProps } from './TextButton.types';
-/**
- * Generates a Tailwind class name for the text button container based on its state and optional additional classes.
- *
- * This function computes the appropriate background class name for a text button's container, considering its
- * `isPressed` and `isLoading` states. Additional Tailwind class names can also be appended using the `twClassName` parameter.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @param isDisabled - Indicates whether the button is in a disabled state.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A combined string of Tailwind class names for the container's background styling.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonContainerClassNames({
- *   isPressed: true,
- *   isLoading: false,
- *   twClassName: 'rounded-full',
- * });
- *
- * console.log(classNames);
- * // Output: "bg-background-pressed rounded-full"
- * ```
- */
-export declare const generateTextButtonContainerClassNames: ({ isPressed, isLoading, isDisabled, twClassName, }: Partial<TextButtonProps> & {
-    isPressed?: boolean | undefined;
-}) => string;
-/**
- * Generates a Tailwind class name for the text button's text based on its state.
- *
- * This function computes the appropriate text color and style class names for a text button,
- * considering its `isPressed`, `isInverse`, and `isLoading` states.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isInverse - Indicates whether the button is using an "inverse" theme.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @returns A combined string of Tailwind class names for the text's color and style.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonTextClassNames({
- *   isPressed: true,
- *   isInverse: false,
- *   isLoading: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-primary-defaultPressed underline"
- * ```
- */
-export declare const generateTextButtonTextClassNames: ({ isPressed, isInverse, isLoading, }: Partial<TextButtonProps> & {
-    isPressed?: boolean | undefined;
-}) => string;
-//# sourceMappingURL=TextButton.utilities.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,qCAAqC;;MAO9C,MAQH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,gCAAgC;;MAMzC,MAeH,CAAC"}

package/dist/components/TextButton/TextButton.utilities.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateTextButtonTextClassNames = exports.generateTextButtonContainerClassNames = void 0;
-/**
- * Generates a Tailwind class name for the text button container based on its state and optional additional classes.
- *
- * This function computes the appropriate background class name for a text button's container, considering its
- * `isPressed` and `isLoading` states. Additional Tailwind class names can also be appended using the `twClassName` parameter.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @param isDisabled - Indicates whether the button is in a disabled state.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A combined string of Tailwind class names for the container's background styling.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonContainerClassNames({
- *   isPressed: true,
- *   isLoading: false,
- *   twClassName: 'rounded-full',
- * });
- *
- * console.log(classNames);
- * // Output: "bg-background-pressed rounded-full"
- * ```
- */
-const generateTextButtonContainerClassNames = ({ isPressed = false, isLoading = false, isDisabled = false, twClassName = '', }) => {
-    const isPressedOrLoading = isPressed || isLoading;
-    const backgroundStyle = isPressedOrLoading
-        ? 'bg-background-pressed'
-        : 'bg-transparent';
-    const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;
-    return `${backgroundStyle} ${opacityStyle} ${twClassName}`;
-};
-exports.generateTextButtonContainerClassNames = generateTextButtonContainerClassNames;
-/**
- * Generates a Tailwind class name for the text button's text based on its state.
- *
- * This function computes the appropriate text color and style class names for a text button,
- * considering its `isPressed`, `isInverse`, and `isLoading` states.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isInverse - Indicates whether the button is using an "inverse" theme.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @returns A combined string of Tailwind class names for the text's color and style.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonTextClassNames({
- *   isPressed: true,
- *   isInverse: false,
- *   isLoading: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-primary-defaultPressed underline"
- * ```
- */
-const generateTextButtonTextClassNames = ({ isPressed = false, isInverse = false, isLoading = false, }) => {
-    let textColor, textStyle;
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    const isPressedOrLoading = isPressed || isLoading;
-    if (isInverse) {
-        textColor = 'text-primary-inverse';
-        textStyle = 'underline';
-    }
-    else {
-        textColor = isPressedOrLoading
-            ? 'text-primary-defaultPressed'
-            : 'text-primary-default';
-        textStyle = isPressedOrLoading ? 'underline' : 'no-underline';
-    }
-    return `${textColor} ${textStyle}`;
-};
-exports.generateTextButtonTextClassNames = generateTextButtonTextClassNames;
-//# sourceMappingURL=TextButton.utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.utilities.js","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.utilities.ts"],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,EAAE,GAGjB,EAAU,EAAE;IACX,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,MAAM,eAAe,GAAG,kBAAkB;QACxC,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,gBAAgB,CAAC;IACrB,MAAM,YAAY,GAAG,WAAW,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IAExD,OAAO,GAAG,eAAe,IAAI,YAAY,IAAI,WAAW,EAAE,CAAC;AAC7D,CAAC,CAAC;AAfW,QAAA,qCAAqC,yCAehD;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACI,MAAM,gCAAgC,GAAG,CAAC,EAC/C,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,GAGlB,EAAU,EAAE;IACX,IAAI,SAAS,EAAE,SAAS,CAAC;IACzB,wEAAwE;IACxE,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,IAAI,SAAS,EAAE;QACb,SAAS,GAAG,sBAAsB,CAAC;QACnC,SAAS,GAAG,WAAW,CAAC;KACzB;SAAM;QACL,SAAS,GAAG,kBAAkB;YAC5B,CAAC,CAAC,6BAA6B;YAC/B,CAAC,CAAC,sBAAsB,CAAC;QAC3B,SAAS,GAAG,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC;KAC/D;IAED,OAAO,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC;AACrC,CAAC,CAAC;AArBW,QAAA,gCAAgC,oCAqB3C","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { TextButtonProps } from './TextButton.types';\n\n/**\n * Generates a Tailwind class name for the text button container based on its state and optional additional classes.\n *\n * This function computes the appropriate background class name for a text button's container, considering its\n * `isPressed` and `isLoading` states. Additional Tailwind class names can also be appended using the `twClassName` parameter.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @param isDisabled - Indicates whether the button is in a disabled state.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A combined string of Tailwind class names for the container's background styling.\n *\n * Example:\n * ```\n * const classNames = generateTextButtonContainerClassNames({\n *   isPressed: true,\n *   isLoading: false,\n *   twClassName: 'rounded-full',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-background-pressed rounded-full\"\n * ```\n */\nexport const generateTextButtonContainerClassNames = ({\n  isPressed = false,\n  isLoading = false,\n  isDisabled = false,\n  twClassName = '',\n}: Partial<TextButtonProps> & {\n  isPressed?: boolean;\n}): string => {\n  const isPressedOrLoading = isPressed || isLoading;\n  const backgroundStyle = isPressedOrLoading\n    ? 'bg-background-pressed'\n    : 'bg-transparent';\n  const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;\n\n  return `${backgroundStyle} ${opacityStyle} ${twClassName}`;\n};\n\n/**\n * Generates a Tailwind class name for the text button's text based on its state.\n *\n * This function computes the appropriate text color and style class names for a text button,\n * considering its `isPressed`, `isInverse`, and `isLoading` states.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isInverse - Indicates whether the button is using an \"inverse\" theme.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @returns A combined string of Tailwind class names for the text's color and style.\n *\n * Example:\n * ```\n * const classNames = generateTextButtonTextClassNames({\n *   isPressed: true,\n *   isInverse: false,\n *   isLoading: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-primary-defaultPressed underline\"\n * ```\n */\nexport const generateTextButtonTextClassNames = ({\n  isPressed = false,\n  isInverse = false,\n  isLoading = false,\n}: Partial<TextButtonProps> & {\n  isPressed?: boolean;\n}): string => {\n  let textColor, textStyle;\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const isPressedOrLoading = isPressed || isLoading;\n  if (isInverse) {\n    textColor = 'text-primary-inverse';\n    textStyle = 'underline';\n  } else {\n    textColor = isPressedOrLoading\n      ? 'text-primary-defaultPressed'\n      : 'text-primary-default';\n    textStyle = isPressedOrLoading ? 'underline' : 'no-underline';\n  }\n\n  return `${textColor} ${textStyle}`;\n};\n"]}

package/dist/primitives/AvatarBase/AvatarBase.constants.d.ts

@@ -1,6 +0,0 @@
-import type { AvatarBaseProps } from './AvatarBase.types';
-import { AvatarBaseSize } from '../../shared/enums';
-export declare const TWCLASSMAP_AVATARBASE_SIZE_SHAPE: Record<AvatarBaseSize, string>;
-export declare const MAP_AVATARBASE_SIZE_BORDERWIDTH: Record<AvatarBaseSize, number>;
-export declare const DEFAULT_AVATARBASE_PROPS: Required<Pick<AvatarBaseProps, 'size' | 'shape' | 'fallbackTextProps' | 'hasBorder' | 'hasSolidBackgroundColor'>>;
-//# sourceMappingURL=AvatarBase.constants.d.ts.map

package/dist/primitives/AvatarBase/AvatarBase.constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarBase.constants.d.ts","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAmB,MAAM,oBAAoB,CAAC;AAGrE,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAOzE,CAAC;AACJ,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAM1E,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAC7C,IAAI,CACF,eAAe,EACb,MAAM,GACN,OAAO,GACP,mBAAmB,GACnB,WAAW,GACX,yBAAyB,CAC5B,CAYF,CAAC"}

package/dist/primitives/AvatarBase/AvatarBase.constants.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_AVATARBASE_PROPS = exports.MAP_AVATARBASE_SIZE_BORDERWIDTH = exports.TWCLASSMAP_AVATARBASE_SIZE_SHAPE = void 0;
-const Text_1 = require("../../components/Text");
-const enums_1 = require("../../shared/enums");
-// Mappings
-exports.TWCLASSMAP_AVATARBASE_SIZE_SHAPE = {
-    [enums_1.AvatarBaseSize.Xs]: 'rounded-sm',
-    [enums_1.AvatarBaseSize.Sm]: 'rounded-md',
-    [enums_1.AvatarBaseSize.Md]: 'rounded-lg',
-    [enums_1.AvatarBaseSize.Lg]: 'rounded-[10px]',
-    [enums_1.AvatarBaseSize.Xl]: 'rounded-xl',
-};
-exports.MAP_AVATARBASE_SIZE_BORDERWIDTH = {
-    [enums_1.AvatarBaseSize.Xs]: 1,
-    [enums_1.AvatarBaseSize.Sm]: 1,
-    [enums_1.AvatarBaseSize.Md]: 1,
-    [enums_1.AvatarBaseSize.Lg]: 2,
-    [enums_1.AvatarBaseSize.Xl]: 2,
-};
-// Defaults
-exports.DEFAULT_AVATARBASE_PROPS = {
-    size: enums_1.AvatarBaseSize.Md,
-    shape: enums_1.AvatarBaseShape.Circle,
-    fallbackTextProps: {
-        color: Text_1.TextColor.TextMuted,
-        variant: Text_1.TextVariant.BodySm,
-        fontWeight: Text_1.FontWeight.Medium,
-        twClassName: 'uppercase',
-    },
-    hasBorder: false,
-    hasSolidBackgroundColor: false,
-};
-//# sourceMappingURL=AvatarBase.constants.js.map

package/dist/primitives/AvatarBase/AvatarBase.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarBase.constants.js","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":";;;AACA,gDAA2E;AAC3E,8CAAqE;AAErE,WAAW;AACE,QAAA,gCAAgC,GAC3C;IACE,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;CAClC,CAAC;AACS,QAAA,+BAA+B,GAAmC;IAC7E,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;CACvB,CAAC;AAEF,WAAW;AACE,QAAA,wBAAwB,GASjC;IACF,IAAI,EAAE,sBAAc,CAAC,EAAE;IACvB,KAAK,EAAE,uBAAe,CAAC,MAAM;IAC7B,iBAAiB,EAAE;QACjB,KAAK,EAAE,gBAAS,CAAC,SAAS;QAC1B,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM;QAC7B,WAAW,EAAE,WAAW;KACzB;IACD,SAAS,EAAE,KAAK;IAChB,uBAAuB,EAAE,KAAK;CAC/B,CAAC","sourcesContent":["import type { AvatarBaseProps } from './AvatarBase.types';\nimport { TextColor, TextVariant, FontWeight } from '../../components/Text';\nimport { AvatarBaseSize, AvatarBaseShape } from '../../shared/enums';\n\n// Mappings\nexport const TWCLASSMAP_AVATARBASE_SIZE_SHAPE: Record<AvatarBaseSize, string> =\n  {\n    [AvatarBaseSize.Xs]: 'rounded-sm',\n    [AvatarBaseSize.Sm]: 'rounded-md',\n    [AvatarBaseSize.Md]: 'rounded-lg',\n    [AvatarBaseSize.Lg]: 'rounded-[10px]',\n    [AvatarBaseSize.Xl]: 'rounded-xl',\n  };\nexport const MAP_AVATARBASE_SIZE_BORDERWIDTH: Record<AvatarBaseSize, number> = {\n  [AvatarBaseSize.Xs]: 1,\n  [AvatarBaseSize.Sm]: 1,\n  [AvatarBaseSize.Md]: 1,\n  [AvatarBaseSize.Lg]: 2,\n  [AvatarBaseSize.Xl]: 2,\n};\n\n// Defaults\nexport const DEFAULT_AVATARBASE_PROPS: Required<\n  Pick<\n    AvatarBaseProps,\n    | 'size'\n    | 'shape'\n    | 'fallbackTextProps'\n    | 'hasBorder'\n    | 'hasSolidBackgroundColor'\n  >\n> = {\n  size: AvatarBaseSize.Md,\n  shape: AvatarBaseShape.Circle,\n  fallbackTextProps: {\n    color: TextColor.TextMuted,\n    variant: TextVariant.BodySm,\n    fontWeight: FontWeight.Medium,\n    twClassName: 'uppercase',\n  },\n  hasBorder: false,\n  hasSolidBackgroundColor: false,\n};\n"]}

package/dist/primitives/AvatarBase/AvatarBase.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { AvatarBaseProps } from './AvatarBase.types';
-declare const AvatarBase: ({ children, size, shape, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, style, ...props }: AvatarBaseProps) => React.JSX.Element;
-export default AvatarBase;
-//# sourceMappingURL=AvatarBase.d.ts.map

package/dist/primitives/AvatarBase/AvatarBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarBase.d.ts","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,QAAA,MAAM,UAAU,iIAWb,eAAe,sBA6BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/primitives/AvatarBase/AvatarBase.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
-const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const Text_1 = __importDefault(require("../../components/Text"));
-const AvatarBase_constants_1 = require("./AvatarBase.constants");
-const AvatarBase_utilities_1 = require("./AvatarBase.utilities");
-const AvatarBase = ({ children, size = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.size, shape = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.shape, fallbackText, fallbackTextProps, hasBorder = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.hasBorder, hasSolidBackgroundColor = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.hasSolidBackgroundColor, twClassName = '', style, ...props }) => {
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const twContainerClassNames = (0, react_1.useMemo)(() => {
-        return (0, AvatarBase_utilities_1.generateAvatarBaseContainerClassNames)({
-            size,
-            shape,
-            hasBorder,
-            hasSolidBackgroundColor,
-            twClassName,
-        });
-    }, [size, shape, hasBorder, twClassName]);
-    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
-      <react_native_1.View style={tw `bg-background-muted absolute top-0 left-0 bottom-0 right-0`}/>
-      {fallbackText ? (<Text_1.default {...AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.fallbackTextProps} {...fallbackTextProps}>
-          {fallbackText}
-        </Text_1.default>) : (children)}
-    </react_native_1.View>);
-};
-exports.default = AvatarBase;
-//# sourceMappingURL=AvatarBase.js.map

package/dist/primitives/AvatarBase/AvatarBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarBase.js","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,+CAAuC;AACvC,+CAAoC;AAEpC,iEAAyC;AACzC,iEAAkE;AAElE,iEAA+E;AAE/E,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,KAAK,GAAG,+CAAwB,CAAC,KAAK,EACtC,YAAY,EACZ,iBAAiB,EACjB,SAAS,GAAG,+CAAwB,CAAC,SAAS,EAC9C,uBAAuB,GAAG,+CAAwB,CAAC,uBAAuB,EAC1E,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,OAAO,IAAA,4DAAqC,EAAC;YAC3C,IAAI;YACJ,KAAK;YACL,SAAS;YACT,uBAAuB;YACvB,WAAW;SACZ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA,4DAA4D,CAAC,EAExE;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,cAAI,CACH,IAAI,+CAAwB,CAAC,iBAAiB,CAAC,CAC/C,IAAI,iBAAiB,CAAC,CAEtB;UAAA,CAAC,YAAY,CACf;QAAA,EAAE,cAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,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 } from 'react';\nimport { View } from 'react-native';\n\nimport Text from '../../components/Text';\nimport { DEFAULT_AVATARBASE_PROPS } from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\nimport { generateAvatarBaseContainerClassNames } from './AvatarBase.utilities';\n\nconst AvatarBase = ({\n  children,\n  size = DEFAULT_AVATARBASE_PROPS.size,\n  shape = DEFAULT_AVATARBASE_PROPS.shape,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder = DEFAULT_AVATARBASE_PROPS.hasBorder,\n  hasSolidBackgroundColor = DEFAULT_AVATARBASE_PROPS.hasSolidBackgroundColor,\n  twClassName = '',\n  style,\n  ...props\n}: AvatarBaseProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = useMemo(() => {\n    return generateAvatarBaseContainerClassNames({\n      size,\n      shape,\n      hasBorder,\n      hasSolidBackgroundColor,\n      twClassName,\n    });\n  }, [size, shape, hasBorder, twClassName]);\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      <View\n        style={tw`bg-background-muted absolute top-0 left-0 bottom-0 right-0`}\n      />\n      {fallbackText ? (\n        <Text\n          {...DEFAULT_AVATARBASE_PROPS.fallbackTextProps}\n          {...fallbackTextProps}\n        >\n          {fallbackText}\n        </Text>\n      ) : (\n        children\n      )}\n    </View>\n  );\n};\n\nexport default AvatarBase;\n"]}

package/dist/primitives/AvatarBase/AvatarBase.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarBase.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,SAAS,CAAC"}