@ledgerhq/react-ui 0.52.0 → 0.53.0-nightly.20260626030713

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

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/FlowStepper/FlowStepper.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Tag/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Divider/index.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/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/Link/getLinkStyle.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/getCtaStyle.ts","webpack://@ledgerhq/react-ui/./src/components/helpers.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/FlowStepper/index.tsx","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/FlowStepper.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { border, BorderProps } from \"styled-system\";\nimport Text, { TextProps } from \"../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../styled\";\n\nexport type Size = \"large\" | \"medium\" | \"small\" | \"tiny\";\nexport type Type = \"plain\" | \"opacity\" | \"outlined\" | \"outlinedOpacity\";\n\nexport type TagProps = BaseStyledProps &\n  React.HTMLAttributes<HTMLDivElement> &\n  BorderProps &\n  React.PropsWithChildren<{\n    /**\n     * Changes the appearance based on the active state.\n     */\n    active?: boolean;\n    /**\n     * Tag style.\n     */\n    type?: Type;\n    /**\n     * Size of the tag, affects the padding and the casing (uppercase for small and medium)\n     */\n    size?: Size;\n    /**\n     * Props passed to the text component, overriding props set internally by Tag component\n     */\n    textProps?: TextProps;\n\n    disabled?: boolean;\n  }>;\n\nfunction getColor({ type, active, disabled }: TagProps) {\n  switch (type) {\n    case \"plain\":\n      if (disabled) return active ? \"neutral.c00\" : \"neutral.c70\";\n      return active ? \"neutral.c00\" : \"primary.c90\";\n    default:\n      return disabled ? \"neutral.c70\" : \"primary.c90\";\n  }\n}\n\nfunction getBgColor({ type, active, disabled }: TagProps) {\n  switch (type) {\n    case \"plain\":\n      return active ? (disabled ? \"neutral.c70\" : \"primary.c90\") : undefined;\n    case \"opacity\":\n      return active ? (disabled ? \"neutral.c30\" : \"primary.c20\") : undefined;\n    default:\n      return;\n  }\n}\n\nfunction getBorderColor({ type, active, disabled }: TagProps) {\n  if (!active) return;\n  switch (type) {\n    case \"outlined\":\n      return disabled ? \"neutral.c70\" : \"primary.c90\";\n    case \"outlinedOpacity\":\n      return disabled ? \"neutral.c40\" : \"primary.c40\";\n  }\n}\n\nfunction getPadding({ size }: TagProps) {\n  // Padding is 1px less than what's indicated in the design because of the 1px wide border.\n  switch (size) {\n    case \"tiny\":\n      return \"1px 3px\";\n    case \"small\":\n      return \"2px 4px\";\n    case \"medium\":\n      return \"5px 7px\";\n    case \"large\":\n    default:\n      return \"8px 9px 9px\";\n  }\n}\n\nfunction getTextProps({ size }: TagProps): TextProps {\n  switch (size) {\n    case \"tiny\":\n    case \"small\":\n    case \"medium\":\n      return {\n        variant: \"tiny\",\n        fontWeight: \"semiBold\",\n        lineHeight: \"normal\",\n      };\n    case \"large\":\n    default:\n      return {\n        variant: \"extraSmall\",\n        fontWeight: \"semiBold\",\n      };\n  }\n}\n\nconst TagContainer = baseStyled.div.attrs<TagProps, TagProps>(props => ({\n  backgroundColor: props.bg || props.backgroundColor || getBgColor(props),\n  color: props.color || getColor(props),\n  borderColor: getBorderColor(props),\n}))`\n  display: inline-flex;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: ${p => `${p.theme.radii[1]}px`};\n  padding: ${p => getPadding(p)};\n  ${border}\n`;\n\nexport default function Tag({\n  children,\n  textProps,\n  size = \"large\",\n  ...props\n}: TagProps): React.JSX.Element {\n  const textColor = getColor(props);\n  const baseTextProps = getTextProps({ size, ...props });\n  return (\n    <TagContainer size={size} {...props}>\n      <Text {...baseTextProps} color={textColor} {...(textProps ? textProps : {})}>\n        {children}\n      </Text>\n    </TagContainer>\n  );\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport type Props = FlexBoxProps & { text?: string };\nconst DividerBase = styled(Flex).attrs<FlexBoxProps>((p: FlexBoxProps) => ({\n  my: p.my || 0,\n  height: 1,\n  backgroundColor: p.color || \"neutral.c40\",\n}))`\n  &[data-variant=\"light\"] {\n    background: ${p => p.theme.colors.neutral.c30};\n  }\n`;\n\nconst Divider: React.FC<Props> = props => {\n  if (!props.text) return <DividerBase {...props} />;\n  return (\n    <Flex {...props} flexDirection=\"row\" alignItems=\"center\">\n      <DividerBase my={6} flex={1} />\n      <Text variant=\"bodyLineHeight\" color=\"neutral.c60\" mx={6}>\n        {props.text}\n      </Text>\n      <DividerBase my={6} flex={1} />\n    </Flex>\n  );\n};\n\nexport default Divider;\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 ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\ntype IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n  ff?: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: \"xs\" | \"small\" | \"medium\" | \"large\" | \"xl\";\n  fontSize?: number;\n  variant?: ButtonVariants;\n  outline?: boolean;\n  iconPosition?: IconPosition;\n  iconButton?: boolean;\n  disabled?: boolean;\n  whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n  Icon?: React.ReactElement | React.ComponentType<{ size: number; color?: string }>;\n  children?: React.ReactNode;\n  onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n  iconSize?: number;\n  style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n  iconPosition: IconPosition;\n}>`\n  display: inline-block;\n  ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n  padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n  main: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c100};\n        color: ${p.theme.colors.neutral.c100};\n        background-color: transparent;\n        &:hover, &:focus {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n        }\n        &:active {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c00};\n        background-color: ${p.theme.colors.neutral.c100};\n        &:hover, &:focus {\n          background-color: ${p.theme.colors.neutral.c90};\n        }\n      `,\n  },\n  shade: `\n      border-color: ${p.theme.colors.neutral.c40};\n      color: ${p.theme.colors.neutral.c100};\n      &:focus {\n        border-color: ${p.theme.colors.primary.c80};\n      }\n\n      &:hover, &:focus {\n        background-color: ${p.theme.colors.neutral.c20};\n      }\n\n      &:active {\n        background-color: ${p.theme.colors.neutral.c30};\n      }\n    `,\n  error: {\n    outline: `\n      border-color: ${p.theme.colors.error.c50};\n      color: ${p.theme.colors.error.c50};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.error.c50};\n      &:hover {\n        background-color: ${p.theme.colors.error.c40};\n      }\n    `,\n  },\n  neutral: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: ${p.theme.colors.neutral.c30};\n    &:hover {\n      background-color: ${p.theme.colors.neutral.c40};\n    }\n  `,\n  color: {\n    outline: `\n      border-color: ${p.theme.colors.primary.c80};\n      color: ${p.theme.colors.primary.c80};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.primary.c80};\n      &:hover {\n        background-color: ${p.theme.colors.primary.c70};\n      }\n    `,\n  },\n  disabled: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c50};\n        color: ${p.theme.colors.neutral.c50};\n        background-color: transparent;\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c50};\n        background-color: ${p.theme.colors.neutral.c30};\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n  },\n  default: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: transparent;\n    &:hover {\n      text-decoration: underline;\n    }\n  `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n  all: unset;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: default;\n  }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n  fontFamily: \"Inter\",\n  fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 44px;\n  border-style: solid;\n  border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n  font-weight: 600;\n  ${compose(fontFamily, fontSize, border)};\n  line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n  text-align: center;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  ${p => buttonSizeStyle[p.size || \"medium\"]}\n  text-overflow: ellipsis;\n  white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n  max-width: 100%;\n  position: relative;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  &:active {\n    box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n  &:focus, &:hover {\n    box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n\n  ${p => {\n    const variants = getVariantColors(p);\n    if (p.disabled) {\n      return p.outline || p.variant === \"shade\"\n        ? variants.disabled.outline\n        : variants.disabled.filled;\n    }\n\n    const variant: ButtonVariants | \"default\" =\n      p.variant ?? (\"default\" as ButtonVariants | \"default\");\n    switch (variant) {\n      case \"main\":\n        return p.outline ? variants.main.outline : variants.main.filled;\n      case \"shade\":\n        return variants.shade;\n\n      case \"error\":\n        return p.outline ? variants.error.outline : variants.error.filled;\n\n      case \"color\":\n        return p.outline ? variants.color.outline : variants.color.filled;\n\n      case \"neutral\":\n        return variants.neutral;\n\n      case \"default\":\n      default:\n        return variants.default;\n    }\n  }}\n  ${p =>\n    p.iconButton\n      ? css`\n          width: ${p.theme.space[12]}px;\n          padding: 0;\n          ${IconContainer} {\n            margin: 0;\n          }\n        `\n      : \"\"}\n  ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n  { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n  const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n  const IconNode = useMemo(() => {\n    if (!Icon) return null;\n    if (typeof Icon === \"object\") return Icon;\n    return <Icon size={iconNodeSize} />;\n  }, [iconNodeSize, Icon]);\n\n  return (\n    <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n      {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n      {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n      {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n    </Base>\n  );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n  ButtonProps & {\n    onToggle?: (arg0: boolean) => void;\n  }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n  Icon: props.Icon != null || ChevronBottom,\n  iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n  ${IconContainer} {\n    transition: transform 0.25s;\n    ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n  }\n`;\nexport function ButtonExpand(\n  { onToggle, onClick, ...props }: ButtonExpandProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <StyledButtonExpand\n      {...props}\n      ref={ref}\n      expanded={expanded}\n      onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n        setExpanded(expanded => !expanded);\n        onToggle != null && onToggle(!expanded);\n        onClick != null && onClick(event);\n      }}\n    />\n  );\n}\n\nexport const buttonSizeStyle: {\n  [index: string]: {\n    padding: string;\n    height: string;\n  };\n} = {\n  xs: {\n    padding: \"0 12px\",\n    height: \"28px\",\n  },\n  small: {\n    padding: \"0 20px\",\n    height: \"32px\",\n  },\n  medium: {\n    padding: \"0 24px\",\n    height: \"40px\",\n  },\n  large: {\n    padding: \"0 28px\",\n    height: \"48px\",\n  },\n  xl: {\n    padding: \"0 28px\",\n    height: \"56px\",\n  },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import { Theme } from \"../../../styles/theme\";\n\nexport function getLinkColors(\n  colors: Theme[\"colors\"],\n): Record<\"disabled\" | \"main\" | \"color\" | \"shade\", Record<\"default\" | \"pressed\", string>> {\n  return {\n    disabled: {\n      default: colors.neutral.c50,\n      pressed: colors.neutral.c50,\n    },\n    main: {\n      default: colors.neutral.c100,\n      pressed: colors.neutral.c80,\n    },\n    color: {\n      default: colors.primary.c80,\n      pressed: colors.primary.c70,\n    },\n    shade: {\n      default: colors.neutral.c70,\n      pressed: colors.neutral.c80,\n    },\n  };\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { getLinkColors } from \"./getLinkStyle\";\nimport { ctaIconSize, ctaTextType } from \"../getCtaStyle\";\nimport { Text } from \"../../asorted\";\nimport { TextProps } from \"../../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  BaseStyledProps & {\n    /**\n     * Component that takes `{size: number; color?: string}` as props\n     */\n    Icon?: React.ComponentType<{ size: number; color?: string }>;\n    /**\n     * Affects the colors of the text, icon & underline, can be overriden by the `color` prop\n     */\n    type?: \"main\" | \"shade\" | \"color\";\n    /**\n     * Affect the font variant & icon size\n     */\n    size?: \"small\" | \"medium\" | \"large\";\n    /**\n     * Color of the link, overrides colors defined by the `type` prop\n     */\n    color?: string;\n    /**\n     * Props passed to the rendered text\n     */\n    textProps?: TextProps;\n    /**\n     * If true text will always be underlined, else it will be underlined only on hover\n     */\n    alwaysUnderline?: boolean;\n    /**\n     * Position of the icon relative to the text\n     */\n    iconPosition?: \"right\" | \"left\";\n    disabled?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const DEFAULT_ICON_POSITION = \"right\";\nexport const DEFAULT_SIZE = \"medium\";\nexport const DEFAULT_TYPE = \"main\";\n\nconst IconContainer = styled.div<{\n  iconPosition: \"right\" | \"left\";\n  iconLink?: boolean;\n}>`\n  ${p => (p.iconLink ? \"\" : p.iconPosition === \"left\" ? `margin-right: 6px;` : `margin-left: 6px;`)}\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Base = baseStyled.a<LinkProps>`\n  color: ${({ color, theme, disabled, type = \"main\" }) =>\n    color || getLinkColors(theme.colors)[disabled ? \"disabled\" : type][\"default\"]};\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    text-decoration: underline;\n  }\n  &:active {\n    color: ${({ color, theme, type = \"main\" }) =>\n      color || getLinkColors(theme.colors)[type][\"pressed\"]};\n    text-decoration: underline;\n  }\n\n  text-decoration: ${p => (p.alwaysUnderline ? \"underline\" : \"none\")};\n\n`;\n\nconst LinkContainer = ({\n  Icon,\n  iconPosition = DEFAULT_ICON_POSITION,\n  children,\n  color,\n  size = DEFAULT_SIZE,\n  textProps,\n}: LinkProps): React.ReactElement => {\n  const text = (\n    <Text\n      variant={ctaTextType[size]}\n      fontWeight=\"semiBold\"\n      color={color || \"inherit\"}\n      {...textProps}\n    >\n      {children}\n    </Text>\n  );\n\n  return (\n    <>\n      {iconPosition === \"right\" && children ? text : null}\n      {Icon ? (\n        <IconContainer iconLink={!children} iconPosition={iconPosition}>\n          <Icon size={ctaIconSize[size]} color={color || \"currentcolor\"} />\n        </IconContainer>\n      ) : null}\n      {iconPosition === \"left\" && children ? text : null}\n    </>\n  );\n};\n\nconst Link = (props: LinkProps): React.ReactElement => {\n  const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;\n  return (\n    <Base color={color} {...props}>\n      <LinkContainer {...props} type={type} size={size} />\n    </Base>\n  );\n};\n\nexport default Link;\n","import { TextVariants } from \"../../styles/theme\";\n\nexport const ctaTextType: { [index: string]: TextVariants } = {\n  small: \"small\",\n  medium: \"paragraph\",\n  large: \"body\",\n};\n\nexport const ctaIconSize: { [index: string]: number } = {\n  small: 16,\n  medium: 18,\n  large: 20,\n};\n","import React from \"react\";\n\n// Add helpers that don't have a place in the real world component usage here.\nexport const lipsum =\n  \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius sollicitudin lectus vel finibus. Praesent eu leo nec libero interdum sodales et eget nulla. Donec tincidunt posuere sem vel porttitor. Nullam maximus urna non elit tempor, ut fermentum metus euismod. Quisque et rutrum arcu. Etiam nisl elit, tincidunt volutpat libero sed, imperdiet mollis risus. Maecenas imperdiet lectus id sapien tempus, eget fringilla nisl lacinia. Sed sem velit, egestas nec imperdiet ac, lobortis vel lectus. Curabitur dui orci, aliquam sit amet metus ut, sollicitudin fermentum erat. Curabitur id purus eget lectus varius congue. Donec eu auctor augue. Ut eleifend arcu nisl, volutpat fringilla quam cursus sit amet. Praesent leo enim, cursus vel egestas sed, vestibulum imperdiet diam. Etiam a diam lectus. Suspendisse aliquam imperdiet ultrices. Phasellus eget nulla eros. Nullam semper porta pulvinar. Duis maximus, lectus ac fringilla interdum, lacus ex cursus tellus, et dapibus est nisi id dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla gravida elit turpis, ac condimentum velit placerat at. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dolor tellus, semper id pulvinar eget, ornare bibendum justo. Sed in libero nisl. Morbi tincidunt sollicitudin nunc, vel imperdiet nisi iaculis vel. Nam viverra lorem vel ligula varius, lacinia maximus metus porta. Sed vitae vehicula leo. Proin sed lectus in lorem laoreet iaculis sed ut eros. Pellentesque et rhoncus sapien. Nam fringilla mauris nec tellus vestibulum, vel convallis mauris sagittis. Vivamus et lacinia dui. Sed pharetra vitae lacus vel facilisis. Nullam et sollicitudin risus. Curabitur egestas bibendum neque, sed lacinia nisi cursus nec. Quisque sed diam congue, luctus magna eget, convallis lectus. Cras ut tellus imperdiet, blandit magna non, auctor felis. Suspendisse potenti. Nulla volutpat felis vitae ante blandit tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sagittis scelerisque magna quis ultrices\";\n\nexport type StoryTemplate<Args> = {\n  (args: Args): React.ReactNode;\n  args?: Partial<Args>;\n  parameters?: unknown;\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\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","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  \"$$typeof\" in (value as Record<string, unknown>) &&\n  ((value as { $$typeof?: unknown }).$$typeof === REACT_ELEMENT_TYPE ||\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,\n  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, { useMemo } from \"react\";\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\nimport styled from \"styled-components\";\nimport { useArgs } from \"storybook/manager-api\";\nimport { Props as FlowStepperProps } from \"./index\";\nimport { Divider, Flex, FlowStepper, Text, Button, Box, Link, IconsLegacy, Tag } from \"../../..\";\nimport type { Size as TagSize } from \"../../Tag\";\nimport { lipsum, StoryTemplate } from \"../../helpers\";\nimport { useState } from \"react\";\n\nconst description = `\n### A customizable flow layout.\n\nThis component accepts multiple children as steps and displays the active one as well\na progress stepper and optionally a header and/or a footer.\n\n## Usage\n\n\\`\\`\\`js\n\nimport { FlowStepper } from \"@ledgerhq/react-ui\"\n\n\\`\\`\\`\n\nEach step is a child of the component, which must be a JSX element having at least a \\`label\\` prop.\nThis label will be used by the flow stepper to populate the name of the step inside the progress stepper component.\n\n### Tip #1:\nTo avoid creating specific passthrough components you can use the \\`<FlowStepper.Step label=\"Step label\">{…}</FlowStepper.Step>\\` helper.\n\n### Tip #2:\nYou can define a specific header/footer for a given step by using the props \\`header\\`/\\`footer\\` on each step child of the component.\n\n\\`\\`\\`jsx\n<FlowStepper\n  activeIndex={1}\n  renderStepFooter={ // Optional\n    ({activeIndex, stepsLength, children}) => (\n      <YourFooterWrapper>\n        {children}\n      </YourFooterWrapper>\n    )\n  }\n>\n  <YourStepA label=\"StepA\" />\n  <YourStepB label=\"StepB\" footer={<YourStepBFooter />}/>\n  <YourStepC label=\"StepC\" />\n  <YourStepD label=\"StepD\" />\n</FlowStepper.Indexed>\n\\`\\`\\`\n\n### Tip #3:\nIf you want to define steps that are identified by a \\`string\\` identifier, you can use FlowStepper with the \\`activeKey\\` prop and children that each have an \\`itemKey\\` prop.\nThis allows you to not have to hardcode steps indices.\n\n\\`\\`\\`jsx\n<FlowStepper.Indexed activeKey=\"stepC\">\n  <YourStepA label=\"StepA\" itemKey=\"stepA\" />\n  <YourStepB label=\"StepB\" itemKey=\"stepB\" />\n  <YourStepC label=\"StepC\" itemKey=\"stepC\" />\n  <YourStepD label=\"StepD\" itemKey=\"stepD\" />\n</FlowStepper.Indexed>\n\\`\\`\\`\n\n\n## Basic example:\n\n\\`\\`\\`jsx\nconst NB_OF_STEPS = 10;\nconst [activeIndex, setActiveIndex] = React.useState(0);\n\n<FlowStepper\n  activeIndex={activeIndex}\n  header={() => (\n    <Text variant=\"h1\">\n      Header - Page n°{activeIndex + 1} / {NB_OF_STEPS}\n    </Text>\n  )}\n  footer={() => (\n    <Flex mt={6} flexDirection=\"column\" rowGap={6} alignItems=\"flex-end\">\n      <Box alignSelf=\"stretch\">\n        <Divider variant=\"light\" />\n      </Box>\n      <Flex columnGap={6}>\n        <Button\n          variant=\"main\"\n          outline\n          disabled={activeIndex <= 0}\n          onClick={() => setActiveIndex(i => i - 1)}\n        >\n          Previous\n        </Button>\n        <Button\n          variant=\"main\"\n          disabled={activeIndex >= NB_OF_STEPS - 1}\n          onClick={() => setActiveIndex(i => i + 1)}\n        >\n          Continue\n        </Button>\n      </Flex>\n    </Flex>\n  )}\n>\n  {new Array(NB_OF_STEPS).fill(0).map((_, index) => (\n    <FlowStepper.Step label={\"Step \" + index}>\n      <Text key={index} variant=\"body\">\n        {lipsum}\n      </Text>\n    </FlowStepper.Step>\n  ))}\n</FlowStepper>\n\\`\\`\\`\n\n\n`;\n\nexport default {\n  title: \"Navigation/FlowStepper\",\n  component: FlowStepper,\n  argTypes: {\n    activeIndex: { control: \"number\" },\n    extraProps: { control: \"disabled\" },\n    extraContainerProps: { control: \"disabled\" },\n    extraStepperProps: { control: \"disabled\" },\n    extraStepperContainerProps: { control: \"disabled\" },\n    children: { control: \"disabled\" },\n    renderChildren: { control: \"disabled\" },\n    header: { control: \"disabled\" },\n    stepHeaders: { control: \"disabled\" },\n    renderStepHeader: { control: \"disabled\" },\n    footer: { control: \"disabled\" },\n    stepFooters: { control: \"disabled\" },\n    renderStepFooter: { control: \"disabled\" },\n  },\n  args: {\n    activeIndex: 0,\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: description,\n      },\n    },\n  },\n};\n\nconst NB_OF_STEPS = 5;\nexport const Minimal: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const { activeIndex, ...rest } = args;\n  const [, updateArgs] = useArgs();\n\n  return (\n    <FlowStepper\n      activeIndex={activeIndex}\n      header={() => (\n        <Text variant=\"h1\">\n          Header - Page n°{activeIndex + 1} / {NB_OF_STEPS}\n        </Text>\n      )}\n      footer={() => (\n        <Flex mt={6} flexDirection=\"column\" rowGap={6} alignItems=\"flex-end\">\n          <Box alignSelf=\"stretch\">\n            <Divider />\n          </Box>\n          <Flex columnGap={6}>\n            <Button\n              variant=\"main\"\n              outline\n              disabled={activeIndex <= 0}\n              onClick={() => updateArgs({ activeIndex: activeIndex - 1 })}\n            >\n              Previous\n            </Button>\n            <Button\n              variant=\"main\"\n              disabled={activeIndex >= NB_OF_STEPS - 1}\n              onClick={() => updateArgs({ activeIndex: activeIndex + 1 })}\n            >\n              Continue\n            </Button>\n          </Flex>\n        </Flex>\n      )}\n      {...rest}\n    >\n      {[\n        ...new Array(NB_OF_STEPS).fill(0).map((_, index) => (\n          <FlowStepper.Step label={\"Step \" + index}>\n            <Text key={index} variant=\"body\">\n              {lipsum}\n            </Text>\n            <Button mt={2} onClick={() => updateArgs({ activeIndex: NB_OF_STEPS })}>\n              Navigate to the hidden step.\n            </Button>\n          </FlowStepper.Step>\n        )),\n        <FlowStepper.Step label=\"Hidden Step\" hidden>\n          <Text key=\"hidden\" variant=\"body\">\n            I am hidden.\n          </Text>\n        </FlowStepper.Step>,\n      ]}\n    </FlowStepper>\n  );\n};\n\nconst Header = ({ activeIndex, onBack }: { activeIndex: number; onBack?: () => void }) => {\n  return (\n    <Box position=\"relative\" my={6}>\n      {onBack && (\n        <Box position=\"absolute\">\n          <Link onClick={onBack} Icon={IconsLegacy.ArrowLeftMedium} iconPosition=\"left\">\n            Back\n          </Link>\n        </Box>\n      )}\n      <Flex justifyContent=\"center\">\n        <Text variant=\"h2\">Header {activeIndex + 1}</Text>\n      </Flex>\n    </Box>\n  );\n};\n\nconst Footer = ({\n  onContinue,\n  children,\n}: {\n  onContinue?: () => void;\n  children?: React.ReactNode;\n}) => (\n  <Flex mt={6} flexDirection=\"column\" rowGap={6}>\n    <Box alignSelf=\"stretch\">\n      <Divider />\n    </Box>\n    <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n      {children || <Flex />}\n      {onContinue && (\n        <Button variant=\"main\" onClick={onContinue}>\n          Continue\n        </Button>\n      )}\n    </Flex>\n  </Flex>\n);\n\nconst AnimatedItem = styled(Flex)`\n  transition: opacity 500ms;\n  width: 100%;\n  height: 100%;\n  &.step-enter {\n    opacity: 0;\n  }\n  &.step-enter-active {\n    opacity: 1;\n  }\n  &.step-exit {\n    opacity: 1;\n  }\n  &.step-exit-active {\n    opacity: 0;\n  }\n`;\nconst Item = ({ label }: { label: string }) => (\n  <AnimatedItem>\n    <Flex\n      position=\"absolute\"\n      left=\"0\"\n      right=\"0\"\n      top=\"0\"\n      bottom=\"0\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      backgroundColor={`${label.toLowerCase()}.c50`}\n    >\n      <Text variant=\"h2\" textTransform=\"capitalize\">\n        {label}\n      </Text>\n    </Flex>\n  </AnimatedItem>\n);\n\nconst steps = [\"Primary\", \"Neutral\", \"Success\", \"Warning\", \"Error\"];\n\nconst StepFooter = ({ label }: { label: string }) => (\n  <Flex flexDirection=\"row\" alignItems=\"center\">\n    <Text whiteSpace=\"pre\">Footer for step </Text>\n    <Tag size={\"medium\" as TagSize} type=\"plain\" active>\n      {label}\n    </Tag>\n  </Flex>\n);\n\nexport const Demo: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const [, updateArgs] = useArgs();\n\n  return (\n    <Flex height=\"90vh\">\n      <FlowStepper\n        header={({ activeIndex }) => (\n          <Header\n            activeIndex={activeIndex}\n            onBack={\n              activeIndex > 0\n                ? () => {\n                    updateArgs({ activeIndex: activeIndex - 1 });\n                  }\n                : undefined\n            }\n          />\n        )}\n        renderStepFooter={({ stepsLength, activeIndex, children }) => (\n          <Footer\n            onContinue={\n              activeIndex < stepsLength - 1\n                ? () => {\n                    updateArgs({ activeIndex: activeIndex + 1 });\n                  }\n                : undefined\n            }\n          >\n            {children}\n          </Footer>\n        )}\n        extraStepperContainerProps={{ my: 12 }}\n        extraStepperProps={{ maxWidth: \"500px\" }}\n        renderChildren={({ children }) => (\n          <TransitionGroup component={null}>{children}</TransitionGroup>\n        )}\n        {...args}\n      >\n        {steps.map(label => (\n          <CSSTransition\n            key={label}\n            label={label}\n            footer={<StepFooter label={label} />}\n            timeout={500}\n            classNames=\"step\"\n            mountOnEnter\n            unmountOnExit\n          >\n            <Item label={label} />\n          </CSSTransition>\n        ))}\n      </FlowStepper>\n    </Flex>\n  );\n};\n\nconst StepWithNavigation = (props: { label: string; setActiveStep: (arg: string) => void }) => {\n  const { label, setActiveStep } = props;\n  const content = useMemo(() => {\n    return steps.map(step => {\n      return (\n        <Button\n          key={step}\n          disabled={step === label}\n          variant=\"main\"\n          onClick={() => setActiveStep(step)}\n        >\n          Go to \"{step}\"\n        </Button>\n      );\n    });\n  }, [setActiveStep, label]);\n  return (\n    <Flex\n      flex={1}\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      padding={4}\n      rowGap={4}\n      backgroundColor={`${label.toLowerCase()}.c50`}\n    >\n      {content}\n    </Flex>\n  );\n};\n\nexport const IndexedByKey: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const [activeStep, setActiveStep] = useState(steps[0]);\n  return (\n    <Flex height=\"90vh\">\n      <FlowStepper.Indexed\n        activeKey={activeStep}\n        header={({ activeIndex }) => (\n          <Header\n            activeIndex={activeIndex}\n            onBack={\n              activeIndex > 0\n                ? () => {\n                    setActiveStep(steps[activeIndex - 1]);\n                  }\n                : undefined\n            }\n          />\n        )}\n        footer={({ stepsLength, activeIndex }) => (\n          <Footer\n            onContinue={\n              activeIndex < stepsLength - 1\n                ? () => {\n                    setActiveStep(steps[activeIndex + 1]);\n                  }\n                : undefined\n            }\n          />\n        )}\n        extraStepperContainerProps={{ my: 12 }}\n        extraStepperProps={{ maxWidth: \"500px\" }}\n        {...args}\n      >\n        {steps.map(label => (\n          <FlowStepper.Indexed.Step key={label} label={label} itemKey={label}>\n            <StepWithNavigation label={label} setActiveStep={setActiveStep} />\n          </FlowStepper.Indexed.Step>\n        ))}\n      </FlowStepper.Indexed>\n    </Flex>\n  );\n};\n"],"names":["React","border","Text","baseStyled","getColor","type","active","disabled","getBgColor","undefined","getBorderColor","getPadding","size","getTextProps","TagContainer","props","p","Tag","children","textProps","textColor","baseTextProps","styled","Flex","DividerBase","Divider","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","Icon","iconPosition","iconSize","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","getLinkColors","colors","ctaIconSize","ctaTextType","DEFAULT_ICON_POSITION","DEFAULT_SIZE","DEFAULT_TYPE","theme","LinkContainer","text","Link","lipsum","Box","FlexBox","Stepper","isValidReactElement","FlowStepper","activeIndex","header","renderStepHeader","footer","renderStepFooter","extraProps","extraContainerProps","extraStepperProps","extraStepperContainerProps","extraChildrenContainerProps","renderChildren","steps","innerContents","stepFooter","stepHeader","acc","child","idx","stepChild","index","label","hidden","renderArgs","getSectionContents","renderFunc","stepSection","renderStepFunc","console","Step","FlowStepperIndexed","activeKey","otherProps","IndexedStep","memo","Fragment","space","IconsLegacy","Item","StepText","BaseSeparator","Separator","stepContentsByState","state","Label","hideLeftSeparator","nextState","inactive","nextInactive","getState","errored","completed","disabledIndexes","filterDuplicate","isOver","displayedSteps","step","dislayedActiveIndex","gaps","flexbox","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","REACT_ELEMENT_TYPE","Symbol","REACT_TRANSITIONAL_ELEMENT_TYPE","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","TransitionGroup","CSSTransition","useArgs","description","NB_OF_STEPS","Minimal","args","rest","updateArgs","Array","_","Header","onBack","Footer","onContinue","AnimatedItem","StepFooter","Demo","stepsLength","StepWithNavigation","setActiveStep","content","IndexedByKey","activeStep"],"mappings":"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"}
+{"version":3,"file":"components/navigation/FlowStepper/FlowStepper.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Tag/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Divider/index.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/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/Link/getLinkStyle.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/getCtaStyle.ts","webpack://@ledgerhq/react-ui/./src/components/helpers.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/FlowStepper/index.tsx","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/FlowStepper.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { border, BorderProps } from \"styled-system\";\nimport Text, { TextProps } from \"../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../styled\";\n\nexport type Size = \"large\" | \"medium\" | \"small\" | \"tiny\";\nexport type Type = \"plain\" | \"opacity\" | \"outlined\" | \"outlinedOpacity\";\n\nexport type TagProps = BaseStyledProps &\n  React.HTMLAttributes<HTMLDivElement> &\n  BorderProps &\n  React.PropsWithChildren<{\n    /**\n     * Changes the appearance based on the active state.\n     */\n    active?: boolean;\n    /**\n     * Tag style.\n     */\n    type?: Type;\n    /**\n     * Size of the tag, affects the padding and the casing (uppercase for small and medium)\n     */\n    size?: Size;\n    /**\n     * Props passed to the text component, overriding props set internally by Tag component\n     */\n    textProps?: TextProps;\n\n    disabled?: boolean;\n  }>;\n\nfunction getColor({ type, active, disabled }: TagProps) {\n  switch (type) {\n    case \"plain\":\n      if (disabled) return active ? \"neutral.c00\" : \"neutral.c70\";\n      return active ? \"neutral.c00\" : \"primary.c90\";\n    default:\n      return disabled ? \"neutral.c70\" : \"primary.c90\";\n  }\n}\n\nfunction getBgColor({ type, active, disabled }: TagProps) {\n  switch (type) {\n    case \"plain\":\n      return active ? (disabled ? \"neutral.c70\" : \"primary.c90\") : undefined;\n    case \"opacity\":\n      return active ? (disabled ? \"neutral.c30\" : \"primary.c20\") : undefined;\n    default:\n      return;\n  }\n}\n\nfunction getBorderColor({ type, active, disabled }: TagProps) {\n  if (!active) return;\n  switch (type) {\n    case \"outlined\":\n      return disabled ? \"neutral.c70\" : \"primary.c90\";\n    case \"outlinedOpacity\":\n      return disabled ? \"neutral.c40\" : \"primary.c40\";\n  }\n}\n\nfunction getPadding({ size }: TagProps) {\n  // Padding is 1px less than what's indicated in the design because of the 1px wide border.\n  switch (size) {\n    case \"tiny\":\n      return \"1px 3px\";\n    case \"small\":\n      return \"2px 4px\";\n    case \"medium\":\n      return \"5px 7px\";\n    case \"large\":\n    default:\n      return \"8px 9px 9px\";\n  }\n}\n\nfunction getTextProps({ size }: TagProps): TextProps {\n  switch (size) {\n    case \"tiny\":\n    case \"small\":\n    case \"medium\":\n      return {\n        variant: \"tiny\",\n        fontWeight: \"semiBold\",\n        lineHeight: \"normal\",\n      };\n    case \"large\":\n    default:\n      return {\n        variant: \"extraSmall\",\n        fontWeight: \"semiBold\",\n      };\n  }\n}\n\nconst TagContainer = baseStyled.div.attrs<TagProps, TagProps>(props => ({\n  backgroundColor: props.bg || props.backgroundColor || getBgColor(props),\n  color: props.color || getColor(props),\n  borderColor: getBorderColor(props),\n}))`\n  display: inline-flex;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: ${p => `${p.theme.radii[1]}px`};\n  padding: ${p => getPadding(p)};\n  ${border}\n`;\n\nexport default function Tag({\n  children,\n  textProps,\n  size = \"large\",\n  ...props\n}: TagProps): React.JSX.Element {\n  const textColor = getColor(props);\n  const baseTextProps = getTextProps({ size, ...props });\n  return (\n    <TagContainer size={size} {...props}>\n      <Text {...baseTextProps} color={textColor} {...(textProps ? textProps : {})}>\n        {children}\n      </Text>\n    </TagContainer>\n  );\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport type Props = FlexBoxProps & { text?: string };\nconst DividerBase = styled(Flex).attrs<FlexBoxProps>((p: FlexBoxProps) => ({\n  my: p.my || 0,\n  height: 1,\n  backgroundColor: p.color || \"neutral.c40\",\n}))`\n  &[data-variant=\"light\"] {\n    background: ${p => p.theme.colors.neutral.c30};\n  }\n`;\n\nconst Divider: React.FC<Props> = props => {\n  if (!props.text) return <DividerBase {...props} />;\n  return (\n    <Flex {...props} flexDirection=\"row\" alignItems=\"center\">\n      <DividerBase my={6} flex={1} />\n      <Text variant=\"bodyLineHeight\" color=\"neutral.c60\" mx={6}>\n        {props.text}\n      </Text>\n      <DividerBase my={6} flex={1} />\n    </Flex>\n  );\n};\n\nexport default Divider;\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 ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\ntype IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n  ff?: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: \"xs\" | \"small\" | \"medium\" | \"large\" | \"xl\";\n  fontSize?: number;\n  variant?: ButtonVariants;\n  outline?: boolean;\n  iconPosition?: IconPosition;\n  iconButton?: boolean;\n  disabled?: boolean;\n  whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n  Icon?: React.ReactElement | React.ComponentType<{ size: number; color?: string }>;\n  children?: React.ReactNode;\n  onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n  iconSize?: number;\n  style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n  iconPosition: IconPosition;\n}>`\n  display: inline-block;\n  ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n  padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n  main: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c100};\n        color: ${p.theme.colors.neutral.c100};\n        background-color: transparent;\n        &:hover, &:focus {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n        }\n        &:active {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c00};\n        background-color: ${p.theme.colors.neutral.c100};\n        &:hover, &:focus {\n          background-color: ${p.theme.colors.neutral.c90};\n        }\n      `,\n  },\n  shade: `\n      border-color: ${p.theme.colors.neutral.c40};\n      color: ${p.theme.colors.neutral.c100};\n      &:focus {\n        border-color: ${p.theme.colors.primary.c80};\n      }\n\n      &:hover, &:focus {\n        background-color: ${p.theme.colors.neutral.c20};\n      }\n\n      &:active {\n        background-color: ${p.theme.colors.neutral.c30};\n      }\n    `,\n  error: {\n    outline: `\n      border-color: ${p.theme.colors.error.c50};\n      color: ${p.theme.colors.error.c50};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.error.c50};\n      &:hover {\n        background-color: ${p.theme.colors.error.c40};\n      }\n    `,\n  },\n  neutral: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: ${p.theme.colors.neutral.c30};\n    &:hover {\n      background-color: ${p.theme.colors.neutral.c40};\n    }\n  `,\n  color: {\n    outline: `\n      border-color: ${p.theme.colors.primary.c80};\n      color: ${p.theme.colors.primary.c80};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.primary.c80};\n      &:hover {\n        background-color: ${p.theme.colors.primary.c70};\n      }\n    `,\n  },\n  disabled: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c50};\n        color: ${p.theme.colors.neutral.c50};\n        background-color: transparent;\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c50};\n        background-color: ${p.theme.colors.neutral.c30};\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n  },\n  default: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: transparent;\n    &:hover {\n      text-decoration: underline;\n    }\n  `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n  all: unset;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: default;\n  }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n  fontFamily: \"Inter\",\n  fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 44px;\n  border-style: solid;\n  border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n  font-weight: 600;\n  ${compose(fontFamily, fontSize, border)};\n  line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n  text-align: center;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  ${p => buttonSizeStyle[p.size || \"medium\"]}\n  text-overflow: ellipsis;\n  white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n  max-width: 100%;\n  position: relative;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  &:active {\n    box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n  &:focus, &:hover {\n    box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n\n  ${p => {\n    const variants = getVariantColors(p);\n    if (p.disabled) {\n      return p.outline || p.variant === \"shade\"\n        ? variants.disabled.outline\n        : variants.disabled.filled;\n    }\n\n    const variant: ButtonVariants | \"default\" =\n      p.variant ?? (\"default\" as ButtonVariants | \"default\");\n    switch (variant) {\n      case \"main\":\n        return p.outline ? variants.main.outline : variants.main.filled;\n      case \"shade\":\n        return variants.shade;\n\n      case \"error\":\n        return p.outline ? variants.error.outline : variants.error.filled;\n\n      case \"color\":\n        return p.outline ? variants.color.outline : variants.color.filled;\n\n      case \"neutral\":\n        return variants.neutral;\n\n      case \"default\":\n      default:\n        return variants.default;\n    }\n  }}\n  ${p =>\n    p.iconButton\n      ? css`\n          width: ${p.theme.space[12]}px;\n          padding: 0;\n          ${IconContainer} {\n            margin: 0;\n          }\n        `\n      : \"\"}\n  ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n  { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n  const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n  const IconNode = useMemo(() => {\n    if (!Icon) return null;\n    if (typeof Icon === \"object\") return Icon;\n    return <Icon size={iconNodeSize} />;\n  }, [iconNodeSize, Icon]);\n\n  return (\n    <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n      {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n      {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n      {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n    </Base>\n  );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n  ButtonProps & {\n    onToggle?: (arg0: boolean) => void;\n  }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n  Icon: props.Icon != null || ChevronBottom,\n  iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n  ${IconContainer} {\n    transition: transform 0.25s;\n    ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n  }\n`;\nexport function ButtonExpand(\n  { onToggle, onClick, ...props }: ButtonExpandProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <StyledButtonExpand\n      {...props}\n      ref={ref}\n      expanded={expanded}\n      onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n        setExpanded(expanded => !expanded);\n        onToggle != null && onToggle(!expanded);\n        onClick != null && onClick(event);\n      }}\n    />\n  );\n}\n\nexport const buttonSizeStyle: {\n  [index: string]: {\n    padding: string;\n    height: string;\n  };\n} = {\n  xs: {\n    padding: \"0 12px\",\n    height: \"28px\",\n  },\n  small: {\n    padding: \"0 20px\",\n    height: \"32px\",\n  },\n  medium: {\n    padding: \"0 24px\",\n    height: \"40px\",\n  },\n  large: {\n    padding: \"0 28px\",\n    height: \"48px\",\n  },\n  xl: {\n    padding: \"0 28px\",\n    height: \"56px\",\n  },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import { Theme } from \"../../../styles/theme\";\n\nexport function getLinkColors(\n  colors: Theme[\"colors\"],\n): Record<\"disabled\" | \"main\" | \"color\" | \"shade\", Record<\"default\" | \"pressed\", string>> {\n  return {\n    disabled: {\n      default: colors.neutral.c50,\n      pressed: colors.neutral.c50,\n    },\n    main: {\n      default: colors.neutral.c100,\n      pressed: colors.neutral.c80,\n    },\n    color: {\n      default: colors.primary.c80,\n      pressed: colors.primary.c70,\n    },\n    shade: {\n      default: colors.neutral.c70,\n      pressed: colors.neutral.c80,\n    },\n  };\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { getLinkColors } from \"./getLinkStyle\";\nimport { ctaIconSize, ctaTextType } from \"../getCtaStyle\";\nimport { Text } from \"../../asorted\";\nimport { TextProps } from \"../../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  BaseStyledProps & {\n    /**\n     * Component that takes `{size: number; color?: string}` as props\n     */\n    Icon?: React.ComponentType<{ size: number; color?: string }>;\n    /**\n     * Affects the colors of the text, icon & underline, can be overriden by the `color` prop\n     */\n    type?: \"main\" | \"shade\" | \"color\";\n    /**\n     * Affect the font variant & icon size\n     */\n    size?: \"small\" | \"medium\" | \"large\";\n    /**\n     * Color of the link, overrides colors defined by the `type` prop\n     */\n    color?: string;\n    /**\n     * Props passed to the rendered text\n     */\n    textProps?: TextProps;\n    /**\n     * If true text will always be underlined, else it will be underlined only on hover\n     */\n    alwaysUnderline?: boolean;\n    /**\n     * Position of the icon relative to the text\n     */\n    iconPosition?: \"right\" | \"left\";\n    disabled?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const DEFAULT_ICON_POSITION = \"right\";\nexport const DEFAULT_SIZE = \"medium\";\nexport const DEFAULT_TYPE = \"main\";\n\nconst IconContainer = styled.div<{\n  iconPosition: \"right\" | \"left\";\n  iconLink?: boolean;\n}>`\n  ${p => (p.iconLink ? \"\" : p.iconPosition === \"left\" ? `margin-right: 6px;` : `margin-left: 6px;`)}\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Base = baseStyled.a<LinkProps>`\n  color: ${({ color, theme, disabled, type = \"main\" }) =>\n    color || getLinkColors(theme.colors)[disabled ? \"disabled\" : type][\"default\"]};\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    text-decoration: underline;\n  }\n  &:active {\n    color: ${({ color, theme, type = \"main\" }) =>\n      color || getLinkColors(theme.colors)[type][\"pressed\"]};\n    text-decoration: underline;\n  }\n\n  text-decoration: ${p => (p.alwaysUnderline ? \"underline\" : \"none\")};\n\n`;\n\nconst LinkContainer = ({\n  Icon,\n  iconPosition = DEFAULT_ICON_POSITION,\n  children,\n  color,\n  size = DEFAULT_SIZE,\n  textProps,\n}: LinkProps): React.ReactElement => {\n  const text = (\n    <Text\n      variant={ctaTextType[size]}\n      fontWeight=\"semiBold\"\n      color={color || \"inherit\"}\n      {...textProps}\n    >\n      {children}\n    </Text>\n  );\n\n  return (\n    <>\n      {iconPosition === \"right\" && children ? text : null}\n      {Icon ? (\n        <IconContainer iconLink={!children} iconPosition={iconPosition}>\n          <Icon size={ctaIconSize[size]} color={color || \"currentcolor\"} />\n        </IconContainer>\n      ) : null}\n      {iconPosition === \"left\" && children ? text : null}\n    </>\n  );\n};\n\nconst Link = (props: LinkProps): React.ReactElement => {\n  const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;\n  return (\n    <Base color={color} {...props}>\n      <LinkContainer {...props} type={type} size={size} />\n    </Base>\n  );\n};\n\nexport default Link;\n","import { TextVariants } from \"../../styles/theme\";\n\nexport const ctaTextType: { [index: string]: TextVariants } = {\n  small: \"small\",\n  medium: \"paragraph\",\n  large: \"body\",\n};\n\nexport const ctaIconSize: { [index: string]: number } = {\n  small: 16,\n  medium: 18,\n  large: 20,\n};\n","import React from \"react\";\n\n// Add helpers that don't have a place in the real world component usage here.\nexport const lipsum =\n  \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius sollicitudin lectus vel finibus. Praesent eu leo nec libero interdum sodales et eget nulla. Donec tincidunt posuere sem vel porttitor. Nullam maximus urna non elit tempor, ut fermentum metus euismod. Quisque et rutrum arcu. Etiam nisl elit, tincidunt volutpat libero sed, imperdiet mollis risus. Maecenas imperdiet lectus id sapien tempus, eget fringilla nisl lacinia. Sed sem velit, egestas nec imperdiet ac, lobortis vel lectus. Curabitur dui orci, aliquam sit amet metus ut, sollicitudin fermentum erat. Curabitur id purus eget lectus varius congue. Donec eu auctor augue. Ut eleifend arcu nisl, volutpat fringilla quam cursus sit amet. Praesent leo enim, cursus vel egestas sed, vestibulum imperdiet diam. Etiam a diam lectus. Suspendisse aliquam imperdiet ultrices. Phasellus eget nulla eros. Nullam semper porta pulvinar. Duis maximus, lectus ac fringilla interdum, lacus ex cursus tellus, et dapibus est nisi id dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla gravida elit turpis, ac condimentum velit placerat at. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dolor tellus, semper id pulvinar eget, ornare bibendum justo. Sed in libero nisl. Morbi tincidunt sollicitudin nunc, vel imperdiet nisi iaculis vel. Nam viverra lorem vel ligula varius, lacinia maximus metus porta. Sed vitae vehicula leo. Proin sed lectus in lorem laoreet iaculis sed ut eros. Pellentesque et rhoncus sapien. Nam fringilla mauris nec tellus vestibulum, vel convallis mauris sagittis. Vivamus et lacinia dui. Sed pharetra vitae lacus vel facilisis. Nullam et sollicitudin risus. Curabitur egestas bibendum neque, sed lacinia nisi cursus nec. Quisque sed diam congue, luctus magna eget, convallis lectus. Cras ut tellus imperdiet, blandit magna non, auctor felis. Suspendisse potenti. Nulla volutpat felis vitae ante blandit tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sagittis scelerisque magna quis ultrices\";\n\nexport type StoryTemplate<Args> = {\n  (args: Args): React.ReactNode;\n  args?: Partial<Args>;\n  parameters?: unknown;\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\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","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  \"$$typeof\" in (value as Record<string, unknown>) &&\n  ((value as { $$typeof?: unknown }).$$typeof === REACT_ELEMENT_TYPE ||\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,\n  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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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, { useMemo } from \"react\";\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\nimport styled from \"styled-components\";\nimport { useArgs } from \"storybook/manager-api\";\nimport { Props as FlowStepperProps } from \"./index\";\nimport { Divider, Flex, FlowStepper, Text, Button, Box, Link, IconsLegacy, Tag } from \"../../..\";\nimport type { Size as TagSize } from \"../../Tag\";\nimport { lipsum, StoryTemplate } from \"../../helpers\";\nimport { useState } from \"react\";\n\nconst description = `\n### A customizable flow layout.\n\nThis component accepts multiple children as steps and displays the active one as well\na progress stepper and optionally a header and/or a footer.\n\n## Usage\n\n\\`\\`\\`js\n\nimport { FlowStepper } from \"@ledgerhq/react-ui\"\n\n\\`\\`\\`\n\nEach step is a child of the component, which must be a JSX element having at least a \\`label\\` prop.\nThis label will be used by the flow stepper to populate the name of the step inside the progress stepper component.\n\n### Tip #1:\nTo avoid creating specific passthrough components you can use the \\`<FlowStepper.Step label=\"Step label\">{…}</FlowStepper.Step>\\` helper.\n\n### Tip #2:\nYou can define a specific header/footer for a given step by using the props \\`header\\`/\\`footer\\` on each step child of the component.\n\n\\`\\`\\`jsx\n<FlowStepper\n  activeIndex={1}\n  renderStepFooter={ // Optional\n    ({activeIndex, stepsLength, children}) => (\n      <YourFooterWrapper>\n        {children}\n      </YourFooterWrapper>\n    )\n  }\n>\n  <YourStepA label=\"StepA\" />\n  <YourStepB label=\"StepB\" footer={<YourStepBFooter />}/>\n  <YourStepC label=\"StepC\" />\n  <YourStepD label=\"StepD\" />\n</FlowStepper.Indexed>\n\\`\\`\\`\n\n### Tip #3:\nIf you want to define steps that are identified by a \\`string\\` identifier, you can use FlowStepper with the \\`activeKey\\` prop and children that each have an \\`itemKey\\` prop.\nThis allows you to not have to hardcode steps indices.\n\n\\`\\`\\`jsx\n<FlowStepper.Indexed activeKey=\"stepC\">\n  <YourStepA label=\"StepA\" itemKey=\"stepA\" />\n  <YourStepB label=\"StepB\" itemKey=\"stepB\" />\n  <YourStepC label=\"StepC\" itemKey=\"stepC\" />\n  <YourStepD label=\"StepD\" itemKey=\"stepD\" />\n</FlowStepper.Indexed>\n\\`\\`\\`\n\n\n## Basic example:\n\n\\`\\`\\`jsx\nconst NB_OF_STEPS = 10;\nconst [activeIndex, setActiveIndex] = React.useState(0);\n\n<FlowStepper\n  activeIndex={activeIndex}\n  header={() => (\n    <Text variant=\"h1\">\n      Header - Page n°{activeIndex + 1} / {NB_OF_STEPS}\n    </Text>\n  )}\n  footer={() => (\n    <Flex mt={6} flexDirection=\"column\" rowGap={6} alignItems=\"flex-end\">\n      <Box alignSelf=\"stretch\">\n        <Divider variant=\"light\" />\n      </Box>\n      <Flex columnGap={6}>\n        <Button\n          variant=\"main\"\n          outline\n          disabled={activeIndex <= 0}\n          onClick={() => setActiveIndex(i => i - 1)}\n        >\n          Previous\n        </Button>\n        <Button\n          variant=\"main\"\n          disabled={activeIndex >= NB_OF_STEPS - 1}\n          onClick={() => setActiveIndex(i => i + 1)}\n        >\n          Continue\n        </Button>\n      </Flex>\n    </Flex>\n  )}\n>\n  {new Array(NB_OF_STEPS).fill(0).map((_, index) => (\n    <FlowStepper.Step label={\"Step \" + index}>\n      <Text key={index} variant=\"body\">\n        {lipsum}\n      </Text>\n    </FlowStepper.Step>\n  ))}\n</FlowStepper>\n\\`\\`\\`\n\n\n`;\n\nexport default {\n  title: \"Navigation/FlowStepper\",\n  component: FlowStepper,\n  argTypes: {\n    activeIndex: { control: \"number\" },\n    extraProps: { control: \"disabled\" },\n    extraContainerProps: { control: \"disabled\" },\n    extraStepperProps: { control: \"disabled\" },\n    extraStepperContainerProps: { control: \"disabled\" },\n    children: { control: \"disabled\" },\n    renderChildren: { control: \"disabled\" },\n    header: { control: \"disabled\" },\n    stepHeaders: { control: \"disabled\" },\n    renderStepHeader: { control: \"disabled\" },\n    footer: { control: \"disabled\" },\n    stepFooters: { control: \"disabled\" },\n    renderStepFooter: { control: \"disabled\" },\n  },\n  args: {\n    activeIndex: 0,\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: description,\n      },\n    },\n  },\n};\n\nconst NB_OF_STEPS = 5;\nexport const Minimal: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const { activeIndex, ...rest } = args;\n  const [, updateArgs] = useArgs();\n\n  return (\n    <FlowStepper\n      activeIndex={activeIndex}\n      header={() => (\n        <Text variant=\"h1\">\n          Header - Page n°{activeIndex + 1} / {NB_OF_STEPS}\n        </Text>\n      )}\n      footer={() => (\n        <Flex mt={6} flexDirection=\"column\" rowGap={6} alignItems=\"flex-end\">\n          <Box alignSelf=\"stretch\">\n            <Divider />\n          </Box>\n          <Flex columnGap={6}>\n            <Button\n              variant=\"main\"\n              outline\n              disabled={activeIndex <= 0}\n              onClick={() => updateArgs({ activeIndex: activeIndex - 1 })}\n            >\n              Previous\n            </Button>\n            <Button\n              variant=\"main\"\n              disabled={activeIndex >= NB_OF_STEPS - 1}\n              onClick={() => updateArgs({ activeIndex: activeIndex + 1 })}\n            >\n              Continue\n            </Button>\n          </Flex>\n        </Flex>\n      )}\n      {...rest}\n    >\n      {[\n        ...new Array(NB_OF_STEPS).fill(0).map((_, index) => (\n          <FlowStepper.Step label={\"Step \" + index}>\n            <Text key={index} variant=\"body\">\n              {lipsum}\n            </Text>\n            <Button mt={2} onClick={() => updateArgs({ activeIndex: NB_OF_STEPS })}>\n              Navigate to the hidden step.\n            </Button>\n          </FlowStepper.Step>\n        )),\n        <FlowStepper.Step label=\"Hidden Step\" hidden>\n          <Text key=\"hidden\" variant=\"body\">\n            I am hidden.\n          </Text>\n        </FlowStepper.Step>,\n      ]}\n    </FlowStepper>\n  );\n};\n\nconst Header = ({ activeIndex, onBack }: { activeIndex: number; onBack?: () => void }) => {\n  return (\n    <Box position=\"relative\" my={6}>\n      {onBack && (\n        <Box position=\"absolute\">\n          <Link onClick={onBack} Icon={IconsLegacy.ArrowLeftMedium} iconPosition=\"left\">\n            Back\n          </Link>\n        </Box>\n      )}\n      <Flex justifyContent=\"center\">\n        <Text variant=\"h2\">Header {activeIndex + 1}</Text>\n      </Flex>\n    </Box>\n  );\n};\n\nconst Footer = ({\n  onContinue,\n  children,\n}: {\n  onContinue?: () => void;\n  children?: React.ReactNode;\n}) => (\n  <Flex mt={6} flexDirection=\"column\" rowGap={6}>\n    <Box alignSelf=\"stretch\">\n      <Divider />\n    </Box>\n    <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n      {children || <Flex />}\n      {onContinue && (\n        <Button variant=\"main\" onClick={onContinue}>\n          Continue\n        </Button>\n      )}\n    </Flex>\n  </Flex>\n);\n\nconst AnimatedItem = styled(Flex)`\n  transition: opacity 500ms;\n  width: 100%;\n  height: 100%;\n  &.step-enter {\n    opacity: 0;\n  }\n  &.step-enter-active {\n    opacity: 1;\n  }\n  &.step-exit {\n    opacity: 1;\n  }\n  &.step-exit-active {\n    opacity: 0;\n  }\n`;\nconst Item = ({ label }: { label: string }) => (\n  <AnimatedItem>\n    <Flex\n      position=\"absolute\"\n      left=\"0\"\n      right=\"0\"\n      top=\"0\"\n      bottom=\"0\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      backgroundColor={`${label.toLowerCase()}.c50`}\n    >\n      <Text variant=\"h2\" textTransform=\"capitalize\">\n        {label}\n      </Text>\n    </Flex>\n  </AnimatedItem>\n);\n\nconst steps = [\"Primary\", \"Neutral\", \"Success\", \"Warning\", \"Error\"];\n\nconst StepFooter = ({ label }: { label: string }) => (\n  <Flex flexDirection=\"row\" alignItems=\"center\">\n    <Text whiteSpace=\"pre\">Footer for step </Text>\n    <Tag size={\"medium\" as TagSize} type=\"plain\" active>\n      {label}\n    </Tag>\n  </Flex>\n);\n\nexport const Demo: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const [, updateArgs] = useArgs();\n\n  return (\n    <Flex height=\"90vh\">\n      <FlowStepper\n        header={({ activeIndex }) => (\n          <Header\n            activeIndex={activeIndex}\n            onBack={\n              activeIndex > 0\n                ? () => {\n                    updateArgs({ activeIndex: activeIndex - 1 });\n                  }\n                : undefined\n            }\n          />\n        )}\n        renderStepFooter={({ stepsLength, activeIndex, children }) => (\n          <Footer\n            onContinue={\n              activeIndex < stepsLength - 1\n                ? () => {\n                    updateArgs({ activeIndex: activeIndex + 1 });\n                  }\n                : undefined\n            }\n          >\n            {children}\n          </Footer>\n        )}\n        extraStepperContainerProps={{ my: 12 }}\n        extraStepperProps={{ maxWidth: \"500px\" }}\n        renderChildren={({ children }) => (\n          <TransitionGroup component={null}>{children}</TransitionGroup>\n        )}\n        {...args}\n      >\n        {steps.map(label => (\n          <CSSTransition\n            key={label}\n            label={label}\n            footer={<StepFooter label={label} />}\n            timeout={500}\n            classNames=\"step\"\n            mountOnEnter\n            unmountOnExit\n          >\n            <Item label={label} />\n          </CSSTransition>\n        ))}\n      </FlowStepper>\n    </Flex>\n  );\n};\n\nconst StepWithNavigation = (props: { label: string; setActiveStep: (arg: string) => void }) => {\n  const { label, setActiveStep } = props;\n  const content = useMemo(() => {\n    return steps.map(step => {\n      return (\n        <Button\n          key={step}\n          disabled={step === label}\n          variant=\"main\"\n          onClick={() => setActiveStep(step)}\n        >\n          Go to \"{step}\"\n        </Button>\n      );\n    });\n  }, [setActiveStep, label]);\n  return (\n    <Flex\n      flex={1}\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      padding={4}\n      rowGap={4}\n      backgroundColor={`${label.toLowerCase()}.c50`}\n    >\n      {content}\n    </Flex>\n  );\n};\n\nexport const IndexedByKey: StoryTemplate<FlowStepperProps<unknown>> = args => {\n  const [activeStep, setActiveStep] = useState(steps[0]);\n  return (\n    <Flex height=\"90vh\">\n      <FlowStepper.Indexed\n        activeKey={activeStep}\n        header={({ activeIndex }) => (\n          <Header\n            activeIndex={activeIndex}\n            onBack={\n              activeIndex > 0\n                ? () => {\n                    setActiveStep(steps[activeIndex - 1]);\n                  }\n                : undefined\n            }\n          />\n        )}\n        footer={({ stepsLength, activeIndex }) => (\n          <Footer\n            onContinue={\n              activeIndex < stepsLength - 1\n                ? () => {\n                    setActiveStep(steps[activeIndex + 1]);\n                  }\n                : undefined\n            }\n          />\n        )}\n        extraStepperContainerProps={{ my: 12 }}\n        extraStepperProps={{ maxWidth: \"500px\" }}\n        {...args}\n      >\n        {steps.map(label => (\n          <FlowStepper.Indexed.Step key={label} label={label} itemKey={label}>\n            <StepWithNavigation label={label} setActiveStep={setActiveStep} />\n          </FlowStepper.Indexed.Step>\n        ))}\n      </FlowStepper.Indexed>\n    </Flex>\n  );\n};\n"],"names":["React","border","Text","baseStyled","getColor","type","active","disabled","getBgColor","undefined","getBorderColor","getPadding","size","getTextProps","TagContainer","props","p","Tag","children","textProps","textColor","baseTextProps","styled","Flex","DividerBase","Divider","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","Icon","iconPosition","iconSize","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","getLinkColors","colors","ctaIconSize","ctaTextType","DEFAULT_ICON_POSITION","DEFAULT_SIZE","DEFAULT_TYPE","theme","LinkContainer","text","Link","lipsum","Box","FlexBox","Stepper","isValidReactElement","FlowStepper","activeIndex","header","renderStepHeader","footer","renderStepFooter","extraProps","extraContainerProps","extraStepperProps","extraStepperContainerProps","extraChildrenContainerProps","renderChildren","steps","innerContents","stepFooter","stepHeader","acc","child","idx","stepChild","index","label","hidden","renderArgs","getSectionContents","renderFunc","stepSection","renderStepFunc","console","Step","FlowStepperIndexed","activeKey","otherProps","IndexedStep","memo","Fragment","space","IconsLegacy","Item","StepText","BaseSeparator","Separator","stepContentsByState","state","Label","hideLeftSeparator","nextState","inactive","nextInactive","getState","errored","completed","disabledIndexes","filterDuplicate","isOver","displayedSteps","step","dislayedActiveIndex","gaps","flexbox","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","REACT_ELEMENT_TYPE","Symbol","REACT_TRANSITIONAL_ELEMENT_TYPE","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","TransitionGroup","CSSTransition","useArgs","description","NB_OF_STEPS","Minimal","args","rest","updateArgs","Array","_","Header","onBack","Footer","onContinue","AnimatedItem","StepFooter","Demo","stepsLength","StepWithNavigation","setActiveStep","content","IndexedByKey","activeStep"],"mappings":";;;;;;;;;;AAA0B;AAC0B;AACF;AACM;AA6BxD,SAASI,SAAS,EAAEC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAY;IACpD,OAAQF;QACN,KAAK;YACH,IAAIE,UAAU,OAAOD,SAAS,gBAAgB;YAC9C,OAAOA,SAAS,gBAAgB;QAClC;YACE,OAAOC,WAAW,gBAAgB;IACtC;AACF;AAEA,SAASC,WAAW,EAAEH,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAY;IACtD,OAAQF;QACN,KAAK;YACH,OAAOC,SAAUC,WAAW,gBAAgB,gBAAiBE;QAC/D,KAAK;YACH,OAAOH,SAAUC,WAAW,gBAAgB,gBAAiBE;QAC/D;YACE;IACJ;AACF;AAEA,SAASC,eAAe,EAAEL,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAY;IAC1D,IAAI,CAACD,QAAQ;IACb,OAAQD;QACN,KAAK;YACH,OAAOE,WAAW,gBAAgB;QACpC,KAAK;YACH,OAAOA,WAAW,gBAAgB;IACtC;AACF;AAEA,SAASI,WAAW,EAAEC,IAAI,EAAY;IACpC,0FAA0F;IAC1F,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;QACL;YACE,OAAO;IACX;AACF;AAEA,SAASC,aAAa,EAAED,IAAI,EAAY;IACtC,OAAQA;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO;gBACL,SAAS;gBACT,YAAY;gBACZ,YAAY;YACd;QACF,KAAK;QACL;YACE,OAAO;gBACL,SAAS;gBACT,YAAY;YACd;IACJ;AACF;AAEA,MAAME,eAAeX,6CAAoB,CAAqBY,CAAAA,QAAU;QACtE,iBAAiBA,MAAM,EAAE,IAAIA,MAAM,eAAe,IAAIP,WAAWO;QACjE,OAAOA,MAAM,KAAK,IAAIX,SAASW;QAC/B,aAAaL,eAAeK;IAC9B,GAAG,CAAC;;;;iBAIa,EAAEC,CAAAA,IAAK,GAAGA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;WACrC,EAAEA,CAAAA,IAAKL,WAAWK,GAAG;EAC9B,EAAEf,qCAAMA,CAAC;AACX,CAAC;AAEc,SAASgB,IAAI,EAC1BC,QAAQ,EACRC,SAAS,EACTP,OAAO,OAAO,EACd,GAAGG,OACM;IACT,MAAMK,YAAYhB,SAASW;IAC3B,MAAMM,gBAAgBR,aAAa;QAAED;QAAM,GAAGG,KAAK;IAAC;IACpD,qBACE,+CAACD;QAAa,MAAMF;QAAO,GAAGG,KAAK;qBACjC,+CAACb,yCAAIA;QAAE,GAAGmB,aAAa;QAAE,OAAOD;QAAY,GAAID,YAAYA,YAAY,CAAC,CAAC;OACvED;AAIT;;;;;;;;;;;;;;;AC7H0B;AACa;AACgB;AACjB;AAGtC,MAAMM,cAAcF,4CAAMA,CAACC,4CAAIA,EAAE,KAAK,CAAe,CAACP,IAAqB;QACzE,IAAIA,EAAE,EAAE,IAAI;QACZ,QAAQ;QACR,iBAAiBA,EAAE,KAAK,IAAI;IAC9B,GAAG,CAAC;;gBAEY,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;AAElD,CAAC;AAED,MAAMS,UAA2BV,CAAAA;IAC/B,IAAI,CAACA,MAAM,IAAI,EAAE,qBAAO,+CAACS,aAAgBT;IACzC,qBACE,+CAACQ,wCAAIA;QAAE,GAAGR,KAAK;QAAE,eAAc;QAAM,YAAW;qBAC9C,+CAACS;QAAY,IAAI;QAAG,MAAM;sBAC1B,+CAACtB,yCAAIA;QAAC,SAAQ;QAAiB,OAAM;QAAc,IAAI;OACpDa,MAAM,IAAI,iBAEb,+CAACS;QAAY,IAAI;QAAG,MAAM;;AAGhC;AAEA,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;;;;;AC7BG;AACiC;AASpC;AACoC;AAEf;AAE5C,MAAMU,YAAYH,yCAAMA,CAAC;IACvB,WAAW;QACT,UAAU;QACV,WAAWI,CAAAA,QAAUA,QAAQ,cAAc;IAC7C;AACF;AA6BA,MAAMlC,OAAOC,8CAAqB,CAChC,CAAC,EAAEkC,UAAU,MAAM,EAAEV,QAAQ,EAAEW,KAAK,EAAE,GAAM;QAC1C,UAAUX,WAAWA,WAAWU;QAChC,OAAOC,SAAS;IAClB,GACD,CAAC;;eAEa,EAAEvB,CAAAA,QAASA,MAAM,UAAU,IAAI,SAAS;EACrD,EAAE,CAACC,IAAiBkB,yCAAgB,CAAClB,EAAE,OAAO,IAAI,OAAO,CAAC;EAC1D,EAAEU,0CAAOA,CACPS,WACAL,yCAAUA,EACVG,qDAAUA,EACVN,uCAAQA,EACRE,wCAASA,EACTD,yCAAUA,EACVG,4CAAaA,EACbC,yCAAMA,CAAC;IACL,cAAc;AAChB,IACA;EACF,EAAEhB,CAAAA,IAAMA,EAAE,aAAa,GAAG,CAAC,gBAAgB,EAAEA,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAI;AACxE,CAAC;AAED,sDAAed,IAAIA,EAAC;;;;;;;;;;;;ACxEoB;AAGxC,MAAMsC,gBAAgB,CAACC,OAAiB,CAAC1B;QACvC,MAAM2B,YAAY3B,MAAM,SAAS,IAAI;QACrC,MAAM4B,WAAY5B,MAAM,YAAY,IAAIA,MAAM,YAAY,CAAC0B,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,MAAMN,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3J6E;AAC9B;AACY;AACW;AACzB;AACY;AACT;AACS;AAyB3D,MAAMgB,gBAAgB5B,0CAEpB,CAAC;;EAED,EAAEN,CAAAA,IAAK,GAAGA,EAAE,YAAY,KAAK,SAAS,iBAAiB,cAAc,EAAE,EAAEA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;;AAEjG,CAAC;AAED,MAAMmC,mBAAmB,CAACnC,IAA+B;QACvD,MAAM;YACJ,SAAS,CAAC;sBACQ,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;eACrC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;4BAGjB,EAAEgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;;4BAG1C,EAAEgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;MAEhE,CAAC;YACH,QAAQ,CAAC;eACE,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;0BAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;4BAE5B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;MAEnD,CAAC;QACL;QACA,OAAO,CAAC;oBACU,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;aACpC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;sBAErB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;0BAIzB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;0BAI7B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;IAEnD,CAAC;QACH,OAAO;YACL,SAAS,CAAC;oBACM,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;aAClC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;;0BAGd,EAAEgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM;;;0BAGvC,EAAEgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM;;IAE7D,CAAC;YACD,QAAQ,CAAC;aACA,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;wBAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;0BAEzB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;IAEjD,CAAC;QACH;QACA,SAAS,CAAC;WACD,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;sBACnB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;wBAE3B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAEnD,CAAC;QACD,OAAO;YACL,SAAS,CAAC;oBACM,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;aACpC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;0BAGhB,EAAEgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;;0BAG1C,EAAEgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;IAEhE,CAAC;YACD,QAAQ,CAAC;aACA,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;wBAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;0BAE3B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;IAEnD,CAAC;QACH;QACA,UAAU;YACR,SAAS,CAAC;sBACQ,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;eACpC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;MAKtC,CAAC;YACH,QAAQ,CAAC;eACE,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;0BAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;MAIjD,CAAC;QACL;QACA,SAAS,CAAC;WACD,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;EAKvC,CAAC;IACH;AAEO,MAAMoC,iBAAiBjD,wBAAiB,CAAC;;;;;;;AAOhD,CAAC,CAAC;AAEK,MAAMkD,OAAOlD,8BAAuB,CAAC,CAACa,IAAkB;QAC7D,YAAY;QACZ,UAAUA,EAAE,QAAQ,IAAI;IAC1B,GAAc,CAAC;;;;;gBAKC,EAAEA,CAAAA,IAAMA,EAAE,OAAO,IAAIA,EAAE,OAAO,KAAK,UAAU,IAAI,EAAG;;EAElE,EAAEU,mCAAOA,CAACO,qBAAUA,EAAEN,gCAAQA,EAAE1B,8BAAMA,EAAE;eAC3B,EAAEe,CAAAA,IAAKA,EAAE,KAAK,CAAC,SAAS,CAACA,EAAE,QAAQ,CAAC,CAAC;;;;;;EAMlD,EAAEA,CAAAA,IAAKsC,eAAe,CAACtC,EAAE,IAAI,IAAI,SAAS,CAAC;;eAE9B,EAAEA,CAAAA,IAAMA,EAAE,UAAU,GAAGA,EAAE,UAAU,GAAG,SAAU;;;UAGrD,EAAEA,CAAAA,IAAMA,EAAE,QAAQ,GAAG,YAAY,UAAW;;0BAE5B,EAAEA,CAAAA,IAAKgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK;;;0BAG7C,EAAEA,CAAAA,IAAKgC,gBAAIA,CAAChC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK;;;EAGrE,EAAEA,CAAAA;IACA,MAAMuC,WAAWJ,iBAAiBnC;IAClC,IAAIA,EAAE,QAAQ,EAAE;QACd,OAAOA,EAAE,OAAO,IAAIA,EAAE,OAAO,KAAK,UAC9BuC,SAAS,QAAQ,CAAC,OAAO,GACzBA,SAAS,QAAQ,CAAC,MAAM;IAC9B;IAEA,MAAMlB,UACJrB,EAAE,OAAO,IAAK;IAChB,OAAQqB;QACN,KAAK;YACH,OAAOrB,EAAE,OAAO,GAAGuC,SAAS,IAAI,CAAC,OAAO,GAAGA,SAAS,IAAI,CAAC,MAAM;QACjE,KAAK;YACH,OAAOA,SAAS,KAAK;QAEvB,KAAK;YACH,OAAOvC,EAAE,OAAO,GAAGuC,SAAS,KAAK,CAAC,OAAO,GAAGA,SAAS,KAAK,CAAC,MAAM;QAEnE,KAAK;YACH,OAAOvC,EAAE,OAAO,GAAGuC,SAAS,KAAK,CAAC,OAAO,GAAGA,SAAS,KAAK,CAAC,MAAM;QAEnE,KAAK;YACH,OAAOA,SAAS,OAAO;QAEzB,KAAK;QACL;YACE,OAAOA,SAAS,OAAO;IAC3B;AACF,EAAE;EACF,EAAEvC,CAAAA,IACAA,EAAE,UAAU,GACRuB,mCAAG,CAAC;iBACK,EAAEvB,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;UAE3B,EAAEkC,cAAc;;;QAGlB,CAAC,GACD,GAAG;EACT,EAAElC,CAAAA,IAAKA,EAAE,KAAK,CAAC,UAAU,CAAC;QAAC;QAAoB;QAAS;QAAgB;KAAa,EAAE,QAAQ;AACjG,CAAC,CAAC;AAEF,MAAMwC,mBAAmBlC,0CAAU,CAAC,CAAC;AAErC,MAAMmC,SAAS,CACb,EAAEC,IAAI,EAAEC,eAAe,OAAO,EAAEC,WAAW,EAAE,EAAE1C,QAAQ,EAAE2C,OAAO,EAAE,GAAG9C,OAAoB,EACzF+C;IAEA,MAAMC,eAAeH,YAAYX,eAAS,CAAClC,MAAM,QAAQ,IAAI,EAAE;IAC/D,MAAMiD,WAAWlB,2BAAOA,CAAC;QACvB,IAAI,CAACY,MAAM,OAAO;QAClB,IAAI,OAAOA,SAAS,UAAU,OAAOA;QACrC,qBAAO,uCAACA;YAAK,MAAMK;;IACrB,GAAG;QAACA;QAAcL;KAAK;IAEvB,qBACE,uCAACL;QAAM,GAAGtC,KAAK;QAAE,KAAK+C;QAAK,YAAY,CAAEJ,CAAAA,QAAQ,IAAG,KAAM,CAACxC;QAAU,SAAS2C;OAC3EF,iBAAiB,wBAAU,uCAACH,wBAAkBtC,YAA+B,MAC7E8C,0BAAY,uCAACd;QAAc,cAAcS;OAAeK,WACxDL,iBAAiB,uBAAS,uCAACH,wBAAkBtC,YAA+B;AAGnF;AACA,MAAM+C,8BAAgBjE,mCAAgB,CAACyD;AAQvC,MAAMS,qBAAqB5C,oCAAMA,CAAC2C,eAAe,KAAK,CAAClD,CAAAA,QAAU;QAC/D,MAAMA,MAAM,IAAI,IAAI,QAAQ8B,+BAAaA;QACzC,cAAc9B,MAAM,YAAY,IAAI;IACtC,GAA0B,CAAC;EACzB,EAAEmC,cAAc;;IAEd,EAAElC,CAAAA,IAAMA,EAAE,QAAQ,GAAG,8BAA8B,GAAI;;AAE3D,CAAC;AACM,SAASmD,aACd,EAAEC,QAAQ,EAAEP,OAAO,EAAE,GAAG9C,OAA0B,EAClD+C,GAA2C;IAE3C,MAAM,CAACO,UAAUC,YAAY,GAAGvB,4BAAQA,CAAC;IACzC,qBACE,uCAACmB;QACE,GAAGnD,KAAK;QACT,KAAK+C;QACL,UAAUO;QACV,SAAS,CAACE;YACRD,YAAYD,CAAAA,WAAY,CAACA;YACzBD,YAAY,QAAQA,SAAS,CAACC;YAC9BR,WAAW,QAAQA,QAAQU;QAC7B;;AAGN;AAEO,MAAMjB,kBAKT;IACF,IAAI;QACF,SAAS;QACT,QAAQ;IACV;IACA,OAAO;QACL,SAAS;QACT,QAAQ;IACV;IACA,QAAQ;QACN,SAAS;QACT,QAAQ;IACV;IACA,OAAO;QACL,SAAS;QACT,QAAQ;IACV;IACA,IAAI;QACF,SAAS;QACT,QAAQ;IACV;AACF,EAAE;AAEFG,OAAO,QAAQ,GAAGL;AAClBK,OAAO,MAAM,iBAAGzD,mCAAgB,CAACmE;AACjCF,cAAc,QAAQ,GAAGR,OAAO,QAAQ;AACxCQ,cAAc,MAAM,GAAGR,OAAO,MAAM;AACpC,yCAAeQ,aAAaA,EAAC;;;;;AC9TtB,SAASO,cACdC,MAAuB;IAEvB,OAAO;QACL,UAAU;YACR,SAASA,OAAO,OAAO,CAAC,GAAG;YAC3B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;QACA,MAAM;YACJ,SAASA,OAAO,OAAO,CAAC,IAAI;YAC5B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;QACA,OAAO;YACL,SAASA,OAAO,OAAO,CAAC,GAAG;YAC3B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;QACA,OAAO;YACL,SAASA,OAAO,OAAO,CAAC,GAAG;YAC3B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;IACF;AACF;;;;;;;;;;;;;;;;;;;;ACvB0B;AACa;AACQ;AACW;AACrB;AAEsB;AAoCpD,MAAMG,wBAAwB,QAAQ;AACtC,MAAMC,eAAe,SAAS;AAC9B,MAAMC,eAAe,OAAO;AAEnC,MAAM5B,gBAAgB5B,kDAGpB,CAAC;EACD,EAAEN,CAAAA,IAAMA,EAAE,QAAQ,GAAG,KAAKA,EAAE,YAAY,KAAK,SAAS,CAAC,kBAAkB,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAE;;;;AAIpG,CAAC;AAEM,MAAMqC,OAAOlD,qCAAuB,CAAC;SACnC,EAAE,CAAC,EAAEmC,KAAK,EAAEyC,KAAK,EAAExE,QAAQ,EAAEF,OAAO,MAAM,EAAE,GACjDiC,SAASkC,gDAAaA,CAACO,MAAM,MAAM,CAAC,CAACxE,WAAW,aAAaF,KAAK,CAAC,UAAU,CAAC;;;;;;;;;;;;WAYvE,EAAE,CAAC,EAAEiC,KAAK,EAAEyC,KAAK,EAAE1E,OAAO,MAAM,EAAE,GACvCiC,SAASkC,gDAAaA,CAACO,MAAM,MAAM,CAAC,CAAC1E,KAAK,CAAC,UAAU,CAAC;;;;mBAIzC,EAAEW,CAAAA,IAAMA,EAAE,eAAe,GAAG,cAAc,OAAQ;;AAErE,CAAC,CAAC;AAEF,MAAMgE,gBAAgB,CAAC,EACrBtB,IAAI,EACJC,eAAeiB,qBAAqB,EACpC1D,QAAQ,EACRoB,KAAK,EACL1B,OAAOiE,YAAY,EACnB1D,SAAS,EACC;IACV,MAAM8D,qBACJ,+CAAC/E,oCAAIA;QACH,SAASyE,yCAAW,CAAC/D,KAAK;QAC1B,YAAW;QACX,OAAO0B,SAAS;QACf,GAAGnB,SAAS;OAEZD;IAIL,qBACE,kGACGyC,iBAAiB,WAAWzC,WAAW+D,OAAO,MAC9CvB,qBACC,+CAACR;QAAc,UAAU,CAAChC;QAAU,cAAcyC;qBAChD,+CAACD;QAAK,MAAMgB,yCAAW,CAAC9D,KAAK;QAAE,OAAO0B,SAAS;UAE/C,MACHqB,iBAAiB,UAAUzC,WAAW+D,OAAO;AAGpD;AAEA,MAAMC,OAAO,CAACnE;IACZ,MAAM,EAAEV,OAAOyE,YAAY,EAAElE,OAAOiE,YAAY,EAAEvC,KAAK,EAAE,GAAGvB;IAC5D,qBACE,+CAACsC;QAAK,OAAOf;QAAQ,GAAGvB,KAAK;qBAC3B,+CAACiE;QAAe,GAAGjE,KAAK;QAAE,MAAMV;QAAM,MAAMO;;AAGlD;AAEA,sDAAesE,IAAIA,EAAC;;;;;ACtHb,MAAMP,cAAiD;IAC5D,OAAO;IACP,QAAQ;IACR,OAAO;AACT,EAAE;AAEK,MAAMD,cAA2C;IACtD,OAAO;IACP,QAAQ;IACR,OAAO;AACT,EAAE;;;;;;;;;;;ACVF,8EAA8E;AACvE,MAAMS,SACX,ojEAAojE;;;;;;;;;;;ACJ3/D;AAI3D,MAAMC,MAAMjF,uCAA+B,CAAC,CAAC;AAE7C,sDAAeiF,GAAGA,EAAC;;;;;;;;;;;ACNwC;AAE3D,MAAMC,UAAUlF,6CAAoB,CAAmC;IACrE,SAAS;IACT,UAAU;AACZ,EAAE,CAAC,CAAC;AAGJ,sDAAekF,OAAOA,EAAC;;;;;;;;;;;;;;;;;;ACRG;AAE0C;AACvC;AAC0B;AAwGvD,SAASG,YAAwB,EAC/BC,WAAW,EACXC,MAAM,EACNC,gBAAgB,EAChBC,MAAM,EACNC,gBAAgB,EAChBC,UAAU,EACVC,mBAAmB,EACnBC,iBAAiB,EACjBC,0BAA0B,EAC1BC,2BAA2B,EAC3BC,cAAc,EACdjF,QAAQ,EACU;IAClB,MAAM,EAAEkF,KAAK,EAAEC,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGvG,iDAAsB,CAACkB,UAAU,MAAM,CAM9F,CAACsF,KAAKC,OAAOC;QACX,MAAMC,YAAYpB,iDAAmBA,CAACkB,SAAUA,QAAsB;QACtE,MAAMG,QAAQD,WAAW,MAAM,SAASD;QACxC,MAAMG,QAAQF,WAAW,MAAM;QAC/B,MAAMG,SAASH,WAAW,MAAM;QAChC,MAAMJ,aAAaI,WAAW,MAAM;QACpC,MAAML,aAAaK,WAAW,MAAM;QAEpC,IAAIE,SAAS,CAACC,QAAQ;YACpBN,IAAI,KAAK,CAACI,MAAM,GAAGC;QACrB;QACA,IAAID,UAAUnB,aAAa;YACzBe,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,MAAMO,aAAa;QAAE,GAAGjB,UAAU;QAAEL;QAAa,aAAaW,MAAM,MAAM;IAAC;IAG3E,SAASY,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;QAAE3B;QAAaW;QAAOC;QAAeE;QAAYD;IAAW;IACvF,qBACE,+CAAC/E,wCAAIA;QAAC,MAAM;QAAG,eAAc;QAAU,GAAGwE,mBAAmB;OAC1DiB,mBAAmBtB,QAAQa,YAAYZ,iCACxC,+CAACpE,wCAAIA;QAAC,IAAI;QAAG,gBAAe;QAAU,GAAG0E,0BAA0B;qBACjE,+CAACX,6BAAOA;QAAC,aAAaG;QAAa,OAAOW;QAAO,MAAM;QAAI,GAAGJ,iBAAiB;uBAEjF,+CAACzE,wCAAIA;QAAC,MAAM;QAAG,eAAc;QAAS,UAAS;QAAY,GAAG2E,2BAA2B;OACtFC,iBACGA,eAAe;QAAE,GAAGY,UAAU;QAAE,UAAUV;IAAc,KACxDA,gBAELW,mBAAmBpB,QAAQU,YAAYT;AAG9C;AAEA,SAASwB,KAAK,EAAEnG,QAAQ,EAAa;IACnC,qBAAO,kGAAGA;AACZ;AAEAsE,YAAY,IAAI,GAAG6B;AACnB,sDAAe7B,WAAWA,EAAC;AAuB3B;;;;;;;;;;CAUC,GACD,SAAS8B,mBAA+BvG,KAA+B;IACrE,MAAM,EAAEwG,SAAS,EAAErG,QAAQ,EAAE,GAAGsG,YAAY,GAAGzG;IAC/C,MAAM0E,cAAczF,iDAAsB,CAACkB,UAAU,SAAS,CAACuF,CAAAA;QAC7D,MAAME,YAAYpB,iDAAmBA,CAACkB,SAAUA,QAAgC;QAChF,OAAOE,WAAW,MAAM,YAAYY;IACtC;IACA,qBACE,+CAAC/B;QAAa,GAAGgC,UAAU;QAAE,aAAa/B;OACvCvE;AAGP;AAEA,SAASuG,YAAY,EAAEvG,QAAQ,EAAoB;IACjD,qBAAO,kGAAGA;AACZ;AAEAoG,mBAAmB,IAAI,GAAGG;AAC1BjC,YAAY,OAAO,GAAG8B;;;;;;;;;;;;;;;;;;ACnPwB;AACP;AACmD;AAC1C;AACP;AACiB;AA2DnD,MAAMQ,OAAO;IAClB,WAAWxG,sDAAgB,CAAC;QAC1B,IAAI;IACN,EAAyC,CAAC;;;;WAIjC,EAAEN,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACvB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;IAChC,EAAEsB,oCAAKA,CAAC;IACR,EAAErC,qCAAMA,CAAC;IACT,EAAE2H,oCAAKA,CAAC;EACV,CAAC;IACD,QAAQtG,kDAAsB,CAAC;;;IAG7B,EAAEsG,oCAAKA,CAAC;EACV,CAAC;IACD,SAAStG,sDAAgB,CAAC;QACxB,iBAAiB;IACnB,EAAc,CAAC;;;;IAIb,EAAEgB,oCAAKA,CAAC;EACV,CAAC;IACD,SAAShB,sDAAgB,CAAC;QACxB,iBAAiB;IACnB,EAAc,CAAC;WACN,EAAEN,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,EAAEsB,oCAAKA,CAAC;EACV,CAAC;IACD,WAAW,kBAAyB,+CAACuF,wCAA4B;YAAC,MAAM;;IACxE,UAAU,kBAAyB,+CAACA,mCAAuB;YAAC,MAAM;;IAClE,SAAS,kBAAyB,+CAACA,mCAAuB;YAAC,MAAM;;AACnE,EAAE;AAEK,MAAME,WAAWzG,4CAAMA,CAACpB,6CAAIA,CAAuB,CAAC;;;SAGlD,EAAEc,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,MAAMgH,gBAAgB1G,kDAAkC,CAAC;;;;oBAIrC,EAAEN,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,MAAMiH,YAAY;IAChB,MAAM3G,4CAAMA,CAAC0G,cAAc,CAAC,CAAC;IAC7B,MAAM1G,4CAAMA,CAAC0G,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,MAAMT,qBAAOK,+BAAIA,CAAC,SAASL,KAAK,EACrCc,KAAK,EACL,OAAOC,KAAK,EACZC,iBAAiB,EACjBC,SAAS,EACC;IACV,MAAMC,WAAWJ,UAAU;IAC3B,MAAMK,eAAeL,UAAU;IAE/B,qBACE,+CAAC5G,wCAAIA;QAAC,eAAc;QAAS,YAAW;QAAS,MAAM;qBACrD,+CAACuG,KAAK,MAAM;QAAC,IAAI;OACb,CAACO,mCAAqB,+CAACJ,UAAU,IAAI;QAAC,UAAUM;QAAU,UAAS;wBACnE,+CAAChH,wCAAIA;QAAC,MAAK;QAEZ2G,mBAAmB,CAACC,MAAM,EACzBG,2BAAa,+CAACL,UAAU,IAAI;QAAC,UAAUO;QAAc,UAAS;wBAC9D,+CAACjH,wCAAIA;QAAC,MAAK;SAGd,OAAO6G,UAAU,yBAChB,+CAACL;QAAS,OAAOI;QAAO,SAAQ;OAC7BC,uBAGH,+CAACA;QAAM,OAAOD;;AAItB,GAAG;AAEH,SAASM,SACPhD,WAAmB,EACnBmB,KAAa,EACb8B,OAAiB,EACjBnI,QAAkB,EAClBoI,SAAmB;IAEnB,IAAIA,WAAW;QACb,OAAO;IACT;IACA,IAAIpI,UAAU;QACZ,OAAO;IACT;IACA,IAAIkF,cAAcmB,OAAO;QACvB,OAAO;IACT;IACA,IAAInB,gBAAgBmB,OAAO;QACzB,OAAO8B,UAAU,YAAY;IAC/B;IACA,OAAO;AACT;AAEA,SAASpD,QAAQ,EACfc,KAAK,EACLX,cAAc,CAAC,EACfiD,OAAO,EACPE,eAAe,EACfC,eAAe,EACfC,MAAM,EACN,GAAGhD,YACG;IACN,MAAMiD,iBAAiBF,kBACnBzC,MAAM,MAAM,CAAC,CAAC4C,MAAMpC,QAAUA,UAAU,KAAKoC,SAAS5C,KAAK,CAACQ,QAAQ,EAAE,IACtER;IACJ,MAAM6C,sBAAsBJ,kBACxBE,eAAe,SAAS,CAACC,CAAAA,OAAQA,SAAS5C,KAAK,CAACX,YAAY,IAC5DA;IAEJ,qBACE,+CAAClE,wCAAIA;QAAC,UAAS;QAAS,gBAAe;QAAiB,GAAGuE,UAAU;OAClEiD,eAAe,GAAG,CAAC,CAACC,MAAMtC;QACzB,MAAMyB,QAAQM,SACZQ,qBACAvC,KACAgC,SACAE,iBAAiB,SAASlC,MAC1BoC;QAEF,MAAMR,YACJ5B,MAAMqC,eAAe,MAAM,GAAG,IAAIN,SAASQ,qBAAqBvC,MAAM,KAAKjG;QAC7E,qBACE,+CAACkH,+BAAQA;YAAC,KAAKjB;WACZA,MAAM,mBAAK,+CAACuB,UAAU,IAAI;YAAC,UAAUE,UAAU;0BAChD,+CAACd;YAAK,OAAO2B;YAAM,OAAOb;YAAO,WAAWG;YAAW,mBAAmB5B,QAAQ;;IAGxF;AAGN;AAEA,mEAAegB,+BAAIA,CAACpC,QAAQA,EAAC;;;;;;;;;;AC7PY;AAC0C;AAiB5D;AAqBhB,MAAMiE,aAA6C7H,0CAAOA,CAC/DyH,sCAAOA,EACPvB,oCAAKA,EACLwB,uCAAQA,EACR9G,oCAAKA,EACL+G,qCAAMA,EACNC,uCAAQA,EACRJ,+CAAIA,EACJjJ,qCAAMA,EACN;AAEF,MAAMuJ,cAAc,IAAIC,MAAMnI,8CAAMA,EAAE;IACpC,OAAMoI,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOtI,4CAAMA,CAACoI,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOvI,4CAAMA,CAACoI,MAAM,CAACG,SAAS,CAAC,KAAK,CAACvI,8CAAMA,EAAE;gBAACiI;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,MAAMxE,sBAAsB,CAACnD,QAClC,CAAC,CAACA,SACF,OAAOA,UAAU,YACjB,cAAeA,SACd,CAACA,MAAiC,QAAQ,KAAK0H,sBAC7C1H,MAAiC,QAAQ,KAAK4H,+BAA8B,EAAG;;;;;;;;;;;;;;;;;;;;;;;;;ACjB1D;AAEa;AAEhC,MAAMhH,OAAO,CAACmH,GAAWC,IAAsBH,wBAAKA,CAACE,GAAG,KAAK,CAACC,GAAG,GAAG,GAAG,QAAQ,GAAG;AAElF,MAAMC,SAAS,CAACF,GAAWC,IAAsBH,MAAME,GAAG,MAAM,CAACC,GAAG,QAAQ,GAAG;AAE/E,MAAME,UAAU,CAACH,GAAWC,IAAsBH,MAAME,GAAG,OAAO,CAACC,GAAG,QAAQ,GAAG;AAEjF,MAAMG,MAAM,CAACJ,GAAWK,GAAWJ,IACxCH,MAAME,GAAG,GAAG,CAACF,MAAMO,IAAIJ,GAAG,QAAQ,GAAG;AAEhC,MAAMK,KAAK,CAACC;IACjB,MAAM,CAACC,MAAMtK,OAAO,SAAS,CAAC,GAAGqK,EAAE,KAAK,CAAC;IACzC,yBAAyB;IACzB,MAAM,EAAEE,KAAK,EAAEC,MAAM,EAAE,GAAGX,kBAAY,CAACS,KAAK,CAACtK,KAAK;IAClD,yBAAyB;IACzB,MAAMyK,WAAmBZ,kBAAY,CAACS,KAAK,CAAC,QAAQ,IAAI;IAExD,OAAO;QACL,YAAY,GAAGA,KAAK,EAAE,EAAEG,UAAU;QAClC,YAAYD;QACZ,WAAWD;IACb;AACF,EAAE;AAEK,MAAMG,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,UAAUjB,MAAMe,QAAQ,UAAU,KAAK;IAC7C,MAAMG,UAAUlB,MAAMgB,QAAQ,UAAU,KAAK;IAE7C,MAAMG,SAASF,UAAUC,UAAUD,UAAUC,UAAUA,UAAUD;IAEjE,IAAIE,SAAS,KAAK;QAChB,OAAOnB,MAAMe,QAAQ,MAAM,CAAC,KAAK,MAAM,GAAG,MAAM;IAClD;IACA,OAAOA;AACT,EAAE;;;;;;ACrC8B;AAEhC,sDAAgB,CAAAjK;IACd,MAAMsK,OAAOtK,MAAM,EAAE;IAErB,IAAIsK,QAAQ,MAAM;QAChB,OAAO;IACT;IAEA,OAAOZ,gCAAEA,CAACY;AACZ,CAAC,EAAC;;;;;;;;;;;;ACVqC;AAEvC,MAAMnC,OAAOlH,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAekH,IAAIA,EAAC;;;;;;;;;;;;;;ACPqC;AACI;AAItD,MAAMsC,cAAc;IACzB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;AACP,EAAwC;AAEjC,MAAM5D,QAAQ;IACnB;qFACmF,GACnF;IACA;IAAG;IAAG;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAC9E,CAAC;AA2BK,MAAM3E,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,MAAMwI,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,MAAM1B,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,MAAM2B,oBAAoB;AAC1B,MAAMC,UAAU;IACd,cAAc;AAChB;AAEA,MAAMC,aAAa,CACjBC,aAAa;IAAC;CAAM,EACpBC,WAAWJ,iBAAiB,EAC5BK,SAASJ,QAAQ,YAAY,GAC1BvJ,0CAAG,CAAC;uBACc,EAAEyJ,WAAW,IAAI,CAAC,KAAK;uBACvB,EAAEC,SAAS;8BACJ,EAAEC,OAAO;AACvC,CAAC;AAED,MAAMC,SAASb,gDAAS,CAAC;;;;;;;EAOvB,CAAC;AACH,MAAMc,UAAUd,gDAAS,CAAC;;;;;;;EAOxB,CAAC;AACH,MAAMe,cAAcf,gDAAS,CAAC;;;;;;;;;AAS9B,CAAC;AACD,MAAMgB,WAAWhB,gDAAS,CAAC;;;;;;;;;EASzB,CAAC;AACH,MAAMiB,aAAa;IACjB,QAAQ,IAAMhK,0CAAG,CAAC;IAChB,EAAE4J,OAAO,CAAC,EAAEN,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACxD,CAAC;IACD,SAAS,IAAMvJ,0CAAG,CAAC;IACjB,EAAE6J,QAAQ,CAAC,EAAEP,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACzD,CAAC;IACD,aAAa,IAAMvJ,0CAAG,CAAC;IACrB,EAAE8J,YAAY,MAAM,EAAEP,QAAQ,YAAY,CAAC;EAC7C,CAAC;IACD,UAAU,IAAMvJ,0CAAG,CAAC;IAClB,EAAE+J,SAAS,CAAC,EAAET,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EAC1D,CAAC;AACH;AACA,MAAMxC,WAAW;IACf,GAAG/G,0CAAG,CAAC;;;;;qBAKY,EAAEvB,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,GAAGuB,0CAAG,CAAC;;;;;qBAKY,EAAEvB,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,OAAOuB,0CAAG,CAAC;;;;;qBAKQ,EAAEvB,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,IAAIuB,0CAAG,CAAC;;;;qBAIW,EAAEvB,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,WAAW;AACb;AA0CA,MAAM+D,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;IACA2G;IACAxB;IACAjH;IACAwI;IACA7D;IACA+D;IACA,QAAQJ,mDAAc;IACtBgB;IACAjD;IACAyC;IACAH;IACAJ;AACF;AAEA,2DAAezG,gDAAAA,KAAKA,EAAAA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpTrB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNuC;AACiC;AACjC;AACS;AAEiD;AAE3C;AACrB;AAEjC,MAAM4H,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGrB,CAAC;AAED,kDAAe;IACb,OAAO;IACP,WAAWnH,sBAAWA;IACtB,UAAU;QACR,aAAa;YAAE,SAAS;QAAS;QACjC,YAAY;YAAE,SAAS;QAAW;QAClC,qBAAqB;YAAE,SAAS;QAAW;QAC3C,mBAAmB;YAAE,SAAS;QAAW;QACzC,4BAA4B;YAAE,SAAS;QAAW;QAClD,UAAU;YAAE,SAAS;QAAW;QAChC,gBAAgB;YAAE,SAAS;QAAW;QACtC,QAAQ;YAAE,SAAS;QAAW;QAC9B,aAAa;YAAE,SAAS;QAAW;QACnC,kBAAkB;YAAE,SAAS;QAAW;QACxC,QAAQ;YAAE,SAAS;QAAW;QAC9B,aAAa;YAAE,SAAS;QAAW;QACnC,kBAAkB;YAAE,SAAS;QAAW;IAC1C;IACA,MAAM;QACJ,aAAa;IACf;IACA,YAAY;QACV,MAAM;YACJ,aAAa;gBACX,WAAWmH;YACb;QACF;IACF;AACF,CAAC,EAAC;AAEF,MAAMC,cAAc;AACb,MAAMC,UAAoDC,CAAAA;IAC/D,MAAM,EAAErH,WAAW,EAAE,GAAGsH,MAAM,GAAGD;IACjC,MAAM,GAAGE,WAAW,GAAGN,uCAAOA;IAE9B,qBACE,uCAAClH,sBAAWA;QACV,aAAaC;QACb,QAAQ,kBACN,uCAACvF,eAAIA;gBAAC,SAAQ;eAAK,oBACAuF,cAAc,GAAE,OAAImH;QAGzC,QAAQ,kBACN,uCAACrL,eAAIA;gBAAC,IAAI;gBAAG,eAAc;gBAAS,QAAQ;gBAAG,YAAW;6BACxD,uCAAC6D,cAAGA;gBAAC,WAAU;6BACb,uCAAC3D,kBAAOA,wBAEV,uCAACF,eAAIA;gBAAC,WAAW;6BACf,uCAACkC,iBAAMA;gBACL,SAAQ;gBACR;gBACA,UAAUgC,eAAe;gBACzB,SAAS,IAAMuH,WAAW;wBAAE,aAAavH,cAAc;oBAAE;eAC1D,2BAGD,uCAAChC,iBAAMA;gBACL,SAAQ;gBACR,UAAUgC,eAAemH,cAAc;gBACvC,SAAS,IAAMI,WAAW;wBAAE,aAAavH,cAAc;oBAAE;eAC1D;QAMN,GAAGsH,IAAI;OAEP;WACI,IAAIE,MAAML,aAAa,IAAI,CAAC,GAAG,GAAG,CAAC,CAACM,GAAGtG,sBACxC,uCAACpB,2BAAgB;gBAAC,OAAO,UAAUoB;6BACjC,uCAAC1G,eAAIA;gBAAC,KAAK0G;gBAAO,SAAQ;eACvBzB,cAAMA,iBAET,uCAAC1B,iBAAMA;gBAAC,IAAI;gBAAG,SAAS,IAAMuJ,WAAW;wBAAE,aAAaJ;oBAAY;eAAI;sBAK5E,uCAACpH,2BAAgB;YAAC,OAAM;YAAc;yBACpC,uCAACtF,eAAIA;YAAC,KAAI;YAAS,SAAQ;WAAO;KAIrC;AAGP,EAAE;AAEF,MAAMiN,SAAS,CAAC,EAAE1H,WAAW,EAAE2H,MAAM,EAAgD;IACnF,qBACE,uCAAChI,cAAGA;QAAC,UAAS;QAAW,IAAI;OAC1BgI,wBACC,uCAAChI,cAAGA;QAAC,UAAS;qBACZ,uCAACF,eAAIA;QAAC,SAASkI;QAAQ,MAAMvF,4BAA2B;QAAE,cAAa;OAAO,wBAKlF,uCAACtG,eAAIA;QAAC,gBAAe;qBACnB,uCAACrB,eAAIA;QAAC,SAAQ;OAAK,WAAQuF,cAAc;AAIjD;AAEA,MAAM4H,SAAS,CAAC,EACdC,UAAU,EACVpM,QAAQ,EAIT,iBACC,uCAACK,eAAIA;QAAC,IAAI;QAAG,eAAc;QAAS,QAAQ;qBAC1C,uCAAC6D,cAAGA;QAAC,WAAU;qBACb,uCAAC3D,kBAAOA,wBAEV,uCAACF,eAAIA;QAAC,eAAc;QAAM,gBAAe;QAAgB,YAAW;OACjEL,0BAAY,uCAACK,eAAIA,SACjB+L,4BACC,uCAAC7J,iBAAMA;QAAC,SAAQ;QAAO,SAAS6J;OAAY;AAQpD,MAAMC,eAAejM,oCAAMA,CAACC,mBAAIA,CAAC,CAAC;;;;;;;;;;;;;;;;AAgBlC,CAAC;AACD,MAAMuG,OAAO,CAAC,EAAEjB,KAAK,EAAqB,iBACxC,uCAAC0G,kCACC,uCAAChM,eAAIA;QACH,UAAS;QACT,MAAK;QACL,OAAM;QACN,KAAI;QACJ,QAAO;QACP,YAAW;QACX,gBAAe;QACf,iBAAiB,GAAGsF,MAAM,WAAW,GAAG,IAAI,CAAC;qBAE7C,uCAAC3G,eAAIA;QAAC,SAAQ;QAAK,eAAc;OAC9B2G;AAMT,MAAMT,QAAQ;IAAC;IAAW;IAAW;IAAW;IAAW;CAAQ;AAEnE,MAAMoH,aAAa,CAAC,EAAE3G,KAAK,EAAqB,iBAC9C,uCAACtF,eAAIA;QAAC,eAAc;QAAM,YAAW;qBACnC,uCAACrB,eAAIA;QAAC,YAAW;OAAM,mCACvB,uCAACe,cAAGA;QAAC,MAAM;QAAqB,MAAK;QAAQ;OAC1C4F;AAKA,MAAM4G,OAAiDX,CAAAA;IAC5D,MAAM,GAAGE,WAAW,GAAGN,uCAAOA;IAE9B,qBACE,uCAACnL,eAAIA;QAAC,QAAO;qBACX,uCAACiE,sBAAWA;QACV,QAAQ,CAAC,EAAEC,WAAW,EAAE,iBACtB,uCAAC0H;gBACC,aAAa1H;gBACb,QACEA,cAAc,IACV;oBACEuH,WAAW;wBAAE,aAAavH,cAAc;oBAAE;gBAC5C,IACAhF;;QAIV,kBAAkB,CAAC,EAAEiN,WAAW,EAAEjI,WAAW,EAAEvE,QAAQ,EAAE,iBACvD,uCAACmM;gBACC,YACE5H,cAAciI,cAAc,IACxB;oBACEV,WAAW;wBAAE,aAAavH,cAAc;oBAAE;gBAC5C,IACAhF;eAGLS;QAGL,4BAA4B;YAAE,IAAI;QAAG;QACrC,mBAAmB;YAAE,UAAU;QAAQ;QACvC,gBAAgB,CAAC,EAAEA,QAAQ,EAAE,iBAC3B,uCAACsL,+DAAeA;gBAAC,WAAW;eAAOtL;QAEpC,GAAG4L,IAAI;OAEP1G,MAAM,GAAG,CAACS,CAAAA,sBACT,uCAAC4F,6DAAaA;YACZ,KAAK5F;YACL,OAAOA;YACP,sBAAQ,uCAAC2G;gBAAW,OAAO3G;;YAC3B,SAAS;YACT,YAAW;YACX;YACA;yBAEA,uCAACiB;YAAK,OAAOjB;;AAMzB,EAAE;AAEF,MAAM8G,qBAAqB,CAAC5M;IAC1B,MAAM,EAAE8F,KAAK,EAAE+G,aAAa,EAAE,GAAG7M;IACjC,MAAM8M,UAAU/K,2BAAOA,CAAC;QACtB,OAAOsD,MAAM,GAAG,CAAC4C,CAAAA;YACf,qBACE,uCAACvF,iBAAMA;gBACL,KAAKuF;gBACL,UAAUA,SAASnC;gBACnB,SAAQ;gBACR,SAAS,IAAM+G,cAAc5E;eAC9B,WACSA,MAAK;QAGnB;IACF,GAAG;QAAC4E;QAAe/G;KAAM;IACzB,qBACE,uCAACtF,eAAIA;QACH,MAAM;QACN,eAAc;QACd,gBAAe;QACf,YAAW;QACX,SAAS;QACT,QAAQ;QACR,iBAAiB,GAAGsF,MAAM,WAAW,GAAG,IAAI,CAAC;OAE5CgH;AAGP;AAEO,MAAMC,eAAyDhB,CAAAA;IACpE,MAAM,CAACiB,YAAYH,cAAc,GAAG7K,4BAAQA,CAACqD,KAAK,CAAC,EAAE;IACrD,qBACE,uCAAC7E,eAAIA;QAAC,QAAO;qBACX,uCAACiE,8BAAmB;QAClB,WAAWuI;QACX,QAAQ,CAAC,EAAEtI,WAAW,EAAE,iBACtB,uCAAC0H;gBACC,aAAa1H;gBACb,QACEA,cAAc,IACV;oBACEmI,cAAcxH,KAAK,CAACX,cAAc,EAAE;gBACtC,IACAhF;;QAIV,QAAQ,CAAC,EAAEiN,WAAW,EAAEjI,WAAW,EAAE,iBACnC,uCAAC4H;gBACC,YACE5H,cAAciI,cAAc,IACxB;oBACEE,cAAcxH,KAAK,CAACX,cAAc,EAAE;gBACtC,IACAhF;;QAIV,4BAA4B;YAAE,IAAI;QAAG;QACrC,mBAAmB;YAAE,UAAU;QAAQ;QACtC,GAAGqM,IAAI;OAEP1G,MAAM,GAAG,CAACS,CAAAA,sBACT,uCAACrB,mCAAwB;YAAC,KAAKqB;YAAO,OAAOA;YAAO,SAASA;yBAC3D,uCAAC8G;YAAmB,OAAO9G;YAAO,eAAe+G;;AAM7D,EAAE"}