@pega/cosmos-react-core 5.0.0-dev.4.9 → 5.0.0-dev.5.0

package/lib/components/CreditCard/utils.js

@@ -0,0 +1,43 @@
+import creditCardType, { getTypeInfo } from 'credit-card-type';
+const prettyPrintCard = (value, gaps) => {
+    const offsets = [0].concat(gaps.filter(n => n < value.length), value.length);
+    const groups = [];
+    for (let i = 0; offsets[i] < value.length; i += 1) {
+        groups.push(value.substring(offsets[i], offsets[i + 1]));
+    }
+    return groups.join(' ');
+};
+/**
+ * Returns a formatted and obfuscated on demand partial credit card number.
+ * @param value starting, partial number.
+ * @param formattingOptions additional formatting options
+ */
+export const formatCreditCard = (value, { obfuscation = 'none' } = {}) => {
+    let result;
+    switch (obfuscation) {
+        case 'none':
+            result = prettyPrintCard(value, creditCardType(value)[0]?.gaps ?? []);
+            break;
+        case 'partial':
+            result = prettyPrintCard(value.slice(-4).padStart(16, '•'), [4, 8, 12]);
+            break;
+        default:
+            result = Array.from({ length: 4 }).fill('•'.repeat(4)).join(' ');
+    }
+    return result;
+};
+/** Returns maximum total length of formatted credit card of given type including gaps. */
+export const creditCardTotalLength = (cardType) => {
+    const type = getTypeInfo(cardType);
+    return Math.max(...type.lengths) + type.gaps.length;
+};
+/** Returns true if given first numbers match a pattern of any card, false otherwise. */
+export const isPossibleCardNumber = (cardNumber) => {
+    return creditCardType(cardNumber).length > 0;
+};
+/** Returns true if given card number is valid (matches the pattern and length of a card type), false otherwise. */
+export const isValidCreditCard = (cardNumber) => {
+    return (creditCardType(cardNumber.toString())[0]?.lengths.includes(cardNumber.toString().length) ??
+        false);
+};
+//# sourceMappingURL=utils.js.map

package/lib/components/CreditCard/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/CreditCard/utils.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,EAAE,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/D,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,IAAc,EAAU,EAAE;IAChE,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CACxB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAClC,KAAK,CAAC,MAAM,CACb,CAAC;IAEF,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QACjD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;KAC1D;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAa,EACb,EAAE,WAAW,GAAG,MAAM,KAAwB,EAAE,EACxC,EAAE;IACV,IAAI,MAAM,CAAC;IACX,QAAQ,WAAW,EAAE;QACnB,KAAK,MAAM;YACT,MAAM,GAAG,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;YACtE,MAAM;QACR,KAAK,SAAS;YACZ,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YACxE,MAAM;QACR;YACE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACpE;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,0FAA0F;AAC1F,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAU,EAAE;IAChE,MAAM,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACnC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AACtD,CAAC,CAAC;AAEF,wFAAwF;AACxF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAkB,EAAW,EAAE;IAClE,OAAO,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,mHAAmH;AACnH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAkB,EAAW,EAAE;IAC/D,OAAO,CACL,cAAc,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC;QACxF,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import creditCardType, { getTypeInfo } from 'credit-card-type';\n\nimport type { FormattingOptions } from './CreditCard.types';\n\nconst prettyPrintCard = (value: string, gaps: number[]): string => {\n  const offsets = [0].concat(\n    gaps.filter(n => n < value.length),\n    value.length\n  );\n\n  const groups = [];\n  for (let i = 0; offsets[i] < value.length; i += 1) {\n    groups.push(value.substring(offsets[i], offsets[i + 1]));\n  }\n  return groups.join(' ');\n};\n\n/**\n * Returns a formatted and obfuscated on demand partial credit card number.\n * @param value starting, partial number.\n * @param formattingOptions additional formatting options\n */\nexport const formatCreditCard = (\n  value: string,\n  { obfuscation = 'none' }: FormattingOptions = {}\n): string => {\n  let result;\n  switch (obfuscation) {\n    case 'none':\n      result = prettyPrintCard(value, creditCardType(value)[0]?.gaps ?? []);\n      break;\n    case 'partial':\n      result = prettyPrintCard(value.slice(-4).padStart(16, '•'), [4, 8, 12]);\n      break;\n    default:\n      result = Array.from({ length: 4 }).fill('•'.repeat(4)).join(' ');\n  }\n  return result;\n};\n\n/** Returns maximum total length of formatted credit card of given type including gaps. */\nexport const creditCardTotalLength = (cardType: string): number => {\n  const type = getTypeInfo(cardType);\n  return Math.max(...type.lengths) + type.gaps.length;\n};\n\n/** Returns true if given first numbers match a pattern of any card, false otherwise. */\nexport const isPossibleCardNumber = (cardNumber: string): boolean => {\n  return creditCardType(cardNumber).length > 0;\n};\n\n/** Returns true if given card number is valid (matches the pattern and length of a card type), false otherwise. */\nexport const isValidCreditCard = (cardNumber: number): boolean => {\n  return (\n    creditCardType(cardNumber.toString())[0]?.lengths.includes(cardNumber.toString().length) ??\n    false\n  );\n};\n"]}

package/lib/components/Currency/Currency.test-ids.d.ts

@@ -0,0 +1,2 @@
+export declare const getCurrencyInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+//# sourceMappingURL=Currency.test-ids.d.ts.map

package/lib/components/Currency/Currency.test-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/Currency.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,wKAGzB,CAAC"}

package/lib/components/Currency/Currency.test-ids.js

@@ -0,0 +1,7 @@
+import { createTestIds } from '../../utils';
+import { elements } from '../FormField/FormField.test-ids';
+export const getCurrencyInputTestIds = createTestIds('currency-input', [
+    'control',
+    ...elements
+]);
+//# sourceMappingURL=Currency.test-ids.js.map

package/lib/components/Currency/Currency.test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.test-ids.js","sourceRoot":"","sources":["../../../src/components/Currency/Currency.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,EAAE;IACrE,SAAS;IACT,GAAG,QAAQ;CACH,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\nimport { elements } from '../FormField/FormField.test-ids';\n\nexport const getCurrencyInputTestIds = createTestIds('currency-input', [\n  'control',\n  ...elements\n] as const);\n"]}

package/lib/components/Currency/CurrencyDisplay.d.ts

@@ -0,0 +1,36 @@
+import { FunctionComponent, Ref } from 'react';
+import { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
+export interface CurrencyDisplayProps extends BaseProps, NoChildrenProp {
+    /** Number value. */
+    value?: number | bigint;
+    /** Three letter currency shorthand ISO code. If not provided or invalid, component renders only the number. */
+    currencyISOCode?: string;
+    /** Options to define formatting. */
+    formattingOptions?: {
+        currency?: 'symbol' | 'code' | 'name';
+        /**
+         * Determines negative value notation: using minus sign or parentheses.
+         * @default 'minus-sign'
+         */
+        negative?: 'minus-sign' | 'parentheses';
+        /**
+         * Value display notation.
+         * @default 'standard'
+         */
+        notation?: 'standard' | 'compact';
+        /**
+         * Fixed number of fraction digits. Maximum is 20, default is currency dependant.
+         * @default variable
+         */
+        fractionDigits?: number;
+        /** Determines whether group separators should be shown.
+         * @default true
+         */
+        groupSeparators?: boolean;
+    };
+    /** Ref for the wrapping element. */
+    ref?: Ref<HTMLAnchorElement>;
+}
+declare const CurrencyDisplay: FunctionComponent<CurrencyDisplayProps & ForwardProps>;
+export default CurrencyDisplay;
+//# sourceMappingURL=CurrencyDisplay.d.ts.map

package/lib/components/Currency/CurrencyDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAOtE,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE;QAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QACtC;;;WAGG;QACH,QAAQ,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;QACxC;;;WAGG;QACH,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;QAClC;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB;;WAEG;QACH,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAsD3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/Currency/CurrencyDisplay.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useConfiguration } from '../../hooks';
+import VisuallyHiddenText from '../VisuallyHiddenText';
+import NoValue from '../NoValue/NoValue';
+import { formatCurrency, isValidCurrency } from './utils';
+const CurrencyDisplay = forwardRef(function CurrencyDisplay({ value, currencyISOCode, formattingOptions: { currency = 'symbol', negative = 'minus-sign', notation = 'standard', groupSeparators = true, fractionDigits } = {}, ...restProps }, ref) {
+    const { locale } = useConfiguration();
+    const options = currencyISOCode && isValidCurrency(currencyISOCode)
+        ? {
+            style: 'currency',
+            currency: currencyISOCode,
+            currencyDisplay: currency,
+            useGrouping: groupSeparators,
+            notation,
+            currencySign: negative === 'parentheses' ? 'accounting' : 'standard',
+            minimumFractionDigits: fractionDigits,
+            maximumFractionDigits: fractionDigits
+        }
+        : undefined;
+    const srOptions = {
+        ...options,
+        useGrouping: false,
+        currencySign: 'standard',
+        currencyDisplay: 'name'
+    };
+    return (_jsx("span", { ref: ref, ...restProps, children: value || value === 0 ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": 'true', children: formatCurrency(value, { locale, options }) }), _jsx(VisuallyHiddenText, { children: formatCurrency(value, { locale, options: srOptions }) })] })) : (_jsx(NoValue, {})) }));
+});
+export default CurrencyDisplay;
+//# sourceMappingURL=CurrencyDisplay.js.map

package/lib/components/Currency/CurrencyDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkC1D,MAAM,eAAe,GAA2D,UAAU,CACxF,SAAS,eAAe,CACtB,EACE,KAAK,EACL,eAAe,EACf,iBAAiB,EAAE,EACjB,QAAQ,GAAG,QAAQ,EACnB,QAAQ,GAAG,YAAY,EACvB,QAAQ,GAAG,UAAU,EACrB,eAAe,GAAG,IAAI,EACtB,cAAc,EACf,GAAG,EAAE,EACN,GAAG,SAAS,EAC0B,EACxC,GAAgC;IAEhC,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtC,MAAM,OAAO,GACX,eAAe,IAAI,eAAe,CAAC,eAAe,CAAC;QACjD,CAAC,CAAE;YACC,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,eAAe;YACzB,eAAe,EAAE,QAAQ;YACzB,WAAW,EAAE,eAAe;YAC5B,QAAQ;YACR,YAAY,EAAE,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;YACpE,qBAAqB,EAAE,cAAc;YACrC,qBAAqB,EAAE,cAAc;SACT;QAChC,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,SAAS,GAAG;QAChB,GAAG,OAAO;QACV,WAAW,EAAE,KAAK;QAClB,YAAY,EAAE,UAAU;QACxB,eAAe,EAAE,MAAM;KACxB,CAAC;IAEF,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,KAAM,SAAS,YAC1B,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,8BACE,8BAAkB,MAAM,YAAE,cAAc,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAQ,EAC5E,KAAC,kBAAkB,cAChB,cAAc,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,GACnC,IACpB,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,KAAG,CACZ,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport { useConfiguration } from '../../hooks';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport NoValue from '../NoValue/NoValue';\n\nimport { formatCurrency, isValidCurrency } from './utils';\n\nexport interface CurrencyDisplayProps extends BaseProps, NoChildrenProp {\n  /** Number value. */\n  value?: number | bigint;\n  /** Three letter currency shorthand ISO code. If not provided or invalid, component renders only the number. */\n  currencyISOCode?: string;\n  /** Options to define formatting. */\n  formattingOptions?: {\n    currency?: 'symbol' | 'code' | 'name';\n    /**\n     * Determines negative value notation: using minus sign or parentheses.\n     * @default 'minus-sign'\n     */\n    negative?: 'minus-sign' | 'parentheses';\n    /**\n     * Value display notation.\n     * @default 'standard'\n     */\n    notation?: 'standard' | 'compact';\n    /**\n     * Fixed number of fraction digits. Maximum is 20, default is currency dependant.\n     * @default variable\n     */\n    fractionDigits?: number;\n    /** Determines whether group separators should be shown.\n     * @default true\n     */\n    groupSeparators?: boolean;\n  };\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement>;\n}\n\nconst CurrencyDisplay: FunctionComponent<CurrencyDisplayProps & ForwardProps> = forwardRef(\n  function CurrencyDisplay(\n    {\n      value,\n      currencyISOCode,\n      formattingOptions: {\n        currency = 'symbol',\n        negative = 'minus-sign',\n        notation = 'standard',\n        groupSeparators = true,\n        fractionDigits\n      } = {},\n      ...restProps\n    }: PropsWithoutRef<CurrencyDisplayProps>,\n    ref: CurrencyDisplayProps['ref']\n  ) {\n    const { locale } = useConfiguration();\n\n    const options =\n      currencyISOCode && isValidCurrency(currencyISOCode)\n        ? ({\n            style: 'currency',\n            currency: currencyISOCode,\n            currencyDisplay: currency,\n            useGrouping: groupSeparators,\n            notation,\n            currencySign: negative === 'parentheses' ? 'accounting' : 'standard',\n            minimumFractionDigits: fractionDigits,\n            maximumFractionDigits: fractionDigits\n          } as Intl.NumberFormatOptions)\n        : undefined;\n\n    const srOptions = {\n      ...options,\n      useGrouping: false,\n      currencySign: 'standard',\n      currencyDisplay: 'name'\n    };\n\n    return (\n      <span ref={ref} {...restProps}>\n        {value || value === 0 ? (\n          <>\n            <span aria-hidden='true'>{formatCurrency(value, { locale, options })}</span>\n            <VisuallyHiddenText>\n              {formatCurrency(value, { locale, options: srOptions })}\n            </VisuallyHiddenText>\n          </>\n        ) : (\n          <NoValue />\n        )}\n      </span>\n    );\n  }\n);\n\nexport default CurrencyDisplay;\n"]}

package/lib/components/Currency/CurrencyInput.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+import { ForwardProps } from '../../types';
+import CurrencyInputProps from './CurrencyInput.types';
+declare const _default: FunctionComponent<CurrencyInputProps & ForwardProps> & {
+    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+};
+export default _default;
+//# sourceMappingURL=CurrencyInput.d.ts.map

package/lib/components/Currency/CurrencyInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAmB3C,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;;;;AAgMvD,wBAAmE"}

package/lib/components/Currency/CurrencyInput.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useMemo } from 'react';
+import VisuallyHiddenText from '../VisuallyHiddenText';
+import FormField from '../FormField';
+import { useConfiguration, useConsolidatedRef, useI18n, useInputFormatter, usePrevious, useTestIds, useUID } from '../../hooks';
+import { getCleanedValue, getDecimalSign, getDecrementedValue, getIncrementedValue } from '../Number/utils';
+import Input from '../Input';
+import { withTestIds } from '../../utils';
+import { getCurrencyMinimumFractionDigits, getFormattedValue, isValidCurrency } from './utils';
+import { getCurrencyInputTestIds } from './Currency.test-ids';
+const CurrencyInput = forwardRef(function CurrencyInput(props, ref) {
+    const uid = useUID();
+    const { testId, id = uid, status, label, labelHidden, info, required, disabled, readOnly, additionalInfo, value: valueProp = '', onChange, onBlur, onFocus, onResolveSuggestion, currencyISOCode, showDecimal = true, showGroupSeparators = true, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER, step = 1, alwaysShowISOCode = false, maximumFractionDigits = 0, ...restProps } = props;
+    const descriptionId = useUID();
+    const testIds = useTestIds(testId, getCurrencyInputTestIds);
+    const { locale } = useConfiguration();
+    const t = useI18n();
+    const inputRef = useConsolidatedRef(ref);
+    const validCurrencyISOCode = useMemo(() => (currencyISOCode && isValidCurrency(currencyISOCode) ? currencyISOCode : undefined), [currencyISOCode]);
+    const minimumFractionDigits = useMemo(() => getCurrencyMinimumFractionDigits(locale, validCurrencyISOCode), [locale, validCurrencyISOCode]);
+    const numberOfDecimals = showDecimal
+        ? Math.max(maximumFractionDigits, minimumFractionDigits)
+        : 0;
+    const decimalSign = useMemo(() => getDecimalSign(locale), [locale]);
+    // on initial render only pad the value with 0 if necessary
+    const rendered = usePrevious(true);
+    let value = valueProp;
+    if (!rendered && validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {
+        const [integer, fraction = ''] = value.split('.');
+        value = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;
+    }
+    const formatValue = useCallback(number => {
+        return getFormattedValue(number, locale, validCurrencyISOCode, {
+            showGroupSeparators,
+            showAs: alwaysShowISOCode ? 'code' : 'symbol',
+            numberOfDecimals
+        });
+    }, [alwaysShowISOCode, numberOfDecimals, showGroupSeparators, locale, validCurrencyISOCode]);
+    const onInputChange = (e) => {
+        const inputValue = e.target.value;
+        const cleanedInputValue = getCleanedValue(inputValue, decimalSign, numberOfDecimals);
+        if (cleanedInputValue === value)
+            return;
+        onChange(cleanedInputValue);
+    };
+    const onKeyDown = (e) => {
+        if (readOnly)
+            return;
+        const input = e.currentTarget;
+        switch (e.key) {
+            case 'ArrowUp':
+                e.preventDefault();
+                onChange(getIncrementedValue(value, min, max, step));
+                break;
+            case 'ArrowDown':
+                e.preventDefault();
+                onChange(getDecrementedValue(value, min, max, step));
+                break;
+            case decimalSign:
+                if (!showDecimal)
+                    e.preventDefault();
+                if (input.value.includes(decimalSign)) {
+                    if (input.selectionStart && input.value.charAt(input.selectionStart) === decimalSign) {
+                        input.setSelectionRange(input.selectionStart + 1, input.selectionStart + 1);
+                    }
+                    e.preventDefault();
+                }
+                else if (input.selectionStart !== null &&
+                    !input.value.charAt(input.selectionStart - 1).match(/\d/)) {
+                    onChange(getCleanedValue(`${input.value}0${decimalSign}`, decimalSign, numberOfDecimals));
+                    e.preventDefault();
+                }
+                break;
+            case '-':
+                if (value.startsWith('-'))
+                    e.preventDefault();
+                break;
+            default:
+        }
+    };
+    const onInputFocusEvent = (e) => {
+        let parsableValue = value;
+        if (validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {
+            const [integer, fraction = ''] = value.split('.');
+            parsableValue = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;
+        }
+        if (e.type === 'focus')
+            onFocus?.(parsableValue);
+        else {
+            if (parsableValue !== value) {
+                onChange(parsableValue);
+            }
+            onBlur?.(parsableValue);
+        }
+    };
+    const formattedValue = useInputFormatter(inputRef, value, formatValue, `\\p{N}${decimalSign}-`);
+    const Comp = (_jsxs(_Fragment, { children: [_jsx(Input, { "data-testid": testIds.control, onChange: onInputChange, id: id, readOnly: readOnly, required: required, disabled: disabled, status: status, ...restProps, hasSuggestion: status === 'pending' && !!onResolveSuggestion, inputMode: 'numeric', ref: inputRef, value: formattedValue, onKeyDown: onKeyDown, onFocus: onInputFocusEvent, onBlur: onInputFocusEvent, "aria-describedby": validCurrencyISOCode ? descriptionId : undefined, maxLength: 16 }), validCurrencyISOCode && (_jsx(VisuallyHiddenText, { id: descriptionId, "aria-hidden": true, children: t('measured_in', [validCurrencyISOCode]) }))] }));
+    return label ? (_jsx(FormField, { testId: testIds, label: label, labelHidden: labelHidden, id: id, info: info, status: status, required: required, disabled: disabled, additionalInfo: additionalInfo, onResolveSuggestion: onResolveSuggestion, children: Comp })) : (Comp);
+});
+export default withTestIds(CurrencyInput, getCurrencyInputTestIds);
+//# sourceMappingURL=CurrencyInput.js.map

package/lib/components/Currency/CurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useCallback,\n  useMemo,\n  KeyboardEvent,\n  ChangeEvent,\n  FocusEvent\n} from 'react';\n\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport FormField from '../FormField';\nimport { ForwardProps } from '../../types';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useI18n,\n  useInputFormatter,\n  usePrevious,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport {\n  getCleanedValue,\n  getDecimalSign,\n  getDecrementedValue,\n  getIncrementedValue\n} from '../Number/utils';\nimport Input from '../Input';\nimport { withTestIds } from '../../utils';\n\nimport CurrencyInputProps from './CurrencyInput.types';\nimport { getCurrencyMinimumFractionDigits, getFormattedValue, isValidCurrency } from './utils';\nimport { getCurrencyInputTestIds } from './Currency.test-ids';\n\nconst CurrencyInput: FunctionComponent<CurrencyInputProps & ForwardProps> = forwardRef(\n  function CurrencyInput(\n    props: PropsWithoutRef<CurrencyInputProps>,\n    ref: CurrencyInputProps['ref']\n  ) {\n    const uid = useUID();\n    const {\n      testId,\n      id = uid,\n      status,\n      label,\n      labelHidden,\n      info,\n      required,\n      disabled,\n      readOnly,\n      additionalInfo,\n      value: valueProp = '',\n      onChange,\n      onBlur,\n      onFocus,\n      onResolveSuggestion,\n      currencyISOCode,\n      showDecimal = true,\n      showGroupSeparators = true,\n      min = Number.MIN_SAFE_INTEGER,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      alwaysShowISOCode = false,\n      maximumFractionDigits = 0,\n      ...restProps\n    } = props;\n\n    const descriptionId = useUID();\n    const testIds = useTestIds(testId, getCurrencyInputTestIds);\n\n    const { locale } = useConfiguration();\n\n    const t = useI18n();\n    const inputRef = useConsolidatedRef(ref);\n\n    const validCurrencyISOCode = useMemo(\n      () => (currencyISOCode && isValidCurrency(currencyISOCode) ? currencyISOCode : undefined),\n      [currencyISOCode]\n    );\n\n    const minimumFractionDigits = useMemo(\n      () => getCurrencyMinimumFractionDigits(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n\n    const numberOfDecimals = showDecimal\n      ? Math.max(maximumFractionDigits, minimumFractionDigits)\n      : 0;\n\n    const decimalSign = useMemo(() => getDecimalSign(locale), [locale]);\n\n    // on initial render only pad the value with 0 if necessary\n    const rendered = usePrevious(true);\n    let value = valueProp;\n    if (!rendered && validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n      const [integer, fraction = ''] = value.split('.');\n      value = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;\n    }\n\n    const formatValue = useCallback(\n      number => {\n        return getFormattedValue(number, locale, validCurrencyISOCode, {\n          showGroupSeparators,\n          showAs: alwaysShowISOCode ? 'code' : 'symbol',\n          numberOfDecimals\n        });\n      },\n      [alwaysShowISOCode, numberOfDecimals, showGroupSeparators, locale, validCurrencyISOCode]\n    );\n\n    const onInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const inputValue = e.target.value;\n      const cleanedInputValue = getCleanedValue(inputValue, decimalSign, numberOfDecimals);\n      if (cleanedInputValue === value) return;\n      onChange(cleanedInputValue);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (readOnly) return;\n      const input = e.currentTarget;\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          onChange(getIncrementedValue(value, min, max, step));\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          onChange(getDecrementedValue(value, min, max, step));\n          break;\n        case decimalSign:\n          if (!showDecimal) e.preventDefault();\n          if (input.value.includes(decimalSign)) {\n            if (input.selectionStart && input.value.charAt(input.selectionStart) === decimalSign) {\n              input.setSelectionRange(input.selectionStart + 1, input.selectionStart + 1);\n            }\n            e.preventDefault();\n          } else if (\n            input.selectionStart !== null &&\n            !input.value.charAt(input.selectionStart - 1).match(/\\d/)\n          ) {\n            onChange(\n              getCleanedValue(`${input.value}0${decimalSign}`, decimalSign, numberOfDecimals)\n            );\n            e.preventDefault();\n          }\n          break;\n        case '-':\n          if (value.startsWith('-')) e.preventDefault();\n          break;\n        default:\n      }\n    };\n\n    const onInputFocusEvent = (e: FocusEvent<HTMLInputElement>) => {\n      let parsableValue = value;\n      if (validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n        const [integer, fraction = ''] = value.split('.');\n        parsableValue = `${integer}.${fraction.padEnd(numberOfDecimals, '0')}`;\n      }\n\n      if (e.type === 'focus') onFocus?.(parsableValue);\n      else {\n        if (parsableValue !== value) {\n          onChange(parsableValue);\n        }\n\n        onBlur?.(parsableValue);\n      }\n    };\n\n    const formattedValue = useInputFormatter(inputRef, value, formatValue, `\\\\p{N}${decimalSign}-`);\n\n    const Comp = (\n      <>\n        <Input\n          data-testid={testIds.control}\n          onChange={onInputChange}\n          id={id}\n          readOnly={readOnly}\n          required={required}\n          disabled={disabled}\n          status={status}\n          {...restProps}\n          hasSuggestion={status === 'pending' && !!onResolveSuggestion}\n          inputMode='numeric'\n          ref={inputRef}\n          value={formattedValue}\n          onKeyDown={onKeyDown}\n          onFocus={onInputFocusEvent}\n          onBlur={onInputFocusEvent}\n          aria-describedby={validCurrencyISOCode ? descriptionId : undefined}\n          maxLength={16}\n        />\n        {validCurrencyISOCode && (\n          <VisuallyHiddenText id={descriptionId} aria-hidden>\n            {t('measured_in', [validCurrencyISOCode])}\n          </VisuallyHiddenText>\n        )}\n      </>\n    );\n\n    return label ? (\n      <FormField\n        testId={testIds}\n        label={label}\n        labelHidden={labelHidden}\n        id={id}\n        info={info}\n        status={status}\n        required={required}\n        disabled={disabled}\n        additionalInfo={additionalInfo}\n        onResolveSuggestion={onResolveSuggestion}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default withTestIds(CurrencyInput, getCurrencyInputTestIds);\n"]}

package/lib/components/Currency/CurrencyInput.types.d.ts

@@ -0,0 +1,19 @@
+import { NoChildrenProp, OmitStrict, TestIdProp } from '../../types';
+import type { NumberInputProps } from '../Number/NumberInput.types';
+export default interface CurrencyInputProps extends OmitStrict<NumberInputProps, 'numberOfDecimals'>, NoChildrenProp, TestIdProp {
+    /** Callback fired when the component gets focus */
+    onFocus?: (value: string) => void;
+    /** Callback fired when the component loses focus. */
+    onBlur?: (value: string) => void;
+    /** Three letter currency shorthand ISO code. If not provided or invalid, component renders as NumberInput */
+    currencyISOCode?: string;
+    /** Always show ISO code
+     * @default false
+     */
+    alwaysShowISOCode?: boolean;
+    /** Fraction digits consistent with ISO */
+    minimumFractionDigits?: number;
+    /** Fixed number of maximum fraction digits. */
+    maximumFractionDigits?: number;
+}
+//# sourceMappingURL=CurrencyInput.types.d.ts.map

package/lib/components/Currency/CurrencyInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,MAAM,CAAC,OAAO,WAAW,kBACvB,SAAQ,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EACtD,cAAc,EACd,UAAU;IACZ,mDAAmD;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,6GAA6G;IAC7G,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0CAA0C;IAC1C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,+CAA+C;IAC/C,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC"}

package/lib/components/Currency/CurrencyInput.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CurrencyInput.types.js.map

package/lib/components/Currency/CurrencyInput.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.types.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import { NoChildrenProp, OmitStrict, TestIdProp } from '../../types';\nimport type { NumberInputProps } from '../Number/NumberInput.types';\n\nexport default interface CurrencyInputProps\n  extends OmitStrict<NumberInputProps, 'numberOfDecimals'>,\n    NoChildrenProp,\n    TestIdProp {\n  /** Callback fired when the component gets focus */\n  onFocus?: (value: string) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: string) => void;\n  /** Three letter currency shorthand ISO code. If not provided or invalid, component renders as NumberInput */\n  currencyISOCode?: string;\n  /** Always show ISO code\n   * @default false\n   */\n  alwaysShowISOCode?: boolean;\n  /** Fraction digits consistent with ISO */\n  minimumFractionDigits?: number;\n  /** Fixed number of maximum fraction digits. */\n  maximumFractionDigits?: number;\n}\n"]}

package/lib/components/Currency/index.d.ts

@@ -0,0 +1,6 @@
+export { default as CurrencyInput } from './CurrencyInput';
+export type { default as CurrencyInputProps } from './CurrencyInput.types';
+export { default as CurrencyDisplay } from './CurrencyDisplay';
+export type { CurrencyDisplayProps } from './CurrencyDisplay';
+export { formatCurrency } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Currency/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Currency/index.js

@@ -0,0 +1,4 @@
+export { default as CurrencyInput } from './CurrencyInput';
+export { default as CurrencyDisplay } from './CurrencyDisplay';
+export { formatCurrency } from './utils';
+//# sourceMappingURL=index.js.map

package/lib/components/Currency/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Currency/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as CurrencyInput } from './CurrencyInput';\nexport type { default as CurrencyInputProps } from './CurrencyInput.types';\nexport { default as CurrencyDisplay } from './CurrencyDisplay';\nexport type { CurrencyDisplayProps } from './CurrencyDisplay';\nexport { formatCurrency } from './utils';\n"]}

package/lib/components/Currency/utils.d.ts

@@ -0,0 +1,14 @@
+export declare const isValidCurrency: (currency: string) => boolean;
+export declare const getFormattedValue: (value: string, locale: string, currency?: string, { showGroupSeparators, showAs, numberOfDecimals }?: {
+    showGroupSeparators?: boolean | undefined;
+    showAs?: "symbol" | "code" | undefined;
+    numberOfDecimals?: number | undefined;
+}) => string;
+export declare function getCurrencyMinimumFractionDigits(locale: string, currencyISOCode?: string): number;
+interface CurrencyFormatOptions {
+    locale: string;
+    options?: Intl.NumberFormatOptions;
+}
+export declare function formatCurrency(value: number | bigint, { locale, options }: CurrencyFormatOptions): string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/Currency/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,aAAc,MAAM,YAQ/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,UACrB,MAAM,UACL,MAAM,aACH,MAAM;;;;YAkDlB,CAAC;AAEF,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAOjG;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CACpC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,qBAAqB,UAIhG"}

package/lib/components/Currency/utils.js

@@ -0,0 +1,63 @@
+import { NUMBER_MAX_DECIMAL_PLACES } from '../Number/NumberInput.types';
+import { getFormattedValue as getNumberFormattedValue } from '../Number/utils';
+export const isValidCurrency = (currency) => {
+    try {
+        // eslint-disable-next-line no-new
+        new Intl.NumberFormat(undefined, { style: 'currency', currency });
+        return true;
+    }
+    catch {
+        return false;
+    }
+};
+export const getFormattedValue = (value, locale, currency, { showGroupSeparators = true, showAs = 'code', numberOfDecimals } = {}) => {
+    const [integer, fractionPart] = value.split('.', 2);
+    if (!currency)
+        return getNumberFormattedValue(value, locale, undefined, {
+            useGrouping: showGroupSeparators,
+            maximumFractionDigits: numberOfDecimals,
+            minimumFractionDigits: Math.min(numberOfDecimals ?? 0, fractionPart?.length ?? 0)
+        });
+    const isCurrency = isValidCurrency(currency);
+    const formatter = new Intl.NumberFormat(locale, {
+        useGrouping: showGroupSeparators,
+        maximumFractionDigits: numberOfDecimals,
+        minimumFractionDigits: Math.min(numberOfDecimals ?? 0, fractionPart?.length ?? 0),
+        ...(isCurrency
+            ? {
+                style: 'currency',
+                currency,
+                currencyDisplay: showAs
+            }
+            : {})
+    });
+    let formatted = value;
+    if (value && !Number.isNaN(parseFloat(integer))) {
+        const endsWithDot = fractionPart === '';
+        const valueNumber = Number(endsWithDot ? `${value}1` : value);
+        formatted = formatter.formatToParts(valueNumber).reduce((result, { type, value: part }) => {
+            if (type === 'fraction' && endsWithDot)
+                return result;
+            return result + part;
+        }, '');
+    }
+    else if (currency) {
+        formatted = formatter
+            .formatToParts(value.startsWith('-') ? -1 : 1)
+            .reduce((result, { type, value: part }) => ['currency', 'minusSign'].includes(type) ? result + part : result, '');
+    }
+    return formatted;
+};
+export function getCurrencyMinimumFractionDigits(locale, currencyISOCode) {
+    return currencyISOCode
+        ? new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency: currencyISOCode
+        }).resolvedOptions().minimumFractionDigits
+        : NUMBER_MAX_DECIMAL_PLACES;
+}
+export function formatCurrency(value, { locale, options }) {
+    const formatter = new Intl.NumberFormat(locale, options);
+    return formatter.format(value);
+}
+//# sourceMappingURL=utils.js.map

package/lib/components/Currency/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Currency/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { NUMBER_MAX_DECIMAL_PLACES } from '../Number/NumberInput.types';\nimport { getFormattedValue as getNumberFormattedValue } from '../Number/utils';\n\nexport const isValidCurrency = (currency: string) => {\n  try {\n    // eslint-disable-next-line no-new\n    new Intl.NumberFormat(undefined, { style: 'currency', currency });\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nexport const getFormattedValue = (\n  value: string,\n  locale: string,\n  currency?: string,\n  {\n    showGroupSeparators = true,\n    showAs = 'code',\n    numberOfDecimals\n  }: { showGroupSeparators?: boolean; showAs?: 'code' | 'symbol'; numberOfDecimals?: number } = {}\n) => {\n  const [integer, fractionPart] = value.split('.', 2) as [string, string?];\n\n  if (!currency)\n    return getNumberFormattedValue(value, locale, undefined, {\n      useGrouping: showGroupSeparators,\n      maximumFractionDigits: numberOfDecimals,\n      minimumFractionDigits: Math.min(numberOfDecimals ?? 0, fractionPart?.length ?? 0)\n    });\n\n  const isCurrency = isValidCurrency(currency);\n\n  const formatter = new Intl.NumberFormat(locale, {\n    useGrouping: showGroupSeparators,\n    maximumFractionDigits: numberOfDecimals,\n    minimumFractionDigits: Math.min(numberOfDecimals ?? 0, fractionPart?.length ?? 0),\n    ...(isCurrency\n      ? {\n          style: 'currency',\n          currency,\n          currencyDisplay: showAs\n        }\n      : {})\n  });\n\n  let formatted = value;\n\n  if (value && !Number.isNaN(parseFloat(integer))) {\n    const endsWithDot = fractionPart === '';\n    const valueNumber = Number(endsWithDot ? `${value}1` : value);\n    formatted = formatter.formatToParts(valueNumber).reduce((result, { type, value: part }) => {\n      if (type === 'fraction' && endsWithDot) return result;\n      return result + part;\n    }, '');\n  } else if (currency) {\n    formatted = formatter\n      .formatToParts(value.startsWith('-') ? -1 : 1)\n      .reduce(\n        (result, { type, value: part }) =>\n          ['currency', 'minusSign'].includes(type) ? result + part : result,\n        ''\n      );\n  }\n  return formatted;\n};\n\nexport function getCurrencyMinimumFractionDigits(locale: string, currencyISOCode?: string): number {\n  return currencyISOCode\n    ? new Intl.NumberFormat(locale, {\n        style: 'currency',\n        currency: currencyISOCode\n      }).resolvedOptions().minimumFractionDigits\n    : NUMBER_MAX_DECIMAL_PLACES;\n}\n\ninterface CurrencyFormatOptions {\n  locale: string;\n  options?: Intl.NumberFormatOptions;\n}\n\nexport function formatCurrency(value: number | bigint, { locale, options }: CurrencyFormatOptions) {\n  const formatter = new Intl.NumberFormat(locale, options);\n\n  return formatter.format(value);\n}\n"]}

package/lib/components/DangerButton/DangerButton.d.ts

@@ -0,0 +1,14 @@
+import type { NoChildrenProp, WithAttributes } from '../../types';
+export type DangerButtonProps = WithAttributes<'button', NoChildrenProp & {
+    /** Text content for the button. */
+    label: NonNullable<HTMLButtonElement['textContent']>;
+    /**
+     * Elevates emphasis for button style.
+     * @default false
+     */
+    primary?: boolean;
+}>;
+export declare const StyledDangerButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Button").ButtonProps & import("../../types").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<DangerButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export default _default;
+//# sourceMappingURL=DangerButton.d.ts.map

package/lib/components/DangerButton/DangerButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerButton.d.ts","sourceRoot":"","sources":["../../../src/components/DangerButton/DangerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAc,cAAc,EAAE,MAAM,aAAa,CAAC;AAK9E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAC5C,QAAQ,EACR,cAAc,GAAG;IACf,mCAAmC;IACnC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,eAAO,MAAM,kBAAkB,2MAAmB,CAAC;;AAInD,wBAoBE"}

package/lib/components/DangerButton/DangerButton.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { defaultThemeProp } from '../../theme';
+import Button from '../Button';
+import Configuration from '../Configuration';
+import { useTheme } from '../../hooks';
+export const StyledDangerButton = styled(Button) ``;
+StyledDangerButton.defaultProps = defaultThemeProp;
+export default forwardRef(function DangerButton({ label, primary = false, ...restProps }, ref) {
+    const theme = useTheme();
+    return (_jsx(Configuration, { theme: {
+            base: {
+                palette: {
+                    interactive: theme.base.palette.urgent
+                }
+            }
+        }, children: _jsx(StyledDangerButton, { ...restProps, variant: primary ? 'primary' : undefined, ref: ref, children: label }) }));
+});
+//# sourceMappingURL=DangerButton.js.map

package/lib/components/DangerButton/DangerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerButton.js","sourceRoot":"","sources":["../../../src/components/DangerButton/DangerButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAevC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,EAAE,CAAC;AAEnD,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,eAAe,UAAU,CACvB,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG;IACjE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;iBACvC;aACF;SACF,YAED,KAAC,kBAAkB,OAAK,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,YAClF,KAAK,GACa,GACP,CACjB,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { forwardRef, PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport type { NoChildrenProp, RefElement, WithAttributes } from '../../types';\nimport Button from '../Button';\nimport Configuration from '../Configuration';\nimport { useTheme } from '../../hooks';\n\nexport type DangerButtonProps = WithAttributes<\n  'button',\n  NoChildrenProp & {\n    /** Text content for the button. */\n    label: NonNullable<HTMLButtonElement['textContent']>;\n    /**\n     * Elevates emphasis for button style.\n     * @default false\n     */\n    primary?: boolean;\n  }\n>;\n\nexport const StyledDangerButton = styled(Button)``;\n\nStyledDangerButton.defaultProps = defaultThemeProp;\n\nexport default forwardRef<RefElement<DangerButtonProps>, PropsWithoutRef<DangerButtonProps>>(\n  function DangerButton({ label, primary = false, ...restProps }, ref) {\n    const theme = useTheme();\n\n    return (\n      <Configuration\n        theme={{\n          base: {\n            palette: {\n              interactive: theme.base.palette.urgent\n            }\n          }\n        }}\n      >\n        <StyledDangerButton {...restProps} variant={primary ? 'primary' : undefined} ref={ref}>\n          {label}\n        </StyledDangerButton>\n      </Configuration>\n    );\n  }\n);\n"]}

package/lib/components/DangerButton/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './DangerButton';
+export type { DangerButtonProps } from './DangerButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/DangerButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DangerButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/DangerButton/index.js

@@ -0,0 +1,2 @@
+export { default } from './DangerButton';
+//# sourceMappingURL=index.js.map

package/lib/components/DangerButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DangerButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default } from './DangerButton';\nexport type { DangerButtonProps } from './DangerButton';\n"]}

package/lib/components/DateTime/DateTime.test-ids.d.ts

@@ -0,0 +1,12 @@
+export declare const getDurationInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-hour", "control-minute", "control-second", "control-number", "control-unit", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDateInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "open-close-picker", "clear-current-date", "set-current-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDateRangeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["from-date", "to-date", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDateTimeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-day", "control-month", "control-year", "control-hour", "control-minute", "control-second", "control-period", "open-close-picker", "clear-current-date-and-time", "set-current-date-and-time", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDayOfWeekInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getMonthInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-month", "control-year", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getQuarterInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-quarter", "control-year", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getTimeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-hour", "control-minute", "control-second", "control-period", "open-close-picker", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getTimeRangeInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["from-time", "to-time", "from-date-time", "to-date-time", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getWeekInputTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control-week", "control-year", "open-close-picker", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+export declare const getDatePickerTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["previous-month", "month", "next-month", "calendar", "time"]>;
+//# sourceMappingURL=DateTime.test-ids.d.ts.map

package/lib/components/DateTime/DateTime.test-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DateTime.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,mPAOzB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,4QAQrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,qLAI1B,CAAC;AAEZ,eAAO,MAAM,uBAAuB,oWAYzB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,wKAG1B,CAAC;AAEZ,eAAO,MAAM,oBAAoB,8LAItB,CAAC;AAEZ,eAAO,MAAM,sBAAsB,gMAIxB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,wPAOrB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,uNAM1B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,kNAKrB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,4IAMtB,CAAC"}