@raystack/apsara 0.46.0 → 0.48.0

package/README.md

@@ -0,0 +1,125 @@
+# Apsara
+
+[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg?logo=apache)](LICENSE) [![Formatted with Biome](https://img.shields.io/badge/Formatted_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev/) [![Linted with Biome](https://img.shields.io/badge/Linted_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev) [![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
+
+Apsara 🧚‍♀️ is an open-source React UI component library built on Radix UI primitives and vanilla CSS. It provides enterprise-grade, accessible components designed for building complex data interfaces.
+
+<p align="center"><img width=80% src="./apps/www/public/banner.png" /></p>
+
+## Key Features
+
+- **Accessible Components**: Built on Radix UI primitives ensuring ARIA compliance and keyboard navigation
+- **Flexible Styling**: Uses vanilla CSS with HTML data-attributes for powerful theming and style customization
+- **Enterprise Ready**: Designed for complex data-driven applications with components like:
+  - Data Tables
+  - Navigation Systems
+  - Form Controls
+  - Feedback Components
+- **Type Safe**: Written in TypeScript with comprehensive type definitions
+- **Modern Stack**: Support for React 18+ and modern development practices
+
+## Installation
+
+```sh
+npm install @raystack/apsara
+# or
+pnpm add @raystack/apsara
+```
+
+## Usage
+
+```jsx
+// Add Style import in the root of the project.
+import "@raystack/apsara/style.css";
+
+// Import components
+import { Button, Flex } from "@raystack/apsara";
+
+function App() {
+  return (
+    <Flex>
+      <Button type="primary">I am using 🧚‍♀️ Apsara!</Button>
+    </Flex>
+  );
+}
+```
+
+## Component Categories
+
+### Layout
+
+- `Box` - Basic layout container
+- `Flex` - Flexbox container
+- `Container` - Responsive wrapper
+- `Sidebar` - Collapsible navigation panel
+
+### Navigation
+
+- `Breadcrumb` - Navigation breadcrumbs
+- `Tabs` - Tabbed interface
+- `Command` - Command palette interface
+
+### Data Display
+
+- `Table` - Data table component
+- `Avatar` - User avatar display
+- `Badge` - Status indicators
+- `EmptyState` - Empty state messaging
+
+### Forms
+
+- `Select` - Dropdown selection
+- `Radio` - Radio button groups
+- `IconButton` - Icon-only buttons
+
+### Feedback
+
+- `Tooltip` - Contextual tooltips
+- `Callout` - Informational callouts
+- `Indicator` - Status indicators
+
+### Overlay
+
+- `Popover` - Contextual overlays
+- `Sheet` - Slide-out panels
+- `Dialog` - Modal dialogs
+
+## Documentation
+
+Visit our [documentation site](https://apsara.raystack.org) for:
+
+- Interactive examples
+- API references
+- Theme customization
+- Accessibility guidelines
+- Migration guides
+
+## Contributing
+
+We welcome contributions! Here's how you can help:
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'feat: add amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+### Development Setup
+
+```sh
+# Install dependencies
+pnpm install
+
+# Start development server
+pnpm dev
+
+# Run tests
+pnpm test
+
+# Build library
+pnpm build
+```
+
+## License
+
+Apsara is [Apache 2.0](LICENSE) licensed.

package/dist/_virtual/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var reactIs = {exports: {}};
+var shim = {exports: {}};
 
-exports.__module = reactIs;
+exports.__module = shim;
 //# sourceMappingURL=index.cjs.map

package/dist/_virtual/index.js

@@ -1,4 +1,4 @@
-var reactIs = {exports: {}};
+var shim = {exports: {}};
 
-export { reactIs as __module };
+export { shim as __module };
 //# sourceMappingURL=index.js.map

package/dist/components/amount/amount.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
+
+/**
+ * Get the number of decimal places for a currency
+ */
+function getCurrencyDecimals(currency) {
+    try {
+        const formatter = new Intl.NumberFormat('en', {
+            style: 'currency',
+            currency: currency.toUpperCase()
+        });
+        // Format a number and count the decimal places
+        const formatted = formatter.format(1); // Get string representation of 1 unit with currency symbol
+        const match = formatted.match(/\.([\d]+)/); // Extract the decimal part
+        return match ? match[1].length : 0;
+    }
+    catch {
+        // Default to 2 decimal places
+        return 2;
+    }
+}
+/**
+ * Check if a currency is valid
+ */
+function isValidCurrency(currency) {
+    try {
+        new Intl.NumberFormat('en', {
+            style: 'currency',
+            currency: currency.toUpperCase()
+        });
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Amount component for displaying monetary values.
+ * Automatically formats currencies using Intl.NumberFormat.
+ * Inherits styling from parent Text component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Text>
+ *   Total: <Amount value={1299} />  // Shows as "$12.99"
+ * </Text>
+ *
+ * // With different currency and locale
+ * <Text>
+ *   Prix: <Amount value={1299} currency="EUR" locale="fr-FR" />  // Shows as "12,99 €"
+ * </Text>
+ *
+ * // Without decimals
+ * <Text>
+ *   Price: <Amount value={1299} hideDecimals />  // Shows as "$12"
+ * </Text>
+ *
+ * // With currency code
+ * <Text>
+ *   Amount: <Amount value={1299} currencyDisplay="code" />  // Shows as "USD 12.99"
+ * </Text>
+ *
+ * // With value in major units
+ * <Text>
+ *   Amount: <Amount value={12.99} valueInMinorUnits={false} />  // Shows as "$12.99"
+ * </Text>
+ *
+ * // With groupDigits (default is true)
+ * <Text>
+ *   Amount: <Amount value={129999999} groupDigits />  // Shows as "$129,999,999.99"
+ * </Text>
+ * ```
+ */
+const Amount = React.forwardRef(({ value = 0, currency = 'USD', locale = 'en-US', hideDecimals = false, currencyDisplay = 'symbol', minimumFractionDigits, maximumFractionDigits, groupDigits = true, valueInMinorUnits = true }, ref) => {
+    const validCurrency = isValidCurrency(currency) ? currency : 'USD';
+    if (validCurrency !== currency) {
+        console.warn(`Invalid currency code: ${currency}. Falling back to USD.`);
+    }
+    const decimals = getCurrencyDecimals(validCurrency);
+    const baseValue = valueInMinorUnits
+        ? value / Math.pow(10, decimals)
+        : value;
+    const finalBaseValue = hideDecimals ? Math.trunc(baseValue) : baseValue;
+    const formattedValue = new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency: validCurrency.toUpperCase(),
+        currencyDisplay,
+        minimumFractionDigits: hideDecimals ? 0 : minimumFractionDigits,
+        maximumFractionDigits: hideDecimals ? 0 : maximumFractionDigits,
+        useGrouping: groupDigits
+    }).format(finalBaseValue);
+    return jsxRuntime.jsxRuntimeExports.jsx("span", { ref: ref, children: formattedValue });
+});
+Amount.displayName = 'Amount';
+
+exports.Amount = Amount;
+//# sourceMappingURL=amount.cjs.map

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

@@ -0,0 +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   * @default 0\n   * @example\n   * valueInMinorUnits=true: 1299 => \"$12.99\"\n   * valueInMinorUnits=false: 12.99 => \"$12.99\"\n   */\n  value: number;\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    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    const baseValue = valueInMinorUnits\n      ? value / Math.pow(10, decimals)\n      : value;\n    const finalBaseValue = hideDecimals ? Math.trunc(baseValue) : 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    }).format(finalBaseValue);\n\n    return <span ref={ref}>{formattedValue}</span>;\n  }\n);\n\nAmount.displayName = 'Amount';\n"],"names":["forwardRef","_jsx"],"mappings":";;;;;AAqEA;;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,GAAGA,gBAAU,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,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnE,IAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,QAAQ,CAAA,sBAAA,CAAwB,CAAC,CAAC;KAC1E;AAED,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,iBAAiB;UAC/B,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC;UAC9B,KAAK,CAAC;AACV,IAAA,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAExE,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;AACnD,QAAA,KAAK,EAAE,UAAmB;AAC1B,QAAA,QAAQ,EAAE,aAAa,CAAC,WAAW,EAAE;QACrC,eAAe;QACf,qBAAqB,EAAE,YAAY,GAAG,CAAC,GAAG,qBAAqB;QAC/D,qBAAqB,EAAE,YAAY,GAAG,CAAC,GAAG,qBAAqB;AAC/D,QAAA,WAAW,EAAE,WAAW;AACzB,KAAA,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAE1B,IAAA,OAAOC,2CAAM,GAAG,EAAE,GAAG,EAAG,QAAA,EAAA,cAAc,GAAQ,CAAC;AACjD,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -0,0 +1,98 @@
+export interface AmountProps {
+    /**
+     * The monetary value to display
+     * @default 0
+     * @example
+     * valueInMinorUnits=true: 1299 => "$12.99"
+     * valueInMinorUnits=false: 12.99 => "$12.99"
+     */
+    value: number;
+    /**
+     * ISO 4217 currency code
+     * @default 'USD'
+     */
+    currency?: string;
+    /**
+     * Whether the value is in minor units (cents, paise, etc.)
+     * If true, the value will be converted based on the currency's decimal places
+     * If false, the value will be used as is
+     * @default true
+     * @example
+     * USD: 1299 => $12.99 (2 decimals)
+     * JPY: 1299 => ¥1,299 (0 decimals)
+     * BHD: 1299 => BHD 1.299 (3 decimals)
+     */
+    valueInMinorUnits?: boolean;
+    /**
+     * BCP 47 language tag
+     * @default 'en-US'
+     * @example 'en-US', 'de-DE', 'ja-JP'
+     */
+    locale?: string;
+    /**
+     * Truncates decimal places
+     * @default false
+     */
+    hideDecimals?: boolean;
+    /**
+     * Currency display format
+     * @default 'symbol'
+     * @example 'symbol' - $12.99, 'code' - USD 12.99, 'name' - 12.99 US Dollars
+     */
+    currencyDisplay?: 'symbol' | 'code' | 'name';
+    /**
+     * Number of minimum fraction digits
+     * @default undefined (uses currency's default)
+     */
+    minimumFractionDigits?: number;
+    /**
+     * Number of maximum fraction digits
+     * @default undefined (uses currency's default)
+     */
+    maximumFractionDigits?: number;
+    /**
+     * Group digits (e.g., thousand separators)
+     * @default true
+     */
+    groupDigits?: boolean;
+}
+/**
+ * Amount component for displaying monetary values.
+ * Automatically formats currencies using Intl.NumberFormat.
+ * Inherits styling from parent Text component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Text>
+ *   Total: <Amount value={1299} />  // Shows as "$12.99"
+ * </Text>
+ *
+ * // With different currency and locale
+ * <Text>
+ *   Prix: <Amount value={1299} currency="EUR" locale="fr-FR" />  // Shows as "12,99 €"
+ * </Text>
+ *
+ * // Without decimals
+ * <Text>
+ *   Price: <Amount value={1299} hideDecimals />  // Shows as "$12"
+ * </Text>
+ *
+ * // With currency code
+ * <Text>
+ *   Amount: <Amount value={1299} currencyDisplay="code" />  // Shows as "USD 12.99"
+ * </Text>
+ *
+ * // With value in major units
+ * <Text>
+ *   Amount: <Amount value={12.99} valueInMinorUnits={false} />  // Shows as "$12.99"
+ * </Text>
+ *
+ * // With groupDigits (default is true)
+ * <Text>
+ *   Amount: <Amount value={129999999} groupDigits />  // Shows as "$129,999,999.99"
+ * </Text>
+ * ```
+ */
+export declare const Amount: import("react").ForwardRefExoticComponent<AmountProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=amount.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"amount.d.ts","sourceRoot":"","sources":["../../../components/amount/amount.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;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,yGAqClB,CAAC"}

package/dist/components/amount/amount.js

@@ -0,0 +1,99 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef } from 'react';
+
+/**
+ * Get the number of decimal places for a currency
+ */
+function getCurrencyDecimals(currency) {
+    try {
+        const formatter = new Intl.NumberFormat('en', {
+            style: 'currency',
+            currency: currency.toUpperCase()
+        });
+        // Format a number and count the decimal places
+        const formatted = formatter.format(1); // Get string representation of 1 unit with currency symbol
+        const match = formatted.match(/\.([\d]+)/); // Extract the decimal part
+        return match ? match[1].length : 0;
+    }
+    catch {
+        // Default to 2 decimal places
+        return 2;
+    }
+}
+/**
+ * Check if a currency is valid
+ */
+function isValidCurrency(currency) {
+    try {
+        new Intl.NumberFormat('en', {
+            style: 'currency',
+            currency: currency.toUpperCase()
+        });
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Amount component for displaying monetary values.
+ * Automatically formats currencies using Intl.NumberFormat.
+ * Inherits styling from parent Text component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Text>
+ *   Total: <Amount value={1299} />  // Shows as "$12.99"
+ * </Text>
+ *
+ * // With different currency and locale
+ * <Text>
+ *   Prix: <Amount value={1299} currency="EUR" locale="fr-FR" />  // Shows as "12,99 €"
+ * </Text>
+ *
+ * // Without decimals
+ * <Text>
+ *   Price: <Amount value={1299} hideDecimals />  // Shows as "$12"
+ * </Text>
+ *
+ * // With currency code
+ * <Text>
+ *   Amount: <Amount value={1299} currencyDisplay="code" />  // Shows as "USD 12.99"
+ * </Text>
+ *
+ * // With value in major units
+ * <Text>
+ *   Amount: <Amount value={12.99} valueInMinorUnits={false} />  // Shows as "$12.99"
+ * </Text>
+ *
+ * // With groupDigits (default is true)
+ * <Text>
+ *   Amount: <Amount value={129999999} groupDigits />  // Shows as "$129,999,999.99"
+ * </Text>
+ * ```
+ */
+const Amount = forwardRef(({ value = 0, currency = 'USD', locale = 'en-US', hideDecimals = false, currencyDisplay = 'symbol', minimumFractionDigits, maximumFractionDigits, groupDigits = true, valueInMinorUnits = true }, ref) => {
+    const validCurrency = isValidCurrency(currency) ? currency : 'USD';
+    if (validCurrency !== currency) {
+        console.warn(`Invalid currency code: ${currency}. Falling back to USD.`);
+    }
+    const decimals = getCurrencyDecimals(validCurrency);
+    const baseValue = valueInMinorUnits
+        ? value / Math.pow(10, decimals)
+        : value;
+    const finalBaseValue = hideDecimals ? Math.trunc(baseValue) : baseValue;
+    const formattedValue = new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency: validCurrency.toUpperCase(),
+        currencyDisplay,
+        minimumFractionDigits: hideDecimals ? 0 : minimumFractionDigits,
+        maximumFractionDigits: hideDecimals ? 0 : maximumFractionDigits,
+        useGrouping: groupDigits
+    }).format(finalBaseValue);
+    return jsxRuntimeExports.jsx("span", { ref: ref, children: formattedValue });
+});
+Amount.displayName = 'Amount';
+
+export { Amount };
+//# sourceMappingURL=amount.js.map

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

@@ -0,0 +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   * @default 0\n   * @example\n   * valueInMinorUnits=true: 1299 => \"$12.99\"\n   * valueInMinorUnits=false: 12.99 => \"$12.99\"\n   */\n  value: number;\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    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    const baseValue = valueInMinorUnits\n      ? value / Math.pow(10, decimals)\n      : value;\n    const finalBaseValue = hideDecimals ? Math.trunc(baseValue) : 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    }).format(finalBaseValue);\n\n    return <span ref={ref}>{formattedValue}</span>;\n  }\n);\n\nAmount.displayName = 'Amount';\n"],"names":["_jsx"],"mappings":";;;AAqEA;;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,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnE,IAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,QAAQ,CAAA,sBAAA,CAAwB,CAAC,CAAC;KAC1E;AAED,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,iBAAiB;UAC/B,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC;UAC9B,KAAK,CAAC;AACV,IAAA,MAAM,cAAc,GAAG,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAExE,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;AACnD,QAAA,KAAK,EAAE,UAAmB;AAC1B,QAAA,QAAQ,EAAE,aAAa,CAAC,WAAW,EAAE;QACrC,eAAe;QACf,qBAAqB,EAAE,YAAY,GAAG,CAAC,GAAG,qBAAqB;QAC/D,qBAAqB,EAAE,YAAY,GAAG,CAAC,GAAG,qBAAqB;AAC/D,QAAA,WAAW,EAAE,WAAW;AACzB,KAAA,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAE1B,IAAA,OAAOA,gCAAM,GAAG,EAAE,GAAG,EAAG,QAAA,EAAA,cAAc,GAAQ,CAAC;AACjD,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"announcement-bar.d.ts","sourceRoot":"","sources":["../../../components/announcement-bar/announcement-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,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"}

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"announcement-bar":"announcement-bar-module_announcement-bar__4Pq3H","announcement-bar-gradient":"announcement-bar-module_announcement-bar-gradient__HGkyH","announcement-bar-normal":"announcement-bar-module_announcement-bar-normal__1Z20j","announcement-bar-error":"announcement-bar-module_announcement-bar-error__N-9zO","text":"announcement-bar-module_text__c7kgI","icon":"announcement-bar-module_icon__1C6cz","action-btn":"announcement-bar-module_action-btn__42A7q","announcement___bar":"announcement-bar-module_announcement-bar__4Pq3H","announcement___bar___gradient":"announcement-bar-module_announcement-bar-gradient__HGkyH","announcement___bar___normal":"announcement-bar-module_announcement-bar-normal__1Z20j","announcement___bar___error":"announcement-bar-module_announcement-bar-error__N-9zO","action___btn":"announcement-bar-module_action-btn__42A7q"};
+
+exports.default = styles;
+//# sourceMappingURL=announcement-bar.module.css.cjs.map

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

@@ -0,0 +1,4 @@
+var styles = {"announcement-bar":"announcement-bar-module_announcement-bar__4Pq3H","announcement-bar-gradient":"announcement-bar-module_announcement-bar-gradient__HGkyH","announcement-bar-normal":"announcement-bar-module_announcement-bar-normal__1Z20j","announcement-bar-error":"announcement-bar-module_announcement-bar-error__N-9zO","text":"announcement-bar-module_text__c7kgI","icon":"announcement-bar-module_icon__1C6cz","action-btn":"announcement-bar-module_action-btn__42A7q","announcement___bar":"announcement-bar-module_announcement-bar__4Pq3H","announcement___bar___gradient":"announcement-bar-module_announcement-bar-gradient__HGkyH","announcement___bar___normal":"announcement-bar-module_announcement-bar-normal__1Z20j","announcement___bar___error":"announcement-bar-module_announcement-bar-error__N-9zO","action___btn":"announcement-bar-module_action-btn__42A7q"};
+
+export { styles as default };
+//# sourceMappingURL=announcement-bar.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/announcement-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}