@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.2

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,62 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';
+export declare const AlertDialog: typeof AlertDialogPrimitive.Root & {
+    Header: {
+        ({ className, ...props }: import("class-variance-authority").VariantProps<(props?: ({
+            direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+            align?: "center" | "stretch" | "end" | "start" | "baseline" | null | undefined;
+            justify?: "center" | "end" | "start" | "between" | null | undefined;
+            wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+            gap?: "small" | 1 | "medium" | "large" | "extra-small" | "extra-large" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+            width?: "full" | null | undefined;
+        } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+            render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: import("class-variance-authority").VariantProps<(props?: ({
+            direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+            align?: "center" | "stretch" | "end" | "start" | "baseline" | null | undefined;
+            justify?: "center" | "end" | "start" | "between" | null | undefined;
+            wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+            gap?: "small" | 1 | "medium" | "large" | "extra-small" | "extra-large" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+            width?: "full" | null | undefined;
+        } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+            render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ className, ...props }: import("class-variance-authority").VariantProps<(props?: ({
+            direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+            align?: "center" | "stretch" | "end" | "start" | "baseline" | null | undefined;
+            justify?: "center" | "end" | "start" | "between" | null | undefined;
+            wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+            gap?: "small" | 1 | "medium" | "large" | "extra-small" | "extra-large" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+            width?: "full" | null | undefined;
+        } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+            render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: AlertDialogPrimitive.Trigger;
+    Content: {
+        ({ className, children, showCloseButton, overlay, width, style, showNestedAnimation, ...props }: import("./alert-dialog-content").AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseButton: {
+        ({ className, ...props }: import("@base-ui/react").DialogCloseProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ className, ...props }: import("@base-ui/react").DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, ...props }: import("@base-ui/react").DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    createHandle: typeof AlertDialogPrimitive.createHandle;
+};
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWrE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWtB,CAAC"}

package/dist/components/alert-dialog/alert-dialog.js

@@ -0,0 +1,19 @@
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react';
+import { AlertDialogContent } from './alert-dialog-content.js';
+import { AlertDialogHeader, AlertDialogFooter, AlertDialogBody, CloseButton, AlertDialogTitle, AlertDialogDescription } from './alert-dialog-misc.js';
+
+const AlertDialog = Object.assign(AlertDialog$1.Root, {
+    Header: AlertDialogHeader,
+    Footer: AlertDialogFooter,
+    Body: AlertDialogBody,
+    Trigger: AlertDialog$1.Trigger,
+    Content: AlertDialogContent,
+    Close: AlertDialog$1.Close,
+    CloseButton: CloseButton,
+    Title: AlertDialogTitle,
+    Description: AlertDialogDescription,
+    createHandle: AlertDialog$1.createHandle
+});
+
+export { AlertDialog };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","sources":["../../../components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';\nimport { AlertDialogContent } from './alert-dialog-content';\nimport {\n  AlertDialogBody,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CloseButton\n} from './alert-dialog-misc';\n\nexport const AlertDialog = Object.assign(AlertDialogPrimitive.Root, {\n  Header: AlertDialogHeader,\n  Footer: AlertDialogFooter,\n  Body: AlertDialogBody,\n  Trigger: AlertDialogPrimitive.Trigger,\n  Content: AlertDialogContent,\n  Close: AlertDialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  createHandle: AlertDialogPrimitive.createHandle\n});\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;AAWa,MAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAACA,aAAoB,CAAC,IAAI,EAAE;AAClE,IAAA,MAAM,EAAE,iBAAiB;AACzB,IAAA,MAAM,EAAE,iBAAiB;AACzB,IAAA,IAAI,EAAE,eAAe;IACrB,OAAO,EAAEA,aAAoB,CAAC,OAAO;AACrC,IAAA,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAEA,aAAoB,CAAC,KAAK;AACjC,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,KAAK,EAAE,gBAAgB;AACvB,IAAA,WAAW,EAAE,sBAAsB;IACnC,YAAY,EAAEA,aAAoB,CAAC,YAAY;AAChD,CAAA;;;;"}

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { AlertDialog } from './alert-dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/amount/amount.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 
 /**
  * Get the number of decimal places for a currency
@@ -75,7 +74,7 @@ function isValidCurrency(currency) {
  * </Text>
  * ```
  */
-const Amount = React.forwardRef(({ value = 0, currency = 'USD', locale = 'en-US', hideDecimals = false, currencyDisplay = 'symbol', minimumFractionDigits, maximumFractionDigits, groupDigits = true, valueInMinorUnits = true }, ref) => {
+const Amount = ({ value = 0, currency = 'USD', locale = 'en-US', hideDecimals = false, currencyDisplay = 'symbol', minimumFractionDigits, maximumFractionDigits, groupDigits = true, valueInMinorUnits = true, ...props }) => {
     try {
         if (typeof value === 'number' &&
             Math.abs(value) > Number.MAX_SAFE_INTEGER) {
@@ -110,13 +109,13 @@ 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.jsx("span", { ref: ref, children: formattedValue });
+        return jsxRuntime.jsx("span", { ...props, children: formattedValue });
     }
     catch (error) {
         console.error('Error formatting amount:', error);
-        return jsxRuntime.jsx("span", { ref: ref, children: value });
+        return jsxRuntime.jsx("span", { ...props, children: value });
     }
-});
+};
 Amount.displayName = 'Amount';
 
 exports.Amount = 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 { type ComponentProps } from 'react';\n\nexport interface AmountProps extends ComponentProps<'span'> {\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 = ({\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  ...props\n}: AmountProps) => {\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(`Invalid currency code: ${currency}. Falling back to USD.`);\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 {...props}>{formattedValue}</span>;\n  } catch (error) {\n    console.error('Error formatting amount:', error);\n    return <span {...props}>{value}</span>;\n  }\n};\n\nAmount.displayName = 'Amount';\n"],"names":["_jsx"],"mappings":";;;;AAsEA;;AAEG;AACH,SAAS,mBAAmB,CAAC,QAAgB,EAAA;AAC3C,IAAA,IAAI;QACF,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC5C,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE;AACjC,SAAA,CAAC,CAAC;;QAGH,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;AAC3C,QAAA,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;KACpC;AAAC,IAAA,MAAM;;AAEN,QAAA,OAAO,CAAC,CAAC;KACV;AACH,CAAC;AAED;;AAEG;AACH,SAAS,eAAe,CAAC,QAAgB,EAAA;AACvC,IAAA,IAAI;AACF,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE;AACjC,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,IAAI,CAAC;KACb;AAAC,IAAA,MAAM;AACN,QAAA,OAAO,KAAK,CAAC;KACd;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCG;AACU,MAAA,MAAM,GAAG,CAAC,EACrB,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,OAAO,EAChB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,QAAQ,EAC1B,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GAAG,IAAI,EAClB,iBAAiB,GAAG,IAAI,EACxB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,IAAI;QACF,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,gBAAgB,EACzC;YACA,OAAO,CAAC,IAAI,CACV,CAAA,oBAAA,EAAuB,KAAK,CAA6C,0CAAA,EAAA,MAAM,CAAC,gBAAgB,CAAK,GAAA,CAAA;AACnG,gBAAA,sEAAsE,CACzE,CAAC;SACH;AAED,QAAA,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnE,QAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,YAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,QAAQ,CAAA,sBAAA,CAAwB,CAAC,CAAC;SAC1E;AAED,QAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;;AAGpD,QAAA,MAAM,SAAS,GACb,iBAAiB,IAAI,QAAQ,GAAG,CAAC;AAC/B,cAAE,OAAO,KAAK,KAAK,QAAQ;AACzB,kBAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;kBACxD,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC;cAChC,KAAK,CAAC;;;;QAKZ,MAAM,cAAc,GAAG,YAAY;AACjC,cAAE,OAAO,SAAS,KAAK,QAAQ;kBAC3B,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,kBAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;cACvB,SAAS,CAAC;QAEd,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;AACnD,YAAA,KAAK,EAAE,UAAmB;AAC1B,YAAA,QAAQ,EAAE,aAAa,CAAC,WAAW,EAAE;YACrC,eAAe;YACf,qBAAqB,EAAE,YAAY,GAAG,CAAC,GAAG,qBAAqB;YAC/D,qBAAqB,EAAE,YAAY,GAAG,CAAC,GAAG,qBAAqB;AAC/D,YAAA,WAAW,EAAE,WAAW;;AAEzB,SAAA,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAE1B,QAAA,OAAOA,cAAU,CAAA,MAAA,EAAA,EAAA,GAAA,KAAK,EAAG,QAAA,EAAA,cAAc,GAAQ,CAAC;KACjD;IAAC,OAAO,KAAK,EAAE;AACd,QAAA,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;AACjD,QAAA,OAAOA,cAAU,CAAA,MAAA,EAAA,EAAA,GAAA,KAAK,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KACxC;AACH,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/amount/amount.d.ts

@@ -1,4 +1,5 @@
-export interface AmountProps {
+import { type ComponentProps } from 'react';
+export interface AmountProps extends ComponentProps<'span'> {
     /**
      * The monetary value to display
      * For large numbers (> 2^53), pass the value as string to maintain precision
@@ -95,5 +96,8 @@ export interface AmountProps {
  * </Text>
  * ```
  */
-export declare const Amount: import("react").ForwardRefExoticComponent<AmountProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Amount: {
+    ({ value, currency, locale, hideDecimals, currencyDisplay, minimumFractionDigits, maximumFractionDigits, groupDigits, valueInMinorUnits, ...props }: AmountProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=amount.d.ts.map

package/dist/components/amount/amount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"amount.d.ts","sourceRoot":"","sources":["../../../components/amount/amount.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;OASG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,MAAM,yGAoElB,CAAC"}
+{"version":3,"file":"amount.d.ts","sourceRoot":"","sources":["../../../components/amount/amount.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,MAAM,CAAC;IACzD;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;OASG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,MAAM;yJAWhB,WAAW;;CAmDb,CAAC"}

package/dist/components/amount/amount.js

@@ -1,5 +1,4 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
 
 /**
  * Get the number of decimal places for a currency
@@ -73,7 +72,7 @@ function isValidCurrency(currency) {
  * </Text>
  * ```
  */
-const Amount = forwardRef(({ value = 0, currency = 'USD', locale = 'en-US', hideDecimals = false, currencyDisplay = 'symbol', minimumFractionDigits, maximumFractionDigits, groupDigits = true, valueInMinorUnits = true }, ref) => {
+const Amount = ({ value = 0, currency = 'USD', locale = 'en-US', hideDecimals = false, currencyDisplay = 'symbol', minimumFractionDigits, maximumFractionDigits, groupDigits = true, valueInMinorUnits = true, ...props }) => {
     try {
         if (typeof value === 'number' &&
             Math.abs(value) > Number.MAX_SAFE_INTEGER) {
@@ -108,13 +107,13 @@ 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 jsx("span", { ref: ref, children: formattedValue });
+        return jsx("span", { ...props, children: formattedValue });
     }
     catch (error) {
         console.error('Error formatting amount:', error);
-        return jsx("span", { ref: ref, children: value });
+        return jsx("span", { ...props, children: value });
     }
-});
+};
 Amount.displayName = 'Amount';
 
 export { 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 { type ComponentProps } from 'react';\n\nexport interface AmountProps extends ComponentProps<'span'> {\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 = ({\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  ...props\n}: AmountProps) => {\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(`Invalid currency code: ${currency}. Falling back to USD.`);\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 {...props}>{formattedValue}</span>;\n  } catch (error) {\n    console.error('Error formatting amount:', error);\n    return <span {...props}>{value}</span>;\n  }\n};\n\nAmount.displayName = 'Amount';\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
 var announcementBar_module = require('./announcement-bar.module.css.cjs');
 
-const announementBar = classVarianceAuthority.cva(announcementBar_module.default['announcement-bar'], {
+const announcementBar = classVarianceAuthority.cva(announcementBar_module.default['announcement-bar'], {
     variants: {
         variant: {
             gradient: announcementBar_module.default['announcement-bar-gradient'],
@@ -20,8 +20,9 @@ const announementBar = classVarianceAuthority.cva(announcementBar_module.default
     }
 });
 const AnnouncementBar = ({ className, variant, text: text$1, leadingIcon, actionLabel, actionIcon, onActionClick = () => { }, ...props }) => {
-    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] }));
+    return (jsxRuntime.jsxs(flex.Flex, { className: announcementBar({ 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] }));
 };
+AnnouncementBar.displayName = 'AnnouncementBar';
 
 exports.AnnouncementBar = AnnouncementBar;
 //# sourceMappingURL=announcement-bar.cjs.map

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":["'use client';\n\nimport { type VariantProps, cva } 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":[],"mappings":";;;;;;;;;AASA;AACE;AACE;AACE;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAWM;;AAmCP;;"}
+{"version":3,"file":"announcement-bar.cjs","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["'use client';\n\nimport { 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 announcementBar = 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 announcementBar> & {\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={announcementBar({ 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\nAnnouncementBar.displayName = 'AnnouncementBar';\n"],"names":[],"mappings":";;;;;;;;;AASA;AACE;AACE;AACE;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAWM;;AAmCP;AAEA;;"}

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

@@ -1,9 +1,9 @@
 import { type VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
-declare const announementBar: (props?: ({
+declare const announcementBar: (props?: ({
     variant?: "normal" | "error" | "gradient" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type AnnouncementBarProps = VariantProps<typeof announementBar> & {
+type AnnouncementBarProps = VariantProps<typeof announcementBar> & {
     leadingIcon?: ReactNode;
     className?: string;
     text: string;
@@ -11,6 +11,9 @@ type AnnouncementBarProps = VariantProps<typeof announementBar> & {
     actionIcon?: ReactNode;
     onActionClick?: () => void;
 };
-export declare const AnnouncementBar: ({ className, variant, text, leadingIcon, actionLabel, actionIcon, onActionClick, ...props }: AnnouncementBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnnouncementBar: {
+    ({ className, variant, text, leadingIcon, actionLabel, actionIcon, onActionClick, ...props }: AnnouncementBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=announcement-bar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"announcement-bar.d.ts","sourceRoot":"","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,QAAA,MAAM,cAAc;;8EAWlB,CAAC;AAEH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAChE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe,gGASzB,oBAAoB,4CA0BtB,CAAC"}
+{"version":3,"file":"announcement-bar.d.ts","sourceRoot":"","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAEH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,GAAG;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,eAAe;kGASzB,oBAAoB;;CA0BtB,CAAC"}

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

@@ -5,7 +5,7 @@ import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
 import styles from './announcement-bar.module.css.js';
 
-const announementBar = cva(styles['announcement-bar'], {
+const announcementBar = cva(styles['announcement-bar'], {
     variants: {
         variant: {
             gradient: styles['announcement-bar-gradient'],
@@ -18,8 +18,9 @@ const announementBar = cva(styles['announcement-bar'], {
     }
 });
 const AnnouncementBar = ({ className, variant, text, leadingIcon, actionLabel, actionIcon, onActionClick = () => { }, ...props }) => {
-    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] }));
+    return (jsxs(Flex, { className: announcementBar({ 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] }));
 };
+AnnouncementBar.displayName = 'AnnouncementBar';
 
 export { AnnouncementBar };
 //# sourceMappingURL=announcement-bar.js.map

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":["'use client';\n\nimport { type VariantProps, cva } 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":[],"mappings":";;;;;;;AASA;AACE;AACE;AACE;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAWM;;AAmCP;;"}
+{"version":3,"file":"announcement-bar.js","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"sourcesContent":["'use client';\n\nimport { 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 announcementBar = 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 announcementBar> & {\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={announcementBar({ 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\nAnnouncementBar.displayName = 'AnnouncementBar';\n"],"names":[],"mappings":";;;;;;;AASA;AACE;AACE;AACE;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAWM;;AAmCP;AAEA;;"}

package/dist/components/avatar/avatar.cjs

@@ -136,16 +136,17 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxRuntime.jsxs(avatar$1.Avatar.Root, { ref: ref, className: classVarianceAuthority.cx(avatar_module.default.imageWrapper, avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntime.jsx(avatar$1.Avatar.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsx(avatar$1.Avatar.Fallback, { className: avatar_module.default.fallback, children: fallback })] })));
-AvatarRoot.displayName = avatar$1.Avatar.Root.displayName;
+const AvatarRoot = ({ className, alt, src, fallback, size, radius, variant, color, ...props }) => (jsxRuntime.jsxs(avatar$1.Avatar.Root, { className: classVarianceAuthority.cx(avatar_module.default.imageWrapper, avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntime.jsx(avatar$1.Avatar.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsx(avatar$1.Avatar.Fallback, { className: avatar_module.default.fallback, children: fallback })] }));
+AvatarRoot.displayName = 'Avatar';
 const Avatar = AvatarRoot;
-const AvatarGroup = React.forwardRef(({ children, max, className, ...props }, ref) => {
+const AvatarGroup = ({ children, max, className, ...props }) => {
     const avatars = max ? children.slice(0, max) : children;
     const count = max && children.length > max ? children.length - max : 0;
     // Overflow avatar matches the first avatar styling
     const firstAvatarProps = getAvatarProps(avatars[0]);
-    return (jsxRuntime.jsxs("div", { ref: ref, className: classVarianceAuthority.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}` }) }))] }));
-});
+    return (jsxRuntime.jsxs("div", { className: classVarianceAuthority.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}` }) }))] }));
+};
+AvatarGroup.displayName = 'Avatar.Group';
 
 exports.Avatar = Avatar;
 exports.AvatarGroup = AvatarGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.cjs","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  isValidElement,\n  ReactElement,\n  ReactNode\n} from 'react';\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 = (\n  element: ReactElement<AvatarProps>\n): AvatarProps => {\n  const props = element.props as AvatarProps & { children?: ReactNode };\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement<AvatarProps>(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends AvatarPrimitive.Root.Props,\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  className?: string;\n}\n\nconst AvatarRoot = forwardRef<HTMLSpanElement, AvatarProps>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <AvatarPrimitive.Root\n      ref={ref}\n      className={cx(\n        styles.imageWrapper,\n        avatar({ size, radius, variant, color }),\n        className\n      )}\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  )\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","_jsxs","AvatarPrimitive","cx","_jsx"],"mappings":"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"}
+{"version":3,"file":"avatar.cjs","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport { ComponentProps, isValidElement, ReactElement, ReactNode } from 'react';\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 = (\n  element: ReactElement<AvatarProps>\n): AvatarProps => {\n  const props = element.props as AvatarProps & { children?: ReactNode };\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement<AvatarProps>(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends AvatarPrimitive.Root.Props,\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  className?: string;\n}\n\nconst AvatarRoot = ({\n  className,\n  alt,\n  src,\n  fallback,\n  size,\n  radius,\n  variant,\n  color,\n  ...props\n}: AvatarProps) => (\n  <AvatarPrimitive.Root\n    className={cx(\n      styles.imageWrapper,\n      avatar({ size, radius, variant, color }),\n      className\n    )}\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);\n\nAvatarRoot.displayName = 'Avatar';\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentProps<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = ({\n  children,\n  max,\n  className,\n  ...props\n}: AvatarGroupProps) => {\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 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\nAvatarGroup.displayName = 'Avatar.Group';\n"],"names":["cva","styles","isValidElement","_jsxs","AvatarPrimitive","cx","_jsx"],"mappings":"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"}

package/dist/components/avatar/avatar.d.ts

@@ -1,13 +1,13 @@
 import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
 import { VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+import { ComponentProps, ReactElement, ReactNode } from 'react';
 import { AVATAR_COLORS } from './utils';
 declare const avatar: (props?: ({
     radius?: "small" | "full" | null | undefined;
-    size?: 1 | 2 | 10 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 13 | 11 | 12 | null | undefined;
+    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 13 | 11 | 12 | null | undefined;
     variant?: "solid" | "soft" | null | undefined;
     disabled?: boolean | null | undefined;
-    color?: "indigo" | "orange" | "mint" | "neutral" | "sky" | "lime" | "grass" | "cyan" | "iris" | "purple" | "pink" | "crimson" | "gold" | null | undefined;
+    color?: "crimson" | "cyan" | "gold" | "indigo" | "lime" | "orange" | "pink" | "purple" | "mint" | "neutral" | "sky" | "grass" | "iris" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const getAvatarProps: (element: ReactElement<AvatarProps>) => AvatarProps;
 export interface AvatarProps extends AvatarPrimitive.Root.Props, VariantProps<typeof avatar> {
@@ -19,11 +19,17 @@ export interface AvatarProps extends AvatarPrimitive.Root.Props, VariantProps<ty
     color?: AVATAR_COLORS;
     className?: string;
 }
-export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-export interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {
+export declare const Avatar: {
+    ({ className, alt, src, fallback, size, radius, variant, color, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface AvatarGroupProps extends ComponentProps<'div'> {
     children: React.ReactElement<AvatarProps>[];
     max?: number;
 }
-export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AvatarGroup: {
+    ({ children, max, className, ...props }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EACL,wBAAwB,EAGxB,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAQH,eAAO,MAAM,cAAc,YAChB,aAAa,WAAW,CAAC,KACjC,WAaF,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK,EAChC,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,eAAO,MAAM,MAAM,sHAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA6BvB,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAkB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAQH,eAAO,MAAM,cAAc,YAChB,aAAa,WAAW,CAAC,KACjC,WAaF,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,IAAI,CAAC,KAAK,EAChC,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD,eAAO,MAAM,MAAM;gFAlBhB,WAAW;;CAkBkB,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CA2BlB,CAAC"}

package/dist/components/avatar/avatar.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import { cva, cx } from 'class-variance-authority';
-import { forwardRef, isValidElement } from 'react';
+import { isValidElement } from 'react';
 import styles from './avatar.module.css.js';
 
 const avatar = cva(styles.avatar, {
@@ -134,16 +134,17 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxs(Avatar$1.Root, { ref: ref, className: cx(styles.imageWrapper, avatar({ size, radius, variant, color }), className), ...props, children: [jsx(Avatar$1.Image, { className: image(), src: src, alt: alt }), jsx(Avatar$1.Fallback, { className: styles.fallback, children: fallback })] })));
-AvatarRoot.displayName = Avatar$1.Root.displayName;
+const AvatarRoot = ({ className, alt, src, fallback, size, radius, variant, color, ...props }) => (jsxs(Avatar$1.Root, { className: cx(styles.imageWrapper, avatar({ size, radius, variant, color }), className), ...props, children: [jsx(Avatar$1.Image, { className: image(), src: src, alt: alt }), jsx(Avatar$1.Fallback, { className: styles.fallback, children: fallback })] }));
+AvatarRoot.displayName = 'Avatar';
 const Avatar = AvatarRoot;
-const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) => {
+const AvatarGroup = ({ children, max, className, ...props }) => {
     const avatars = max ? children.slice(0, max) : children;
     const count = max && children.length > max ? children.length - max : 0;
     // Overflow avatar matches the first avatar styling
     const firstAvatarProps = getAvatarProps(avatars[0]);
-    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}` }) }))] }));
-});
+    return (jsxs("div", { 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}` }) }))] }));
+};
+AvatarGroup.displayName = 'Avatar.Group';
 
 export { Avatar, AvatarGroup, getAvatarProps };
 //# sourceMappingURL=avatar.js.map