@raystack/apsara 0.56.7 → 1.0.0-rc.1

package/dist/components/alert-dialog/alert-dialog-misc.cjs

@@ -0,0 +1,36 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var dialog_module = require('../dialog/dialog.module.css.cjs');
+var flex = require('../flex/flex.cjs');
+
+const AlertDialogHeader = ({ className, ...props }) => (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: classVarianceAuthority.cx(dialog_module.default.header, className), ...props }));
+AlertDialogHeader.displayName = 'AlertDialog.Header';
+const AlertDialogFooter = ({ className, ...props }) => (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: classVarianceAuthority.cx(dialog_module.default.footer, className), ...props }));
+AlertDialogFooter.displayName = 'AlertDialog.Footer';
+const AlertDialogBody = ({ className, ...props }) => (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: classVarianceAuthority.cx(dialog_module.default.body, className), ...props }));
+AlertDialogBody.displayName = 'AlertDialog.Body';
+const CloseButton = ({ className, ...props }) => {
+    return (jsxRuntime.jsx(react.AlertDialog.Close, { className: classVarianceAuthority.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }));
+};
+CloseButton.displayName = 'AlertDialog.CloseButton';
+const AlertDialogTitle = ({ className, ...props }) => {
+    return (jsxRuntime.jsx(react.AlertDialog.Title, { className: classVarianceAuthority.cx(dialog_module.default.title, className), ...props }));
+};
+AlertDialogTitle.displayName = 'AlertDialog.Title';
+const AlertDialogDescription = ({ className, ...props }) => {
+    return (jsxRuntime.jsx(react.AlertDialog.Description, { className: classVarianceAuthority.cx(dialog_module.default.description, className), ...props }));
+};
+AlertDialogDescription.displayName = 'AlertDialog.Description';
+
+exports.AlertDialogBody = AlertDialogBody;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.CloseButton = CloseButton;
+//# sourceMappingURL=alert-dialog-misc.cjs.map

package/dist/components/alert-dialog/alert-dialog-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-misc.cjs","sources":["../../../components/alert-dialog/alert-dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport styles from '../dialog/dialog.module.css';\nimport { Flex } from '../flex';\n\nexport const AlertDialogHeader = ({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n    {...props}\n  />\n);\n\nAlertDialogHeader.displayName = 'AlertDialog.Header';\n\nexport const AlertDialogFooter = ({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) => (\n  <Flex\n    gap={5}\n    justify='end'\n    className={cx(styles.footer, className)}\n    {...props}\n  />\n);\n\nAlertDialogFooter.displayName = 'AlertDialog.Footer';\n\nexport const AlertDialogBody = ({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) => (\n  <Flex\n    direction='column'\n    gap={3}\n    className={cx(styles.body, className)}\n    {...props}\n  />\n);\n\nAlertDialogBody.displayName = 'AlertDialog.Body';\n\nexport const CloseButton = ({\n  className,\n  ...props\n}: AlertDialogPrimitive.Close.Props) => {\n  return (\n    <AlertDialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </AlertDialogPrimitive.Close>\n  );\n};\n\nCloseButton.displayName = 'AlertDialog.CloseButton';\n\nexport const AlertDialogTitle = ({\n  className,\n  ...props\n}: AlertDialogPrimitive.Title.Props) => {\n  return (\n    <AlertDialogPrimitive.Title\n      className={cx(styles.title, className)}\n      {...props}\n    />\n  );\n};\n\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n\nexport const AlertDialogDescription = ({\n  className,\n  ...props\n}: AlertDialogPrimitive.Description.Props) => {\n  return (\n    <AlertDialogPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n};\n\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;AASa;AAYb;AAEa;AAYb;AAEa;AAYb;AAEO;AAIL;AASF;AAEA;AAEO;;AAUP;AAEA;AAEO;;AAUP;AAEA;;;;;;;"}

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

@@ -0,0 +1,28 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';
+import { type ComponentProps } from 'react';
+import { Flex } from '../flex';
+export declare const AlertDialogHeader: {
+    ({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDialogFooter: {
+    ({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDialogBody: {
+    ({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const CloseButton: {
+    ({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDialogTitle: {
+    ({ className, ...props }: AlertDialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDialogDescription: {
+    ({ className, ...props }: AlertDialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=alert-dialog-misc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-misc.d.ts","sourceRoot":"","sources":["../../../components/alert-dialog/alert-dialog-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGrE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,eAAO,MAAM,iBAAiB;8BAG3B,eAAe,WAAW,CAAC;;CAO7B,CAAC;AAIF,eAAO,MAAM,iBAAiB;8BAG3B,eAAe,WAAW,CAAC;;CAO7B,CAAC;AAIF,eAAO,MAAM,eAAe;8BAGzB,eAAe,WAAW,CAAC;;CAO7B,CAAC;AAIF,eAAO,MAAM,WAAW;8BAGrB,qBAAqB,KAAK,CAAC,KAAK;;CAUlC,CAAC;AAIF,eAAO,MAAM,gBAAgB;8BAG1B,qBAAqB,KAAK,CAAC,KAAK;;CAOlC,CAAC;AAIF,eAAO,MAAM,sBAAsB;8BAGhC,qBAAqB,WAAW,CAAC,KAAK;;CAOxC,CAAC"}

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { AlertDialog } from '@base-ui/react';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cx } from 'class-variance-authority';
+import styles from '../dialog/dialog.module.css.js';
+import { Flex } from '../flex/flex.js';
+
+const AlertDialogHeader = ({ className, ...props }) => (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), ...props }));
+AlertDialogHeader.displayName = 'AlertDialog.Header';
+const AlertDialogFooter = ({ className, ...props }) => (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), ...props }));
+AlertDialogFooter.displayName = 'AlertDialog.Footer';
+const AlertDialogBody = ({ className, ...props }) => (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), ...props }));
+AlertDialogBody.displayName = 'AlertDialog.Body';
+const CloseButton = ({ className, ...props }) => {
+    return (jsx(AlertDialog.Close, { className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsx(Cross1Icon, { "aria-hidden": 'true' }) }));
+};
+CloseButton.displayName = 'AlertDialog.CloseButton';
+const AlertDialogTitle = ({ className, ...props }) => {
+    return (jsx(AlertDialog.Title, { className: cx(styles.title, className), ...props }));
+};
+AlertDialogTitle.displayName = 'AlertDialog.Title';
+const AlertDialogDescription = ({ className, ...props }) => {
+    return (jsx(AlertDialog.Description, { className: cx(styles.description, className), ...props }));
+};
+AlertDialogDescription.displayName = 'AlertDialog.Description';
+
+export { AlertDialogBody, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, CloseButton };
+//# sourceMappingURL=alert-dialog-misc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-misc.js","sources":["../../../components/alert-dialog/alert-dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport styles from '../dialog/dialog.module.css';\nimport { Flex } from '../flex';\n\nexport const AlertDialogHeader = ({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n    {...props}\n  />\n);\n\nAlertDialogHeader.displayName = 'AlertDialog.Header';\n\nexport const AlertDialogFooter = ({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) => (\n  <Flex\n    gap={5}\n    justify='end'\n    className={cx(styles.footer, className)}\n    {...props}\n  />\n);\n\nAlertDialogFooter.displayName = 'AlertDialog.Footer';\n\nexport const AlertDialogBody = ({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) => (\n  <Flex\n    direction='column'\n    gap={3}\n    className={cx(styles.body, className)}\n    {...props}\n  />\n);\n\nAlertDialogBody.displayName = 'AlertDialog.Body';\n\nexport const CloseButton = ({\n  className,\n  ...props\n}: AlertDialogPrimitive.Close.Props) => {\n  return (\n    <AlertDialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </AlertDialogPrimitive.Close>\n  );\n};\n\nCloseButton.displayName = 'AlertDialog.CloseButton';\n\nexport const AlertDialogTitle = ({\n  className,\n  ...props\n}: AlertDialogPrimitive.Title.Props) => {\n  return (\n    <AlertDialogPrimitive.Title\n      className={cx(styles.title, className)}\n      {...props}\n    />\n  );\n};\n\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n\nexport const AlertDialogDescription = ({\n  className,\n  ...props\n}: AlertDialogPrimitive.Description.Props) => {\n  return (\n    <AlertDialogPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n};\n\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n"],"names":[],"mappings":";;;;;;;;AASa;AAYb;AAEa;AAYb;AAEa;AAYb;AAEO;AAIL;AASF;AAEA;AAEO;;AAUP;AAEA;AAEO;;AAUP;AAEA;;"}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var react = require('@base-ui/react');
+var alertDialogContent = require('./alert-dialog-content.cjs');
+var alertDialogMisc = require('./alert-dialog-misc.cjs');
+
+const AlertDialog = Object.assign(react.AlertDialog.Root, {
+    Header: alertDialogMisc.AlertDialogHeader,
+    Footer: alertDialogMisc.AlertDialogFooter,
+    Body: alertDialogMisc.AlertDialogBody,
+    Trigger: react.AlertDialog.Trigger,
+    Content: alertDialogContent.AlertDialogContent,
+    Close: react.AlertDialog.Close,
+    CloseButton: alertDialogMisc.CloseButton,
+    Title: alertDialogMisc.AlertDialogTitle,
+    Description: alertDialogMisc.AlertDialogDescription
+});
+
+exports.AlertDialog = AlertDialog;
+//# sourceMappingURL=alert-dialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.cjs","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});\n"],"names":["AlertDialogPrimitive","AlertDialogHeader","AlertDialogFooter","AlertDialogBody","AlertDialogContent","CloseButton","AlertDialogTitle","AlertDialogDescription"],"mappings":";;;;;;AAWa,MAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAACA,iBAAoB,CAAC,IAAI,EAAE;AAClE,IAAA,MAAM,EAAEC,iCAAiB;AACzB,IAAA,MAAM,EAAEC,iCAAiB;AACzB,IAAA,IAAI,EAAEC,+BAAe;IACrB,OAAO,EAAEH,iBAAoB,CAAC,OAAO;AACrC,IAAA,OAAO,EAAEI,qCAAkB;IAC3B,KAAK,EAAEJ,iBAAoB,CAAC,KAAK;AACjC,IAAA,WAAW,EAAEK,2BAAW;AACxB,IAAA,KAAK,EAAEC,gCAAgB;AACvB,IAAA,WAAW,EAAEC,sCAAsB;AACpC,CAAA;;;;"}

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

@@ -0,0 +1,61 @@
+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" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+            justify?: "center" | "start" | "end" | "between" | null | undefined;
+            wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+            gap?: "small" | 1 | "extra-small" | "medium" | "large" | "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" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+            justify?: "center" | "start" | "end" | "between" | null | undefined;
+            wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+            gap?: "small" | 1 | "extra-small" | "medium" | "large" | "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" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+            justify?: "center" | "start" | "end" | "between" | null | undefined;
+            wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+            gap?: "small" | 1 | "extra-small" | "medium" | "large" | "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;
+    };
+};
+//# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUtB,CAAC"}

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

@@ -0,0 +1,18 @@
+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
+});
+
+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});\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;AACpC,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":"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"}

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":";;;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,UAAU,CAC9B,CACE,EACE,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,EACzB,EACD,GAAG,KACD;AACF,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,CACV,0BAA0B,QAAQ,CAAA,sBAAA,CAAwB,CAC3D,CAAC;SACH;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,cAAM,GAAG,EAAE,GAAG,EAAG,QAAA,EAAA,cAAc,GAAQ,CAAC;KAChD;IAAC,OAAO,KAAK,EAAE;AACd,QAAA,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;AACjD,QAAA,OAAOA,cAAM,GAAG,EAAE,GAAG,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KACvC;AACH,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"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":";;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,GAAU,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,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,KAAK,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KACxC;AACH,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -1,10 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var avatar$1 = require('@base-ui/react/avatar');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
-var box = require('../box/box.cjs');
 var avatar_module = require('./avatar.module.css.cjs');
 
 const avatar = classVarianceAuthority.cva(avatar_module.default.avatar, {
@@ -126,7 +125,7 @@ const image = classVarianceAuthority.cva(avatar_module.default.image);
  * wrapped in another component like Tooltip, Flex, etc.
  */
 const getAvatarProps = (element) => {
-    const { props } = element;
+    const props = element.props;
     if (element.type === Avatar) {
         return props;
     }
@@ -137,16 +136,17 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-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(radixUi.Avatar.Root, { ref: ref, className: classVarianceAuthority.cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntime.jsx(radixUi.Avatar.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsx(radixUi.Avatar.Fallback, { className: avatar_module.default.fallback, children: fallback })] }) })));
-AvatarRoot.displayName = radixUi.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;