@transferwise/components 46.44.1 → 46.46.0

package/build/promoCard/PromoCardGroup.mjs

@@ -0,0 +1,73 @@
+import classNames from 'classnames';
+import React__default, { useState, useMemo, useEffect } from 'react';
+import { PromoCardContext } from './PromoCardContext.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const PromoCardGroup = ({
+  children,
+  className,
+  defaultChecked = '',
+  id,
+  isDisabled = false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onChange = () => {},
+  testId
+}) => {
+  const [state, setState] = useState(defaultChecked);
+  const [containerRole, setContainerRole] = useState(null);
+  /**
+   * The context value for the PromoCardGroup.
+   *
+   * The context value is an object that contains the current state of the
+   * group, whether the group is disabled or not, and a function to call when
+   * the group value changes. This value is used to provide context to child
+   * PromoCard components, allowing them to interact with the group and update
+   * its state.
+   */
+  const contextValue = useMemo(() => {
+    const handleOnChange = value => {
+      setState(value);
+      onChange(value);
+    };
+    return {
+      state,
+      isDisabled,
+      onChange: handleOnChange
+    };
+  }, [state, isDisabled, onChange]);
+  const commonClasses = classNames({
+    'np-CardGroup': true,
+    'is-disabled': isDisabled
+  }, className);
+  const commonProps = {
+    className: commonClasses,
+    id,
+    'data-testid': testId,
+    role: containerRole // Add the role attribute here
+  };
+  useEffect(() => {
+    setState(defaultChecked);
+    // Collect an array of types from the children PromoCard components
+    const types = React__default.Children.map(children, child => {
+      if ( /*#__PURE__*/React__default.isValidElement(child) && child.props.type) {
+        return child.props.type;
+      }
+      return null;
+    })?.filter(type => type !== null && type !== undefined) ?? [];
+    // Check if all types are the same
+    const allTypesAreTheSame = types.every(type => type === types[0]);
+    // If all types are the same and the type is 'radio', set the container role
+    setContainerRole(allTypesAreTheSame && types[0] === 'radio' ? 'radiogroup' : null);
+  }, [defaultChecked, children]);
+  return /*#__PURE__*/jsx(PromoCardContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsx("div", {
+      ...commonProps,
+      children: children
+    })
+  });
+};
+var PromoCardGroup$1 = /*#__PURE__*/React__default.memo(PromoCardGroup);
+
+export { PromoCardGroup$1 as default };
+//# sourceMappingURL=PromoCardGroup.mjs.map

package/build/promoCard/PromoCardGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoCardGroup.mjs","sources":["../../src/promoCard/PromoCardGroup.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { FunctionComponent, ReactNode, useState, useEffect, useMemo } from 'react';\n\nimport { PromoCardProps } from './PromoCard';\nimport PromoCardContext from './PromoCardContext';\n\nexport type AriaRoleRadioGroup = 'radiogroup';\n\nexport interface PromoCardGroupProps {\n  /**\n   * Optional class name(s) to add to the group container.\n   */\n  className?: string;\n  /**\n   * The PromoCard components to display inside the group.\n   */\n  children: ReactNode;\n  /**\n   * The default checked for the group.\n   */\n  defaultChecked?: string;\n  /**\n   * Optional ID to add to the group container.\n   */\n  id?: string;\n  /**\n   * Whether the group is disabled or not.\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional label to display above the group.\n   */\n  label?: string;\n  /**\n   * Optional function to call when the group value changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Optional ID to add to the group container for testing purposes.\n   */\n  testId?: string;\n}\n\n/**\n * PromoCardGroup component.\n *\n * A PromoCardGroup is a container for PromoCard components that allows the user to select one or more\n * cards from a group. It can be used to display a set of related options, and can be customized with\n * various props to suit different use cases.\n *\n * @param {ReactNode} children - The PromoCard components to display inside the group.\n * @param {string} className - Optional class name(s) to add to the group container.\n * @param {string} defaultChecked - The default value for the group.\n * @param {string} id - Optional ID to add to the group container.\n * @param {boolean} isDisabled=false - Whether the group is disabled or not.\n * @param {string} label - Optional label to display above the group.\n * @param {Function} onChange - Optional function to call when the group value changes.\n * @param {string} testId - Optional ID to add to the group container for testing purposes.\n * @returns {JSX.Element} - The PromoCardGroup component.\n */\nconst PromoCardGroup: FunctionComponent<PromoCardGroupProps> = ({\n  children,\n  className,\n  defaultChecked = '',\n  id,\n  isDisabled = false,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onChange = () => {},\n  testId,\n}) => {\n  const [state, setState] = useState<string>(defaultChecked);\n  const [containerRole, setContainerRole] = useState<string | null>(null);\n\n  /**\n   * The context value for the PromoCardGroup.\n   *\n   * The context value is an object that contains the current state of the\n   * group, whether the group is disabled or not, and a function to call when\n   * the group value changes. This value is used to provide context to child\n   * PromoCard components, allowing them to interact with the group and update\n   * its state.\n   */\n  const contextValue = useMemo(() => {\n    const handleOnChange = (value: string) => {\n      setState(value);\n      onChange(value);\n    };\n\n    return { state, isDisabled, onChange: handleOnChange };\n  }, [state, isDisabled, onChange]);\n\n  const commonClasses = classNames(\n    {\n      'np-CardGroup': true,\n      'is-disabled': isDisabled,\n    },\n    className,\n  );\n\n  const commonProps = {\n    className: commonClasses,\n    id,\n    'data-testid': testId,\n    role: containerRole as AriaRoleRadioGroup | undefined, // Add the role attribute here\n  };\n\n  useEffect(() => {\n    setState(defaultChecked);\n\n    // Collect an array of types from the children PromoCard components\n    const types =\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<PromoCardProps>(child) && child.props.type) {\n          return child.props.type;\n        }\n        return null;\n      })?.filter((type): type is 'radio' | 'checkbox' => type !== null && type !== undefined) ?? [];\n\n    // Check if all types are the same\n    const allTypesAreTheSame = types.every((type) => type === types[0]);\n\n    // If all types are the same and the type is 'radio', set the container role\n    setContainerRole(allTypesAreTheSame && types[0] === 'radio' ? 'radiogroup' : null);\n  }, [defaultChecked, children]);\n\n  return (\n    <PromoCardContext.Provider value={contextValue}>\n      <div {...commonProps}>{children}</div>\n    </PromoCardContext.Provider>\n  );\n};\n\nexport default React.memo(PromoCardGroup);\n"],"names":["PromoCardGroup","children","className","defaultChecked","id","isDisabled","onChange","testId","state","setState","useState","containerRole","setContainerRole","contextValue","useMemo","handleOnChange","value","commonClasses","classNames","commonProps","role","useEffect","types","React","Children","map","child","isValidElement","props","type","filter","undefined","allTypesAreTheSame","every","_jsx","PromoCardContext","Provider","memo"],"mappings":";;;;;AA4DA,MAAMA,cAAc,GAA2CA,CAAC;EAC9DC,QAAQ;EACRC,SAAS;AACTC,EAAAA,cAAc,GAAG,EAAE;EACnBC,EAAE;AACFC,EAAAA,UAAU,GAAG,KAAK;AAClB;AACAC,EAAAA,QAAQ,GAAGA,MAAK,EAAG;AACnBC,EAAAA,MAAAA;AACD,CAAA,KAAI;EACH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAASP,cAAc,CAAC,CAAA;EAC1D,MAAM,CAACQ,aAAa,EAAEC,gBAAgB,CAAC,GAAGF,QAAQ,CAAgB,IAAI,CAAC,CAAA;AAEvE;;;;;;;;AAQG;AACH,EAAA,MAAMG,YAAY,GAAGC,OAAO,CAAC,MAAK;IAChC,MAAMC,cAAc,GAAIC,KAAa,IAAI;MACvCP,QAAQ,CAACO,KAAK,CAAC,CAAA;MACfV,QAAQ,CAACU,KAAK,CAAC,CAAA;KAChB,CAAA;IAED,OAAO;MAAER,KAAK;MAAEH,UAAU;AAAEC,MAAAA,QAAQ,EAAES,cAAAA;KAAgB,CAAA;GACvD,EAAE,CAACP,KAAK,EAAEH,UAAU,EAAEC,QAAQ,CAAC,CAAC,CAAA;EAEjC,MAAMW,aAAa,GAAGC,UAAU,CAC9B;AACE,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,aAAa,EAAEb,UAAAA;GAChB,EACDH,SAAS,CACV,CAAA;AAED,EAAA,MAAMiB,WAAW,GAAG;AAClBjB,IAAAA,SAAS,EAAEe,aAAa;IACxBb,EAAE;AACF,IAAA,aAAa,EAAEG,MAAM;IACrBa,IAAI,EAAET,aAA+C;GACtD,CAAA;AAEDU,EAAAA,SAAS,CAAC,MAAK;IACbZ,QAAQ,CAACN,cAAc,CAAC,CAAA;AAExB;IACA,MAAMmB,KAAK,GACTC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACxB,QAAQ,EAAGyB,KAAK,IAAI;AACrC,MAAA,kBAAIH,cAAK,CAACI,cAAc,CAAiBD,KAAK,CAAC,IAAIA,KAAK,CAACE,KAAK,CAACC,IAAI,EAAE;AACnE,QAAA,OAAOH,KAAK,CAACE,KAAK,CAACC,IAAI,CAAA;AACzB,OAAA;AACA,MAAA,OAAO,IAAI,CAAA;AACb,KAAC,CAAC,EAAEC,MAAM,CAAED,IAAI,IAAmCA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAKE,SAAS,CAAC,IAAI,EAAE,CAAA;AAE/F;AACA,IAAA,MAAMC,kBAAkB,GAAGV,KAAK,CAACW,KAAK,CAAEJ,IAAI,IAAKA,IAAI,KAAKP,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAEnE;AACAV,IAAAA,gBAAgB,CAACoB,kBAAkB,IAAIV,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,GAAG,YAAY,GAAG,IAAI,CAAC,CAAA;AACpF,GAAC,EAAE,CAACnB,cAAc,EAAEF,QAAQ,CAAC,CAAC,CAAA;AAE9B,EAAA,oBACEiC,GAAA,CAACC,gBAAgB,CAACC,QAAQ,EAAA;AAACpB,IAAAA,KAAK,EAAEH,YAAa;AAAAZ,IAAAA,QAAA,eAC7CiC,GAAA,CAAA,KAAA,EAAA;AAAA,MAAA,GAASf,WAAW;AAAAlB,MAAAA,QAAA,EAAGA,QAAAA;KAAc,CAAA;AACvC,GAA2B,CAAC,CAAA;AAEhC,CAAC,CAAA;AAED,uBAAA,aAAesB,cAAK,CAACc,IAAI,CAACrC,cAAc,CAAC;;;;"}

package/build/promoCard/PromoCardIndicator.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var icons = require('@transferwise/icons');
+var classNames = require('classnames');
+var avatarTypes = require('../avatar/avatarTypes.js');
+var Avatar = require('../avatar/Avatar.js');
+var Body = require('../body/Body.js');
+var jsxRuntime = require('react/jsx-runtime');
+var typography = require('../common/propsValues/typography.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const PromoCardIndicator = ({
+  className,
+  children,
+  label,
+  icon,
+  isSmall = false,
+  testid,
+  ...rest
+}) => {
+  const isIconString = icon && typeof icon === 'string';
+  const IconComponent = isIconString && {
+    check: icons.Check,
+    arrow: icons.ArrowRight,
+    download: icons.Download
+  }[icon];
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classNames__default.default('np-Card-indicator', className),
+    "data-testid": testid,
+    ...rest,
+    children: [label && /*#__PURE__*/jsxRuntime.jsx(Body, {
+      as: "span",
+      type: typography.Typography.BODY_LARGE_BOLD,
+      className: "np-Card-indicatorText",
+      children: label
+    }), icon && /*#__PURE__*/jsxRuntime.jsx(Avatar, {
+      type: avatarTypes.AvatarType.ICON,
+      size: isSmall ? 40 : 56,
+      backgroundColor: "var(--Card-indicator-icon-background-color)",
+      className: "np-Card-indicatorIcon",
+      children: IconComponent ? /*#__PURE__*/jsxRuntime.jsx(IconComponent, {
+        size: 24,
+        "aria-hidden": "true"
+      }) : icon
+    }), children]
+  });
+};
+
+module.exports = PromoCardIndicator;
+//# sourceMappingURL=PromoCardIndicator.js.map

package/build/promoCard/PromoCardIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoCardIndicator.js","sources":["../../src/promoCard/PromoCardIndicator.tsx"],"sourcesContent":["import { ArrowRight, Check, Download } from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { ReactElement, ReactNode } from 'react';\n\nimport Avatar, { AvatarType } from '../avatar';\nimport Body from '../body';\nimport { Typography } from '../common';\n\nexport type PromoCardIndicatorProps = {\n  /** Optional class name(s) to add to the indicator container. */\n  className?: string;\n\n  /** Optional label to display next to the indicator. */\n  label?: string;\n\n  /** Optional icon to display in the indicator. */\n  icon?: 'check' | 'arrow' | 'download' | ReactElement;\n\n  /** Optional prop to specify whether the indicator is sized small or not. */\n  isSmall?: boolean;\n\n  /** Optional ID to add to the indicator container for testing purposes. */\n  testid?: string;\n\n  /** Optional children to display inside the indicator. */\n  children?: ReactNode;\n};\n\n/**\n * PromoCardIndicator component.\n *\n * A PromoCardIndicator is a small component that can be used to display\n * additional information or actions related to a PromoCard. It can be\n * customized with various props to suit different use cases.\n *\n * @param {string} className - Optional class name(s) to add to the indicator container.\n * @param {string} label - Optional label to display next to the indicator.\n * @param {string | ReactElement} icon - Optional icon to display in the indicator.\n * @param {string} testid - Optional ID to add to the indicator container for testing purposes.\n * @param {ReactNode} children - Optional children to display inside the indicator.\n * @returns {JSX.Element} - The PromoCardIndicator component.\n * @example\n * <PromoCardIndicator label=\"Download\" icon=\"download\" />\n */\nconst PromoCardIndicator: React.FC<PromoCardIndicatorProps> = ({\n  className,\n  children,\n  label,\n  icon,\n  isSmall = false,\n  testid,\n  ...rest\n}) => {\n  const isIconString = icon && typeof icon === 'string';\n\n  const IconComponent =\n    isIconString &&\n    {\n      check: Check,\n      arrow: ArrowRight,\n      download: Download,\n    }[icon];\n\n  return (\n    <div className={classNames('np-Card-indicator', className)} data-testid={testid} {...rest}>\n      {label && (\n        <Body as=\"span\" type={Typography.BODY_LARGE_BOLD} className=\"np-Card-indicatorText\">\n          {label}\n        </Body>\n      )}\n      {icon && (\n        <Avatar\n          type={AvatarType.ICON}\n          size={isSmall ? 40 : 56}\n          backgroundColor=\"var(--Card-indicator-icon-background-color)\"\n          className=\"np-Card-indicatorIcon\"\n        >\n          {IconComponent ? <IconComponent size={24} aria-hidden=\"true\" /> : icon}\n        </Avatar>\n      )}\n      {children}\n    </div>\n  );\n};\n\nexport default PromoCardIndicator;\n"],"names":["PromoCardIndicator","className","children","label","icon","isSmall","testid","rest","isIconString","IconComponent","check","Check","arrow","ArrowRight","download","Download","_jsxs","classNames","_jsx","Body","as","type","Typography","BODY_LARGE_BOLD","Avatar","AvatarType","ICON","size","backgroundColor"],"mappings":";;;;;;;;;;;;;;AA4CMA,MAAAA,kBAAkB,GAAsCA,CAAC;EAC7DC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,IAAI;AACJC,EAAAA,OAAO,GAAG,KAAK;EACfC,MAAM;EACN,GAAGC,IAAAA;AACJ,CAAA,KAAI;AACH,EAAA,MAAMC,YAAY,GAAGJ,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,CAAA;EAErD,MAAMK,aAAa,GACjBD,YAAY,IACZ;AACEE,IAAAA,KAAK,EAAEC,WAAK;AACZC,IAAAA,KAAK,EAAEC,gBAAU;AACjBC,IAAAA,QAAQ,EAAEC,cAAAA;GACX,CAACX,IAAI,CAAC,CAAA;AAET,EAAA,oBACEY,eAAA,CAAA,KAAA,EAAA;AAAKf,IAAAA,SAAS,EAAEgB,2BAAU,CAAC,mBAAmB,EAAEhB,SAAS,CAAE;AAAC,IAAA,aAAA,EAAaK,MAAO;AAAA,IAAA,GAAKC,IAAI;AAAAL,IAAAA,QAAA,EACtFC,CAAAA,KAAK,iBACJe,cAAA,CAACC,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;MAACC,IAAI,EAAEC,qBAAU,CAACC,eAAgB;AAACtB,MAAAA,SAAS,EAAC,uBAAuB;AAAAC,MAAAA,QAAA,EAChFC,KAAAA;AAAK,KACF,CACP,EACAC,IAAI,iBACHc,cAAA,CAACM,MAAM,EAAA;MACLH,IAAI,EAAEI,sBAAU,CAACC,IAAK;AACtBC,MAAAA,IAAI,EAAEtB,OAAO,GAAG,EAAE,GAAG,EAAG;AACxBuB,MAAAA,eAAe,EAAC,6CAA6C;AAC7D3B,MAAAA,SAAS,EAAC,uBAAuB;AAAAC,MAAAA,QAAA,EAEhCO,aAAa,gBAAGS,cAAA,CAACT,aAAa,EAAA;AAACkB,QAAAA,IAAI,EAAE,EAAG;QAAC,aAAY,EAAA,MAAA;AAAM,QAAG,GAAGvB,IAAAA;KAC5D,CACT,EACAF,QAAQ,CAAA;AAAA,GACN,CAAC,CAAA;AAEV;;;;"}

package/build/promoCard/PromoCardIndicator.mjs

@@ -0,0 +1,47 @@
+import { Check, ArrowRight, Download } from '@transferwise/icons';
+import classNames from 'classnames';
+import { AvatarType } from '../avatar/avatarTypes.mjs';
+import Avatar from '../avatar/Avatar.mjs';
+import Body from '../body/Body.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography } from '../common/propsValues/typography.mjs';
+
+const PromoCardIndicator = ({
+  className,
+  children,
+  label,
+  icon,
+  isSmall = false,
+  testid,
+  ...rest
+}) => {
+  const isIconString = icon && typeof icon === 'string';
+  const IconComponent = isIconString && {
+    check: Check,
+    arrow: ArrowRight,
+    download: Download
+  }[icon];
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames('np-Card-indicator', className),
+    "data-testid": testid,
+    ...rest,
+    children: [label && /*#__PURE__*/jsx(Body, {
+      as: "span",
+      type: Typography.BODY_LARGE_BOLD,
+      className: "np-Card-indicatorText",
+      children: label
+    }), icon && /*#__PURE__*/jsx(Avatar, {
+      type: AvatarType.ICON,
+      size: isSmall ? 40 : 56,
+      backgroundColor: "var(--Card-indicator-icon-background-color)",
+      className: "np-Card-indicatorIcon",
+      children: IconComponent ? /*#__PURE__*/jsx(IconComponent, {
+        size: 24,
+        "aria-hidden": "true"
+      }) : icon
+    }), children]
+  });
+};
+
+export { PromoCardIndicator as default };
+//# sourceMappingURL=PromoCardIndicator.mjs.map

package/build/promoCard/PromoCardIndicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoCardIndicator.mjs","sources":["../../src/promoCard/PromoCardIndicator.tsx"],"sourcesContent":["import { ArrowRight, Check, Download } from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { ReactElement, ReactNode } from 'react';\n\nimport Avatar, { AvatarType } from '../avatar';\nimport Body from '../body';\nimport { Typography } from '../common';\n\nexport type PromoCardIndicatorProps = {\n  /** Optional class name(s) to add to the indicator container. */\n  className?: string;\n\n  /** Optional label to display next to the indicator. */\n  label?: string;\n\n  /** Optional icon to display in the indicator. */\n  icon?: 'check' | 'arrow' | 'download' | ReactElement;\n\n  /** Optional prop to specify whether the indicator is sized small or not. */\n  isSmall?: boolean;\n\n  /** Optional ID to add to the indicator container for testing purposes. */\n  testid?: string;\n\n  /** Optional children to display inside the indicator. */\n  children?: ReactNode;\n};\n\n/**\n * PromoCardIndicator component.\n *\n * A PromoCardIndicator is a small component that can be used to display\n * additional information or actions related to a PromoCard. It can be\n * customized with various props to suit different use cases.\n *\n * @param {string} className - Optional class name(s) to add to the indicator container.\n * @param {string} label - Optional label to display next to the indicator.\n * @param {string | ReactElement} icon - Optional icon to display in the indicator.\n * @param {string} testid - Optional ID to add to the indicator container for testing purposes.\n * @param {ReactNode} children - Optional children to display inside the indicator.\n * @returns {JSX.Element} - The PromoCardIndicator component.\n * @example\n * <PromoCardIndicator label=\"Download\" icon=\"download\" />\n */\nconst PromoCardIndicator: React.FC<PromoCardIndicatorProps> = ({\n  className,\n  children,\n  label,\n  icon,\n  isSmall = false,\n  testid,\n  ...rest\n}) => {\n  const isIconString = icon && typeof icon === 'string';\n\n  const IconComponent =\n    isIconString &&\n    {\n      check: Check,\n      arrow: ArrowRight,\n      download: Download,\n    }[icon];\n\n  return (\n    <div className={classNames('np-Card-indicator', className)} data-testid={testid} {...rest}>\n      {label && (\n        <Body as=\"span\" type={Typography.BODY_LARGE_BOLD} className=\"np-Card-indicatorText\">\n          {label}\n        </Body>\n      )}\n      {icon && (\n        <Avatar\n          type={AvatarType.ICON}\n          size={isSmall ? 40 : 56}\n          backgroundColor=\"var(--Card-indicator-icon-background-color)\"\n          className=\"np-Card-indicatorIcon\"\n        >\n          {IconComponent ? <IconComponent size={24} aria-hidden=\"true\" /> : icon}\n        </Avatar>\n      )}\n      {children}\n    </div>\n  );\n};\n\nexport default PromoCardIndicator;\n"],"names":["PromoCardIndicator","className","children","label","icon","isSmall","testid","rest","isIconString","IconComponent","check","Check","arrow","ArrowRight","download","Download","_jsxs","classNames","_jsx","Body","as","type","Typography","BODY_LARGE_BOLD","Avatar","AvatarType","ICON","size","backgroundColor"],"mappings":";;;;;;;;AA4CMA,MAAAA,kBAAkB,GAAsCA,CAAC;EAC7DC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,IAAI;AACJC,EAAAA,OAAO,GAAG,KAAK;EACfC,MAAM;EACN,GAAGC,IAAAA;AACJ,CAAA,KAAI;AACH,EAAA,MAAMC,YAAY,GAAGJ,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,CAAA;EAErD,MAAMK,aAAa,GACjBD,YAAY,IACZ;AACEE,IAAAA,KAAK,EAAEC,KAAK;AACZC,IAAAA,KAAK,EAAEC,UAAU;AACjBC,IAAAA,QAAQ,EAAEC,QAAAA;GACX,CAACX,IAAI,CAAC,CAAA;AAET,EAAA,oBACEY,IAAA,CAAA,KAAA,EAAA;AAAKf,IAAAA,SAAS,EAAEgB,UAAU,CAAC,mBAAmB,EAAEhB,SAAS,CAAE;AAAC,IAAA,aAAA,EAAaK,MAAO;AAAA,IAAA,GAAKC,IAAI;AAAAL,IAAAA,QAAA,EACtFC,CAAAA,KAAK,iBACJe,GAAA,CAACC,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;MAACC,IAAI,EAAEC,UAAU,CAACC,eAAgB;AAACtB,MAAAA,SAAS,EAAC,uBAAuB;AAAAC,MAAAA,QAAA,EAChFC,KAAAA;AAAK,KACF,CACP,EACAC,IAAI,iBACHc,GAAA,CAACM,MAAM,EAAA;MACLH,IAAI,EAAEI,UAAU,CAACC,IAAK;AACtBC,MAAAA,IAAI,EAAEtB,OAAO,GAAG,EAAE,GAAG,EAAG;AACxBuB,MAAAA,eAAe,EAAC,6CAA6C;AAC7D3B,MAAAA,SAAS,EAAC,uBAAuB;AAAAC,MAAAA,QAAA,EAEhCO,aAAa,gBAAGS,GAAA,CAACT,aAAa,EAAA;AAACkB,QAAAA,IAAI,EAAE,EAAG;QAAC,aAAY,EAAA,MAAA;AAAM,QAAG,GAAGvB,IAAAA;KAC5D,CACT,EACAF,QAAQ,CAAA;AAAA,GACN,CAAC,CAAA;AAEV;;;;"}

package/build/provider/Provider.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+var en = require('../i18n/en.json.js');
+var DirectionProvider = require('./direction/DirectionProvider.js');
+var LanguageProvider = require('./language/LanguageProvider.js');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../common/locale/index.js');
+
+function Provider({
+  i18n,
+  children
+}) {
+  const {
+    locale,
+    messages,
+    defaultRichTextElements
+  } = i18n;
+  const adjustedLocale = index.adjustLocale(locale);
+  let intlConfig;
+  if (adjustedLocale === null) {
+    // eslint-disable-next-line no-console
+    console.warn(`Unsupported locale value was provided: '${locale}', defaulting to '${index.DEFAULT_LOCALE}'`);
+    intlConfig = {
+      locale: index.DEFAULT_LOCALE,
+      messages: {
+        ...en,
+        ...messages
+      }
+    };
+  } else {
+    intlConfig = {
+      locale: adjustedLocale,
+      messages
+    };
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(DirectionProvider.DirectionProvider, {
+    direction: index.getDirectionFromLocale(locale),
+    children: /*#__PURE__*/jsxRuntime.jsx(LanguageProvider.LanguageProvider, {
+      locale: locale,
+      children: /*#__PURE__*/jsxRuntime.jsx(reactIntl.IntlProvider, {
+        defaultLocale: index.DEFAULT_LOCALE,
+        locale: intlConfig.locale,
+        messages: intlConfig.messages,
+        defaultRichTextElements: defaultRichTextElements,
+        children: children
+      })
+    })
+  });
+}
+
+module.exports = Provider;
+//# sourceMappingURL=Provider.js.map

package/build/provider/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sources":["../../src/provider/Provider.tsx"],"sourcesContent":["import { IntlProvider, ResolvedIntlConfig } from 'react-intl';\n\nimport { adjustLocale, DEFAULT_LOCALE, getDirectionFromLocale } from '../common';\nimport en from '../i18n/en.json';\n\nimport { DirectionProvider } from './direction';\nimport { LanguageProvider } from './language';\n\nexport interface ProviderProps {\n  i18n: Pick<ResolvedIntlConfig, 'locale' | 'messages'> &\n    Partial<Pick<ResolvedIntlConfig, 'defaultRichTextElements'>>;\n  children?: React.ReactNode;\n}\n\nexport default function Provider({ i18n, children }: ProviderProps) {\n  const { locale, messages, defaultRichTextElements } = i18n;\n  const adjustedLocale = adjustLocale(locale);\n  let intlConfig;\n\n  if (adjustedLocale === null) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Unsupported locale value was provided: '${locale}', defaulting to '${DEFAULT_LOCALE}'`,\n    );\n\n    intlConfig = { locale: DEFAULT_LOCALE, messages: { ...en, ...messages } };\n  } else {\n    intlConfig = { locale: adjustedLocale, messages };\n  }\n\n  return (\n    <DirectionProvider direction={getDirectionFromLocale(locale)}>\n      <LanguageProvider locale={locale}>\n        <IntlProvider\n          defaultLocale={DEFAULT_LOCALE}\n          locale={intlConfig.locale}\n          messages={intlConfig.messages}\n          defaultRichTextElements={defaultRichTextElements}\n        >\n          {children}\n        </IntlProvider>\n      </LanguageProvider>\n    </DirectionProvider>\n  );\n}\n"],"names":["Provider","i18n","children","locale","messages","defaultRichTextElements","adjustedLocale","adjustLocale","intlConfig","console","warn","DEFAULT_LOCALE","en","_jsx","DirectionProvider","direction","getDirectionFromLocale","LanguageProvider","IntlProvider","defaultLocale"],"mappings":";;;;;;;;;AAcwB,SAAAA,QAAQA,CAAC;EAAEC,IAAI;AAAEC,EAAAA,QAAAA;AAAyB,CAAA,EAAA;EAChE,MAAM;IAAEC,MAAM;IAAEC,QAAQ;AAAEC,IAAAA,uBAAAA;AAAuB,GAAE,GAAGJ,IAAI,CAAA;AAC1D,EAAA,MAAMK,cAAc,GAAGC,kBAAY,CAACJ,MAAM,CAAC,CAAA;AAC3C,EAAA,IAAIK,UAAU,CAAA;EAEd,IAAIF,cAAc,KAAK,IAAI,EAAE;AAC3B;IACAG,OAAO,CAACC,IAAI,CACV,CAAA,wCAAA,EAA2CP,MAA2B,CAAAQ,kBAAAA,EAAAA,oBAAiB,GAAA,CACxF,CAAA;AAEDH,IAAAA,UAAU,GAAG;AAAEL,MAAAA,MAAM,EAAEQ,oBAAc;AAAEP,MAAAA,QAAQ,EAAE;AAAE,QAAA,GAAGQ,EAAE;QAAE,GAAGR,QAAAA;AAAQ,OAAA;KAAI,CAAA;AAC3E,GAAC,MAAM;AACLI,IAAAA,UAAU,GAAG;AAAEL,MAAAA,MAAM,EAAEG,cAAc;AAAEF,MAAAA,QAAAA;KAAU,CAAA;AACnD,GAAA;EAEA,oBACES,cAAA,CAACC,mCAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEC,4BAAsB,CAACb,MAAM,CAAE;IAAAD,QAAA,eAC3DW,cAAA,CAACI,iCAAgB,EAAA;AAACd,MAAAA,MAAM,EAAEA,MAAO;MAAAD,QAAA,eAC/BW,cAAA,CAACK,sBAAY,EAAA;AACXC,QAAAA,aAAa,EAAER,oBAAe;QAC9BR,MAAM,EAAEK,UAAU,CAACL,MAAO;QAC1BC,QAAQ,EAAEI,UAAU,CAACJ,QAAS;AAC9BC,QAAAA,uBAAuB,EAAEA,uBAAwB;AAAAH,QAAAA,QAAA,EAEhDA,QAAAA;OACW,CAAA;KACE,CAAA;AACpB,GAAmB,CAAC,CAAA;AAExB;;;;"}

package/build/provider/Provider.mjs

@@ -0,0 +1,51 @@
+import { IntlProvider } from 'react-intl';
+import en from '../i18n/en.json.mjs';
+import { DirectionProvider } from './direction/DirectionProvider.mjs';
+import { LanguageProvider } from './language/LanguageProvider.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { adjustLocale, DEFAULT_LOCALE, getDirectionFromLocale } from '../common/locale/index.mjs';
+
+function Provider({
+  i18n,
+  children
+}) {
+  const {
+    locale,
+    messages,
+    defaultRichTextElements
+  } = i18n;
+  const adjustedLocale = adjustLocale(locale);
+  let intlConfig;
+  if (adjustedLocale === null) {
+    // eslint-disable-next-line no-console
+    console.warn(`Unsupported locale value was provided: '${locale}', defaulting to '${DEFAULT_LOCALE}'`);
+    intlConfig = {
+      locale: DEFAULT_LOCALE,
+      messages: {
+        ...en,
+        ...messages
+      }
+    };
+  } else {
+    intlConfig = {
+      locale: adjustedLocale,
+      messages
+    };
+  }
+  return /*#__PURE__*/jsx(DirectionProvider, {
+    direction: getDirectionFromLocale(locale),
+    children: /*#__PURE__*/jsx(LanguageProvider, {
+      locale: locale,
+      children: /*#__PURE__*/jsx(IntlProvider, {
+        defaultLocale: DEFAULT_LOCALE,
+        locale: intlConfig.locale,
+        messages: intlConfig.messages,
+        defaultRichTextElements: defaultRichTextElements,
+        children: children
+      })
+    })
+  });
+}
+
+export { Provider as default };
+//# sourceMappingURL=Provider.mjs.map

package/build/provider/Provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.mjs","sources":["../../src/provider/Provider.tsx"],"sourcesContent":["import { IntlProvider, ResolvedIntlConfig } from 'react-intl';\n\nimport { adjustLocale, DEFAULT_LOCALE, getDirectionFromLocale } from '../common';\nimport en from '../i18n/en.json';\n\nimport { DirectionProvider } from './direction';\nimport { LanguageProvider } from './language';\n\nexport interface ProviderProps {\n  i18n: Pick<ResolvedIntlConfig, 'locale' | 'messages'> &\n    Partial<Pick<ResolvedIntlConfig, 'defaultRichTextElements'>>;\n  children?: React.ReactNode;\n}\n\nexport default function Provider({ i18n, children }: ProviderProps) {\n  const { locale, messages, defaultRichTextElements } = i18n;\n  const adjustedLocale = adjustLocale(locale);\n  let intlConfig;\n\n  if (adjustedLocale === null) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Unsupported locale value was provided: '${locale}', defaulting to '${DEFAULT_LOCALE}'`,\n    );\n\n    intlConfig = { locale: DEFAULT_LOCALE, messages: { ...en, ...messages } };\n  } else {\n    intlConfig = { locale: adjustedLocale, messages };\n  }\n\n  return (\n    <DirectionProvider direction={getDirectionFromLocale(locale)}>\n      <LanguageProvider locale={locale}>\n        <IntlProvider\n          defaultLocale={DEFAULT_LOCALE}\n          locale={intlConfig.locale}\n          messages={intlConfig.messages}\n          defaultRichTextElements={defaultRichTextElements}\n        >\n          {children}\n        </IntlProvider>\n      </LanguageProvider>\n    </DirectionProvider>\n  );\n}\n"],"names":["Provider","i18n","children","locale","messages","defaultRichTextElements","adjustedLocale","adjustLocale","intlConfig","console","warn","DEFAULT_LOCALE","en","_jsx","DirectionProvider","direction","getDirectionFromLocale","LanguageProvider","IntlProvider","defaultLocale"],"mappings":";;;;;;;AAcwB,SAAAA,QAAQA,CAAC;EAAEC,IAAI;AAAEC,EAAAA,QAAAA;AAAyB,CAAA,EAAA;EAChE,MAAM;IAAEC,MAAM;IAAEC,QAAQ;AAAEC,IAAAA,uBAAAA;AAAuB,GAAE,GAAGJ,IAAI,CAAA;AAC1D,EAAA,MAAMK,cAAc,GAAGC,YAAY,CAACJ,MAAM,CAAC,CAAA;AAC3C,EAAA,IAAIK,UAAU,CAAA;EAEd,IAAIF,cAAc,KAAK,IAAI,EAAE;AAC3B;IACAG,OAAO,CAACC,IAAI,CACV,CAAA,wCAAA,EAA2CP,MAA2B,CAAAQ,kBAAAA,EAAAA,cAAiB,GAAA,CACxF,CAAA;AAEDH,IAAAA,UAAU,GAAG;AAAEL,MAAAA,MAAM,EAAEQ,cAAc;AAAEP,MAAAA,QAAQ,EAAE;AAAE,QAAA,GAAGQ,EAAE;QAAE,GAAGR,QAAAA;AAAQ,OAAA;KAAI,CAAA;AAC3E,GAAC,MAAM;AACLI,IAAAA,UAAU,GAAG;AAAEL,MAAAA,MAAM,EAAEG,cAAc;AAAEF,MAAAA,QAAAA;KAAU,CAAA;AACnD,GAAA;EAEA,oBACES,GAAA,CAACC,iBAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEC,sBAAsB,CAACb,MAAM,CAAE;IAAAD,QAAA,eAC3DW,GAAA,CAACI,gBAAgB,EAAA;AAACd,MAAAA,MAAM,EAAEA,MAAO;MAAAD,QAAA,eAC/BW,GAAA,CAACK,YAAY,EAAA;AACXC,QAAAA,aAAa,EAAER,cAAe;QAC9BR,MAAM,EAAEK,UAAU,CAACL,MAAO;QAC1BC,QAAQ,EAAEI,UAAU,CAACJ,QAAS;AAC9BC,QAAAA,uBAAuB,EAAEA,uBAAwB;AAAAH,QAAAA,QAAA,EAEhDA,QAAAA;OACW,CAAA;KACE,CAAA;AACpB,GAAmB,CAAC,CAAA;AAExB;;;;"}

package/build/provider/direction/DirectionProvider.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var direction = require('../../common/direction.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const DirectionContext = /*#__PURE__*/React.createContext(direction.Direction.LTR);
+const DirectionProvider = ({
+  direction,
+  children
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(DirectionContext.Provider, {
+    value: direction,
+    children: children
+  });
+};
+
+exports.DirectionContext = DirectionContext;
+exports.DirectionProvider = DirectionProvider;
+//# sourceMappingURL=DirectionProvider.js.map

package/build/provider/direction/DirectionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.js","sources":["../../../src/provider/direction/DirectionProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { LayoutDirection, Direction } from '../../common/direction';\n\nexport const DirectionContext = createContext<LayoutDirection>(Direction.LTR);\n\nexport type DirectionProviderProps = PropsWithChildren<{ direction: LayoutDirection }>;\n\nexport const DirectionProvider = ({ direction, children }: DirectionProviderProps) => {\n  return <DirectionContext.Provider value={direction}>{children}</DirectionContext.Provider>;\n};\n"],"names":["DirectionContext","createContext","Direction","LTR","DirectionProvider","direction","children","_jsx","Provider","value"],"mappings":";;;;;;AAIO,MAAMA,gBAAgB,gBAAGC,mBAAa,CAAkBC,mBAAS,CAACC,GAAG,EAAC;AAItE,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;AAAEC,EAAAA,QAAAA;AAAkC,CAAA,KAAI;AACnF,EAAA,oBAAOC,cAAA,CAACP,gBAAgB,CAACQ,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,SAAU;AAAAC,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA4B,CAAC,CAAA;AAC5F;;;;;"}

package/build/provider/direction/DirectionProvider.mjs

@@ -0,0 +1,17 @@
+import { createContext } from 'react';
+import { Direction } from '../../common/direction.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const DirectionContext = /*#__PURE__*/createContext(Direction.LTR);
+const DirectionProvider = ({
+  direction,
+  children
+}) => {
+  return /*#__PURE__*/jsx(DirectionContext.Provider, {
+    value: direction,
+    children: children
+  });
+};
+
+export { DirectionContext, DirectionProvider };
+//# sourceMappingURL=DirectionProvider.mjs.map

package/build/provider/direction/DirectionProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.mjs","sources":["../../../src/provider/direction/DirectionProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { LayoutDirection, Direction } from '../../common/direction';\n\nexport const DirectionContext = createContext<LayoutDirection>(Direction.LTR);\n\nexport type DirectionProviderProps = PropsWithChildren<{ direction: LayoutDirection }>;\n\nexport const DirectionProvider = ({ direction, children }: DirectionProviderProps) => {\n  return <DirectionContext.Provider value={direction}>{children}</DirectionContext.Provider>;\n};\n"],"names":["DirectionContext","createContext","Direction","LTR","DirectionProvider","direction","children","_jsx","Provider","value"],"mappings":";;;;AAIO,MAAMA,gBAAgB,gBAAGC,aAAa,CAAkBC,SAAS,CAACC,GAAG,EAAC;AAItE,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;AAAEC,EAAAA,QAAAA;AAAkC,CAAA,KAAI;AACnF,EAAA,oBAAOC,GAAA,CAACP,gBAAgB,CAACQ,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,SAAU;AAAAC,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA4B,CAAC,CAAA;AAC5F;;;;"}

package/build/provider/language/LanguageProvider.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../common/locale/index.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const LanguageContext = /*#__PURE__*/React.createContext(index.DEFAULT_LOCALE);
+const LanguageProvider = ({
+  locale,
+  children
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(LanguageContext.Provider, {
+    value: locale,
+    children: children
+  });
+};
+
+exports.LanguageContext = LanguageContext;
+exports.LanguageProvider = LanguageProvider;
+//# sourceMappingURL=LanguageProvider.js.map

package/build/provider/language/LanguageProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageProvider.js","sources":["../../../src/provider/language/LanguageProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { DEFAULT_LOCALE } from '../../common/locale';\n\nexport const LanguageContext = createContext<string>(DEFAULT_LOCALE);\n\nexport type LanguageProviderProps = PropsWithChildren<{ locale: string }>;\n\nexport const LanguageProvider = ({ locale, children }: LanguageProviderProps) => {\n  return <LanguageContext.Provider value={locale}>{children}</LanguageContext.Provider>;\n};\n"],"names":["LanguageContext","createContext","DEFAULT_LOCALE","LanguageProvider","locale","children","_jsx","Provider","value"],"mappings":";;;;;;MAIaA,eAAe,gBAAGC,mBAAa,CAASC,oBAAc,EAAC;AAI7D,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;AAAEC,EAAAA,QAAAA;AAAiC,CAAA,KAAI;AAC9E,EAAA,oBAAOC,cAAA,CAACN,eAAe,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,MAAO;AAAAC,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA2B,CAAC,CAAA;AACvF;;;;;"}

package/build/provider/language/LanguageProvider.mjs

@@ -0,0 +1,17 @@
+import { createContext } from 'react';
+import { DEFAULT_LOCALE } from '../../common/locale/index.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const LanguageContext = /*#__PURE__*/createContext(DEFAULT_LOCALE);
+const LanguageProvider = ({
+  locale,
+  children
+}) => {
+  return /*#__PURE__*/jsx(LanguageContext.Provider, {
+    value: locale,
+    children: children
+  });
+};
+
+export { LanguageContext, LanguageProvider };
+//# sourceMappingURL=LanguageProvider.mjs.map

package/build/provider/language/LanguageProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageProvider.mjs","sources":["../../../src/provider/language/LanguageProvider.tsx"],"sourcesContent":["import { createContext, PropsWithChildren } from 'react';\n\nimport { DEFAULT_LOCALE } from '../../common/locale';\n\nexport const LanguageContext = createContext<string>(DEFAULT_LOCALE);\n\nexport type LanguageProviderProps = PropsWithChildren<{ locale: string }>;\n\nexport const LanguageProvider = ({ locale, children }: LanguageProviderProps) => {\n  return <LanguageContext.Provider value={locale}>{children}</LanguageContext.Provider>;\n};\n"],"names":["LanguageContext","createContext","DEFAULT_LOCALE","LanguageProvider","locale","children","_jsx","Provider","value"],"mappings":";;;;MAIaA,eAAe,gBAAGC,aAAa,CAASC,cAAc,EAAC;AAI7D,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;AAAEC,EAAAA,QAAAA;AAAiC,CAAA,KAAI;AAC9E,EAAA,oBAAOC,GAAA,CAACN,eAAe,CAACO,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,MAAO;AAAAC,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA2B,CAAC,CAAA;AACvF;;;;"}

package/build/radio/Radio.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var componentsTheming = require('@wise/components-theming');
+var classNames = require('classnames');
+var Body = require('../body/Body.js');
+var RadioButton = require('../common/RadioButton/RadioButton.js');
+var jsxRuntime = require('react/jsx-runtime');
+var typography = require('../common/propsValues/typography.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+function Radio({
+  label,
+  id,
+  disabled,
+  className,
+  avatar,
+  secondary,
+  ...otherProps
+}) {
+  const {
+    isModern
+  } = componentsTheming.useTheme();
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: classNames__default.default('radio np-radio', {
+      'radio-lg': secondary,
+      disabled: isModern && disabled
+    }, className),
+    children: /*#__PURE__*/jsxRuntime.jsxs("label", {
+      className: classNames__default.default({
+        disabled
+      }),
+      htmlFor: id,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: classNames__default.default(isModern ? 'm-r-2' : 'p-r-2', 'np-radio-button'),
+        children: /*#__PURE__*/jsxRuntime.jsx(RadioButton, {
+          id: id,
+          disabled: disabled,
+          ...otherProps
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs(Body, {
+        as: "span",
+        type: secondary ? typography.Typography.BODY_LARGE_BOLD : typography.Typography.BODY_LARGE,
+        className: "np-radio__text",
+        children: [label, secondary && /*#__PURE__*/jsxRuntime.jsx(Body, {
+          as: "span",
+          className: classNames__default.default({
+            secondary: !isModern
+          }),
+          children: secondary
+        })]
+      }), avatar && /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "np-radio__avatar m-l-auto",
+        children: avatar
+      })]
+    })
+  });
+}
+
+module.exports = Radio;
+//# sourceMappingURL=Radio.js.map

package/build/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../src/radio/Radio.tsx"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\n\nimport Body from '../body/Body';\nimport { Typography } from '../common';\nimport RadioButton from '../common/RadioButton';\nimport { RadioButtonProps } from '../common/RadioButton/RadioButton';\n\nexport interface RadioProps<T extends string | number = string> extends RadioButtonProps<T> {\n  avatar?: React.ReactNode;\n  label: string;\n  secondary?: string;\n  className?: string;\n}\n\nexport default function Radio<T extends string | number = ''>({\n  label,\n  id,\n  disabled,\n  className,\n  avatar,\n  secondary,\n  ...otherProps\n}: RadioProps<T>) {\n  const { isModern } = useTheme();\n  return (\n    <div\n      className={classNames(\n        'radio np-radio',\n        {\n          'radio-lg': secondary,\n          disabled: isModern && disabled,\n        },\n        className,\n      )}\n    >\n      <label className={classNames({ disabled })} htmlFor={id}>\n        <span className={classNames(isModern ? 'm-r-2' : 'p-r-2', 'np-radio-button')}>\n          <RadioButton id={id} disabled={disabled} {...otherProps} />\n        </span>\n        <Body\n          as=\"span\"\n          type={secondary ? Typography.BODY_LARGE_BOLD : Typography.BODY_LARGE}\n          className=\"np-radio__text\"\n        >\n          {label}\n          {secondary && (\n            <Body as=\"span\" className={classNames({ secondary: !isModern })}>\n              {secondary}\n            </Body>\n          )}\n        </Body>\n        {avatar && <span className=\"np-radio__avatar m-l-auto\">{avatar}</span>}\n      </label>\n    </div>\n  );\n}\n"],"names":["Radio","label","id","disabled","className","avatar","secondary","otherProps","isModern","useTheme","_jsx","classNames","children","_jsxs","htmlFor","RadioButton","Body","as","type","Typography","BODY_LARGE_BOLD","BODY_LARGE"],"mappings":";;;;;;;;;;;;;AAewB,SAAAA,KAAKA,CAAiC;EAC5DC,KAAK;EACLC,EAAE;EACFC,QAAQ;EACRC,SAAS;EACTC,MAAM;EACNC,SAAS;EACT,GAAGC,UAAAA;AACW,CAAA,EAAA;EACd,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,0BAAQ,EAAE,CAAA;AAC/B,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AACEN,IAAAA,SAAS,EAAEO,2BAAU,CACnB,gBAAgB,EAChB;AACE,MAAA,UAAU,EAAEL,SAAS;MACrBH,QAAQ,EAAEK,QAAQ,IAAIL,QAAAA;KACvB,EACDC,SAAS,CACT;AAAAQ,IAAAA,QAAA,eAEFC,eAAA,CAAA,OAAA,EAAA;MAAOT,SAAS,EAAEO,2BAAU,CAAC;AAAER,QAAAA,QAAAA;AAAU,OAAA,CAAE;AAACW,MAAAA,OAAO,EAAEZ,EAAG;AAAAU,MAAAA,QAAA,gBACtDF,cAAA,CAAA,MAAA,EAAA;QAAMN,SAAS,EAAEO,2BAAU,CAACH,QAAQ,GAAG,OAAO,GAAG,OAAO,EAAE,iBAAiB,CAAE;QAAAI,QAAA,eAC3EF,cAAA,CAACK,WAAW,EAAA;AAACb,UAAAA,EAAE,EAAEA,EAAG;AAACC,UAAAA,QAAQ,EAAEA,QAAS;UAAA,GAAKI,UAAAA;SAC/C,CAAA;AAAA,OAAM,CACN,eAAAM,eAAA,CAACG,IAAI,EAAA;AACHC,QAAAA,EAAE,EAAC,MAAM;QACTC,IAAI,EAAEZ,SAAS,GAAGa,qBAAU,CAACC,eAAe,GAAGD,qBAAU,CAACE,UAAW;AACrEjB,QAAAA,SAAS,EAAC,gBAAgB;AAAAQ,QAAAA,QAAA,GAEzBX,KAAK,EACLK,SAAS,iBACRI,cAAA,CAACM,IAAI,EAAA;AAACC,UAAAA,EAAE,EAAC,MAAM;UAACb,SAAS,EAAEO,2BAAU,CAAC;AAAEL,YAAAA,SAAS,EAAE,CAACE,QAAAA;AAAQ,WAAE,CAAE;AAAAI,UAAAA,QAAA,EAC7DN,SAAAA;AAAS,SACN,CACP,CAAA;AAAA,OACG,CACN,EAACD,MAAM,iBAAIK,cAAA,CAAA,MAAA,EAAA;AAAMN,QAAAA,SAAS,EAAC,2BAA2B;AAAAQ,QAAAA,QAAA,EAAEP,MAAAA;AAAM,OAAO,CAAC,CAAA;KACjE,CAAA;AACT,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/radio/Radio.mjs

@@ -0,0 +1,57 @@
+import { useTheme } from '@wise/components-theming';
+import classNames from 'classnames';
+import Body from '../body/Body.mjs';
+import RadioButton from '../common/RadioButton/RadioButton.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Typography } from '../common/propsValues/typography.mjs';
+
+function Radio({
+  label,
+  id,
+  disabled,
+  className,
+  avatar,
+  secondary,
+  ...otherProps
+}) {
+  const {
+    isModern
+  } = useTheme();
+  return /*#__PURE__*/jsx("div", {
+    className: classNames('radio np-radio', {
+      'radio-lg': secondary,
+      disabled: isModern && disabled
+    }, className),
+    children: /*#__PURE__*/jsxs("label", {
+      className: classNames({
+        disabled
+      }),
+      htmlFor: id,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classNames(isModern ? 'm-r-2' : 'p-r-2', 'np-radio-button'),
+        children: /*#__PURE__*/jsx(RadioButton, {
+          id: id,
+          disabled: disabled,
+          ...otherProps
+        })
+      }), /*#__PURE__*/jsxs(Body, {
+        as: "span",
+        type: secondary ? Typography.BODY_LARGE_BOLD : Typography.BODY_LARGE,
+        className: "np-radio__text",
+        children: [label, secondary && /*#__PURE__*/jsx(Body, {
+          as: "span",
+          className: classNames({
+            secondary: !isModern
+          }),
+          children: secondary
+        })]
+      }), avatar && /*#__PURE__*/jsx("span", {
+        className: "np-radio__avatar m-l-auto",
+        children: avatar
+      })]
+    })
+  });
+}
+
+export { Radio as default };
+//# sourceMappingURL=Radio.mjs.map

package/build/radio/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","sources":["../../src/radio/Radio.tsx"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\n\nimport Body from '../body/Body';\nimport { Typography } from '../common';\nimport RadioButton from '../common/RadioButton';\nimport { RadioButtonProps } from '../common/RadioButton/RadioButton';\n\nexport interface RadioProps<T extends string | number = string> extends RadioButtonProps<T> {\n  avatar?: React.ReactNode;\n  label: string;\n  secondary?: string;\n  className?: string;\n}\n\nexport default function Radio<T extends string | number = ''>({\n  label,\n  id,\n  disabled,\n  className,\n  avatar,\n  secondary,\n  ...otherProps\n}: RadioProps<T>) {\n  const { isModern } = useTheme();\n  return (\n    <div\n      className={classNames(\n        'radio np-radio',\n        {\n          'radio-lg': secondary,\n          disabled: isModern && disabled,\n        },\n        className,\n      )}\n    >\n      <label className={classNames({ disabled })} htmlFor={id}>\n        <span className={classNames(isModern ? 'm-r-2' : 'p-r-2', 'np-radio-button')}>\n          <RadioButton id={id} disabled={disabled} {...otherProps} />\n        </span>\n        <Body\n          as=\"span\"\n          type={secondary ? Typography.BODY_LARGE_BOLD : Typography.BODY_LARGE}\n          className=\"np-radio__text\"\n        >\n          {label}\n          {secondary && (\n            <Body as=\"span\" className={classNames({ secondary: !isModern })}>\n              {secondary}\n            </Body>\n          )}\n        </Body>\n        {avatar && <span className=\"np-radio__avatar m-l-auto\">{avatar}</span>}\n      </label>\n    </div>\n  );\n}\n"],"names":["Radio","label","id","disabled","className","avatar","secondary","otherProps","isModern","useTheme","_jsx","classNames","children","_jsxs","htmlFor","RadioButton","Body","as","type","Typography","BODY_LARGE_BOLD","BODY_LARGE"],"mappings":";;;;;;;AAewB,SAAAA,KAAKA,CAAiC;EAC5DC,KAAK;EACLC,EAAE;EACFC,QAAQ;EACRC,SAAS;EACTC,MAAM;EACNC,SAAS;EACT,GAAGC,UAAAA;AACW,CAAA,EAAA;EACd,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,QAAQ,EAAE,CAAA;AAC/B,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEN,IAAAA,SAAS,EAAEO,UAAU,CACnB,gBAAgB,EAChB;AACE,MAAA,UAAU,EAAEL,SAAS;MACrBH,QAAQ,EAAEK,QAAQ,IAAIL,QAAAA;KACvB,EACDC,SAAS,CACT;AAAAQ,IAAAA,QAAA,eAEFC,IAAA,CAAA,OAAA,EAAA;MAAOT,SAAS,EAAEO,UAAU,CAAC;AAAER,QAAAA,QAAAA;AAAU,OAAA,CAAE;AAACW,MAAAA,OAAO,EAAEZ,EAAG;AAAAU,MAAAA,QAAA,gBACtDF,GAAA,CAAA,MAAA,EAAA;QAAMN,SAAS,EAAEO,UAAU,CAACH,QAAQ,GAAG,OAAO,GAAG,OAAO,EAAE,iBAAiB,CAAE;QAAAI,QAAA,eAC3EF,GAAA,CAACK,WAAW,EAAA;AAACb,UAAAA,EAAE,EAAEA,EAAG;AAACC,UAAAA,QAAQ,EAAEA,QAAS;UAAA,GAAKI,UAAAA;SAC/C,CAAA;AAAA,OAAM,CACN,eAAAM,IAAA,CAACG,IAAI,EAAA;AACHC,QAAAA,EAAE,EAAC,MAAM;QACTC,IAAI,EAAEZ,SAAS,GAAGa,UAAU,CAACC,eAAe,GAAGD,UAAU,CAACE,UAAW;AACrEjB,QAAAA,SAAS,EAAC,gBAAgB;AAAAQ,QAAAA,QAAA,GAEzBX,KAAK,EACLK,SAAS,iBACRI,GAAA,CAACM,IAAI,EAAA;AAACC,UAAAA,EAAE,EAAC,MAAM;UAACb,SAAS,EAAEO,UAAU,CAAC;AAAEL,YAAAA,SAAS,EAAE,CAACE,QAAAA;AAAQ,WAAE,CAAE;AAAAI,UAAAA,QAAA,EAC7DN,SAAAA;AAAS,SACN,CACP,CAAA;AAAA,OACG,CACN,EAACD,MAAM,iBAAIK,GAAA,CAAA,MAAA,EAAA;AAAMN,QAAAA,SAAS,EAAC,2BAA2B;AAAAQ,QAAAA,QAAA,EAAEP,MAAAA;AAAM,OAAO,CAAC,CAAA;KACjE,CAAA;AACT,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/radioGroup/RadioGroup.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var Radio = require('../radio/Radio.js');
+var contexts = require('../inputs/contexts.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function RadioGroup({
+  name,
+  radios,
+  selectedValue: controlledValue,
+  onChange
+}) {
+  const inputAttributes = contexts.useInputAttributes({
+    nonLabelable: true
+  });
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(controlledValue);
+  return radios.length > 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
+    role: "radiogroup",
+    ...inputAttributes,
+    children: radios.map(({
+      value = '',
+      ...restProps
+    }, index) => /*#__PURE__*/jsxRuntime.jsx(Radio
+    // eslint-disable-next-line react/no-array-index-key
+    , {
+      ...restProps,
+      name: name,
+      value: value,
+      checked: value === uncontrolledValue,
+      onChange: nextValue => {
+        setUncontrolledValue(nextValue);
+        onChange(nextValue);
+      }
+    }, index))
+  }) : null;
+}
+
+module.exports = RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/build/radioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../src/radioGroup/RadioGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport Radio from '../radio';\nimport { RadioProps } from '../radio/Radio';\nimport { useInputAttributes } from '../inputs/contexts';\n\nexport type RadioGroupRadio<T extends string | number = string> = Omit<\n  RadioProps<T>,\n  'name' | 'checked' | 'onChange' | 'className'\n>;\n\nexport interface RadioGroupProps<T extends string | number = string> {\n  name: string;\n  radios: readonly RadioGroupRadio<T>[];\n  selectedValue?: T; // TODO: `NoInfer<T>` from TypeScript 5.4\n  onChange: NonNullable<RadioProps<T>['onChange']>;\n}\n\nexport default function RadioGroup<T extends string | number = never>({\n  name,\n  radios,\n  selectedValue: controlledValue,\n  onChange,\n}: RadioGroupProps<T>) {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(controlledValue);\n\n  return radios.length > 0 ? (\n    <div role=\"radiogroup\" {...inputAttributes}>\n      {radios.map(({ value = '' as T, ...restProps }, index) => (\n        <Radio\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          {...restProps}\n          name={name}\n          value={value}\n          checked={value === uncontrolledValue}\n          onChange={(nextValue) => {\n            setUncontrolledValue(nextValue);\n            onChange(nextValue);\n          }}\n        />\n      ))}\n    </div>\n  ) : null;\n}\n"],"names":["RadioGroup","name","radios","selectedValue","controlledValue","onChange","inputAttributes","useInputAttributes","nonLabelable","uncontrolledValue","setUncontrolledValue","useState","length","_jsx","role","children","map","value","restProps","index","Radio","checked","nextValue"],"mappings":";;;;;;;AAkBwB,SAAAA,UAAUA,CAAoC;EACpEC,IAAI;EACJC,MAAM;AACNC,EAAAA,aAAa,EAAEC,eAAe;AAC9BC,EAAAA,QAAAA;AACmB,CAAA,EAAA;EACnB,MAAMC,eAAe,GAAGC,2BAAkB,CAAC;AAAEC,IAAAA,YAAY,EAAE,IAAA;AAAM,GAAA,CAAC,CAAA;EAElE,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAQ,CAACP,eAAe,CAAC,CAAA;AAE3E,EAAA,OAAOF,MAAM,CAACU,MAAM,GAAG,CAAC,gBACtBC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,IAAI,EAAC,YAAY;AAAA,IAAA,GAAKR,eAAe;AAAAS,IAAAA,QAAA,EACvCb,MAAM,CAACc,GAAG,CAAC,CAAC;AAAEC,MAAAA,KAAK,GAAG,EAAO;MAAE,GAAGC,SAAAA;AAAS,KAAE,EAAEC,KAAK,kBACnDN,cAAA,CAACO,KAAAA;AACC;AAAA,MAAA;AAAA,MAAA,GAEIF,SAAS;AACbjB,MAAAA,IAAI,EAAEA,IAAK;AACXgB,MAAAA,KAAK,EAAEA,KAAM;MACbI,OAAO,EAAEJ,KAAK,KAAKR,iBAAkB;MACrCJ,QAAQ,EAAGiB,SAAS,IAAI;QACtBZ,oBAAoB,CAACY,SAAS,CAAC,CAAA;QAC/BjB,QAAQ,CAACiB,SAAS,CAAC,CAAA;AACrB,OAAA;AAAE,KAAA,EARGH,KAQH,CAEL,CAAA;GACE,CAAC,GACJ,IAAI,CAAA;AACV;;;;"}