@ledgerhq/react-ui 0.46.0 → 0.47.0-nightly.20260227030100

package/lib/cjs/components/navigation/FlowStepper/index.js

@@ -5,29 +5,32 @@ var __webpack_modules__ = ({
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
-/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
-/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
-/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
-/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
+/* import */ var react__rspack_import_0 = __webpack_require__(2015);
+/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
+/* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+/* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
+
 
 
 
 
-const uppercase = (0,styled_system__rspack_import_0.system)({
+const uppercase = (0,styled_system__rspack_import_1.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
         fontSize: fontSize ? fontSize : variant,
         color: color || "neutral.c100"
     }))`
   font-weight: 500;
   white-space: ${(props)=>props.whiteSpace ?? "normal"};
-  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
-  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
+  ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
@@ -409,6 +412,25 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 /* export default */ const __rspack_default_export = (proxyStyled);
 
 
+},
+2563(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  isValidReactElement: () => (isValidReactElement)
+});
+const REACT_ELEMENT_TYPE = Symbol.for("react.element");
+const REACT_TRANSITIONAL_ELEMENT_TYPE = Symbol.for("react.transitional.element");
+/**
+ * Checks whether a value is a React element.
+ *
+ * Handles the React 19 `react.transitional.element` symbol (and the classic
+ * `react.element` symbol for compatibility), making it safe to use without
+ * relying on the legacy `React.isValidElement` API.
+ */ const isValidReactElement = (value)=>!!value && typeof value === "object" && // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    "$$typeof" in value && // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    (value.$$typeof === REACT_ELEMENT_TYPE || // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    value.$$typeof === REACT_TRANSITIONAL_ELEMENT_TYPE);
+
+
 },
 4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
@@ -776,10 +798,6 @@ module.exports = require("@ledgerhq/ui-shared");
 2015(module) {
 module.exports = require("react");
 
-},
-4562(module) {
-module.exports = require("react-is");
-
 },
 2770(module) {
 module.exports = require("styled-components");
@@ -859,21 +877,21 @@ __webpack_require__.d(__webpack_exports__, {
 });
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
-/* import */ var react_is__rspack_import_1 = __webpack_require__(4562);
-/* import */ var react_is__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(react_is__rspack_import_1);
 /* import */ var _layout_Flex__rspack_import_2 = __webpack_require__(3696);
 /* import */ var ___rspack_import_3 = __webpack_require__(1982);
+/* import */ var _helpers__rspack_import_1 = __webpack_require__(2563);
 
 
 
 
 function FlowStepper({ activeIndex, header, renderStepHeader, footer, renderStepFooter, extraProps, extraContainerProps, extraStepperProps, extraStepperContainerProps, extraChildrenContainerProps, renderChildren, children }) {
     const { steps, innerContents, stepFooter, stepHeader } = react__rspack_import_0_default().Children.toArray(children).reduce((acc, child, idx)=>{
-        const index = ((0,react_is__rspack_import_1.isElement)(child) && child.props.index) ?? idx;
-        const label = (0,react_is__rspack_import_1.isElement)(child) && child.props.label;
-        const hidden = (0,react_is__rspack_import_1.isElement)(child) && child.props.hidden;
-        const stepHeader = (0,react_is__rspack_import_1.isElement)(child) && child.props.header;
-        const stepFooter = (0,react_is__rspack_import_1.isElement)(child) && child.props.footer;
+        const stepChild = (0,_helpers__rspack_import_1.isValidReactElement)(child) ? child : null;
+        const index = stepChild?.props.index ?? idx;
+        const label = stepChild?.props.label;
+        const hidden = stepChild?.props.hidden;
+        const stepHeader = stepChild?.props.header;
+        const stepFooter = stepChild?.props.footer;
         if (label && !hidden) {
             acc.steps[index] = label;
         }
@@ -900,6 +918,13 @@ function FlowStepper({ activeIndex, header, renderStepHeader, footer, renderStep
             children: stepSection
         }) : stepSection : renderFunc && renderFunc(renderArgs);
     }
+    console.log("FlowStepper", {
+        activeIndex,
+        steps,
+        innerContents,
+        stepHeader,
+        stepFooter
+    });
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_2["default"], {
         flex: 1,
         flexDirection: "column",
@@ -941,8 +966,8 @@ FlowStepper.Step = Step;
  */ function FlowStepperIndexed(props) {
     const { activeKey, children, ...otherProps } = props;
     const activeIndex = react__rspack_import_0_default().Children.toArray(children).findIndex((child)=>{
-        const res = (0,react_is__rspack_import_1.isElement)(child) && child.props.itemKey === activeKey;
-        return res;
+        const stepChild = (0,_helpers__rspack_import_1.isValidReactElement)(child) ? child : null;
+        return stepChild?.props.itemKey === activeKey;
     });
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(FlowStepper, {
         ...otherProps,

package/lib/cjs/components/navigation/FlowStepper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/FlowStepper/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/progress/Stepper/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/navigation/FlowStepper/index.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { memo, Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, color, ColorProps, space, SpaceProps } from \"styled-system\";\nimport { IconsLegacy } from \"../../../../index\";\nimport Text from \"../../../asorted/Text\";\nimport Flex, { FlexBoxProps } from \"../../../layout/Flex\";\n\n/**\n * The state of a progress bar step.\n */\nexport type StepState = \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\";\n\ntype LabelType = string | React.ComponentType<{ state: StepState }>;\nexport interface Props extends FlexBoxProps {\n  /**\n   * An array of labels that will determine the progress bar steps.\n   *  A label is either a string or a component that will be rendered with the\n   *  prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\"`.\n   *  A styled StepText component is exported to allow easy styling of such a custom label.\n   */\n  steps: LabelType[];\n  /**\n   * Index of the active step, starting at zero and defaulting to 0 if omitted.\n   */\n  activeIndex?: number;\n  /**\n   * If true the current step is considered as a failure.\n   */\n  errored?: boolean;\n  /**\n   * Steps with indexes contained inside the array will be shown as disabled.\n   */\n  disabledIndexes?: number[];\n  /**\n   * Delete steps with same following labels\n   */\n  filterDuplicate?: boolean;\n  /**\n   * Complete all the steps\n   */\n  isOver?: boolean;\n}\n\nexport type StepProps = {\n  /**\n   * State of the step.\n   */\n  state: StepState;\n  /**\n   * The label to display. To display more than text, this can be a component that will be rendered with the\n   *  prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\"`.\n   *  A styled StepText component is exported to allow easy styling of such a custom Label\n   */\n  label: LabelType;\n  /**\n   * If true, hides the left \"separator\" bar that bridges the gap between the wider separator and the item.\n   */\n  hideLeftSeparator: boolean;\n  /**\n   * The next step state, or undefined if the current step is the last one.\n   */\n  nextState?: StepState;\n};\n\nexport const Item = {\n  Container: styled.div.attrs({\n    mx: \"8px\",\n  })<ColorProps & BorderProps & SpaceProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: ${p => p.theme.space[8]}px;\n    height: ${p => p.theme.space[8]}px;\n    ${color}\n    ${border}\n    ${space}\n  `,\n  Spacer: styled.div<SpaceProps>`\n    display: flex;\n    align-self: stretch;\n    ${space}\n  `,\n  Current: styled.div.attrs({\n    backgroundColor: \"primary.c90\",\n  })<ColorProps>`\n    width: 6px;\n    height: 6px;\n    border-radius: 6px;\n    ${color}\n  `,\n  Pending: styled.div.attrs({\n    backgroundColor: \"neutral.c70\",\n  })<ColorProps>`\n    width: ${p => p.theme.space[2]}px;\n    height: ${p => p.theme.space[2]}px;\n    border-radius: ${p => p.theme.space[2]}px;\n    ${color}\n  `,\n  Completed: (): JSX.Element => <IconsLegacy.CheckAloneMedium size={16} />,\n  Disabled: (): JSX.Element => <IconsLegacy.CloseMedium size={16} />,\n  Errored: (): JSX.Element => <IconsLegacy.CloseMedium size={16} />,\n};\n\nexport const StepText = styled(Text)<{ state: StepState }>`\n  text-align: center;\n  white-space: pre-wrap;\n  color: ${p => {\n    if (p.state === \"errored\") {\n      return p.theme.colors.error.c50;\n    }\n    if (p.state === \"disabled\") {\n      return p.theme.colors.neutral.c50;\n    }\n    if (p.state === \"pending\") {\n      return p.theme.colors.neutral.c70;\n    }\n    return p.theme.colors.neutral.c100;\n  }};\n`;\n\nconst BaseSeparator = styled.div<{ inactive?: boolean }>`\n  flex: 1;\n  position: relative;\n  overflow-x: hidden;\n  background-color: ${p => p.theme.colors.neutral.c40};\n  height: 1px;\n  top: ${p => p.theme.space[5]}px;\n`;\n\nconst Separator = {\n  Step: styled(BaseSeparator)``,\n  Item: styled(BaseSeparator)<{ position: string }>``,\n};\n\nconst stepContentsByState = {\n  pending: (\n    <Item.Container>\n      <Item.Pending />\n    </Item.Container>\n  ),\n  current: (\n    <Item.Container backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n      <Item.Current />\n    </Item.Container>\n  ),\n  completed: (\n    <Item.Container color=\"primary.c90\" backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n      <Item.Completed />\n    </Item.Container>\n  ),\n  errored: (\n    <Item.Container color=\"error.c50\" backgroundColor=\"warning.c30\" borderRadius=\"8px\">\n      <Item.Errored />\n    </Item.Container>\n  ),\n  disabled: (\n    <Item.Container color=\"neutral.c50\">\n      <Item.Disabled />\n    </Item.Container>\n  ),\n};\n\nexport const Step = memo(function Step({\n  state,\n  label: Label,\n  hideLeftSeparator,\n  nextState,\n}: StepProps): JSX.Element {\n  const inactive = state === \"pending\";\n  const nextInactive = state === \"pending\";\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"center\" flex={20}>\n      <Item.Spacer mb={5}>\n        {(!hideLeftSeparator && <Separator.Item inactive={inactive} position=\"left\" />) || (\n          <Flex flex=\"1\" />\n        )}\n        {stepContentsByState[state]}\n        {(nextState && <Separator.Item inactive={nextInactive} position=\"right\" />) || (\n          <Flex flex=\"1\" />\n        )}\n      </Item.Spacer>\n      {typeof Label === \"string\" ? (\n        <StepText state={state} variant=\"small\">\n          {Label}\n        </StepText>\n      ) : (\n        <Label state={state} />\n      )}\n    </Flex>\n  );\n});\n\nfunction getState(\n  activeIndex: number,\n  index: number,\n  errored?: boolean,\n  disabled?: boolean,\n  completed?: boolean,\n) {\n  if (completed) {\n    return \"completed\";\n  }\n  if (disabled) {\n    return \"disabled\";\n  }\n  if (activeIndex < index) {\n    return \"pending\";\n  }\n  if (activeIndex === index) {\n    return errored ? \"errored\" : \"current\";\n  }\n  return \"completed\";\n}\n\nfunction Stepper({\n  steps,\n  activeIndex = 0,\n  errored,\n  disabledIndexes,\n  filterDuplicate,\n  isOver,\n  ...extraProps\n}: Props) {\n  const displayedSteps = filterDuplicate\n    ? steps.filter((step, index) => index === 0 || step !== steps[index - 1])\n    : steps;\n  const dislayedActiveIndex = filterDuplicate\n    ? displayedSteps.findIndex(step => step === steps[activeIndex])\n    : activeIndex;\n\n  return (\n    <Flex flexWrap=\"nowrap\" justifyContent=\"space-between\" {...extraProps}>\n      {displayedSteps.map((step, idx) => {\n        const state = getState(\n          dislayedActiveIndex,\n          idx,\n          errored,\n          disabledIndexes?.includes(idx),\n          isOver,\n        );\n        const nextState =\n          idx < displayedSteps.length - 1 ? getState(dislayedActiveIndex, idx + 1) : undefined;\n        return (\n          <Fragment key={idx}>\n            {idx > 0 && <Separator.Step inactive={state === \"pending\"} />}\n            <Step label={step} state={state} nextState={nextState} hideLeftSeparator={idx === 0} />\n          </Fragment>\n        );\n      })}\n    </Flex>\n  );\n}\n\nexport default memo(Stepper);\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport { isElement } from \"react-is\";\nimport { Props as StepperProps } from \"../progress/Stepper\";\nimport Flex, { FlexBoxProps as FlexProps } from \"../../layout/Flex\";\nimport { Stepper } from \"..\";\n\nexport type StepProps = {\n  /**\n   * A specific index, can be used to explicitely order steps.\n   */\n  index?: number;\n  /**\n   * Custom header for this step.\n   */\n  header?: React.ReactNode;\n  /**\n   * Custom footer for this step.\n   */\n  footer?: React.ReactNode;\n  /**\n   * The label of the step.\n   */\n  label: string;\n  /**\n   * Hides the step from the progress stepper.\n   */\n  hidden?: boolean;\n  /**\n   * The step contents.\n   */\n  children: React.ReactNode;\n};\n\ninterface InnerProps {\n  /**\n   * The active index.\n   */\n  activeIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsLength: number;\n}\n\ntype StepChild = React.ReactElement<StepProps>;\ntype SectionRenderFunc<ExtraProps> = (props: InnerProps & ExtraProps) => React.ReactNode;\ntype SectionStepRenderFunc<ExtraProps> = (\n  args: InnerProps & ExtraProps & { children: React.ReactNode },\n) => React.ReactNode;\n\nexport interface Props<ExtraProps> {\n  /**\n   * The index of the active step.\n   */\n  activeIndex: number;\n  /**\n   * An optional generic header displayed above the stepper.\n   */\n  header?: SectionRenderFunc<ExtraProps>;\n  /**\n   * Custom rendering function to wrap the header (only used if the `header` is defined\n   * on the child for the current step.)\n   */\n  renderStepHeader?: SectionStepRenderFunc<ExtraProps>;\n  /**\n   * An optional generic footer displayed below the body.\n   */\n  footer?: SectionRenderFunc<ExtraProps>;\n  /**\n   * Custom rendering function to wrap the footer (only used if the `footer` is defined\n   * on the child for the current step.)\n   */\n  renderStepFooter?: SectionStepRenderFunc<ExtraProps>;\n  /**\n   * Extra props that are passed to the header and footer render functions.\n   */\n  extraProps?: ExtraProps;\n  /**\n   * Extra props that are passed to the container `Flex` element.\n   */\n  extraContainerProps?: FlexProps;\n  /**\n   * Extra props that are passed to the stepper component.\n   */\n  extraStepperProps?: Partial<StepperProps>;\n  /**\n   * Extra props that are passed to the stepper `Flex` wrapper.\n   */\n  extraStepperContainerProps?: FlexProps;\n  /**\n   * Extra props that are passed to the children `Flex` wrapper.\n   */\n  extraChildrenContainerProps?: FlexProps;\n  /**\n   * Custom rendering function to wrap children.\n   */\n  renderChildren?: (\n    args: InnerProps & ExtraProps & { children: React.ReactNode },\n  ) => React.ReactNode;\n  /**\n   * A list of children representing each step of the flow.\n   * Each child can have a prop `stepHeader` and/or `stepFooter` that will\n   * associate a custom header/footer to this particular step.\n   * The custom header/footer can be wrapped using the prop renderStepHeader/renderStepFooter.\n   */\n  children: StepChild | StepChild[];\n}\n\nfunction FlowStepper<ExtraProps>({\n  activeIndex,\n  header,\n  renderStepHeader,\n  footer,\n  renderStepFooter,\n  extraProps,\n  extraContainerProps,\n  extraStepperProps,\n  extraStepperContainerProps,\n  extraChildrenContainerProps,\n  renderChildren,\n  children,\n}: Props<ExtraProps>) {\n  const { steps, innerContents, stepFooter, stepHeader } = React.Children.toArray(children).reduce<{\n    steps: string[];\n    innerContents: React.ReactNode | null;\n    stepHeader: React.ReactNode | null;\n    stepFooter: React.ReactNode | null;\n  }>(\n    (acc, child, idx) => {\n      const index = (isElement(child) && child.props.index) ?? idx;\n      const label = isElement(child) && child.props.label;\n      const hidden = isElement(child) && child.props.hidden;\n      const stepHeader = isElement(child) && child.props.header;\n      const stepFooter = isElement(child) && child.props.footer;\n\n      if (label && !hidden) {\n        acc.steps[index] = label;\n      }\n      if (index === activeIndex) {\n        acc.innerContents = child;\n        acc.stepFooter = stepFooter;\n        acc.stepHeader = stepHeader;\n      }\n      return acc;\n    },\n    {\n      steps: [],\n      innerContents: null,\n      stepHeader: null,\n      stepFooter: null,\n    },\n  );\n\n  const renderArgs = { ...extraProps, activeIndex, stepsLength: steps.length } as InnerProps &\n    ExtraProps;\n\n  function getSectionContents(\n    renderFunc?: SectionRenderFunc<ExtraProps>,\n    stepSection?: React.ReactNode,\n    renderStepFunc?: SectionStepRenderFunc<ExtraProps>,\n  ) {\n    return stepSection\n      ? renderStepFunc\n        ? renderStepFunc({ ...renderArgs, children: stepSection })\n        : stepSection\n      : renderFunc && renderFunc(renderArgs);\n  }\n\n  return (\n    <Flex flex={1} flexDirection=\"column\" {...extraContainerProps}>\n      {getSectionContents(header, stepHeader, renderStepHeader)}\n      <Flex my={8} justifyContent=\"center\" {...extraStepperContainerProps}>\n        <Stepper activeIndex={activeIndex} steps={steps} flex={1} {...extraStepperProps} />\n      </Flex>\n      <Flex flex={1} flexDirection=\"column\" position=\"relative\" {...extraChildrenContainerProps}>\n        {renderChildren\n          ? renderChildren({ ...renderArgs, children: innerContents })\n          : innerContents}\n      </Flex>\n      {getSectionContents(footer, stepFooter, renderStepFooter)}\n    </Flex>\n  );\n}\n\nfunction Step({ children }: StepProps) {\n  return <>{children}</>;\n}\n\nFlowStepper.Step = Step;\nexport default FlowStepper;\n\nexport type IndexedStepProps = StepProps & {\n  /**\n   * String to identify the step. Must be different from sibling steps's `key` prop.\n   */\n  itemKey: string;\n};\n\ntype IndexedStepperChild = React.ReactElement<IndexedStepProps>;\n\nexport type IndexedProps<ExtraProps> = Omit<Props<ExtraProps>, \"activeIndex\" | \"children\"> & {\n  /**\n   * The key of the active step\n   */\n  activeKey: string;\n\n  /**\n   * A list of children representing each step of the flow.\n   */\n  children: IndexedStepperChild | IndexedStepperChild[];\n};\n\n/**\n * This is a FlowStepper where each child must have an `itemKey: string` prop\n * and the active step is defined by the `activeKey: string` prop.\n *\n * This allows for usages with a lot of steps where dealing with indices could be\n * painful and error prone (for instance inserting/removing a step somewhere would shift\n * the indices of the following steps and navigation would be impacted).\n *\n * By using string identifiers (`itemKey`) for each step, it's more \"human readable\"\n * and less error prone to setup a navigation logic between steps.\n */\nfunction FlowStepperIndexed<ExtraProps>(props: IndexedProps<ExtraProps>) {\n  const { activeKey, children, ...otherProps } = props;\n  const activeIndex = React.Children.toArray(children).findIndex(child => {\n    const res = isElement(child) && child.props.itemKey === activeKey;\n    return res;\n  });\n  return (\n    <FlowStepper {...otherProps} activeIndex={activeIndex}>\n      {children}\n    </FlowStepper>\n  );\n}\n\nfunction IndexedStep({ children }: IndexedStepProps) {\n  return <>{children}</>;\n}\n\nFlowStepperIndexed.Step = IndexedStep;\nFlowStepper.Indexed = FlowStepperIndexed;\n"],"names":["baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","React","memo","Fragment","styled","border","space","IconsLegacy","Flex","Item","StepText","BaseSeparator","Separator","stepContentsByState","Step","state","Label","hideLeftSeparator","nextState","inactive","nextInactive","getState","activeIndex","index","errored","disabled","completed","Stepper","steps","disabledIndexes","filterDuplicate","isOver","extraProps","displayedSteps","step","dislayedActiveIndex","idx","undefined","gaps","flexbox","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","isElement","FlowStepper","header","renderStepHeader","footer","renderStepFooter","extraContainerProps","extraStepperProps","extraStepperContainerProps","extraChildrenContainerProps","renderChildren","children","innerContents","stepFooter","stepHeader","acc","child","label","hidden","renderArgs","getSectionContents","renderFunc","stepSection","renderStepFunc","FlowStepperIndexed","activeKey","otherProps","res","IndexedStep"],"mappings":"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"}
+{"version":3,"file":"components/navigation/FlowStepper/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/progress/Stepper/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/navigation/FlowStepper/index.tsx"],"sourcesContent":["import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n  children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { memo, Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, color, ColorProps, space, SpaceProps } from \"styled-system\";\nimport { IconsLegacy } from \"../../../../index\";\nimport Text from \"../../../asorted/Text\";\nimport Flex, { FlexBoxProps } from \"../../../layout/Flex\";\n\n/**\n * The state of a progress bar step.\n */\nexport type StepState = \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\";\n\ntype LabelType = string | React.ComponentType<{ state: StepState }>;\nexport interface Props extends FlexBoxProps {\n  /**\n   * An array of labels that will determine the progress bar steps.\n   *  A label is either a string or a component that will be rendered with the\n   *  prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\"`.\n   *  A styled StepText component is exported to allow easy styling of such a custom label.\n   */\n  steps: LabelType[];\n  /**\n   * Index of the active step, starting at zero and defaulting to 0 if omitted.\n   */\n  activeIndex?: number;\n  /**\n   * If true the current step is considered as a failure.\n   */\n  errored?: boolean;\n  /**\n   * Steps with indexes contained inside the array will be shown as disabled.\n   */\n  disabledIndexes?: number[];\n  /**\n   * Delete steps with same following labels\n   */\n  filterDuplicate?: boolean;\n  /**\n   * Complete all the steps\n   */\n  isOver?: boolean;\n}\n\nexport type StepProps = {\n  /**\n   * State of the step.\n   */\n  state: StepState;\n  /**\n   * The label to display. To display more than text, this can be a component that will be rendered with the\n   *  prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\"`.\n   *  A styled StepText component is exported to allow easy styling of such a custom Label\n   */\n  label: LabelType;\n  /**\n   * If true, hides the left \"separator\" bar that bridges the gap between the wider separator and the item.\n   */\n  hideLeftSeparator: boolean;\n  /**\n   * The next step state, or undefined if the current step is the last one.\n   */\n  nextState?: StepState;\n};\n\nexport const Item = {\n  Container: styled.div.attrs({\n    mx: \"8px\",\n  })<ColorProps & BorderProps & SpaceProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: ${p => p.theme.space[8]}px;\n    height: ${p => p.theme.space[8]}px;\n    ${color}\n    ${border}\n    ${space}\n  `,\n  Spacer: styled.div<SpaceProps>`\n    display: flex;\n    align-self: stretch;\n    ${space}\n  `,\n  Current: styled.div.attrs({\n    backgroundColor: \"primary.c90\",\n  })<ColorProps>`\n    width: 6px;\n    height: 6px;\n    border-radius: 6px;\n    ${color}\n  `,\n  Pending: styled.div.attrs({\n    backgroundColor: \"neutral.c70\",\n  })<ColorProps>`\n    width: ${p => p.theme.space[2]}px;\n    height: ${p => p.theme.space[2]}px;\n    border-radius: ${p => p.theme.space[2]}px;\n    ${color}\n  `,\n  Completed: (): React.JSX.Element => <IconsLegacy.CheckAloneMedium size={16} />,\n  Disabled: (): React.JSX.Element => <IconsLegacy.CloseMedium size={16} />,\n  Errored: (): React.JSX.Element => <IconsLegacy.CloseMedium size={16} />,\n};\n\nexport const StepText = styled(Text)<{ state: StepState }>`\n  text-align: center;\n  white-space: pre-wrap;\n  color: ${p => {\n    if (p.state === \"errored\") {\n      return p.theme.colors.error.c50;\n    }\n    if (p.state === \"disabled\") {\n      return p.theme.colors.neutral.c50;\n    }\n    if (p.state === \"pending\") {\n      return p.theme.colors.neutral.c70;\n    }\n    return p.theme.colors.neutral.c100;\n  }};\n`;\n\nconst BaseSeparator = styled.div<{ inactive?: boolean }>`\n  flex: 1;\n  position: relative;\n  overflow-x: hidden;\n  background-color: ${p => p.theme.colors.neutral.c40};\n  height: 1px;\n  top: ${p => p.theme.space[5]}px;\n`;\n\nconst Separator = {\n  Step: styled(BaseSeparator)``,\n  Item: styled(BaseSeparator)<{ position: string }>``,\n};\n\nconst stepContentsByState = {\n  pending: (\n    <Item.Container>\n      <Item.Pending />\n    </Item.Container>\n  ),\n  current: (\n    <Item.Container backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n      <Item.Current />\n    </Item.Container>\n  ),\n  completed: (\n    <Item.Container color=\"primary.c90\" backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n      <Item.Completed />\n    </Item.Container>\n  ),\n  errored: (\n    <Item.Container color=\"error.c50\" backgroundColor=\"warning.c30\" borderRadius=\"8px\">\n      <Item.Errored />\n    </Item.Container>\n  ),\n  disabled: (\n    <Item.Container color=\"neutral.c50\">\n      <Item.Disabled />\n    </Item.Container>\n  ),\n};\n\nexport const Step = memo(function Step({\n  state,\n  label: Label,\n  hideLeftSeparator,\n  nextState,\n}: StepProps): React.JSX.Element {\n  const inactive = state === \"pending\";\n  const nextInactive = state === \"pending\";\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"center\" flex={20}>\n      <Item.Spacer mb={5}>\n        {(!hideLeftSeparator && <Separator.Item inactive={inactive} position=\"left\" />) || (\n          <Flex flex=\"1\" />\n        )}\n        {stepContentsByState[state]}\n        {(nextState && <Separator.Item inactive={nextInactive} position=\"right\" />) || (\n          <Flex flex=\"1\" />\n        )}\n      </Item.Spacer>\n      {typeof Label === \"string\" ? (\n        <StepText state={state} variant=\"small\">\n          {Label}\n        </StepText>\n      ) : (\n        <Label state={state} />\n      )}\n    </Flex>\n  );\n});\n\nfunction getState(\n  activeIndex: number,\n  index: number,\n  errored?: boolean,\n  disabled?: boolean,\n  completed?: boolean,\n) {\n  if (completed) {\n    return \"completed\";\n  }\n  if (disabled) {\n    return \"disabled\";\n  }\n  if (activeIndex < index) {\n    return \"pending\";\n  }\n  if (activeIndex === index) {\n    return errored ? \"errored\" : \"current\";\n  }\n  return \"completed\";\n}\n\nfunction Stepper({\n  steps,\n  activeIndex = 0,\n  errored,\n  disabledIndexes,\n  filterDuplicate,\n  isOver,\n  ...extraProps\n}: Props) {\n  const displayedSteps = filterDuplicate\n    ? steps.filter((step, index) => index === 0 || step !== steps[index - 1])\n    : steps;\n  const dislayedActiveIndex = filterDuplicate\n    ? displayedSteps.findIndex(step => step === steps[activeIndex])\n    : activeIndex;\n\n  return (\n    <Flex flexWrap=\"nowrap\" justifyContent=\"space-between\" {...extraProps}>\n      {displayedSteps.map((step, idx) => {\n        const state = getState(\n          dislayedActiveIndex,\n          idx,\n          errored,\n          disabledIndexes?.includes(idx),\n          isOver,\n        );\n        const nextState =\n          idx < displayedSteps.length - 1 ? getState(dislayedActiveIndex, idx + 1) : undefined;\n        return (\n          <Fragment key={idx}>\n            {idx > 0 && <Separator.Step inactive={state === \"pending\"} />}\n            <Step label={step} state={state} nextState={nextState} hideLeftSeparator={idx === 0} />\n          </Fragment>\n        );\n      })}\n    </Flex>\n  );\n}\n\nexport default memo(Stepper);\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React from \"react\";\n\nconst REACT_ELEMENT_TYPE = Symbol.for(\"react.element\");\nconst REACT_TRANSITIONAL_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\");\n\n/**\n * Checks whether a value is a React element.\n *\n * Handles the React 19 `react.transitional.element` symbol (and the classic\n * `react.element` symbol for compatibility), making it safe to use without\n * relying on the legacy `React.isValidElement` API.\n */\nexport const isValidReactElement = (value: unknown): value is React.ReactElement =>\n  !!value &&\n  typeof value === \"object\" &&\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  \"$$typeof\" in (value as Record<string, unknown>) &&\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  ((value as { $$typeof?: unknown }).$$typeof === REACT_ELEMENT_TYPE ||\n    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n    (value as { $$typeof?: unknown }).$$typeof === REACT_TRANSITIONAL_ELEMENT_TYPE);\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport { Props as StepperProps } from \"../progress/Stepper\";\nimport Flex, { FlexBoxProps as FlexProps } from \"../../layout/Flex\";\nimport { Stepper } from \"..\";\nimport { isValidReactElement } from \"../../../helpers\";\n\nexport type StepProps = {\n  /**\n   * A specific index, can be used to explicitely order steps.\n   */\n  index?: number;\n  /**\n   * Custom header for this step.\n   */\n  header?: React.ReactNode;\n  /**\n   * Custom footer for this step.\n   */\n  footer?: React.ReactNode;\n  /**\n   * The label of the step.\n   */\n  label: string;\n  /**\n   * Hides the step from the progress stepper.\n   */\n  hidden?: boolean;\n  /**\n   * The step contents.\n   */\n  children: React.ReactNode;\n};\n\ninterface InnerProps {\n  /**\n   * The active index.\n   */\n  activeIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsLength: number;\n}\n\ntype StepChild = React.ReactElement<StepProps>;\ntype SectionRenderFunc<ExtraProps> = (props: InnerProps & ExtraProps) => React.ReactNode;\ntype SectionStepRenderFunc<ExtraProps> = (\n  args: InnerProps & ExtraProps & { children: React.ReactNode },\n) => React.ReactNode;\n\nexport interface Props<ExtraProps> {\n  /**\n   * The index of the active step.\n   */\n  activeIndex: number;\n  /**\n   * An optional generic header displayed above the stepper.\n   */\n  header?: SectionRenderFunc<ExtraProps>;\n  /**\n   * Custom rendering function to wrap the header (only used if the `header` is defined\n   * on the child for the current step.)\n   */\n  renderStepHeader?: SectionStepRenderFunc<ExtraProps>;\n  /**\n   * An optional generic footer displayed below the body.\n   */\n  footer?: SectionRenderFunc<ExtraProps>;\n  /**\n   * Custom rendering function to wrap the footer (only used if the `footer` is defined\n   * on the child for the current step.)\n   */\n  renderStepFooter?: SectionStepRenderFunc<ExtraProps>;\n  /**\n   * Extra props that are passed to the header and footer render functions.\n   */\n  extraProps?: ExtraProps;\n  /**\n   * Extra props that are passed to the container `Flex` element.\n   */\n  extraContainerProps?: FlexProps;\n  /**\n   * Extra props that are passed to the stepper component.\n   */\n  extraStepperProps?: Partial<StepperProps>;\n  /**\n   * Extra props that are passed to the stepper `Flex` wrapper.\n   */\n  extraStepperContainerProps?: FlexProps;\n  /**\n   * Extra props that are passed to the children `Flex` wrapper.\n   */\n  extraChildrenContainerProps?: FlexProps;\n  /**\n   * Custom rendering function to wrap children.\n   */\n  renderChildren?: (\n    args: InnerProps & ExtraProps & { children: React.ReactNode },\n  ) => React.ReactNode;\n  /**\n   * A list of children representing each step of the flow.\n   * Each child can have a prop `stepHeader` and/or `stepFooter` that will\n   * associate a custom header/footer to this particular step.\n   * The custom header/footer can be wrapped using the prop renderStepHeader/renderStepFooter.\n   */\n  children: StepChild | StepChild[];\n}\n\nfunction FlowStepper<ExtraProps>({\n  activeIndex,\n  header,\n  renderStepHeader,\n  footer,\n  renderStepFooter,\n  extraProps,\n  extraContainerProps,\n  extraStepperProps,\n  extraStepperContainerProps,\n  extraChildrenContainerProps,\n  renderChildren,\n  children,\n}: Props<ExtraProps>) {\n  const { steps, innerContents, stepFooter, stepHeader } = React.Children.toArray(children).reduce<{\n    steps: string[];\n    innerContents: React.ReactNode | null;\n    stepHeader: React.ReactNode | null;\n    stepFooter: React.ReactNode | null;\n  }>(\n    (acc, child, idx) => {\n      const stepChild = isValidReactElement(child) ? (child as StepChild) : null;\n      const index = stepChild?.props.index ?? idx;\n      const label = stepChild?.props.label;\n      const hidden = stepChild?.props.hidden;\n      const stepHeader = stepChild?.props.header;\n      const stepFooter = stepChild?.props.footer;\n\n      if (label && !hidden) {\n        acc.steps[index] = label;\n      }\n      if (index === activeIndex) {\n        acc.innerContents = child;\n        acc.stepFooter = stepFooter;\n        acc.stepHeader = stepHeader;\n      }\n      return acc;\n    },\n    {\n      steps: [],\n      innerContents: null,\n      stepHeader: null,\n      stepFooter: null,\n    },\n  );\n\n  const renderArgs = { ...extraProps, activeIndex, stepsLength: steps.length } as InnerProps &\n    ExtraProps;\n\n  function getSectionContents(\n    renderFunc?: SectionRenderFunc<ExtraProps>,\n    stepSection?: React.ReactNode,\n    renderStepFunc?: SectionStepRenderFunc<ExtraProps>,\n  ) {\n    return stepSection\n      ? renderStepFunc\n        ? renderStepFunc({ ...renderArgs, children: stepSection })\n        : stepSection\n      : renderFunc && renderFunc(renderArgs);\n  }\n\n  console.log(\"FlowStepper\", { activeIndex, steps, innerContents, stepHeader, stepFooter });\n  return (\n    <Flex flex={1} flexDirection=\"column\" {...extraContainerProps}>\n      {getSectionContents(header, stepHeader, renderStepHeader)}\n      <Flex my={8} justifyContent=\"center\" {...extraStepperContainerProps}>\n        <Stepper activeIndex={activeIndex} steps={steps} flex={1} {...extraStepperProps} />\n      </Flex>\n      <Flex flex={1} flexDirection=\"column\" position=\"relative\" {...extraChildrenContainerProps}>\n        {renderChildren\n          ? renderChildren({ ...renderArgs, children: innerContents })\n          : innerContents}\n      </Flex>\n      {getSectionContents(footer, stepFooter, renderStepFooter)}\n    </Flex>\n  );\n}\n\nfunction Step({ children }: StepProps) {\n  return <>{children}</>;\n}\n\nFlowStepper.Step = Step;\nexport default FlowStepper;\n\nexport type IndexedStepProps = StepProps & {\n  /**\n   * String to identify the step. Must be different from sibling steps's `key` prop.\n   */\n  itemKey: string;\n};\n\ntype IndexedStepperChild = React.ReactElement<IndexedStepProps>;\n\nexport type IndexedProps<ExtraProps> = Omit<Props<ExtraProps>, \"activeIndex\" | \"children\"> & {\n  /**\n   * The key of the active step\n   */\n  activeKey: string;\n\n  /**\n   * A list of children representing each step of the flow.\n   */\n  children: IndexedStepperChild | IndexedStepperChild[];\n};\n\n/**\n * This is a FlowStepper where each child must have an `itemKey: string` prop\n * and the active step is defined by the `activeKey: string` prop.\n *\n * This allows for usages with a lot of steps where dealing with indices could be\n * painful and error prone (for instance inserting/removing a step somewhere would shift\n * the indices of the following steps and navigation would be impacted).\n *\n * By using string identifiers (`itemKey`) for each step, it's more \"human readable\"\n * and less error prone to setup a navigation logic between steps.\n */\nfunction FlowStepperIndexed<ExtraProps>(props: IndexedProps<ExtraProps>) {\n  const { activeKey, children, ...otherProps } = props;\n  const activeIndex = React.Children.toArray(children).findIndex(child => {\n    const stepChild = isValidReactElement(child) ? (child as IndexedStepperChild) : null;\n    return stepChild?.props.itemKey === activeKey;\n  });\n  return (\n    <FlowStepper {...otherProps} activeIndex={activeIndex}>\n      {children}\n    </FlowStepper>\n  );\n}\n\nfunction IndexedStep({ children }: IndexedStepProps) {\n  return <>{children}</>;\n}\n\nFlowStepperIndexed.Step = IndexedStep;\nFlowStepper.Indexed = FlowStepperIndexed;\n"],"names":["React","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","memo","Fragment","styled","border","space","IconsLegacy","Flex","Item","StepText","BaseSeparator","Separator","stepContentsByState","Step","state","Label","hideLeftSeparator","nextState","inactive","nextInactive","getState","activeIndex","index","errored","disabled","completed","Stepper","steps","disabledIndexes","filterDuplicate","isOver","extraProps","displayedSteps","step","dislayedActiveIndex","idx","undefined","gaps","flexbox","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","REACT_ELEMENT_TYPE","Symbol","REACT_TRANSITIONAL_ELEMENT_TYPE","isValidReactElement","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","FlowStepper","header","renderStepHeader","footer","renderStepFooter","extraContainerProps","extraStepperProps","extraStepperContainerProps","extraChildrenContainerProps","renderChildren","children","innerContents","stepFooter","stepHeader","acc","child","stepChild","label","hidden","renderArgs","getSectionContents","renderFunc","stepSection","renderStepFunc","console","FlowStepperIndexed","activeKey","otherProps","IndexedStep"],"mappings":";;;;;;;;;;;;;;AAA0B;AACiC;AASpC;AACoC;AAEf;AAE5C,MAAMW,YAAYH,yCAAMA,CAAC;IACvB,WAAW;QACT,UAAU;QACV,WAAWI,CAAAA,QAAUA,QAAQ,cAAc;IAC7C;AACF;AA6BA,MAAMC,OAAOZ,8CAAqB,CAChC,CAAC,EAAEa,UAAU,MAAM,EAAEX,QAAQ,EAAEY,KAAK,EAAE,GAAM;QAC1C,UAAUZ,WAAWA,WAAWW;QAChC,OAAOC,SAAS;IAClB,GACD,CAAC;;eAEa,EAAEC,CAAAA,QAASA,MAAM,UAAU,IAAI,SAAS;EACrD,EAAE,CAACC,IAAiBP,yCAAgB,CAACO,EAAE,OAAO,IAAI,OAAO,CAAC;EAC1D,EAAEf,0CAAOA,CACPS,WACAL,yCAAUA,EACVG,qDAAUA,EACVN,uCAAQA,EACRE,wCAASA,EACTD,yCAAUA,EACVG,4CAAaA,EACbC,yCAAMA,CAAC;IACL,cAAc;AAChB,IACA;EACF,EAAES,CAAAA,IAAMA,EAAE,aAAa,GAAG,CAAC,gBAAgB,EAAEA,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAI;AACxE,CAAC;AAED,sDAAeJ,IAAIA,EAAC;;;;;;;;;;ACxEoB;AAGxC,MAAMM,gBAAgB,CAACC,OAAiB,CAACJ;QACvC,MAAMK,YAAYL,MAAM,SAAS,IAAI;QACrC,MAAMM,WAAYN,MAAM,YAAY,IAAIA,MAAM,YAAY,CAACI,SAAU,GAAGA,KAAK,MAAM,CAAC;QACpF,OAAO,CAAC,KAAK,EAAEC,UAAU,CAAC,EAAEC,SAAS,kBAAkB,CAAC;IAC1D;AAEO,MAAMC,aAAaL,0CAAG,CAAC;;;SAGrB,EAAEC,cAAc,yBAAyB;;;;;;;SAOzC,EAAEA,cAAc,oBAAoB;;;;;;;SAOpC,EAAEA,cAAc,iBAAiB;;;;;;;SAOjC,EAAEA,cAAc,gBAAgB;;;;;;;SAOhC,EAAEA,cAAc,kBAAkB;;;;;;;SAOlC,EAAEA,cAAc,mBAAmB;;;;;;;SAOnC,EAAEA,cAAc,sBAAsB;;;;AAI/C,CAAC,CAAC;AAEK,MAAMT,mBAQT;IACF,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,iBAAiB;QACf,YAAY;QACZ,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,gBAAgB;QACd,YAAY;QACZ,YAAY;IACd;IACA,WAAW;QACT,YAAY;IACd;IACA,qBAAqB;QACnB,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,YAAY;QACV,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,UAAU;QACR,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;AACF,EAAE;;;;;;;;;AC3JyD;AAE3D,MAAMc,UAAUvB,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeuB,OAAOA,EAAC;;;;;;;;;;;;;;;;;;ACLuB;AACP;AACmD;AAC1C;AACP;AACiB;AA2DnD,MAAMQ,OAAO;IAClB,WAAWL,sDAAgB,CAAC;QAC1B,IAAI;IACN,EAAyC,CAAC;;;;WAIjC,EAAEV,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACvB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;IAChC,EAAEF,oCAAKA,CAAC;IACR,EAAEa,qCAAMA,CAAC;IACT,EAAEC,oCAAKA,CAAC;EACV,CAAC;IACD,QAAQF,kDAAsB,CAAC;;;IAG7B,EAAEE,oCAAKA,CAAC;EACV,CAAC;IACD,SAASF,sDAAgB,CAAC;QACxB,iBAAiB;IACnB,EAAc,CAAC;;;;IAIb,EAAEZ,oCAAKA,CAAC;EACV,CAAC;IACD,SAASY,sDAAgB,CAAC;QACxB,iBAAiB;IACnB,EAAc,CAAC;WACN,EAAEV,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACvB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;mBACjB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;IACvC,EAAEF,oCAAKA,CAAC;EACV,CAAC;IACD,WAAW,kBAAyB,+CAACe,wCAA4B;YAAC,MAAM;;IACxE,UAAU,kBAAyB,+CAACA,mCAAuB;YAAC,MAAM;;IAClE,SAAS,kBAAyB,+CAACA,mCAAuB;YAAC,MAAM;;AACnE,EAAE;AAEK,MAAMG,WAAWN,4CAAMA,CAACd,6CAAIA,CAAuB,CAAC;;;SAGlD,EAAEI,CAAAA;IACP,IAAIA,EAAE,KAAK,KAAK,WAAW;QACzB,OAAOA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG;IACjC;IACA,IAAIA,EAAE,KAAK,KAAK,YAAY;QAC1B,OAAOA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;IACnC;IACA,IAAIA,EAAE,KAAK,KAAK,WAAW;QACzB,OAAOA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;IACnC;IACA,OAAOA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AACpC,EAAE;AACJ,CAAC,CAAC;AAEF,MAAMiB,gBAAgBP,kDAAkC,CAAC;;;;oBAIrC,EAAEV,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;OAE/C,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AAC/B,CAAC;AAED,MAAMkB,YAAY;IAChB,MAAMR,4CAAMA,CAACO,cAAc,CAAC,CAAC;IAC7B,MAAMP,4CAAMA,CAACO,cAAoC,CAAC,CAAC;AACrD;AAEA,MAAME,sBAAsB;IAC1B,uBACE,+CAACJ,KAAK,SAAS,sBACb,+CAACA,KAAK,OAAO;IAGjB,uBACE,+CAACA,KAAK,SAAS;QAAC,iBAAgB;QAAc,cAAa;qBACzD,+CAACA,KAAK,OAAO;IAGjB,yBACE,+CAACA,KAAK,SAAS;QAAC,OAAM;QAAc,iBAAgB;QAAc,cAAa;qBAC7E,+CAACA,KAAK,SAAS;IAGnB,uBACE,+CAACA,KAAK,SAAS;QAAC,OAAM;QAAY,iBAAgB;QAAc,cAAa;qBAC3E,+CAACA,KAAK,OAAO;IAGjB,wBACE,+CAACA,KAAK,SAAS;QAAC,OAAM;qBACpB,+CAACA,KAAK,QAAQ;AAGpB;AAEO,MAAMK,qBAAOZ,+BAAIA,CAAC,SAASY,KAAK,EACrCC,KAAK,EACL,OAAOC,KAAK,EACZC,iBAAiB,EACjBC,SAAS,EACC;IACV,MAAMC,WAAWJ,UAAU;IAC3B,MAAMK,eAAeL,UAAU;IAE/B,qBACE,+CAACP,wCAAIA;QAAC,eAAc;QAAS,YAAW;QAAS,MAAM;qBACrD,+CAACC,KAAK,MAAM;QAAC,IAAI;OACb,CAACQ,mCAAqB,+CAACL,UAAU,IAAI;QAAC,UAAUO;QAAU,UAAS;wBACnE,+CAACX,wCAAIA;QAAC,MAAK;QAEZK,mBAAmB,CAACE,MAAM,EACzBG,2BAAa,+CAACN,UAAU,IAAI;QAAC,UAAUQ;QAAc,UAAS;wBAC9D,+CAACZ,wCAAIA;QAAC,MAAK;SAGd,OAAOQ,UAAU,yBAChB,+CAACN;QAAS,OAAOK;QAAO,SAAQ;OAC7BC,uBAGH,+CAACA;QAAM,OAAOD;;AAItB,GAAG;AAEH,SAASM,SACPC,WAAmB,EACnBC,KAAa,EACbC,OAAiB,EACjBC,QAAkB,EAClBC,SAAmB;IAEnB,IAAIA,WAAW;QACb,OAAO;IACT;IACA,IAAID,UAAU;QACZ,OAAO;IACT;IACA,IAAIH,cAAcC,OAAO;QACvB,OAAO;IACT;IACA,IAAID,gBAAgBC,OAAO;QACzB,OAAOC,UAAU,YAAY;IAC/B;IACA,OAAO;AACT;AAEA,SAASG,QAAQ,EACfC,KAAK,EACLN,cAAc,CAAC,EACfE,OAAO,EACPK,eAAe,EACfC,eAAe,EACfC,MAAM,EACN,GAAGC,YACG;IACN,MAAMC,iBAAiBH,kBACnBF,MAAM,MAAM,CAAC,CAACM,MAAMX,QAAUA,UAAU,KAAKW,SAASN,KAAK,CAACL,QAAQ,EAAE,IACtEK;IACJ,MAAMO,sBAAsBL,kBACxBG,eAAe,SAAS,CAACC,CAAAA,OAAQA,SAASN,KAAK,CAACN,YAAY,IAC5DA;IAEJ,qBACE,+CAACd,wCAAIA;QAAC,UAAS;QAAS,gBAAe;QAAiB,GAAGwB,UAAU;OAClEC,eAAe,GAAG,CAAC,CAACC,MAAME;QACzB,MAAMrB,QAAQM,SACZc,qBACAC,KACAZ,SACAK,iBAAiB,SAASO,MAC1BL;QAEF,MAAMb,YACJkB,MAAMH,eAAe,MAAM,GAAG,IAAIZ,SAASc,qBAAqBC,MAAM,KAAKC;QAC7E,qBACE,+CAAClC,+BAAQA;YAAC,KAAKiC;WACZA,MAAM,mBAAK,+CAACxB,UAAU,IAAI;YAAC,UAAUG,UAAU;0BAChD,+CAACD;YAAK,OAAOoB;YAAM,OAAOnB;YAAO,WAAWG;YAAW,mBAAmBkB,QAAQ;;IAGxF;AAGN;AAEA,mEAAelC,+BAAIA,CAACyB,QAAQA,EAAC;;;;;;;;;;;;;AC7PY;AAC0C;AAiB5D;AAqBhB,MAAMgB,aAA6ChE,0CAAOA,CAC/D4D,sCAAOA,EACPjC,oCAAKA,EACLkC,uCAAQA,EACRhD,oCAAKA,EACLiD,qCAAMA,EACNC,uCAAQA,EACRJ,+CAAIA,EACJjC,qCAAMA,EACN;AAEF,MAAMuC,cAAc,IAAIC,MAAMzC,8CAAMA,EAAE;IACpC,OAAM0C,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAO5C,4CAAMA,CAAC0C,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAO7C,4CAAMA,CAAC0C,MAAM,CAACG,SAAS,CAAC,KAAK,CAAC7C,8CAAMA,EAAE;gBAACuC;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;AC7D5C,MAAMM,qBAAqBC,OAAO,GAAG,CAAC;AACtC,MAAMC,kCAAkCD,OAAO,GAAG,CAAC;AAEnD;;;;;;CAMC,GACM,MAAME,sBAAsB,CAAChE,QAClC,CAAC,CAACA,SACF,OAAOA,UAAU,YACjB,yEAAyE;IACzE,cAAeA,SACf,yEAAyE;IACxE,CAACA,MAAiC,QAAQ,KAAK6D,sBAC9C,yEAAyE;IACxE7D,MAAiC,QAAQ,KAAK+D,+BAA8B,EAAG;;;;;;;;;;;;;;;;;;ACpB1D;AAEa;AAEhC,MAAMI,OAAO,CAACC,GAAWC,IAAsBJ,MAAMG,GAAG,KAAK,CAACC,GAAG,GAAG,GAAG,QAAQ,GAAG;AAElF,MAAMC,SAAS,CAACF,GAAWC,IAAsBJ,MAAMG,GAAG,MAAM,CAACC,GAAG,QAAQ,GAAG;AAE/E,MAAME,UAAU,CAACH,GAAWC,IAAsBJ,MAAMG,GAAG,OAAO,CAACC,GAAG,QAAQ,GAAG;AAEjF,MAAMG,MAAM,CAACJ,GAAWK,GAAWJ,IACxCJ,MAAMG,GAAG,GAAG,CAACH,MAAMQ,IAAIJ,GAAG,QAAQ,GAAG;AAEhC,MAAMK,KAAK,CAACC;IACjB,MAAM,CAACC,MAAMC,OAAO,SAAS,CAAC,GAAGF,EAAE,KAAK,CAAC;IACzC,yBAAyB;IACzB,MAAM,EAAEG,KAAK,EAAEC,MAAM,EAAE,GAAGb,kBAAY,CAACU,KAAK,CAACC,KAAK;IAClD,yBAAyB;IACzB,MAAMG,WAAmBd,kBAAY,CAACU,KAAK,CAAC,QAAQ,IAAI;IAExD,OAAO;QACL,YAAY,GAAGA,KAAK,EAAE,EAAEI,UAAU;QAClC,YAAYD;QACZ,WAAWD;IACb;AACF,EAAE;AAEK,MAAMG,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,UAAUnB,MAAMiB,QAAQ,UAAU,KAAK;IAC7C,MAAMG,UAAUpB,MAAMkB,QAAQ,UAAU,KAAK;IAE7C,MAAMG,SAASF,UAAUC,UAAUD,UAAUC,UAAUA,UAAUD;IAEjE,IAAIE,SAAS,KAAK;QAChB,OAAOrB,MAAMiB,QAAQ,MAAM,CAAC,KAAK,MAAM,GAAG,MAAM;IAClD;IACA,OAAOA;AACT,EAAE;;;;;;;;;ACrC8B;AAEhC,sDAAgB,CAAA9E;IACd,MAAMmF,OAAOnF,MAAM,EAAE;IAErB,IAAImF,QAAQ,MAAM;QAChB,OAAO;IACT;IAEA,OAAOb,gCAAEA,CAACa;AACZ,CAAC,EAAC;;;;;;;;;;ACVqC;AAEvC,MAAMtC,OAAOrD,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAeqD,IAAIA,EAAC;;;;;;;;;;;;ACPqC;AACI;AAItD,MAAMyC,cAAc;IACzB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;AACP,EAAwC;AAEjC,MAAMzE,QAAQ;IACnB;qFACmF,GACnF;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CACjF,CAAC;AA2BK,MAAM0E,YAAY;IAAC;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG,CAGtE;AAEF,CACEA,UAAU,KAAK,EACfA,UAAU,IAAI,EACdA,UAAU,UAAU,EACpBA,UAAU,KAAK,EACfA,UAAU,SAAS,EACnBA,UAAU,IAAI,EACdA,UAAU,KAAK,EACfA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,CACb,GAAGA;AACJA,UAAU,eAAe,GAAGA,UAAU,KAAK;AAC3CA,UAAU,cAAc,GAAGA,UAAU,IAAI;AACzCA,UAAU,mBAAmB,GAAGA,UAAU,SAAS;AACnDA,UAAU,QAAQ,GAAGA,UAAU,UAAU;AACzCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAEhC,MAAMC,cAAc;IAClB,YAAY;IACZ,OAAO;IACP,SAAS;IACT,QAAQ;IACR,UAAU;IACV,MAAM;IACN,WAAW;AACb;AAEO,MAAMC,QAAQ;IAAC;IAAG;IAAG;IAAG;IAAI;IAAI;CAAG,CAAC;AACpC,MAAMC,UAAU;IAAC;CAAkC,CAAC;AACpD,MAAMC,WAAW;IAAC,CAAC;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAK;IAAK;CAAK,CAAC;AAE9D,sFAAsF;AAC/E,MAAM7B,eAAe;IAC1B,OAAO;QACL,YAAY;YACV,QAAQ;YACR,OAAO;QACT;QACA,OAAO;YACL,QAAQ;YACR,OAAO;QACT;QACA,SAAS;YACP,QAAQ;YACR,OAAO;QACT;QACA,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;QACA,UAAU;YACR,QAAQ;YACR,OAAO;QACT;QACA,MAAM;YACJ,QAAQ;YACR,OAAO;QACT;QACA,WAAW;YACT,QAAQ;YACR,OAAO;QACT;IACF;IACA,OAAO;QACL,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;IACF;AACF,EAAE;AAEF,MAAM8B,oBAAoB;AAC1B,MAAMC,UAAU;IACd,cAAc;AAChB;AAEA,MAAMC,aAAa,CACjBC,aAAa;IAAC;CAAM,EACpBC,WAAWJ,iBAAiB,EAC5BK,SAASJ,QAAQ,YAAY,GAC1B3F,0CAAG,CAAC;uBACc,EAAE6F,WAAW,IAAI,CAAC,KAAK;uBACvB,EAAEC,SAAS;8BACJ,EAAEC,OAAO;AACvC,CAAC;AAED,MAAMC,SAASd,gDAAS,CAAC;;;;;;;EAOvB,CAAC;AACH,MAAMe,UAAUf,gDAAS,CAAC;;;;;;;EAOxB,CAAC;AACH,MAAMgB,cAAchB,gDAAS,CAAC;;;;;;;;;AAS9B,CAAC;AACD,MAAMiB,WAAWjB,gDAAS,CAAC;;;;;;;;;EASzB,CAAC;AACH,MAAMkB,aAAa;IACjB,QAAQ,IAAMpG,0CAAG,CAAC;IAChB,EAAEgG,OAAO,CAAC,EAAEN,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACxD,CAAC;IACD,SAAS,IAAM3F,0CAAG,CAAC;IACjB,EAAEiG,QAAQ,CAAC,EAAEP,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACzD,CAAC;IACD,aAAa,IAAM3F,0CAAG,CAAC;IACrB,EAAEkG,YAAY,MAAM,EAAEP,QAAQ,YAAY,CAAC;EAC7C,CAAC;IACD,UAAU,IAAM3F,0CAAG,CAAC;IAClB,EAAEmG,SAAS,CAAC,EAAET,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EAC1D,CAAC;AACH;AACA,MAAM5C,WAAW;IACf,GAAG/C,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,GAAGC,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,OAAOC,0CAAG,CAAC;;;;;qBAKQ,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,IAAIC,0CAAG,CAAC;;;;qBAIW,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,WAAW;AACb;AA0CA,MAAMsG,QAAsB;IAC1B,OAAO;IACP,OAAO;QACL,QAAQ;YACN,MAAM;gBACJ,KAAK;oBACH,OAAO;gBACT;gBACA,OAAO;oBACL,OAAO;gBACT;YACF;YACA,OAAO;gBACL,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;gBACA,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;YACF;QACF;QACA,cAAc;QACd,cAAc;IAChB;IACAd;IACA3B;IACAyB;IACAC;IACA3E;IACA6E;IACA,QAAQL,mDAAc;IACtBiB;IACArD;IACA6C;IACAH;IACAL;AACF;AAEA,2DAAeiB,gDAAAA,KAAKA,EAAAA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnTrB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;ACN0B;AAE0C;AACvC;AAC0B;AAwGvD,SAASC,YAAwB,EAC/B3E,WAAW,EACX4E,MAAM,EACNC,gBAAgB,EAChBC,MAAM,EACNC,gBAAgB,EAChBrE,UAAU,EACVsE,mBAAmB,EACnBC,iBAAiB,EACjBC,0BAA0B,EAC1BC,2BAA2B,EAC3BC,cAAc,EACdC,QAAQ,EACU;IAClB,MAAM,EAAE/E,KAAK,EAAEgF,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGrI,iDAAsB,CAACkI,UAAU,MAAM,CAM9F,CAACI,KAAKC,OAAO5E;QACX,MAAM6E,YAAY5D,iDAAmBA,CAAC2D,SAAUA,QAAsB;QACtE,MAAMzF,QAAQ0F,WAAW,MAAM,SAAS7E;QACxC,MAAM8E,QAAQD,WAAW,MAAM;QAC/B,MAAME,SAASF,WAAW,MAAM;QAChC,MAAMH,aAAaG,WAAW,MAAM;QACpC,MAAMJ,aAAaI,WAAW,MAAM;QAEpC,IAAIC,SAAS,CAACC,QAAQ;YACpBJ,IAAI,KAAK,CAACxF,MAAM,GAAG2F;QACrB;QACA,IAAI3F,UAAUD,aAAa;YACzByF,IAAI,aAAa,GAAGC;YACpBD,IAAI,UAAU,GAAGF;YACjBE,IAAI,UAAU,GAAGD;QACnB;QACA,OAAOC;IACT,GACA;QACE,OAAO,EAAE;QACT,eAAe;QACf,YAAY;QACZ,YAAY;IACd;IAGF,MAAMK,aAAa;QAAE,GAAGpF,UAAU;QAAEV;QAAa,aAAaM,MAAM,MAAM;IAAC;IAG3E,SAASyF,mBACPC,UAA0C,EAC1CC,WAA6B,EAC7BC,cAAkD;QAElD,OAAOD,cACHC,iBACEA,eAAe;YAAE,GAAGJ,UAAU;YAAE,UAAUG;QAAY,KACtDA,cACFD,cAAcA,WAAWF;IAC/B;IAEAK,QAAQ,GAAG,CAAC,eAAe;QAAEnG;QAAaM;QAAOgF;QAAeE;QAAYD;IAAW;IACvF,qBACE,+CAACrG,wCAAIA;QAAC,MAAM;QAAG,eAAc;QAAU,GAAG8F,mBAAmB;OAC1De,mBAAmBnB,QAAQY,YAAYX,iCACxC,+CAAC3F,wCAAIA;QAAC,IAAI;QAAG,gBAAe;QAAU,GAAGgG,0BAA0B;qBACjE,+CAAC7E,6BAAOA;QAAC,aAAaL;QAAa,OAAOM;QAAO,MAAM;QAAI,GAAG2E,iBAAiB;uBAEjF,+CAAC/F,wCAAIA;QAAC,MAAM;QAAG,eAAc;QAAS,UAAS;QAAY,GAAGiG,2BAA2B;OACtFC,iBACGA,eAAe;QAAE,GAAGU,UAAU;QAAE,UAAUR;IAAc,KACxDA,gBAELS,mBAAmBjB,QAAQS,YAAYR;AAG9C;AAEA,SAASvF,KAAK,EAAE6F,QAAQ,EAAa;IACnC,qBAAO,kGAAGA;AACZ;AAEAV,YAAY,IAAI,GAAGnF;AACnB,sDAAemF,WAAWA,EAAC;AAuB3B;;;;;;;;;;CAUC,GACD,SAASyB,mBAA+BjI,KAA+B;IACrE,MAAM,EAAEkI,SAAS,EAAEhB,QAAQ,EAAE,GAAGiB,YAAY,GAAGnI;IAC/C,MAAM6B,cAAc7C,iDAAsB,CAACkI,UAAU,SAAS,CAACK,CAAAA;QAC7D,MAAMC,YAAY5D,iDAAmBA,CAAC2D,SAAUA,QAAgC;QAChF,OAAOC,WAAW,MAAM,YAAYU;IACtC;IACA,qBACE,+CAAC1B;QAAa,GAAG2B,UAAU;QAAE,aAAatG;OACvCqF;AAGP;AAEA,SAASkB,YAAY,EAAElB,QAAQ,EAAoB;IACjD,qBAAO,kGAAGA;AACZ;AAEAe,mBAAmB,IAAI,GAAGG;AAC1B5B,YAAY,OAAO,GAAGyB"}

package/lib/cjs/components/navigation/Header/Header.stories.js

@@ -36,29 +36,32 @@ const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium" })=>{
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
-/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
-/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
-/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
-/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
+/* import */ var react__rspack_import_0 = __webpack_require__(2015);
+/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
+/* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+/* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
+
 
 
 
 
-const uppercase = (0,styled_system__rspack_import_0.system)({
+const uppercase = (0,styled_system__rspack_import_1.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
         fontSize: fontSize ? fontSize : variant,
         color: color || "neutral.c100"
     }))`
   font-weight: 500;
   white-space: ${(props)=>props.whiteSpace ?? "normal"};
-  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
-  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
+  ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
@@ -234,14 +237,14 @@ const FlexBox = _styled__rspack_import_0["default"].div.attrs({
 },
 6070(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* export default binding */ __rspack_default_export)
+  "default": () => (Header)
 });
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var _layout_Flex__rspack_import_1 = __webpack_require__(3696);
 
 
-/* export default */ function __rspack_default_export({ left, right, children, ...rest }) {
+function Header({ left, right, children, ...rest }) {
     return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_1["default"], {
         justifyContent: "space-between",
         ...rest

package/lib/cjs/components/navigation/Header/Header.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/Header/Header.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/Header/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/navigation/Header/Header.stories.tsx"],"sourcesContent":["import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n  name: string;\n  size?: number;\n  weight?: \"Medium\";\n  color?: string;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(icons).reduce((set, rawKey) => {\n    const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Icon = ({\n  name,\n  size = 16,\n  color = \"currentColor\",\n  weight = \"Medium\",\n}: Props): JSX.Element | null => {\n  const maybeIconName = `${name}${weight}`;\n  if (maybeIconName in icons) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = icons[maybeIconName];\n    return <Component size={size} color={color} />;\n  }\n  return null;\n};\n\nexport default Icon;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport type Props = {\n  /* Content displayed on the left side of the header. */\n  left?: React.ReactNode;\n  /* Content displayed on the right side of the header. */\n  right?: React.ReactNode;\n  /* Content displayed in the middle part - vertically centered. */\n  children?: React.ReactNode;\n} & React.ComponentProps<typeof FlexBox>;\n\nexport default function ({ left, right, children, ...rest }: Props): JSX.Element {\n  return (\n    <FlexBox justifyContent=\"space-between\" {...rest}>\n      {left}\n      <FlexBox justify-content=\"center\">{children}</FlexBox>\n      {right}\n    </FlexBox>\n  );\n}\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import HeaderComponent, { Props } from \"./index\";\n\nimport Icon from \"../../asorted/Icon\";\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport React from \"react\";\n\nexport default {\n  title: \"Navigation/Header\",\n  component: HeaderComponent,\n};\n\nexport const Header = (args: Props): JSX.Element => {\n  const left = (\n    <FlexBox alignItems=\"center\" style={{ columnGap: \"6px\" }}>\n      <Icon name=\"ArrowLeft\" weight=\"Medium\" />\n      <Text fontWeight=\"semiBold\" variant={\"paragraph\"}>\n        Previous\n      </Text>\n    </FlexBox>\n  );\n\n  const right = (\n    <FlexBox alignItems=\"center\" style={{ columnGap: \"8px\" }}>\n      <Icon name=\"Linux\" size={20} />\n      <Icon name=\"Apple\" size={20} />\n      <Icon name=\"Windows\" size={20} />\n    </FlexBox>\n  );\n\n  return (\n    <HeaderComponent {...args} left={left} right={right} alignItems=\"center\">\n      <Text variant={\"h3\"} textTransform=\"uppercase\">\n        Ledger\n      </Text>\n    </HeaderComponent>\n  );\n};\n"],"names":["icons","React","iconNames","Array","Object","set","rawKey","key","Set","Icon","name","size","color","weight","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","fontsPath","fontName","fontStyles","FlexBox","left","right","children","rest","gaps","styled","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","HeaderComponent","Header","args"],"mappings":"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"}
+{"version":3,"file":"components/navigation/Header/Header.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/Header/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/navigation/Header/Header.stories.tsx"],"sourcesContent":["import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n  name: string;\n  size?: number;\n  weight?: \"Medium\";\n  color?: string;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(icons).reduce((set, rawKey) => {\n    const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Icon = ({\n  name,\n  size = 16,\n  color = \"currentColor\",\n  weight = \"Medium\",\n}: Props): React.JSX.Element | null => {\n  const maybeIconName = `${name}${weight}`;\n  if (maybeIconName in icons) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = icons[maybeIconName];\n    return <Component size={size} color={color} />;\n  }\n  return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n  children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport type Props = {\n  /* Content displayed on the left side of the header. */\n  left?: React.ReactNode;\n  /* Content displayed on the right side of the header. */\n  right?: React.ReactNode;\n  /* Content displayed in the middle part - vertically centered. */\n  children?: React.ReactNode;\n} & React.ComponentProps<typeof FlexBox>;\n\nexport default function Header({\n  left,\n  right,\n  children,\n  ...rest\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <FlexBox justifyContent=\"space-between\" {...rest}>\n      {left}\n      <FlexBox justify-content=\"center\">{children}</FlexBox>\n      {right}\n    </FlexBox>\n  );\n}\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import HeaderComponent, { Props } from \"./index\";\n\nimport Icon from \"../../asorted/Icon\";\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport React from \"react\";\n\nexport default {\n  title: \"Navigation/Header\",\n  component: HeaderComponent,\n};\n\nexport const Header = (args: Props): React.JSX.Element => {\n  const left = (\n    <FlexBox alignItems=\"center\" style={{ columnGap: \"6px\" }}>\n      <Icon name=\"ArrowLeft\" weight=\"Medium\" />\n      <Text fontWeight=\"semiBold\" variant={\"paragraph\"}>\n        Previous\n      </Text>\n    </FlexBox>\n  );\n\n  const right = (\n    <FlexBox alignItems=\"center\" style={{ columnGap: \"8px\" }}>\n      <Icon name=\"Linux\" size={20} />\n      <Icon name=\"Apple\" size={20} />\n      <Icon name=\"Windows\" size={20} />\n    </FlexBox>\n  );\n\n  return (\n    <HeaderComponent {...args} left={left} right={right} alignItems=\"center\">\n      <Text variant={\"h3\"} textTransform=\"uppercase\">\n        Ledger\n      </Text>\n    </HeaderComponent>\n  );\n};\n"],"names":["icons","React","iconNames","Array","Object","set","rawKey","key","Set","Icon","name","size","color","weight","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","fontsPath","fontName","fontStyles","FlexBox","Header","left","right","children","rest","gaps","styled","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","HeaderComponent","args"],"mappings":"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"}