@raystack/apsara 0.49.1 → 0.50.0

package/dist/components/amount/amount.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 /**
@@ -110,11 +110,11 @@ const Amount = React.forwardRef(({ value = 0, currency = 'USD', locale = 'en-US'
             useGrouping: groupDigits
             // @ts-ignore - Handling large numbers as string or number, so we need to pass the value as string or number.
         }).format(finalBaseValue);
-        return jsxRuntime.jsxRuntimeExports.jsx("span", { ref: ref, children: formattedValue });
+        return jsxRuntime.jsx("span", { ref: ref, children: formattedValue });
     }
     catch (error) {
         console.error('Error formatting amount:', error);
-        return jsxRuntime.jsxRuntimeExports.jsx("span", { ref: ref, children: value });
+        return jsxRuntime.jsx("span", { ref: ref, children: value });
     }
 });
 Amount.displayName = 'Amount';

package/dist/components/amount/amount.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"amount.cjs","sources":["../../../components/amount/amount.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nexport interface AmountProps {\n  /**\n   * The monetary value to display\n   * For large numbers (> 2^53), pass the value as string to maintain precision\n   * @default 0\n   * @example\n   * valueInMinorUnits=true: 1299 => \"$12.99\"\n   * valueInMinorUnits=false: 12.99 => \"$12.99\"\n   */\n  value: number | string;\n\n  /**\n   * ISO 4217 currency code\n   * @default 'USD'\n   */\n  currency?: string;\n\n  /**\n   * Whether the value is in minor units (cents, paise, etc.)\n   * If true, the value will be converted based on the currency's decimal places\n   * If false, the value will be used as is\n   * @default true\n   * @example\n   * USD: 1299 => $12.99 (2 decimals)\n   * JPY: 1299 => ¥1,299 (0 decimals)\n   * BHD: 1299 => BHD 1.299 (3 decimals)\n   */\n  valueInMinorUnits?: boolean;\n\n  /**\n   * BCP 47 language tag\n   * @default 'en-US'\n   * @example 'en-US', 'de-DE', 'ja-JP'\n   */\n  locale?: string;\n\n  /**\n   * Truncates decimal places\n   * @default false\n   */\n  hideDecimals?: boolean;\n\n  /**\n   * Currency display format\n   * @default 'symbol'\n   * @example 'symbol' - $12.99, 'code' - USD 12.99, 'name' - 12.99 US Dollars\n   */\n  currencyDisplay?: 'symbol' | 'code' | 'name';\n\n  /**\n   * Number of minimum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  minimumFractionDigits?: number;\n\n  /**\n   * Number of maximum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  maximumFractionDigits?: number;\n\n  /**\n   * Group digits (e.g., thousand separators)\n   * @default true\n   */\n  groupDigits?: boolean;\n}\n\n/**\n * Get the number of decimal places for a currency\n */\nfunction getCurrencyDecimals(currency: string): number {\n  try {\n    const formatter = new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n\n    // Format a number and count the decimal places\n    const formatted = formatter.format(1); // Get string representation of 1 unit with currency symbol\n    const match = formatted.match(/\\.([\\d]+)/); // Extract the decimal part\n    return match ? match[1].length : 0;\n  } catch {\n    // Default to 2 decimal places\n    return 2;\n  }\n}\n\n/**\n * Check if a currency is valid\n */\nfunction isValidCurrency(currency: string): boolean {\n  try {\n    new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Amount component for displaying monetary values.\n * Automatically formats currencies using Intl.NumberFormat.\n * Inherits styling from parent Text component.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Text>\n *   Total: <Amount value={1299} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With different currency and locale\n * <Text>\n *   Prix: <Amount value={1299} currency=\"EUR\" locale=\"fr-FR\" />  // Shows as \"12,99 €\"\n * </Text>\n *\n * // Without decimals\n * <Text>\n *   Price: <Amount value={1299} hideDecimals />  // Shows as \"$12\"\n * </Text>\n *\n * // With currency code\n * <Text>\n *   Amount: <Amount value={1299} currencyDisplay=\"code\" />  // Shows as \"USD 12.99\"\n * </Text>\n *\n * // With value in major units\n * <Text>\n *   Amount: <Amount value={12.99} valueInMinorUnits={false} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With groupDigits (default is true)\n * <Text>\n *   Amount: <Amount value={129999999} groupDigits />  // Shows as \"$129,999,999.99\"\n * </Text>\n * ```\n */\nexport const Amount = forwardRef<HTMLSpanElement, AmountProps>(\n  (\n    {\n      value = 0,\n      currency = 'USD',\n      locale = 'en-US',\n      hideDecimals = false,\n      currencyDisplay = 'symbol',\n      minimumFractionDigits,\n      maximumFractionDigits,\n      groupDigits = true,\n      valueInMinorUnits = true\n    },\n    ref\n  ) => {\n    try {\n      if (\n        typeof value === 'number' &&\n        Math.abs(value) > Number.MAX_SAFE_INTEGER\n      ) {\n        console.warn(\n          `Warning: The number ${value} exceeds JavaScript's safe integer limit (${Number.MAX_SAFE_INTEGER}). ` +\n            'For large numbers, pass the value as a string to maintain precision.'\n        );\n      }\n\n      const validCurrency = isValidCurrency(currency) ? currency : 'USD';\n      if (validCurrency !== currency) {\n        console.warn(\n          `Invalid currency code: ${currency}. Falling back to USD.`\n        );\n      }\n\n      const decimals = getCurrencyDecimals(validCurrency);\n\n      // Handle minor units - use string manipulation for strings and Math.pow for numbers\n      const baseValue =\n        valueInMinorUnits && decimals > 0\n          ? typeof value === 'string'\n            ? value.slice(0, -decimals) + '.' + value.slice(-decimals)\n            : value / Math.pow(10, decimals)\n          : value;\n\n      // Remove decimals if hideDecimals is true - handle string and number separately\n      // Note: Not all numbers passed is converted to string as methods like Math.trunc\n      // or toString cannot handle large numbers thus, we need to handle it separately (large numbers passed in value throws console warning).\n      const finalBaseValue = hideDecimals\n        ? typeof baseValue === 'string'\n          ? baseValue.split('.')[0]\n          : Math.trunc(baseValue)\n        : baseValue;\n\n      const formattedValue = new Intl.NumberFormat(locale, {\n        style: 'currency' as const,\n        currency: validCurrency.toUpperCase(),\n        currencyDisplay,\n        minimumFractionDigits: hideDecimals ? 0 : minimumFractionDigits,\n        maximumFractionDigits: hideDecimals ? 0 : maximumFractionDigits,\n        useGrouping: groupDigits\n        // @ts-ignore - Handling large numbers as string or number, so we need to pass the value as string or number.\n      }).format(finalBaseValue);\n\n      return <span ref={ref}>{formattedValue}</span>;\n    } catch (error) {\n      console.error('Error formatting amount:', error);\n      return <span ref={ref}>{value}</span>;\n    }\n  }\n);\n\nAmount.displayName = 'Amount';\n"],"names":["forwardRef","_jsx"],"mappings":"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"}
+{"version":3,"file":"amount.cjs","sources":["../../../components/amount/amount.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nexport interface AmountProps {\n  /**\n   * The monetary value to display\n   * For large numbers (> 2^53), pass the value as string to maintain precision\n   * @default 0\n   * @example\n   * valueInMinorUnits=true: 1299 => \"$12.99\"\n   * valueInMinorUnits=false: 12.99 => \"$12.99\"\n   */\n  value: number | string;\n\n  /**\n   * ISO 4217 currency code\n   * @default 'USD'\n   */\n  currency?: string;\n\n  /**\n   * Whether the value is in minor units (cents, paise, etc.)\n   * If true, the value will be converted based on the currency's decimal places\n   * If false, the value will be used as is\n   * @default true\n   * @example\n   * USD: 1299 => $12.99 (2 decimals)\n   * JPY: 1299 => ¥1,299 (0 decimals)\n   * BHD: 1299 => BHD 1.299 (3 decimals)\n   */\n  valueInMinorUnits?: boolean;\n\n  /**\n   * BCP 47 language tag\n   * @default 'en-US'\n   * @example 'en-US', 'de-DE', 'ja-JP'\n   */\n  locale?: string;\n\n  /**\n   * Truncates decimal places\n   * @default false\n   */\n  hideDecimals?: boolean;\n\n  /**\n   * Currency display format\n   * @default 'symbol'\n   * @example 'symbol' - $12.99, 'code' - USD 12.99, 'name' - 12.99 US Dollars\n   */\n  currencyDisplay?: 'symbol' | 'code' | 'name';\n\n  /**\n   * Number of minimum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  minimumFractionDigits?: number;\n\n  /**\n   * Number of maximum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  maximumFractionDigits?: number;\n\n  /**\n   * Group digits (e.g., thousand separators)\n   * @default true\n   */\n  groupDigits?: boolean;\n}\n\n/**\n * Get the number of decimal places for a currency\n */\nfunction getCurrencyDecimals(currency: string): number {\n  try {\n    const formatter = new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n\n    // Format a number and count the decimal places\n    const formatted = formatter.format(1); // Get string representation of 1 unit with currency symbol\n    const match = formatted.match(/\\.([\\d]+)/); // Extract the decimal part\n    return match ? match[1].length : 0;\n  } catch {\n    // Default to 2 decimal places\n    return 2;\n  }\n}\n\n/**\n * Check if a currency is valid\n */\nfunction isValidCurrency(currency: string): boolean {\n  try {\n    new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Amount component for displaying monetary values.\n * Automatically formats currencies using Intl.NumberFormat.\n * Inherits styling from parent Text component.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Text>\n *   Total: <Amount value={1299} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With different currency and locale\n * <Text>\n *   Prix: <Amount value={1299} currency=\"EUR\" locale=\"fr-FR\" />  // Shows as \"12,99 €\"\n * </Text>\n *\n * // Without decimals\n * <Text>\n *   Price: <Amount value={1299} hideDecimals />  // Shows as \"$12\"\n * </Text>\n *\n * // With currency code\n * <Text>\n *   Amount: <Amount value={1299} currencyDisplay=\"code\" />  // Shows as \"USD 12.99\"\n * </Text>\n *\n * // With value in major units\n * <Text>\n *   Amount: <Amount value={12.99} valueInMinorUnits={false} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With groupDigits (default is true)\n * <Text>\n *   Amount: <Amount value={129999999} groupDigits />  // Shows as \"$129,999,999.99\"\n * </Text>\n * ```\n */\nexport const Amount = forwardRef<HTMLSpanElement, AmountProps>(\n  (\n    {\n      value = 0,\n      currency = 'USD',\n      locale = 'en-US',\n      hideDecimals = false,\n      currencyDisplay = 'symbol',\n      minimumFractionDigits,\n      maximumFractionDigits,\n      groupDigits = true,\n      valueInMinorUnits = true\n    },\n    ref\n  ) => {\n    try {\n      if (\n        typeof value === 'number' &&\n        Math.abs(value) > Number.MAX_SAFE_INTEGER\n      ) {\n        console.warn(\n          `Warning: The number ${value} exceeds JavaScript's safe integer limit (${Number.MAX_SAFE_INTEGER}). ` +\n            'For large numbers, pass the value as a string to maintain precision.'\n        );\n      }\n\n      const validCurrency = isValidCurrency(currency) ? currency : 'USD';\n      if (validCurrency !== currency) {\n        console.warn(\n          `Invalid currency code: ${currency}. Falling back to USD.`\n        );\n      }\n\n      const decimals = getCurrencyDecimals(validCurrency);\n\n      // Handle minor units - use string manipulation for strings and Math.pow for numbers\n      const baseValue =\n        valueInMinorUnits && decimals > 0\n          ? typeof value === 'string'\n            ? value.slice(0, -decimals) + '.' + value.slice(-decimals)\n            : value / Math.pow(10, decimals)\n          : value;\n\n      // Remove decimals if hideDecimals is true - handle string and number separately\n      // Note: Not all numbers passed is converted to string as methods like Math.trunc\n      // or toString cannot handle large numbers thus, we need to handle it separately (large numbers passed in value throws console warning).\n      const finalBaseValue = hideDecimals\n        ? typeof baseValue === 'string'\n          ? baseValue.split('.')[0]\n          : Math.trunc(baseValue)\n        : baseValue;\n\n      const formattedValue = new Intl.NumberFormat(locale, {\n        style: 'currency' as const,\n        currency: validCurrency.toUpperCase(),\n        currencyDisplay,\n        minimumFractionDigits: hideDecimals ? 0 : minimumFractionDigits,\n        maximumFractionDigits: hideDecimals ? 0 : maximumFractionDigits,\n        useGrouping: groupDigits\n        // @ts-ignore - Handling large numbers as string or number, so we need to pass the value as string or number.\n      }).format(finalBaseValue);\n\n      return <span ref={ref}>{formattedValue}</span>;\n    } catch (error) {\n      console.error('Error formatting amount:', error);\n      return <span ref={ref}>{value}</span>;\n    }\n  }\n);\n\nAmount.displayName = 'Amount';\n"],"names":["forwardRef","_jsx"],"mappings":"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"}

package/dist/components/amount/amount.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 
 /**
@@ -108,11 +108,11 @@ const Amount = forwardRef(({ value = 0, currency = 'USD', locale = 'en-US', hide
             useGrouping: groupDigits
             // @ts-ignore - Handling large numbers as string or number, so we need to pass the value as string or number.
         }).format(finalBaseValue);
-        return jsxRuntimeExports.jsx("span", { ref: ref, children: formattedValue });
+        return jsx("span", { ref: ref, children: formattedValue });
     }
     catch (error) {
         console.error('Error formatting amount:', error);
-        return jsxRuntimeExports.jsx("span", { ref: ref, children: value });
+        return jsx("span", { ref: ref, children: value });
     }
 });
 Amount.displayName = 'Amount';

package/dist/components/amount/amount.js.map

@@ -1 +1 @@
-{"version":3,"file":"amount.js","sources":["../../../components/amount/amount.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nexport interface AmountProps {\n  /**\n   * The monetary value to display\n   * For large numbers (> 2^53), pass the value as string to maintain precision\n   * @default 0\n   * @example\n   * valueInMinorUnits=true: 1299 => \"$12.99\"\n   * valueInMinorUnits=false: 12.99 => \"$12.99\"\n   */\n  value: number | string;\n\n  /**\n   * ISO 4217 currency code\n   * @default 'USD'\n   */\n  currency?: string;\n\n  /**\n   * Whether the value is in minor units (cents, paise, etc.)\n   * If true, the value will be converted based on the currency's decimal places\n   * If false, the value will be used as is\n   * @default true\n   * @example\n   * USD: 1299 => $12.99 (2 decimals)\n   * JPY: 1299 => ¥1,299 (0 decimals)\n   * BHD: 1299 => BHD 1.299 (3 decimals)\n   */\n  valueInMinorUnits?: boolean;\n\n  /**\n   * BCP 47 language tag\n   * @default 'en-US'\n   * @example 'en-US', 'de-DE', 'ja-JP'\n   */\n  locale?: string;\n\n  /**\n   * Truncates decimal places\n   * @default false\n   */\n  hideDecimals?: boolean;\n\n  /**\n   * Currency display format\n   * @default 'symbol'\n   * @example 'symbol' - $12.99, 'code' - USD 12.99, 'name' - 12.99 US Dollars\n   */\n  currencyDisplay?: 'symbol' | 'code' | 'name';\n\n  /**\n   * Number of minimum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  minimumFractionDigits?: number;\n\n  /**\n   * Number of maximum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  maximumFractionDigits?: number;\n\n  /**\n   * Group digits (e.g., thousand separators)\n   * @default true\n   */\n  groupDigits?: boolean;\n}\n\n/**\n * Get the number of decimal places for a currency\n */\nfunction getCurrencyDecimals(currency: string): number {\n  try {\n    const formatter = new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n\n    // Format a number and count the decimal places\n    const formatted = formatter.format(1); // Get string representation of 1 unit with currency symbol\n    const match = formatted.match(/\\.([\\d]+)/); // Extract the decimal part\n    return match ? match[1].length : 0;\n  } catch {\n    // Default to 2 decimal places\n    return 2;\n  }\n}\n\n/**\n * Check if a currency is valid\n */\nfunction isValidCurrency(currency: string): boolean {\n  try {\n    new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Amount component for displaying monetary values.\n * Automatically formats currencies using Intl.NumberFormat.\n * Inherits styling from parent Text component.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Text>\n *   Total: <Amount value={1299} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With different currency and locale\n * <Text>\n *   Prix: <Amount value={1299} currency=\"EUR\" locale=\"fr-FR\" />  // Shows as \"12,99 €\"\n * </Text>\n *\n * // Without decimals\n * <Text>\n *   Price: <Amount value={1299} hideDecimals />  // Shows as \"$12\"\n * </Text>\n *\n * // With currency code\n * <Text>\n *   Amount: <Amount value={1299} currencyDisplay=\"code\" />  // Shows as \"USD 12.99\"\n * </Text>\n *\n * // With value in major units\n * <Text>\n *   Amount: <Amount value={12.99} valueInMinorUnits={false} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With groupDigits (default is true)\n * <Text>\n *   Amount: <Amount value={129999999} groupDigits />  // Shows as \"$129,999,999.99\"\n * </Text>\n * ```\n */\nexport const Amount = forwardRef<HTMLSpanElement, AmountProps>(\n  (\n    {\n      value = 0,\n      currency = 'USD',\n      locale = 'en-US',\n      hideDecimals = false,\n      currencyDisplay = 'symbol',\n      minimumFractionDigits,\n      maximumFractionDigits,\n      groupDigits = true,\n      valueInMinorUnits = true\n    },\n    ref\n  ) => {\n    try {\n      if (\n        typeof value === 'number' &&\n        Math.abs(value) > Number.MAX_SAFE_INTEGER\n      ) {\n        console.warn(\n          `Warning: The number ${value} exceeds JavaScript's safe integer limit (${Number.MAX_SAFE_INTEGER}). ` +\n            'For large numbers, pass the value as a string to maintain precision.'\n        );\n      }\n\n      const validCurrency = isValidCurrency(currency) ? currency : 'USD';\n      if (validCurrency !== currency) {\n        console.warn(\n          `Invalid currency code: ${currency}. Falling back to USD.`\n        );\n      }\n\n      const decimals = getCurrencyDecimals(validCurrency);\n\n      // Handle minor units - use string manipulation for strings and Math.pow for numbers\n      const baseValue =\n        valueInMinorUnits && decimals > 0\n          ? typeof value === 'string'\n            ? value.slice(0, -decimals) + '.' + value.slice(-decimals)\n            : value / Math.pow(10, decimals)\n          : value;\n\n      // Remove decimals if hideDecimals is true - handle string and number separately\n      // Note: Not all numbers passed is converted to string as methods like Math.trunc\n      // or toString cannot handle large numbers thus, we need to handle it separately (large numbers passed in value throws console warning).\n      const finalBaseValue = hideDecimals\n        ? typeof baseValue === 'string'\n          ? baseValue.split('.')[0]\n          : Math.trunc(baseValue)\n        : baseValue;\n\n      const formattedValue = new Intl.NumberFormat(locale, {\n        style: 'currency' as const,\n        currency: validCurrency.toUpperCase(),\n        currencyDisplay,\n        minimumFractionDigits: hideDecimals ? 0 : minimumFractionDigits,\n        maximumFractionDigits: hideDecimals ? 0 : maximumFractionDigits,\n        useGrouping: groupDigits\n        // @ts-ignore - Handling large numbers as string or number, so we need to pass the value as string or number.\n      }).format(finalBaseValue);\n\n      return <span ref={ref}>{formattedValue}</span>;\n    } catch (error) {\n      console.error('Error formatting amount:', error);\n      return <span ref={ref}>{value}</span>;\n    }\n  }\n);\n\nAmount.displayName = 'Amount';\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"amount.js","sources":["../../../components/amount/amount.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nexport interface AmountProps {\n  /**\n   * The monetary value to display\n   * For large numbers (> 2^53), pass the value as string to maintain precision\n   * @default 0\n   * @example\n   * valueInMinorUnits=true: 1299 => \"$12.99\"\n   * valueInMinorUnits=false: 12.99 => \"$12.99\"\n   */\n  value: number | string;\n\n  /**\n   * ISO 4217 currency code\n   * @default 'USD'\n   */\n  currency?: string;\n\n  /**\n   * Whether the value is in minor units (cents, paise, etc.)\n   * If true, the value will be converted based on the currency's decimal places\n   * If false, the value will be used as is\n   * @default true\n   * @example\n   * USD: 1299 => $12.99 (2 decimals)\n   * JPY: 1299 => ¥1,299 (0 decimals)\n   * BHD: 1299 => BHD 1.299 (3 decimals)\n   */\n  valueInMinorUnits?: boolean;\n\n  /**\n   * BCP 47 language tag\n   * @default 'en-US'\n   * @example 'en-US', 'de-DE', 'ja-JP'\n   */\n  locale?: string;\n\n  /**\n   * Truncates decimal places\n   * @default false\n   */\n  hideDecimals?: boolean;\n\n  /**\n   * Currency display format\n   * @default 'symbol'\n   * @example 'symbol' - $12.99, 'code' - USD 12.99, 'name' - 12.99 US Dollars\n   */\n  currencyDisplay?: 'symbol' | 'code' | 'name';\n\n  /**\n   * Number of minimum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  minimumFractionDigits?: number;\n\n  /**\n   * Number of maximum fraction digits\n   * @default undefined (uses currency's default)\n   */\n  maximumFractionDigits?: number;\n\n  /**\n   * Group digits (e.g., thousand separators)\n   * @default true\n   */\n  groupDigits?: boolean;\n}\n\n/**\n * Get the number of decimal places for a currency\n */\nfunction getCurrencyDecimals(currency: string): number {\n  try {\n    const formatter = new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n\n    // Format a number and count the decimal places\n    const formatted = formatter.format(1); // Get string representation of 1 unit with currency symbol\n    const match = formatted.match(/\\.([\\d]+)/); // Extract the decimal part\n    return match ? match[1].length : 0;\n  } catch {\n    // Default to 2 decimal places\n    return 2;\n  }\n}\n\n/**\n * Check if a currency is valid\n */\nfunction isValidCurrency(currency: string): boolean {\n  try {\n    new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: currency.toUpperCase()\n    });\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Amount component for displaying monetary values.\n * Automatically formats currencies using Intl.NumberFormat.\n * Inherits styling from parent Text component.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Text>\n *   Total: <Amount value={1299} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With different currency and locale\n * <Text>\n *   Prix: <Amount value={1299} currency=\"EUR\" locale=\"fr-FR\" />  // Shows as \"12,99 €\"\n * </Text>\n *\n * // Without decimals\n * <Text>\n *   Price: <Amount value={1299} hideDecimals />  // Shows as \"$12\"\n * </Text>\n *\n * // With currency code\n * <Text>\n *   Amount: <Amount value={1299} currencyDisplay=\"code\" />  // Shows as \"USD 12.99\"\n * </Text>\n *\n * // With value in major units\n * <Text>\n *   Amount: <Amount value={12.99} valueInMinorUnits={false} />  // Shows as \"$12.99\"\n * </Text>\n *\n * // With groupDigits (default is true)\n * <Text>\n *   Amount: <Amount value={129999999} groupDigits />  // Shows as \"$129,999,999.99\"\n * </Text>\n * ```\n */\nexport const Amount = forwardRef<HTMLSpanElement, AmountProps>(\n  (\n    {\n      value = 0,\n      currency = 'USD',\n      locale = 'en-US',\n      hideDecimals = false,\n      currencyDisplay = 'symbol',\n      minimumFractionDigits,\n      maximumFractionDigits,\n      groupDigits = true,\n      valueInMinorUnits = true\n    },\n    ref\n  ) => {\n    try {\n      if (\n        typeof value === 'number' &&\n        Math.abs(value) > Number.MAX_SAFE_INTEGER\n      ) {\n        console.warn(\n          `Warning: The number ${value} exceeds JavaScript's safe integer limit (${Number.MAX_SAFE_INTEGER}). ` +\n            'For large numbers, pass the value as a string to maintain precision.'\n        );\n      }\n\n      const validCurrency = isValidCurrency(currency) ? currency : 'USD';\n      if (validCurrency !== currency) {\n        console.warn(\n          `Invalid currency code: ${currency}. Falling back to USD.`\n        );\n      }\n\n      const decimals = getCurrencyDecimals(validCurrency);\n\n      // Handle minor units - use string manipulation for strings and Math.pow for numbers\n      const baseValue =\n        valueInMinorUnits && decimals > 0\n          ? typeof value === 'string'\n            ? value.slice(0, -decimals) + '.' + value.slice(-decimals)\n            : value / Math.pow(10, decimals)\n          : value;\n\n      // Remove decimals if hideDecimals is true - handle string and number separately\n      // Note: Not all numbers passed is converted to string as methods like Math.trunc\n      // or toString cannot handle large numbers thus, we need to handle it separately (large numbers passed in value throws console warning).\n      const finalBaseValue = hideDecimals\n        ? typeof baseValue === 'string'\n          ? baseValue.split('.')[0]\n          : Math.trunc(baseValue)\n        : baseValue;\n\n      const formattedValue = new Intl.NumberFormat(locale, {\n        style: 'currency' as const,\n        currency: validCurrency.toUpperCase(),\n        currencyDisplay,\n        minimumFractionDigits: hideDecimals ? 0 : minimumFractionDigits,\n        maximumFractionDigits: hideDecimals ? 0 : maximumFractionDigits,\n        useGrouping: groupDigits\n        // @ts-ignore - Handling large numbers as string or number, so we need to pass the value as string or number.\n      }).format(finalBaseValue);\n\n      return <span ref={ref}>{formattedValue}</span>;\n    } catch (error) {\n      console.error('Error formatting amount:', error);\n      return <span ref={ref}>{value}</span>;\n    }\n  }\n);\n\nAmount.displayName = 'Amount';\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/announcement-bar/announcement-bar.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
@@ -19,7 +19,7 @@ const announementBar = index.cva(announcementBar_module.default["announcement-ba
     },
 });
 const AnnouncementBar = ({ className, variant, text: text$1, leadingIcon, actionLabel, actionIcon, onActionClick = () => { }, ...props }) => {
-    return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { className: announementBar({ className, variant }), justify: "center", align: "center", gap: "small", ...props, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: announcementBar_module.default["icon"], children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(text.Text, { className: announcementBar_module.default.text, size: 2, weight: 500, children: text$1 }), actionLabel || actionIcon ? (jsxRuntime.jsxRuntimeExports.jsxs(text.Text, { className: announcementBar_module.default["action-btn"], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
+    return (jsxRuntime.jsxs(flex.Flex, { className: announementBar({ className, variant }), justify: "center", align: "center", gap: "small", ...props, children: [leadingIcon && jsxRuntime.jsx("span", { className: announcementBar_module.default["icon"], children: leadingIcon }), jsxRuntime.jsx(text.Text, { className: announcementBar_module.default.text, size: 2, weight: 500, children: text$1 }), actionLabel || actionIcon ? (jsxRuntime.jsxs(text.Text, { className: announcementBar_module.default["action-btn"], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
 };
 
 exports.AnnouncementBar = AnnouncementBar;

package/dist/components/announcement-bar/announcement-bar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-bar.cjs","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./announcement-bar.module.css\";\n\nconst announementBar = cva(styles[\"announcement-bar\"], {\n  variants: {\n    variant: {\n      gradient: styles[\"announcement-bar-gradient\"],\n      normal: styles[\"announcement-bar-normal\"],\n      error: styles[\"announcement-bar-error\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"normal\",\n  },\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n  leadingIcon?: ReactNode;\n  className?: string;\n  text: string;\n  actionLabel?: string;\n  actionIcon?: ReactNode;\n  onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n  className,\n  variant,\n  text,\n  leadingIcon,\n  actionLabel,\n  actionIcon,\n  onActionClick = () => {},\n  ...props\n}: AnnouncementBarProps) => {\n  return (\n    <Flex\n      className={announementBar({ className, variant })}\n      justify={\"center\"}\n      align={\"center\"}\n      gap={\"small\"}\n      {...props}\n    >\n      {leadingIcon && <span className={styles[\"icon\"]}>{leadingIcon}</span>}\n      <Text className={styles.text} size={2} weight={500}>\n        {text}\n      </Text>\n      {actionLabel || actionIcon ? (\n        <Text\n          className={styles[\"action-btn\"]}\n          size={2}\n          weight={500}\n          onClick={onActionClick}\n        >\n          {actionLabel}\n          {actionIcon}\n        </Text>\n      ) : null}\n    </Flex>\n  );\n};\n"],"names":["cva","styles","text","_jsxs","Flex","_jsx","Text"],"mappings":";;;;;;;;AAOA,MAAM,cAAc,GAAGA,SAAG,CAACC,8BAAM,CAAC,kBAAkB,CAAC,EAAE;AACrD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAEA,8BAAM,CAAC,2BAA2B,CAAC;AAC7C,YAAA,MAAM,EAAEA,8BAAM,CAAC,yBAAyB,CAAC;AACzC,YAAA,KAAK,EAAEA,8BAAM,CAAC,wBAAwB,CAAC;AACxC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;AAWI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,QACPC,MAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,GAAG,MAAO,GAAC,EACxB,GAAG,KAAK,EACa,KAAI;IACzB,QACEC,kCAACC,SAAI,EAAA,EACH,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACjD,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,OAAO,EAAA,GACR,KAAK,EAER,QAAA,EAAA,CAAA,WAAW,IAAIC,gCAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEJ,8BAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,WAAW,EAAQ,CAAA,EACrEI,gCAAC,CAAAC,SAAI,IAAC,SAAS,EAAEL,8BAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAC/C,QAAA,EAAAC,MAAI,EACA,CAAA,EACN,WAAW,IAAI,UAAU,IACxBC,iCAAA,CAACG,SAAI,EACH,EAAA,SAAS,EAAEL,8BAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,aAAa,aAErB,WAAW,EACX,UAAU,CAAA,EAAA,CACN,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ;;;;"}
+{"version":3,"file":"announcement-bar.cjs","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./announcement-bar.module.css\";\n\nconst announementBar = cva(styles[\"announcement-bar\"], {\n  variants: {\n    variant: {\n      gradient: styles[\"announcement-bar-gradient\"],\n      normal: styles[\"announcement-bar-normal\"],\n      error: styles[\"announcement-bar-error\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"normal\",\n  },\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n  leadingIcon?: ReactNode;\n  className?: string;\n  text: string;\n  actionLabel?: string;\n  actionIcon?: ReactNode;\n  onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n  className,\n  variant,\n  text,\n  leadingIcon,\n  actionLabel,\n  actionIcon,\n  onActionClick = () => {},\n  ...props\n}: AnnouncementBarProps) => {\n  return (\n    <Flex\n      className={announementBar({ className, variant })}\n      justify={\"center\"}\n      align={\"center\"}\n      gap={\"small\"}\n      {...props}\n    >\n      {leadingIcon && <span className={styles[\"icon\"]}>{leadingIcon}</span>}\n      <Text className={styles.text} size={2} weight={500}>\n        {text}\n      </Text>\n      {actionLabel || actionIcon ? (\n        <Text\n          className={styles[\"action-btn\"]}\n          size={2}\n          weight={500}\n          onClick={onActionClick}\n        >\n          {actionLabel}\n          {actionIcon}\n        </Text>\n      ) : null}\n    </Flex>\n  );\n};\n"],"names":["cva","styles","text","_jsxs","Flex","_jsx","Text"],"mappings":";;;;;;;;AAOA,MAAM,cAAc,GAAGA,SAAG,CAACC,8BAAM,CAAC,kBAAkB,CAAC,EAAE;AACrD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAEA,8BAAM,CAAC,2BAA2B,CAAC;AAC7C,YAAA,MAAM,EAAEA,8BAAM,CAAC,yBAAyB,CAAC;AACzC,YAAA,KAAK,EAAEA,8BAAM,CAAC,wBAAwB,CAAC;AACxC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;AAWI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,QACPC,MAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,GAAG,MAAO,GAAC,EACxB,GAAG,KAAK,EACa,KAAI;IACzB,QACEC,gBAACC,SAAI,EAAA,EACH,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACjD,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,OAAO,EAAA,GACR,KAAK,EAER,QAAA,EAAA,CAAA,WAAW,IAAIC,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEJ,8BAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,WAAW,EAAQ,CAAA,EACrEI,cAAC,CAAAC,SAAI,IAAC,SAAS,EAAEL,8BAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAC/C,QAAA,EAAAC,MAAI,EACA,CAAA,EACN,WAAW,IAAI,UAAU,IACxBC,eAAA,CAACG,SAAI,EACH,EAAA,SAAS,EAAEL,8BAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,aAAa,aAErB,WAAW,EACX,UAAU,CAAA,EAAA,CACN,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ;;;;"}

package/dist/components/announcement-bar/announcement-bar.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import { ReactNode } from "react";
 declare const announementBar: (props?: ({
-    variant?: "normal" | "gradient" | "error" | null | undefined;
+    variant?: "normal" | "error" | "gradient" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AnnouncementBarProps = VariantProps<typeof announementBar> & {
     leadingIcon?: ReactNode;

package/dist/components/announcement-bar/announcement-bar.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
@@ -17,7 +17,7 @@ const announementBar = cva(styles["announcement-bar"], {
     },
 });
 const AnnouncementBar = ({ className, variant, text, leadingIcon, actionLabel, actionIcon, onActionClick = () => { }, ...props }) => {
-    return (jsxRuntimeExports.jsxs(Flex, { className: announementBar({ className, variant }), justify: "center", align: "center", gap: "small", ...props, children: [leadingIcon && jsxRuntimeExports.jsx("span", { className: styles["icon"], children: leadingIcon }), jsxRuntimeExports.jsx(Text, { className: styles.text, size: 2, weight: 500, children: text }), actionLabel || actionIcon ? (jsxRuntimeExports.jsxs(Text, { className: styles["action-btn"], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
+    return (jsxs(Flex, { className: announementBar({ className, variant }), justify: "center", align: "center", gap: "small", ...props, children: [leadingIcon && jsx("span", { className: styles["icon"], children: leadingIcon }), jsx(Text, { className: styles.text, size: 2, weight: 500, children: text }), actionLabel || actionIcon ? (jsxs(Text, { className: styles["action-btn"], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
 };
 
 export { AnnouncementBar };

package/dist/components/announcement-bar/announcement-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-bar.js","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./announcement-bar.module.css\";\n\nconst announementBar = cva(styles[\"announcement-bar\"], {\n  variants: {\n    variant: {\n      gradient: styles[\"announcement-bar-gradient\"],\n      normal: styles[\"announcement-bar-normal\"],\n      error: styles[\"announcement-bar-error\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"normal\",\n  },\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n  leadingIcon?: ReactNode;\n  className?: string;\n  text: string;\n  actionLabel?: string;\n  actionIcon?: ReactNode;\n  onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n  className,\n  variant,\n  text,\n  leadingIcon,\n  actionLabel,\n  actionIcon,\n  onActionClick = () => {},\n  ...props\n}: AnnouncementBarProps) => {\n  return (\n    <Flex\n      className={announementBar({ className, variant })}\n      justify={\"center\"}\n      align={\"center\"}\n      gap={\"small\"}\n      {...props}\n    >\n      {leadingIcon && <span className={styles[\"icon\"]}>{leadingIcon}</span>}\n      <Text className={styles.text} size={2} weight={500}>\n        {text}\n      </Text>\n      {actionLabel || actionIcon ? (\n        <Text\n          className={styles[\"action-btn\"]}\n          size={2}\n          weight={500}\n          onClick={onActionClick}\n        >\n          {actionLabel}\n          {actionIcon}\n        </Text>\n      ) : null}\n    </Flex>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACrD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC7C,YAAA,MAAM,EAAE,MAAM,CAAC,yBAAyB,CAAC;AACzC,YAAA,KAAK,EAAE,MAAM,CAAC,wBAAwB,CAAC;AACxC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;AAWI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,GAAG,MAAO,GAAC,EACxB,GAAG,KAAK,EACa,KAAI;IACzB,QACEA,uBAAC,IAAI,EAAA,EACH,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACjD,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,OAAO,EAAA,GACR,KAAK,EAER,QAAA,EAAA,CAAA,WAAW,IAAIC,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,WAAW,EAAQ,CAAA,EACrEA,qBAAC,CAAA,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAC/C,QAAA,EAAA,IAAI,EACA,CAAA,EACN,WAAW,IAAI,UAAU,IACxBD,sBAAA,CAAC,IAAI,EACH,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,aAAa,aAErB,WAAW,EACX,UAAU,CAAA,EAAA,CACN,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ;;;;"}
+{"version":3,"file":"announcement-bar.js","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./announcement-bar.module.css\";\n\nconst announementBar = cva(styles[\"announcement-bar\"], {\n  variants: {\n    variant: {\n      gradient: styles[\"announcement-bar-gradient\"],\n      normal: styles[\"announcement-bar-normal\"],\n      error: styles[\"announcement-bar-error\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"normal\",\n  },\n});\n\ntype AnnouncementBarProps = VariantProps<typeof announementBar> & {\n  leadingIcon?: ReactNode;\n  className?: string;\n  text: string;\n  actionLabel?: string;\n  actionIcon?: ReactNode;\n  onActionClick?: () => void;\n};\n\nexport const AnnouncementBar = ({\n  className,\n  variant,\n  text,\n  leadingIcon,\n  actionLabel,\n  actionIcon,\n  onActionClick = () => {},\n  ...props\n}: AnnouncementBarProps) => {\n  return (\n    <Flex\n      className={announementBar({ className, variant })}\n      justify={\"center\"}\n      align={\"center\"}\n      gap={\"small\"}\n      {...props}\n    >\n      {leadingIcon && <span className={styles[\"icon\"]}>{leadingIcon}</span>}\n      <Text className={styles.text} size={2} weight={500}>\n        {text}\n      </Text>\n      {actionLabel || actionIcon ? (\n        <Text\n          className={styles[\"action-btn\"]}\n          size={2}\n          weight={500}\n          onClick={onActionClick}\n        >\n          {actionLabel}\n          {actionIcon}\n        </Text>\n      ) : null}\n    </Flex>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACrD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC7C,YAAA,MAAM,EAAE,MAAM,CAAC,yBAAyB,CAAC;AACzC,YAAA,KAAK,EAAE,MAAM,CAAC,wBAAwB,CAAC;AACxC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;AAWI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,GAAG,MAAO,GAAC,EACxB,GAAG,KAAK,EACa,KAAI;IACzB,QACEA,KAAC,IAAI,EAAA,EACH,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACjD,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,OAAO,EAAA,GACR,KAAK,EAER,QAAA,EAAA,CAAA,WAAW,IAAIC,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,WAAW,EAAQ,CAAA,EACrEA,GAAC,CAAA,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAC/C,QAAA,EAAA,IAAI,EACA,CAAA,EACN,WAAW,IAAI,UAAU,IACxBD,IAAA,CAAC,IAAI,EACH,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,aAAa,aAErB,WAAW,EACX,UAAU,CAAA,EAAA,CACN,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ;;;;"}

package/dist/components/avatar/avatar.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var box = require('../box/box.cjs');
 var avatar_module = require('./avatar.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.10_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-avatar/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.10_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._5qc66ks5idtunqcw6cbfdp4iwy/node_modules/@radix-ui/react-avatar/dist/index.cjs');
 
 const avatar = index$1.cva(avatar_module.default.avatar, {
     variants: {
@@ -137,7 +137,7 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(box.Box, { className: avatar_module.default.imageWrapper, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { ref: ref, className: index$1.cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsxRuntimeExports.jsx(index.Fallback, { className: avatar_module.default.fallback, children: fallback })] }) })));
+const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxRuntime.jsx(box.Box, { className: avatar_module.default.imageWrapper, children: jsxRuntime.jsxs(index.Root, { ref: ref, className: index$1.cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntime.jsx(index.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsx(index.Fallback, { className: avatar_module.default.fallback, children: fallback })] }) })));
 AvatarRoot.displayName = index.Root.displayName;
 const Avatar = AvatarRoot;
 const AvatarGroup = React.forwardRef(({ children, max, className, ...props }, ref) => {
@@ -145,7 +145,7 @@ const AvatarGroup = React.forwardRef(({ children, max, className, ...props }, re
     const count = max && children.length > max ? children.length - max : 0;
     // Overflow avatar matches the first avatar styling
     const firstAvatarProps = getAvatarProps(avatars[0]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: index$1.cx(avatar_module.default.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
+    return (jsxRuntime.jsxs("div", { ref: ref, className: index$1.cx(avatar_module.default.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntime.jsx("div", { className: avatar_module.default.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntime.jsx("div", { className: avatar_module.default.avatarWrapper, children: jsxRuntime.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
 });
 
 exports.Avatar = Avatar;

package/dist/components/avatar/avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.cjs","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["cva","styles","isValidElement","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","cx","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}
+{"version":3,"file":"avatar.cjs","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["cva","styles","isValidElement","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","cx","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}

package/dist/components/avatar/avatar.js

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef, isValidElement } from 'react';
 import { Box } from '../box/box.js';
 import styles from './avatar.module.css.js';
-import { Root, Image, Fallback } from '../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.10_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-avatar/dist/index.js';
+import { Root, Image, Fallback } from '../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.10_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._5qc66ks5idtunqcw6cbfdp4iwy/node_modules/@radix-ui/react-avatar/dist/index.js';
 
 const avatar = cva(styles.avatar, {
     variants: {
@@ -135,7 +135,7 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles.imageWrapper, children: jsxRuntimeExports.jsxs(Root, { ref: ref, className: cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntimeExports.jsx(Image, { className: image(), src: src, alt: alt }), jsxRuntimeExports.jsx(Fallback, { className: styles.fallback, children: fallback })] }) })));
+const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsx(Box, { className: styles.imageWrapper, children: jsxs(Root, { ref: ref, className: cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsx(Image, { className: image(), src: src, alt: alt }), jsx(Fallback, { className: styles.fallback, children: fallback })] }) })));
 AvatarRoot.displayName = Root.displayName;
 const Avatar = AvatarRoot;
 const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) => {
@@ -143,7 +143,7 @@ const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) =>
     const count = max && children.length > max ? children.length - max : 0;
     // Overflow avatar matches the first avatar styling
     const firstAvatarProps = getAvatarProps(avatars[0]);
-    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: cx(styles.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
+    return (jsxs("div", { ref: ref, className: cx(styles.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsx("div", { className: styles.avatarWrapper, children: avatar }, index))), count > 0 && (jsx("div", { className: styles.avatarWrapper, children: jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
 });
 
 export { Avatar, AvatarGroup, getAvatarProps };

package/dist/components/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":";;;;;;;AAcA,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE;AAChC,IAAA,QAAQ,EAAE;AACR,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC;AAC1B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC5B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC5B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC5B,YAAA,EAAE,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,GAAG,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAC/B,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AAED,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE;AACvE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3E,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AACzE,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE;AAC1E,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAEhC;;;AAGG;AACU,MAAA,cAAc,GAAG,CAAC,OAAqB,KAAiB;AACnE,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;AAE1B,IAAA,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;AAC3B,QAAA,OAAO,KAAK,CAAC;KACd;AAED,IAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,QAAA,IAAI,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;AAClC,YAAA,OAAO,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvC;KACF;AACD,IAAA,OAAO,EAAE,CAAC;AACZ,EAAE;AAeF,MAAM,UAAU,GAAG,UAAU,CAI3B,CACE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACzE,GAAG,MAEHA,qBAAA,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,YACjCC,sBAAC,CAAAC,IAAoB,EACnB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,EAC9D,GAAA,KAAK,EAET,QAAA,EAAA,CAAAF,qBAAA,CAACG,KAAqB,EAAC,EAAA,SAAS,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,EACjEH,qBAAA,CAACI,QAAwB,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EACjD,QAAA,EAAA,QAAQ,GACgB,CACN,EAAA,CAAA,EAAA,CACnB,CACP,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAGF,IAAoB,CAAC,WAAW,CAAC;AAEnD,MAAM,MAAM,GAAG,WAAW;MAOpB,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9C,IAAA,MAAM,OAAO,GAAG,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC;IACxD,MAAM,KAAK,GAAG,GAAG,IAAI,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;;IAGvE,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,QACED,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAAA,CACnE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MACzBD,+BAAiB,SAAS,EAAE,MAAM,CAAC,aAAa,YAC7C,MAAM,EAAA,EADC,KAAK,CAET,CACP,CAAC,EACD,KAAK,GAAG,CAAC,KACRA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAClC,QAAA,EAAAA,qBAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,OAAO,EAAE,gBAAgB,CAAC,OAAO,EACjC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,EAAA,CACrB,GACE,CACP,CAAA,EAAA,CACG,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"avatar.js","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}

package/dist/components/badge/badge.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var badge_module = require('./badge.module.css.cjs');
 
@@ -26,7 +26,7 @@ const badge = index.cva(badge_module.default['badge'], {
     },
 });
 const Badge = ({ variant = 'accent', size = 'small', icon, children, className, screenReaderText }) => {
-    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: badge({ variant, size, className }), children: [icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: badge_module.default['icon'], children: icon }), screenReaderText && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: badge_module.default['sr-only'], children: screenReaderText })), children] }));
+    return (jsxRuntime.jsxs("span", { className: badge({ variant, size, className }), children: [icon && jsxRuntime.jsx("span", { className: badge_module.default['icon'], children: icon }), screenReaderText && (jsxRuntime.jsx("span", { className: badge_module.default['sr-only'], children: screenReaderText })), children] }));
 };
 Badge.displayName = "Badge";
 

package/dist/components/badge/badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.cjs","sources":["../../../components/badge/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./badge.module.css\";\n\nconst badge = cva(styles['badge'], {\n  variants: {\n    variant: {\n      accent: styles[\"badge-accent\"],\n      warning: styles[\"badge-warning\"],\n      danger: styles[\"badge-danger\"],\n      success: styles[\"badge-success\"],\n      neutral: styles[\"badge-neutral\"],\n      gradient: styles[\"badge-gradient\"]\n    },\n    size: {\n      micro: styles[\"badge-micro\"],\n      small: styles[\"badge-small\"],\n      regular: styles[\"badge-regular\"],\n    },\n    defaultVariants: {\n      variant: \"accent\",\n      size: \"small\"\n    }\n  },\n});\n\ntype BadgeProps = VariantProps<typeof badge> & {\n  icon?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  screenReaderText?: string;\n}\n\nexport const Badge = ({ \n  variant = 'accent',\n  size = 'small',\n  icon,\n  children,\n  className,\n  screenReaderText\n}: BadgeProps) => {\n  return (\n    <span className={badge({ variant, size, className })}>\n      {icon && <span className={styles['icon']}>{icon}</span>}\n      {screenReaderText && (\n        <span className={styles['sr-only']}>{screenReaderText}</span>\n      )}\n      {children}\n    </span>\n  );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,OAAO,CAAC,EAAE;AACjC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAEA,oBAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AACjC,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,IAAI,EAAE,OAAO;AACd,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;MASU,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,EACL,KAAI;IACf,QACEC,4CAAM,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EACjD,QAAA,EAAA,CAAA,IAAI,IAAIC,gCAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,oBAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,IAAI,GAAQ,EACtD,gBAAgB,KACfE,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,oBAAM,CAAC,SAAS,CAAC,YAAG,gBAAgB,EAAA,CAAQ,CAC9D,EACA,QAAQ,CACJ,EAAA,CAAA,EACP;AACJ,EAAE;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"badge.cjs","sources":["../../../components/badge/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./badge.module.css\";\n\nconst badge = cva(styles['badge'], {\n  variants: {\n    variant: {\n      accent: styles[\"badge-accent\"],\n      warning: styles[\"badge-warning\"],\n      danger: styles[\"badge-danger\"],\n      success: styles[\"badge-success\"],\n      neutral: styles[\"badge-neutral\"],\n      gradient: styles[\"badge-gradient\"]\n    },\n    size: {\n      micro: styles[\"badge-micro\"],\n      small: styles[\"badge-small\"],\n      regular: styles[\"badge-regular\"],\n    },\n    defaultVariants: {\n      variant: \"accent\",\n      size: \"small\"\n    }\n  },\n});\n\ntype BadgeProps = VariantProps<typeof badge> & {\n  icon?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  screenReaderText?: string;\n}\n\nexport const Badge = ({ \n  variant = 'accent',\n  size = 'small',\n  icon,\n  children,\n  className,\n  screenReaderText\n}: BadgeProps) => {\n  return (\n    <span className={badge({ variant, size, className })}>\n      {icon && <span className={styles['icon']}>{icon}</span>}\n      {screenReaderText && (\n        <span className={styles['sr-only']}>{screenReaderText}</span>\n      )}\n      {children}\n    </span>\n  );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,OAAO,CAAC,EAAE;AACjC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAEA,oBAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AACjC,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,IAAI,EAAE,OAAO;AACd,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;MASU,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,EACL,KAAI;IACf,QACEC,0BAAM,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EACjD,QAAA,EAAA,CAAA,IAAI,IAAIC,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,oBAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,IAAI,GAAQ,EACtD,gBAAgB,KACfE,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,oBAAM,CAAC,SAAS,CAAC,YAAG,gBAAgB,EAAA,CAAQ,CAC9D,EACA,QAAQ,CACJ,EAAA,CAAA,EACP;AACJ,EAAE;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/badge/badge.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './badge.module.css.js';
 
@@ -24,7 +24,7 @@ const badge = cva(styles['badge'], {
     },
 });
 const Badge = ({ variant = 'accent', size = 'small', icon, children, className, screenReaderText }) => {
-    return (jsxRuntimeExports.jsxs("span", { className: badge({ variant, size, className }), children: [icon && jsxRuntimeExports.jsx("span", { className: styles['icon'], children: icon }), screenReaderText && (jsxRuntimeExports.jsx("span", { className: styles['sr-only'], children: screenReaderText })), children] }));
+    return (jsxs("span", { className: badge({ variant, size, className }), children: [icon && jsx("span", { className: styles['icon'], children: icon }), screenReaderText && (jsx("span", { className: styles['sr-only'], children: screenReaderText })), children] }));
 };
 Badge.displayName = "Badge";
 

package/dist/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../../components/badge/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./badge.module.css\";\n\nconst badge = cva(styles['badge'], {\n  variants: {\n    variant: {\n      accent: styles[\"badge-accent\"],\n      warning: styles[\"badge-warning\"],\n      danger: styles[\"badge-danger\"],\n      success: styles[\"badge-success\"],\n      neutral: styles[\"badge-neutral\"],\n      gradient: styles[\"badge-gradient\"]\n    },\n    size: {\n      micro: styles[\"badge-micro\"],\n      small: styles[\"badge-small\"],\n      regular: styles[\"badge-regular\"],\n    },\n    defaultVariants: {\n      variant: \"accent\",\n      size: \"small\"\n    }\n  },\n});\n\ntype BadgeProps = VariantProps<typeof badge> & {\n  icon?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  screenReaderText?: string;\n}\n\nexport const Badge = ({ \n  variant = 'accent',\n  size = 'small',\n  icon,\n  children,\n  className,\n  screenReaderText\n}: BadgeProps) => {\n  return (\n    <span className={badge({ variant, size, className })}>\n      {icon && <span className={styles['icon']}>{icon}</span>}\n      {screenReaderText && (\n        <span className={styles['sr-only']}>{screenReaderText}</span>\n      )}\n      {children}\n    </span>\n  );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AACjC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AACjC,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,IAAI,EAAE,OAAO;AACd,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;MASU,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,EACL,KAAI;IACf,QACEA,iCAAM,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EACjD,QAAA,EAAA,CAAA,IAAI,IAAIC,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,IAAI,GAAQ,EACtD,gBAAgB,KACfA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,YAAG,gBAAgB,EAAA,CAAQ,CAC9D,EACA,QAAQ,CACJ,EAAA,CAAA,EACP;AACJ,EAAE;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"badge.js","sources":["../../../components/badge/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./badge.module.css\";\n\nconst badge = cva(styles['badge'], {\n  variants: {\n    variant: {\n      accent: styles[\"badge-accent\"],\n      warning: styles[\"badge-warning\"],\n      danger: styles[\"badge-danger\"],\n      success: styles[\"badge-success\"],\n      neutral: styles[\"badge-neutral\"],\n      gradient: styles[\"badge-gradient\"]\n    },\n    size: {\n      micro: styles[\"badge-micro\"],\n      small: styles[\"badge-small\"],\n      regular: styles[\"badge-regular\"],\n    },\n    defaultVariants: {\n      variant: \"accent\",\n      size: \"small\"\n    }\n  },\n});\n\ntype BadgeProps = VariantProps<typeof badge> & {\n  icon?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  screenReaderText?: string;\n}\n\nexport const Badge = ({ \n  variant = 'accent',\n  size = 'small',\n  icon,\n  children,\n  className,\n  screenReaderText\n}: BadgeProps) => {\n  return (\n    <span className={badge({ variant, size, className })}>\n      {icon && <span className={styles['icon']}>{icon}</span>}\n      {screenReaderText && (\n        <span className={styles['sr-only']}>{screenReaderText}</span>\n      )}\n      {children}\n    </span>\n  );\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AACjC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AACjC,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,IAAI,EAAE,OAAO;AACd,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;MASU,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,EACL,KAAI;IACf,QACEA,eAAM,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EACjD,QAAA,EAAA,CAAA,IAAI,IAAIC,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAG,QAAA,EAAA,IAAI,GAAQ,EACtD,gBAAgB,KACfA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,YAAG,gBAAgB,EAAA,CAAQ,CAC9D,EACA,QAAQ,CACJ,EAAA,CAAA,EACP;AACJ,EAAE;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/box/box.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var box_module = require('./box.module.css.cjs');
 
 // Note: This is the old component just copied in v1 folder as it is used in v1. 
 const box = index.cva(box_module.default.box);
 function Box({ children, className, ref, ...props }) {
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: box({ className }), ...props, children: children }));
+    return (jsxRuntime.jsx("div", { ref: ref, className: box({ className }), ...props, children: children }));
 }
 Box.displayName = "Box";
 

package/dist/components/box/box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"box.cjs","sources":["../../../components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n  HTMLAttributes<HTMLDivElement> & {\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n  return (\n    <div ref={ref} className={box({ className })} {...props}>\n      {children}\n    </div>\n  );\n}\n\nBox.displayName = \"Box\";\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA;AAEA,MAAM,GAAG,GAAGA,SAAG,CAACC,kBAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEC,0CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"box.cjs","sources":["../../../components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n  HTMLAttributes<HTMLDivElement> & {\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n  return (\n    <div ref={ref} className={box({ className })} {...props}>\n      {children}\n    </div>\n  );\n}\n\nBox.displayName = \"Box\";\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA;AAEA,MAAM,GAAG,GAAGA,SAAG,CAACC,kBAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEC,wBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}

package/dist/components/box/box.js

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './box.module.css.js';
 
 // Note: This is the old component just copied in v1 folder as it is used in v1. 
 const box = cva(styles.box);
 function Box({ children, className, ref, ...props }) {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: box({ className }), ...props, children: children }));
+    return (jsx("div", { ref: ref, className: box({ className }), ...props, children: children }));
 }
 Box.displayName = "Box";
 

package/dist/components/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sources":["../../../components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n  HTMLAttributes<HTMLDivElement> & {\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n  return (\n    <div ref={ref} className={box({ className })} {...props}>\n      {children}\n    </div>\n  );\n}\n\nBox.displayName = \"Box\";\n"],"names":["_jsx"],"mappings":";;;;AAKA;AAEA,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEA,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"box.js","sources":["../../../components/box/box.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./box.module.css\";\n\n// Note: This is the old component just copied in v1 folder as it is used in v1. \n\nconst box = cva(styles.box);\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof box>> &\n  HTMLAttributes<HTMLDivElement> & {\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n\nexport function Box({ children, className, ref, ...props }: BoxProps) {\n  return (\n    <div ref={ref} className={box({ className })} {...props}>\n      {children}\n    </div>\n  );\n}\n\nBox.displayName = \"Box\";\n"],"names":["_jsx"],"mappings":";;;;AAKA;AAEA,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAOZ,SAAA,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAY,EAAA;IAClE,QACEA,aAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACpD,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}