@transferwise/components 46.163.0 → 46.164.0

package/build/FlowNavigation/FlowNavigation.js

@@ -48,6 +48,7 @@ require('../Primitives/PrimitiveButton/PrimitiveButton.js');
 require('../Primitives/PrimitiveAnchor/PrimitiveAnchor.js');
 require('../Link/Link.messages.js');
 var CriticalBanner = require('../Prompt/CriticalBanner/CriticalBanner.js');
+var helpers = require('./helpers.js');
 
 const defaultLogo = /*#__PURE__*/jsxRuntime.jsx(Logo.default, {});
 const FlowNavigation = ({
@@ -66,6 +67,7 @@ const FlowNavigation = ({
   const screenLg = useScreenSize.useScreenSize(neptuneTokens.Breakpoint.LARGE);
   const hasSteps = steps && steps.length > 0;
   const displayGoBack = onGoBack != null && activeStep > 0;
+  const resolvedBannerData = banner ? helpers.isCriticalBannerData(banner) ? helpers.mapCriticalBannerDataToBannerProps(banner) : banner : null;
   const closeButton = onClose != null && /*#__PURE__*/jsxRuntime.jsx(CloseButton.CloseButton, {
     size: "lg",
     onClick: onClose
@@ -109,8 +111,8 @@ const FlowNavigation = ({
     layout: !screenLg ? layouts.Layout.VERTICAL : layouts.Layout.HORIZONTAL
   });
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [banner && /*#__PURE__*/jsxRuntime.jsx(CriticalBanner.CriticalBanner, {
-      ...banner
+    children: [resolvedBannerData && /*#__PURE__*/jsxRuntime.jsx(CriticalBanner.CriticalBanner, {
+      ...resolvedBannerData
     }), /*#__PURE__*/jsxRuntime.jsx(Container.default, {
       size: "fluid",
       className: clsx.clsx('np-flow-navigation', {

package/build/FlowNavigation/FlowNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowNavigation.js","sources":["../../src/FlowNavigation/FlowNavigation.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport { Layout } from '../common';\nimport { CloseButton } from '../common/CloseButton';\nimport FlowHeader from '../common/FlowHeader/FlowHeader';\nimport Logo from '../Logo';\nimport Stepper, { type Step } from '../Stepper/Stepper';\nimport Container from '../Container';\n\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport messages from './FlowNavigation.messages';\nimport AnimatedLabel from './AnimatedLabel';\nimport IconButton from '../IconButton';\nimport { ArrowLeft } from '@transferwise/icons';\nimport { CriticalBanner, CriticalBannerProps } from '../Prompt';\n\nconst defaultLogo = <Logo />;\n\nexport interface FlowNavigationProps {\n  /** @default 0 */\n  activeStep?: number;\n  avatar?: React.ReactNode;\n  /** @default <Logo /> */\n  logo?: React.ReactNode;\n  /** @default false */\n  done?: boolean;\n  /** Called when the close button is clicked. If not provided the close button won't show */\n  onClose?: (() => void) | React.MouseEventHandler<HTMLButtonElement>;\n  /** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */\n  onGoBack?: () => void;\n  /** Steps to be displayed in stepper. If not provided, the stepper won't show. */\n  steps?: readonly Step[];\n  /** Optional critical banner data, to be displayed above the flow navigation. */\n  banner?: CriticalBannerProps | null;\n  /**\n   * Controls whether the bottom border is displayed.\n   * @default true\n   */\n  showBottomBorder?: boolean;\n}\n\nconst FlowNavigation = ({\n  activeStep = 0,\n  avatar,\n  logo = defaultLogo,\n  done = false,\n  onClose,\n  onGoBack,\n  steps,\n  banner = null,\n  showBottomBorder = true,\n}: FlowNavigationProps) => {\n  const intl = useIntl();\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n\n  const hasSteps = steps && steps.length > 0;\n  const displayGoBack = onGoBack != null && activeStep > 0;\n\n  const closeButton = onClose != null && <CloseButton size=\"lg\" onClick={onClose} />;\n  const newAvatar = done ? null : avatar;\n\n  const flowHeaderContent = (\n    <FlowHeader\n      className={clsx(\n        'np-flow-navigation__content',\n        screenSm == null\n          ? 'np-flow-navigation--hidden'\n          : {\n              'np-flow-navigation--xs-max': !screenSm,\n              // Size switches on parent container which may or may not have the same size as the window.\n              'np-flow-navigation--sm': screenSm,\n              'np-flow-navigation--lg': screenLg,\n            },\n      )}\n      leftContent={\n        <>\n          {!screenSm && displayGoBack ? (\n            <IconButton\n              size={40}\n              priority=\"tertiary\"\n              type=\"default\"\n              aria-label={intl.formatMessage(messages.back)}\n              onClick={onGoBack}\n            >\n              <ArrowLeft />\n            </IconButton>\n          ) : (\n            <div className=\"np-flow-header__left\">{logo}</div>\n          )}\n          {!screenSm && !done && hasSteps && (\n            <AnimatedLabel className=\"m-x-1\" steps={steps} activeLabel={activeStep} />\n          )}\n        </>\n      }\n      rightContent={\n        <div className=\"np-flow-header__right d-flex align-items-center justify-content-end order-2--lg\">\n          {newAvatar}\n          {newAvatar && closeButton && <span className=\"m-x-1\" />}\n          {closeButton}\n        </div>\n      }\n      bottomContent={\n        !done && hasSteps ? (\n          <Stepper\n            activeStep={activeStep}\n            steps={steps}\n            className={clsx('np-flow-navigation__stepper')}\n          />\n        ) : null\n      }\n      layout={!screenLg ? Layout.VERTICAL : Layout.HORIZONTAL}\n    />\n  );\n\n  return (\n    <>\n      {banner && <CriticalBanner {...banner} />}\n      <Container\n        size=\"fluid\"\n        className={clsx('np-flow-navigation', {\n          'np-flow-navigation--border-bottom': showBottomBorder,\n          'np-flow-navigation--no-steps': !hasSteps || done,\n        })}\n      >\n        {flowHeaderContent}\n      </Container>\n    </>\n  );\n};\n\nexport default FlowNavigation;\n"],"names":["defaultLogo","_jsx","Logo","FlowNavigation","activeStep","avatar","logo","done","onClose","onGoBack","steps","banner","showBottomBorder","intl","useIntl","screenSm","useScreenSize","Breakpoint","SMALL","screenLg","LARGE","hasSteps","length","displayGoBack","closeButton","CloseButton","size","onClick","newAvatar","flowHeaderContent","FlowHeader","className","clsx","leftContent","_jsxs","_Fragment","children","IconButton","priority","type","formatMessage","messages","back","ArrowLeft","AnimatedLabel","activeLabel","rightContent","bottomContent","Stepper","layout","Layout","VERTICAL","HORIZONTAL","CriticalBanner","Container"],"mappings":"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"}
+{"version":3,"file":"FlowNavigation.js","sources":["../../src/FlowNavigation/FlowNavigation.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport { Layout } from '../common';\nimport { CloseButton } from '../common/CloseButton';\nimport FlowHeader from '../common/FlowHeader/FlowHeader';\nimport Logo from '../Logo';\nimport Stepper, { type Step } from '../Stepper/Stepper';\nimport Container from '../Container';\n\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport messages from './FlowNavigation.messages';\nimport AnimatedLabel from './AnimatedLabel';\nimport IconButton from '../IconButton';\nimport { ArrowLeft } from '@transferwise/icons';\nimport { CriticalBanner, CriticalBannerProps } from '../Prompt';\nimport { isCriticalBannerData, mapCriticalBannerDataToBannerProps } from './helpers';\nimport { CriticalBannerLegacyData } from './types';\n\nconst defaultLogo = <Logo />;\n\nexport interface FlowNavigationProps {\n  /** @default 0 */\n  activeStep?: number;\n  avatar?: React.ReactNode;\n  /** @default <Logo /> */\n  logo?: React.ReactNode;\n  /** @default false */\n  done?: boolean;\n  /** Called when the close button is clicked. If not provided the close button won't show */\n  onClose?: (() => void) | React.MouseEventHandler<HTMLButtonElement>;\n  /** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */\n  onGoBack?: () => void;\n  /** Steps to be displayed in stepper. If not provided, the stepper won't show. */\n  steps?: readonly Step[];\n  /**\n   * Optional critical banner data, to be displayed above the flow navigation.\n   * Accepts either the internal `CriticalBannerProps` shape, or the legacy backend `CriticalBannerData` shape — the latter is mapped to `CriticalBannerProps` internally.\n   */\n  banner?: CriticalBannerLegacyData | CriticalBannerProps | null;\n  /**\n   * Controls whether the bottom border is displayed.\n   * @default true\n   */\n  showBottomBorder?: boolean;\n}\n\nconst FlowNavigation = ({\n  activeStep = 0,\n  avatar,\n  logo = defaultLogo,\n  done = false,\n  onClose,\n  onGoBack,\n  steps,\n  banner = null,\n  showBottomBorder = true,\n}: FlowNavigationProps) => {\n  const intl = useIntl();\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n\n  const hasSteps = steps && steps.length > 0;\n  const displayGoBack = onGoBack != null && activeStep > 0;\n\n  const resolvedBannerData: CriticalBannerProps | null = banner\n    ? isCriticalBannerData(banner)\n      ? mapCriticalBannerDataToBannerProps(banner)\n      : banner\n    : null;\n\n  const closeButton = onClose != null && <CloseButton size=\"lg\" onClick={onClose} />;\n  const newAvatar = done ? null : avatar;\n\n  const flowHeaderContent = (\n    <FlowHeader\n      className={clsx(\n        'np-flow-navigation__content',\n        screenSm == null\n          ? 'np-flow-navigation--hidden'\n          : {\n              'np-flow-navigation--xs-max': !screenSm,\n              // Size switches on parent container which may or may not have the same size as the window.\n              'np-flow-navigation--sm': screenSm,\n              'np-flow-navigation--lg': screenLg,\n            },\n      )}\n      leftContent={\n        <>\n          {!screenSm && displayGoBack ? (\n            <IconButton\n              size={40}\n              priority=\"tertiary\"\n              type=\"default\"\n              aria-label={intl.formatMessage(messages.back)}\n              onClick={onGoBack}\n            >\n              <ArrowLeft />\n            </IconButton>\n          ) : (\n            <div className=\"np-flow-header__left\">{logo}</div>\n          )}\n          {!screenSm && !done && hasSteps && (\n            <AnimatedLabel className=\"m-x-1\" steps={steps} activeLabel={activeStep} />\n          )}\n        </>\n      }\n      rightContent={\n        <div className=\"np-flow-header__right d-flex align-items-center justify-content-end order-2--lg\">\n          {newAvatar}\n          {newAvatar && closeButton && <span className=\"m-x-1\" />}\n          {closeButton}\n        </div>\n      }\n      bottomContent={\n        !done && hasSteps ? (\n          <Stepper\n            activeStep={activeStep}\n            steps={steps}\n            className={clsx('np-flow-navigation__stepper')}\n          />\n        ) : null\n      }\n      layout={!screenLg ? Layout.VERTICAL : Layout.HORIZONTAL}\n    />\n  );\n\n  return (\n    <>\n      {resolvedBannerData && <CriticalBanner {...resolvedBannerData} />}\n      <Container\n        size=\"fluid\"\n        className={clsx('np-flow-navigation', {\n          'np-flow-navigation--border-bottom': showBottomBorder,\n          'np-flow-navigation--no-steps': !hasSteps || done,\n        })}\n      >\n        {flowHeaderContent}\n      </Container>\n    </>\n  );\n};\n\nexport default FlowNavigation;\n"],"names":["defaultLogo","_jsx","Logo","FlowNavigation","activeStep","avatar","logo","done","onClose","onGoBack","steps","banner","showBottomBorder","intl","useIntl","screenSm","useScreenSize","Breakpoint","SMALL","screenLg","LARGE","hasSteps","length","displayGoBack","resolvedBannerData","isCriticalBannerData","mapCriticalBannerDataToBannerProps","closeButton","CloseButton","size","onClick","newAvatar","flowHeaderContent","FlowHeader","className","clsx","leftContent","_jsxs","_Fragment","children","IconButton","priority","type","formatMessage","messages","back","ArrowLeft","AnimatedLabel","activeLabel","rightContent","bottomContent","Stepper","layout","Layout","VERTICAL","HORIZONTAL","CriticalBanner","Container"],"mappings":"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"}

package/build/FlowNavigation/FlowNavigation.mjs

@@ -44,6 +44,7 @@ import '../Primitives/PrimitiveButton/PrimitiveButton.mjs';
 import '../Primitives/PrimitiveAnchor/PrimitiveAnchor.mjs';
 import '../Link/Link.messages.mjs';
 import { CriticalBanner } from '../Prompt/CriticalBanner/CriticalBanner.mjs';
+import { isCriticalBannerData, mapCriticalBannerDataToBannerProps } from './helpers.mjs';
 
 const defaultLogo = /*#__PURE__*/jsx(Logo, {});
 const FlowNavigation = ({
@@ -62,6 +63,7 @@ const FlowNavigation = ({
   const screenLg = useScreenSize(Breakpoint.LARGE);
   const hasSteps = steps && steps.length > 0;
   const displayGoBack = onGoBack != null && activeStep > 0;
+  const resolvedBannerData = banner ? isCriticalBannerData(banner) ? mapCriticalBannerDataToBannerProps(banner) : banner : null;
   const closeButton = onClose != null && /*#__PURE__*/jsx(CloseButton, {
     size: "lg",
     onClick: onClose
@@ -105,8 +107,8 @@ const FlowNavigation = ({
     layout: !screenLg ? Layout.VERTICAL : Layout.HORIZONTAL
   });
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [banner && /*#__PURE__*/jsx(CriticalBanner, {
-      ...banner
+    children: [resolvedBannerData && /*#__PURE__*/jsx(CriticalBanner, {
+      ...resolvedBannerData
     }), /*#__PURE__*/jsx(Container, {
       size: "fluid",
       className: clsx('np-flow-navigation', {

package/build/FlowNavigation/FlowNavigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FlowNavigation.mjs","sources":["../../src/FlowNavigation/FlowNavigation.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport { Layout } from '../common';\nimport { CloseButton } from '../common/CloseButton';\nimport FlowHeader from '../common/FlowHeader/FlowHeader';\nimport Logo from '../Logo';\nimport Stepper, { type Step } from '../Stepper/Stepper';\nimport Container from '../Container';\n\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport messages from './FlowNavigation.messages';\nimport AnimatedLabel from './AnimatedLabel';\nimport IconButton from '../IconButton';\nimport { ArrowLeft } from '@transferwise/icons';\nimport { CriticalBanner, CriticalBannerProps } from '../Prompt';\n\nconst defaultLogo = <Logo />;\n\nexport interface FlowNavigationProps {\n  /** @default 0 */\n  activeStep?: number;\n  avatar?: React.ReactNode;\n  /** @default <Logo /> */\n  logo?: React.ReactNode;\n  /** @default false */\n  done?: boolean;\n  /** Called when the close button is clicked. If not provided the close button won't show */\n  onClose?: (() => void) | React.MouseEventHandler<HTMLButtonElement>;\n  /** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */\n  onGoBack?: () => void;\n  /** Steps to be displayed in stepper. If not provided, the stepper won't show. */\n  steps?: readonly Step[];\n  /** Optional critical banner data, to be displayed above the flow navigation. */\n  banner?: CriticalBannerProps | null;\n  /**\n   * Controls whether the bottom border is displayed.\n   * @default true\n   */\n  showBottomBorder?: boolean;\n}\n\nconst FlowNavigation = ({\n  activeStep = 0,\n  avatar,\n  logo = defaultLogo,\n  done = false,\n  onClose,\n  onGoBack,\n  steps,\n  banner = null,\n  showBottomBorder = true,\n}: FlowNavigationProps) => {\n  const intl = useIntl();\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n\n  const hasSteps = steps && steps.length > 0;\n  const displayGoBack = onGoBack != null && activeStep > 0;\n\n  const closeButton = onClose != null && <CloseButton size=\"lg\" onClick={onClose} />;\n  const newAvatar = done ? null : avatar;\n\n  const flowHeaderContent = (\n    <FlowHeader\n      className={clsx(\n        'np-flow-navigation__content',\n        screenSm == null\n          ? 'np-flow-navigation--hidden'\n          : {\n              'np-flow-navigation--xs-max': !screenSm,\n              // Size switches on parent container which may or may not have the same size as the window.\n              'np-flow-navigation--sm': screenSm,\n              'np-flow-navigation--lg': screenLg,\n            },\n      )}\n      leftContent={\n        <>\n          {!screenSm && displayGoBack ? (\n            <IconButton\n              size={40}\n              priority=\"tertiary\"\n              type=\"default\"\n              aria-label={intl.formatMessage(messages.back)}\n              onClick={onGoBack}\n            >\n              <ArrowLeft />\n            </IconButton>\n          ) : (\n            <div className=\"np-flow-header__left\">{logo}</div>\n          )}\n          {!screenSm && !done && hasSteps && (\n            <AnimatedLabel className=\"m-x-1\" steps={steps} activeLabel={activeStep} />\n          )}\n        </>\n      }\n      rightContent={\n        <div className=\"np-flow-header__right d-flex align-items-center justify-content-end order-2--lg\">\n          {newAvatar}\n          {newAvatar && closeButton && <span className=\"m-x-1\" />}\n          {closeButton}\n        </div>\n      }\n      bottomContent={\n        !done && hasSteps ? (\n          <Stepper\n            activeStep={activeStep}\n            steps={steps}\n            className={clsx('np-flow-navigation__stepper')}\n          />\n        ) : null\n      }\n      layout={!screenLg ? Layout.VERTICAL : Layout.HORIZONTAL}\n    />\n  );\n\n  return (\n    <>\n      {banner && <CriticalBanner {...banner} />}\n      <Container\n        size=\"fluid\"\n        className={clsx('np-flow-navigation', {\n          'np-flow-navigation--border-bottom': showBottomBorder,\n          'np-flow-navigation--no-steps': !hasSteps || done,\n        })}\n      >\n        {flowHeaderContent}\n      </Container>\n    </>\n  );\n};\n\nexport default FlowNavigation;\n"],"names":["defaultLogo","_jsx","Logo","FlowNavigation","activeStep","avatar","logo","done","onClose","onGoBack","steps","banner","showBottomBorder","intl","useIntl","screenSm","useScreenSize","Breakpoint","SMALL","screenLg","LARGE","hasSteps","length","displayGoBack","closeButton","CloseButton","size","onClick","newAvatar","flowHeaderContent","FlowHeader","className","clsx","leftContent","_jsxs","_Fragment","children","IconButton","priority","type","formatMessage","messages","back","ArrowLeft","AnimatedLabel","activeLabel","rightContent","bottomContent","Stepper","layout","Layout","VERTICAL","HORIZONTAL","CriticalBanner","Container"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,WAAW,gBAAGC,GAAA,CAACC,IAAI,KAAG;AAyB5B,MAAMC,cAAc,GAAGA,CAAC;AACtBC,EAAAA,UAAU,GAAG,CAAC;EACdC,MAAM;AACNC,EAAAA,IAAI,GAAGN,WAAW;AAClBO,EAAAA,IAAI,GAAG,KAAK;EACZC,OAAO;EACPC,QAAQ;EACRC,KAAK;AACLC,EAAAA,MAAM,GAAG,IAAI;AACbC,EAAAA,gBAAgB,GAAG;AAAI,CACH,KAAI;AACxB,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;AACtB,EAAA,MAAMC,QAAQ,GAAGC,aAAa,CAACC,UAAU,CAACC,KAAK,CAAC;AAChD,EAAA,MAAMC,QAAQ,GAAGH,aAAa,CAACC,UAAU,CAACG,KAAK,CAAC;EAEhD,MAAMC,QAAQ,GAAGX,KAAK,IAAIA,KAAK,CAACY,MAAM,GAAG,CAAC;EAC1C,MAAMC,aAAa,GAAGd,QAAQ,IAAI,IAAI,IAAIL,UAAU,GAAG,CAAC;EAExD,MAAMoB,WAAW,GAAGhB,OAAO,IAAI,IAAI,iBAAIP,GAAA,CAACwB,WAAW,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAEnB;AAAQ,IAAG;AAClF,EAAA,MAAMoB,SAAS,GAAGrB,IAAI,GAAG,IAAI,GAAGF,MAAM;AAEtC,EAAA,MAAMwB,iBAAiB,gBACrB5B,GAAA,CAAC6B,UAAU,EAAA;IACTC,SAAS,EAAEC,IAAI,CACb,6BAA6B,EAC7BjB,QAAQ,IAAI,IAAI,GACZ,4BAA4B,GAC5B;MACE,4BAA4B,EAAE,CAACA,QAAQ;AACvC;AACA,MAAA,wBAAwB,EAAEA,QAAQ;AAClC,MAAA,wBAAwB,EAAEI;AAC3B,KAAA,CACL;IACFc,WAAW,eACTC,IAAA,CAAAC,QAAA,EAAA;MAAAC,QAAA,EAAA,CACG,CAACrB,QAAQ,IAAIQ,aAAa,gBACzBtB,GAAA,CAACoC,UAAU,EAAA;AACTX,QAAAA,IAAI,EAAE,EAAG;AACTY,QAAAA,QAAQ,EAAC,UAAU;AACnBC,QAAAA,IAAI,EAAC,SAAS;AACd,QAAA,YAAA,EAAY1B,IAAI,CAAC2B,aAAa,CAACC,QAAQ,CAACC,IAAI,CAAE;AAC9Cf,QAAAA,OAAO,EAAElB,QAAS;AAAA2B,QAAAA,QAAA,eAElBnC,GAAA,CAAC0C,SAAS,EAAA,EAAA;OACA,CAAC,gBAEb1C,GAAA,CAAA,KAAA,EAAA;AAAK8B,QAAAA,SAAS,EAAC,sBAAsB;AAAAK,QAAAA,QAAA,EAAE9B;AAAI,OAAM,CAClD,EACA,CAACS,QAAQ,IAAI,CAACR,IAAI,IAAIc,QAAQ,iBAC7BpB,GAAA,CAAC2C,aAAa,EAAA;AAACb,QAAAA,SAAS,EAAC,OAAO;AAACrB,QAAAA,KAAK,EAAEA,KAAM;AAACmC,QAAAA,WAAW,EAAEzC;AAAW,OAAA,CACxE;AAAA,KACH,CACD;AACD0C,IAAAA,YAAY,eACVZ,IAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,iFAAiF;AAAAK,MAAAA,QAAA,GAC7FR,SAAS,EACTA,SAAS,IAAIJ,WAAW,iBAAIvB,GAAA,CAAA,MAAA,EAAA;AAAM8B,QAAAA,SAAS,EAAC;OAAO,CAAG,EACtDP,WAAW;AAAA,KACT,CACN;IACDuB,aAAa,EACX,CAACxC,IAAI,IAAIc,QAAQ,gBACfpB,GAAA,CAAC+C,OAAO,EAAA;AACN5C,MAAAA,UAAU,EAAEA,UAAW;AACvBM,MAAAA,KAAK,EAAEA,KAAM;MACbqB,SAAS,EAAEC,IAAI,CAAC,6BAA6B;KAAE,CAC/C,GACA,IACL;IACDiB,MAAM,EAAE,CAAC9B,QAAQ,GAAG+B,MAAM,CAACC,QAAQ,GAAGD,MAAM,CAACE;AAAW,GAAA,CAE3D;EAED,oBACElB,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EAAA,CACGzB,MAAM,iBAAIV,GAAA,CAACoD,cAAc,EAAA;MAAA,GAAK1C;AAAM,KAAC,CAAG,eACzCV,GAAA,CAACqD,SAAS,EAAA;AACR5B,MAAAA,IAAI,EAAC,OAAO;AACZK,MAAAA,SAAS,EAAEC,IAAI,CAAC,oBAAoB,EAAE;AACpC,QAAA,mCAAmC,EAAEpB,gBAAgB;QACrD,8BAA8B,EAAE,CAACS,QAAQ,IAAId;AAC9C,OAAA,CAAE;AAAA6B,MAAAA,QAAA,EAEFP;AAAiB,KACT,CACb;AAAA,GAAA,CAAG;AAEP;;"}
+{"version":3,"file":"FlowNavigation.mjs","sources":["../../src/FlowNavigation/FlowNavigation.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport { Layout } from '../common';\nimport { CloseButton } from '../common/CloseButton';\nimport FlowHeader from '../common/FlowHeader/FlowHeader';\nimport Logo from '../Logo';\nimport Stepper, { type Step } from '../Stepper/Stepper';\nimport Container from '../Container';\n\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport messages from './FlowNavigation.messages';\nimport AnimatedLabel from './AnimatedLabel';\nimport IconButton from '../IconButton';\nimport { ArrowLeft } from '@transferwise/icons';\nimport { CriticalBanner, CriticalBannerProps } from '../Prompt';\nimport { isCriticalBannerData, mapCriticalBannerDataToBannerProps } from './helpers';\nimport { CriticalBannerLegacyData } from './types';\n\nconst defaultLogo = <Logo />;\n\nexport interface FlowNavigationProps {\n  /** @default 0 */\n  activeStep?: number;\n  avatar?: React.ReactNode;\n  /** @default <Logo /> */\n  logo?: React.ReactNode;\n  /** @default false */\n  done?: boolean;\n  /** Called when the close button is clicked. If not provided the close button won't show */\n  onClose?: (() => void) | React.MouseEventHandler<HTMLButtonElement>;\n  /** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */\n  onGoBack?: () => void;\n  /** Steps to be displayed in stepper. If not provided, the stepper won't show. */\n  steps?: readonly Step[];\n  /**\n   * Optional critical banner data, to be displayed above the flow navigation.\n   * Accepts either the internal `CriticalBannerProps` shape, or the legacy backend `CriticalBannerData` shape — the latter is mapped to `CriticalBannerProps` internally.\n   */\n  banner?: CriticalBannerLegacyData | CriticalBannerProps | null;\n  /**\n   * Controls whether the bottom border is displayed.\n   * @default true\n   */\n  showBottomBorder?: boolean;\n}\n\nconst FlowNavigation = ({\n  activeStep = 0,\n  avatar,\n  logo = defaultLogo,\n  done = false,\n  onClose,\n  onGoBack,\n  steps,\n  banner = null,\n  showBottomBorder = true,\n}: FlowNavigationProps) => {\n  const intl = useIntl();\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n\n  const hasSteps = steps && steps.length > 0;\n  const displayGoBack = onGoBack != null && activeStep > 0;\n\n  const resolvedBannerData: CriticalBannerProps | null = banner\n    ? isCriticalBannerData(banner)\n      ? mapCriticalBannerDataToBannerProps(banner)\n      : banner\n    : null;\n\n  const closeButton = onClose != null && <CloseButton size=\"lg\" onClick={onClose} />;\n  const newAvatar = done ? null : avatar;\n\n  const flowHeaderContent = (\n    <FlowHeader\n      className={clsx(\n        'np-flow-navigation__content',\n        screenSm == null\n          ? 'np-flow-navigation--hidden'\n          : {\n              'np-flow-navigation--xs-max': !screenSm,\n              // Size switches on parent container which may or may not have the same size as the window.\n              'np-flow-navigation--sm': screenSm,\n              'np-flow-navigation--lg': screenLg,\n            },\n      )}\n      leftContent={\n        <>\n          {!screenSm && displayGoBack ? (\n            <IconButton\n              size={40}\n              priority=\"tertiary\"\n              type=\"default\"\n              aria-label={intl.formatMessage(messages.back)}\n              onClick={onGoBack}\n            >\n              <ArrowLeft />\n            </IconButton>\n          ) : (\n            <div className=\"np-flow-header__left\">{logo}</div>\n          )}\n          {!screenSm && !done && hasSteps && (\n            <AnimatedLabel className=\"m-x-1\" steps={steps} activeLabel={activeStep} />\n          )}\n        </>\n      }\n      rightContent={\n        <div className=\"np-flow-header__right d-flex align-items-center justify-content-end order-2--lg\">\n          {newAvatar}\n          {newAvatar && closeButton && <span className=\"m-x-1\" />}\n          {closeButton}\n        </div>\n      }\n      bottomContent={\n        !done && hasSteps ? (\n          <Stepper\n            activeStep={activeStep}\n            steps={steps}\n            className={clsx('np-flow-navigation__stepper')}\n          />\n        ) : null\n      }\n      layout={!screenLg ? Layout.VERTICAL : Layout.HORIZONTAL}\n    />\n  );\n\n  return (\n    <>\n      {resolvedBannerData && <CriticalBanner {...resolvedBannerData} />}\n      <Container\n        size=\"fluid\"\n        className={clsx('np-flow-navigation', {\n          'np-flow-navigation--border-bottom': showBottomBorder,\n          'np-flow-navigation--no-steps': !hasSteps || done,\n        })}\n      >\n        {flowHeaderContent}\n      </Container>\n    </>\n  );\n};\n\nexport default FlowNavigation;\n"],"names":["defaultLogo","_jsx","Logo","FlowNavigation","activeStep","avatar","logo","done","onClose","onGoBack","steps","banner","showBottomBorder","intl","useIntl","screenSm","useScreenSize","Breakpoint","SMALL","screenLg","LARGE","hasSteps","length","displayGoBack","resolvedBannerData","isCriticalBannerData","mapCriticalBannerDataToBannerProps","closeButton","CloseButton","size","onClick","newAvatar","flowHeaderContent","FlowHeader","className","clsx","leftContent","_jsxs","_Fragment","children","IconButton","priority","type","formatMessage","messages","back","ArrowLeft","AnimatedLabel","activeLabel","rightContent","bottomContent","Stepper","layout","Layout","VERTICAL","HORIZONTAL","CriticalBanner","Container"],"mappings":"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"}

package/build/FlowNavigation/helpers.js

@@ -0,0 +1,24 @@
+'use strict';
+
+const sentimentMap = {
+  NEGATIVE: 'negative',
+  WARNING: 'warning',
+  NEUTRAL: 'neutral'
+};
+const isCriticalBannerData = banner => 'style' in banner;
+const mapCriticalBannerDataToBannerProps = data => ({
+  id: data.id,
+  title: data.title,
+  description: data.subtitle,
+  // subtitle → description
+  sentiment: sentimentMap[data.style],
+  action: data.action ? {
+    label: data.action.label,
+    href: data.action.href
+  } : undefined,
+  expanded: !data.collapsed // collapsed → expanded (inverted)
+});
+
+exports.isCriticalBannerData = isCriticalBannerData;
+exports.mapCriticalBannerDataToBannerProps = mapCriticalBannerDataToBannerProps;
+//# sourceMappingURL=helpers.js.map

package/build/FlowNavigation/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/FlowNavigation/helpers.ts"],"sourcesContent":["import { CriticalBannerProps } from '../Prompt';\nimport { CriticalBannerLegacyData } from './types';\n\nconst sentimentMap: Record<CriticalBannerLegacyData['style'], CriticalBannerProps['sentiment']> = {\n  NEGATIVE: 'negative',\n  WARNING: 'warning',\n  NEUTRAL: 'neutral',\n};\n\nexport const isCriticalBannerData = (\n  banner: CriticalBannerLegacyData | CriticalBannerProps,\n): banner is CriticalBannerLegacyData => 'style' in banner;\n\nexport const mapCriticalBannerDataToBannerProps = (\n  data: CriticalBannerLegacyData,\n): CriticalBannerProps => ({\n  id: data.id,\n  title: data.title,\n  description: data.subtitle, // subtitle → description\n  sentiment: sentimentMap[data.style],\n  action: data.action\n    ? {\n        label: data.action.label,\n        href: data.action.href,\n      }\n    : undefined,\n  expanded: !data.collapsed, // collapsed → expanded (inverted)\n});\n"],"names":["sentimentMap","NEGATIVE","WARNING","NEUTRAL","isCriticalBannerData","banner","mapCriticalBannerDataToBannerProps","data","id","title","description","subtitle","sentiment","style","action","label","href","undefined","expanded","collapsed"],"mappings":";;AAGA,MAAMA,YAAY,GAAgF;AAChGC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE;CACV;MAEYC,oBAAoB,GAC/BC,MAAsD,IACf,OAAO,IAAIA;AAE7C,MAAMC,kCAAkC,GAC7CC,IAA8B,KACL;EACzBC,EAAE,EAAED,IAAI,CAACC,EAAE;EACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;EACjBC,WAAW,EAAEH,IAAI,CAACI,QAAQ;AAAE;AAC5BC,EAAAA,SAAS,EAAEZ,YAAY,CAACO,IAAI,CAACM,KAAK,CAAC;AACnCC,EAAAA,MAAM,EAAEP,IAAI,CAACO,MAAM,GACf;AACEC,IAAAA,KAAK,EAAER,IAAI,CAACO,MAAM,CAACC,KAAK;AACxBC,IAAAA,IAAI,EAAET,IAAI,CAACO,MAAM,CAACE;AACnB,GAAA,GACDC,SAAS;AACbC,EAAAA,QAAQ,EAAE,CAACX,IAAI,CAACY,SAAS;AAC1B,CAAA;;;"}

package/build/FlowNavigation/helpers.mjs

@@ -0,0 +1,21 @@
+const sentimentMap = {
+  NEGATIVE: 'negative',
+  WARNING: 'warning',
+  NEUTRAL: 'neutral'
+};
+const isCriticalBannerData = banner => 'style' in banner;
+const mapCriticalBannerDataToBannerProps = data => ({
+  id: data.id,
+  title: data.title,
+  description: data.subtitle,
+  // subtitle → description
+  sentiment: sentimentMap[data.style],
+  action: data.action ? {
+    label: data.action.label,
+    href: data.action.href
+  } : undefined,
+  expanded: !data.collapsed // collapsed → expanded (inverted)
+});
+
+export { isCriticalBannerData, mapCriticalBannerDataToBannerProps };
+//# sourceMappingURL=helpers.mjs.map

package/build/FlowNavigation/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","sources":["../../src/FlowNavigation/helpers.ts"],"sourcesContent":["import { CriticalBannerProps } from '../Prompt';\nimport { CriticalBannerLegacyData } from './types';\n\nconst sentimentMap: Record<CriticalBannerLegacyData['style'], CriticalBannerProps['sentiment']> = {\n  NEGATIVE: 'negative',\n  WARNING: 'warning',\n  NEUTRAL: 'neutral',\n};\n\nexport const isCriticalBannerData = (\n  banner: CriticalBannerLegacyData | CriticalBannerProps,\n): banner is CriticalBannerLegacyData => 'style' in banner;\n\nexport const mapCriticalBannerDataToBannerProps = (\n  data: CriticalBannerLegacyData,\n): CriticalBannerProps => ({\n  id: data.id,\n  title: data.title,\n  description: data.subtitle, // subtitle → description\n  sentiment: sentimentMap[data.style],\n  action: data.action\n    ? {\n        label: data.action.label,\n        href: data.action.href,\n      }\n    : undefined,\n  expanded: !data.collapsed, // collapsed → expanded (inverted)\n});\n"],"names":["sentimentMap","NEGATIVE","WARNING","NEUTRAL","isCriticalBannerData","banner","mapCriticalBannerDataToBannerProps","data","id","title","description","subtitle","sentiment","style","action","label","href","undefined","expanded","collapsed"],"mappings":"AAGA,MAAMA,YAAY,GAAgF;AAChGC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE;CACV;MAEYC,oBAAoB,GAC/BC,MAAsD,IACf,OAAO,IAAIA;AAE7C,MAAMC,kCAAkC,GAC7CC,IAA8B,KACL;EACzBC,EAAE,EAAED,IAAI,CAACC,EAAE;EACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;EACjBC,WAAW,EAAEH,IAAI,CAACI,QAAQ;AAAE;AAC5BC,EAAAA,SAAS,EAAEZ,YAAY,CAACO,IAAI,CAACM,KAAK,CAAC;AACnCC,EAAAA,MAAM,EAAEP,IAAI,CAACO,MAAM,GACf;AACEC,IAAAA,KAAK,EAAER,IAAI,CAACO,MAAM,CAACC,KAAK;AACxBC,IAAAA,IAAI,EAAET,IAAI,CAACO,MAAM,CAACE;AACnB,GAAA,GACDC,SAAS;AACbC,EAAAA,QAAQ,EAAE,CAACX,IAAI,CAACY,SAAS;AAC1B,CAAA;;"}

package/build/i18n/cs.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Vybrat možnost...",
   "neptune.PhoneNumberInput.countryCodeLabel": "Kód země",
   "neptune.PhoneNumberInput.phoneNumberLabel": "Telefonní číslo",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "Předčíslí",
   "neptune.Select.searchPlaceholder": "Hledat...",
   "neptune.SelectInput.noResultsFound": "Nebyly nalezeny žádné výsledky",
   "neptune.StatusIcon.iconLabel.error": "Chyba:",

package/build/i18n/cs.json.js

@@ -39,6 +39,7 @@ var cs = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Vybrat možnost...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Kód země",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefonní číslo",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Předčíslí",
 	"neptune.Select.searchPlaceholder": "Hledat...",
 	"neptune.SelectInput.noResultsFound": "Nebyly nalezeny žádné výsledky",
 	"neptune.StatusIcon.iconLabel.error": "Chyba:",

package/build/i18n/cs.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"cs.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"cs.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/cs.json.mjs

@@ -35,6 +35,7 @@ var cs = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Vybrat možnost...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Kód země",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefonní číslo",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Předčíslí",
 	"neptune.Select.searchPlaceholder": "Hledat...",
 	"neptune.SelectInput.noResultsFound": "Nebyly nalezeny žádné výsledky",
 	"neptune.StatusIcon.iconLabel.error": "Chyba:",

package/build/i18n/cs.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cs.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"cs.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/de.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Wähle eine Option...",
   "neptune.PhoneNumberInput.countryCodeLabel": "Ländercode",
   "neptune.PhoneNumberInput.phoneNumberLabel": "Telefonnummer",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "Vorwahl",
   "neptune.Select.searchPlaceholder": "Wird gesucht...",
   "neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
   "neptune.StatusIcon.iconLabel.error": "Fehler:",

package/build/i18n/de.json.js

@@ -39,6 +39,7 @@ var de = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Wähle eine Option...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Ländercode",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefonnummer",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Vorwahl",
 	"neptune.Select.searchPlaceholder": "Wird gesucht...",
 	"neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
 	"neptune.StatusIcon.iconLabel.error": "Fehler:",

package/build/i18n/de.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"de.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"de.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/de.json.mjs

@@ -35,6 +35,7 @@ var de = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Wähle eine Option...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Ländercode",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefonnummer",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Vorwahl",
 	"neptune.Select.searchPlaceholder": "Wird gesucht...",
 	"neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
 	"neptune.StatusIcon.iconLabel.error": "Fehler:",

package/build/i18n/de.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"de.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"de.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/fr.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Sélectionnez une option…",
   "neptune.PhoneNumberInput.countryCodeLabel": "Code pays",
   "neptune.PhoneNumberInput.phoneNumberLabel": "Numéro de téléphone",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "Indicatif",
   "neptune.Select.searchPlaceholder": "Recherche...",
   "neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
   "neptune.StatusIcon.iconLabel.error": "Erreur :",

package/build/i18n/fr.json.js

@@ -39,6 +39,7 @@ var fr = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Sélectionnez une option…",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Code pays",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Numéro de téléphone",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Indicatif",
 	"neptune.Select.searchPlaceholder": "Recherche...",
 	"neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
 	"neptune.StatusIcon.iconLabel.error": "Erreur :",

package/build/i18n/fr.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"fr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/fr.json.mjs

@@ -35,6 +35,7 @@ var fr = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Sélectionnez une option…",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Code pays",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Numéro de téléphone",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Indicatif",
 	"neptune.Select.searchPlaceholder": "Recherche...",
 	"neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
 	"neptune.StatusIcon.iconLabel.error": "Erreur :",

package/build/i18n/fr.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/pt.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
   "neptune.PhoneNumberInput.countryCodeLabel": "Código do país",
   "neptune.PhoneNumberInput.phoneNumberLabel": "Número de telefone",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "Prefixo",
   "neptune.Select.searchPlaceholder": "Buscar...",
   "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
   "neptune.StatusIcon.iconLabel.error": "Erro:",

package/build/i18n/pt.json.js

@@ -39,6 +39,7 @@ var pt = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Código do país",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Número de telefone",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Prefixo",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
 	"neptune.StatusIcon.iconLabel.error": "Erro:",

package/build/i18n/pt.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/pt.json.mjs

@@ -35,6 +35,7 @@ var pt = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Código do país",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Número de telefone",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Prefixo",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
 	"neptune.StatusIcon.iconLabel.error": "Erro:",

package/build/i18n/pt.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ru.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
   "neptune.PhoneNumberInput.countryCodeLabel": "Код страны",
   "neptune.PhoneNumberInput.phoneNumberLabel": "Номер телефона",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "Код страны",
   "neptune.Select.searchPlaceholder": "Поиск...",
   "neptune.SelectInput.noResultsFound": "Ничего не найдено",
   "neptune.StatusIcon.iconLabel.error": "Ошибка:",

package/build/i18n/ru.json.js

@@ -39,6 +39,7 @@ var ru = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Код страны",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Номер телефона",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Код страны",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
 	"neptune.StatusIcon.iconLabel.error": "Ошибка:",

package/build/i18n/ru.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ru.json.mjs

@@ -35,6 +35,7 @@ var ru = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Код страны",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Номер телефона",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Код страны",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
 	"neptune.StatusIcon.iconLabel.error": "Ошибка:",

package/build/i18n/ru.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
   "neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
   "neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
   "neptune.Select.searchPlaceholder": "ค้นหา...",
   "neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
   "neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/th.json.js

@@ -39,6 +39,7 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/th.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json.mjs

@@ -35,6 +35,7 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "คำนำหน้า",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",

package/build/i18n/th.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/tr.json

@@ -35,6 +35,7 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
   "neptune.PhoneNumberInput.countryCodeLabel": "Ülke kodu",
   "neptune.PhoneNumberInput.phoneNumberLabel": "Telefon numarası",
+  "neptune.PhoneNumberInput.phoneNumberPrefix": "Ön ek",
   "neptune.Select.searchPlaceholder": "Ara...",
   "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
   "neptune.StatusIcon.iconLabel.error": "Hata:",

package/build/i18n/tr.json.js

@@ -39,6 +39,7 @@ var tr = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Ülke kodu",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefon numarası",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Ön ek",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
 	"neptune.StatusIcon.iconLabel.error": "Hata:",

package/build/i18n/tr.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/tr.json.mjs

@@ -35,6 +35,7 @@ var tr = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
 	"neptune.PhoneNumberInput.countryCodeLabel": "Ülke kodu",
 	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefon numarası",
+	"neptune.PhoneNumberInput.phoneNumberPrefix": "Ön ek",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
 	"neptune.StatusIcon.iconLabel.error": "Hata:",

package/build/i18n/tr.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/types/Body/Body.d.ts

@@ -11,7 +11,7 @@ export type BodyProps = HTMLAttributes<HTMLSpanElement | HTMLParagraphElement> &
      */
     preserveNewlines?: boolean;
 };
-declare const Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement | HTMLSpanElement> & {
+declare const Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement | HTMLParagraphElement> & {
     /** @default 'body-default' */
     type?: BodyTypes;
     /** @default 'div' */
@@ -21,6 +21,6 @@ declare const Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTM
      * @default false
      */
     preserveNewlines?: boolean;
-} & import("react").RefAttributes<HTMLDivElement | HTMLParagraphElement | HTMLSpanElement | null>>;
+} & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLParagraphElement | null>>;
 export default Body;
 //# sourceMappingURL=Body.d.ts.map

package/build/types/FlowNavigation/FlowNavigation.d.ts

@@ -1,5 +1,6 @@
 import { type Step } from '../Stepper/Stepper';
 import { CriticalBannerProps } from '../Prompt';
+import { CriticalBannerLegacyData } from './types';
 export interface FlowNavigationProps {
     /** @default 0 */
     activeStep?: number;
@@ -14,8 +15,11 @@ export interface FlowNavigationProps {
     onGoBack?: () => void;
     /** Steps to be displayed in stepper. If not provided, the stepper won't show. */
     steps?: readonly Step[];
-    /** Optional critical banner data, to be displayed above the flow navigation. */
-    banner?: CriticalBannerProps | null;
+    /**
+     * Optional critical banner data, to be displayed above the flow navigation.
+     * Accepts either the internal `CriticalBannerProps` shape, or the legacy backend `CriticalBannerData` shape — the latter is mapped to `CriticalBannerProps` internally.
+     */
+    banner?: CriticalBannerLegacyData | CriticalBannerProps | null;
     /**
      * Controls whether the bottom border is displayed.
      * @default true

package/build/types/FlowNavigation/FlowNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowNavigation.d.ts","sourceRoot":"","sources":["../../../src/FlowNavigation/FlowNavigation.tsx"],"names":[],"mappings":"AAQA,OAAgB,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAQxD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAIhE,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wBAAwB;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpE,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACxB,gFAAgF;IAChF,MAAM,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,cAAc,GAAI,yFAUrB,mBAAmB,gCA8ErB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FlowNavigation.d.ts","sourceRoot":"","sources":["../../../src/FlowNavigation/FlowNavigation.tsx"],"names":[],"mappings":"AAQA,OAAgB,EAAE,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAQxD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhE,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wBAAwB;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpE,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,wBAAwB,GAAG,mBAAmB,GAAG,IAAI,CAAC;IAC/D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,cAAc,GAAI,yFAUrB,mBAAmB,gCAoFrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/build/types/FlowNavigation/helpers.d.ts

@@ -0,0 +1,5 @@
+import { CriticalBannerProps } from '../Prompt';
+import { CriticalBannerLegacyData } from './types';
+export declare const isCriticalBannerData: (banner: CriticalBannerLegacyData | CriticalBannerProps) => banner is CriticalBannerLegacyData;
+export declare const mapCriticalBannerDataToBannerProps: (data: CriticalBannerLegacyData) => CriticalBannerProps;
+//# sourceMappingURL=helpers.d.ts.map

package/build/types/FlowNavigation/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/FlowNavigation/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAQnD,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,wBAAwB,GAAG,mBAAmB,KACrD,MAAM,IAAI,wBAA6C,CAAC;AAE3D,eAAO,MAAM,kCAAkC,GAC7C,MAAM,wBAAwB,KAC7B,mBAYD,CAAC"}

package/build/types/FlowNavigation/index.d.ts

@@ -1,3 +1,4 @@
 export { default } from './FlowNavigation';
 export type { FlowNavigationProps } from './FlowNavigation';
+export type { CriticalBannerLegacyData } from './types';
 //# sourceMappingURL=index.d.ts.map

package/build/types/FlowNavigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FlowNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FlowNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/build/types/FlowNavigation/types.d.ts

@@ -0,0 +1,15 @@
+export type CriticalBannerStyle = 'WARNING' | 'NEGATIVE' | 'NEUTRAL';
+export type CriticalBannerAction = {
+    label: string;
+    href: string;
+};
+export type CriticalBannerLegacyData = {
+    id: string;
+    title: string;
+    subtitle?: string;
+    style: CriticalBannerStyle;
+    action?: CriticalBannerAction;
+    mixpanelEvent?: string;
+    collapsed?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/build/types/FlowNavigation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/FlowNavigation/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/build/types/IconButton/IconButton.d.ts

@@ -16,6 +16,6 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
     /** @default 'default' */
     type?: "default" | "negative";
     'data-testid'?: string;
-} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "onClick"> & Pick<HTMLAttributes<HTMLDivElement>, "id" | "className" | "tabIndex" | "role" | "aria-label" | "children"> & import("react").RefAttributes<unknown>>;
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "onClick"> & Pick<HTMLAttributes<HTMLDivElement>, "children" | "className" | "id" | "tabIndex" | "role" | "aria-label"> & import("react").RefAttributes<unknown>>;
 export default IconButton;
 //# sourceMappingURL=IconButton.d.ts.map