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

package/lib/cjs/components/tabs/Tabs/Tabs.stories.js

@@ -2,9 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 4572(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (Tag)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
@@ -103,12 +100,13 @@ function Tag({ children, textProps, size = "large", ...props }) {
     }, children));
 }
 
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (Tag)
+});
+
 
 },
 348(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
@@ -141,12 +139,14 @@ const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body",
 `;
 /* export default */ const __rspack_default_export = (Text);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 4368(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  textVariantStyle: () => (textVariantStyle)
-});
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
 
@@ -293,12 +293,14 @@ const textVariantStyle = {
     }
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  textVariantStyle: textVariantStyle
+});
+
 
 },
 3696(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
 
 const FlexBox = _styled__rspack_import_0["default"].div.attrs({
@@ -307,12 +309,14 @@ const FlexBox = _styled__rspack_import_0["default"].div.attrs({
 })``;
 /* export default */ const __rspack_default_export = (FlexBox);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
@@ -337,12 +341,14 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 7835(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (Tabs)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
@@ -480,16 +486,20 @@ function Tabs(props) {
     })), /*#__PURE__*/ react__rspack_import_0_default().createElement(MainContent, null, mainTab && mainTab.Component));
 }
 
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (Tabs)
+});
+
 
 },
-4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+205(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   ff: () => (/* binding */ ff)
 });
 
-// UNUSED EXPORTS: darken, ensureContrast, mix, rgba, lighten
+// UNUSED EXPORTS: darken, ensureContrast, lighten, mix, rgba
 
 ;// CONCATENATED MODULE: external "color"
 const external_color_namespaceObject = require("color");
@@ -527,10 +537,7 @@ const ensureContrast = (color1, color2)=>{
 
 },
 3364(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
-/* import */ var _helpers__rspack_import_0 = __webpack_require__(4336);
+/* import */ var _helpers__rspack_import_0 = __webpack_require__(205);
 
 /* export default */ const __rspack_default_export = ((props)=>{
     const prop = props.ff;
@@ -540,12 +547,14 @@ __webpack_require__.d(__webpack_exports__, {
     return (0,_helpers__rspack_import_0.ff)(prop);
 });
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
 /* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
 
@@ -561,12 +570,14 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 5548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  fontFamilies: () => (fontFamilies)
-});
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
 /* import */ var _ledgerhq_ui_shared__rspack_import_1 = __webpack_require__(2993);
@@ -835,6 +846,11 @@ const theme = {
 };
 /* unused export default */ var __rspack_default_export = ((/* unused pure expression or super */ null && (theme)));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  fontFamilies: fontFamilies
+});
+
 
 },
 2993(module) {
@@ -892,12 +908,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -918,10 +938,6 @@ var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 __webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  Tabs: () => (Tabs),
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
@@ -1031,6 +1047,12 @@ const Tabs = ()=>myTabs.reduce((acc, tabs, index)=>{
         ];
     }, []);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  Tabs: Tabs,
+  "default": __rspack_default_export
+});
+
 })();
 
 module.exports = __webpack_exports__;

package/lib/cjs/components/tabs/Tabs/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/tabs/Tabs/Tabs.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Tag/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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/tabs/Tabs/index.tsx","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/tabs/Tabs/Tabs.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 baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n  children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\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, { useState, useEffect, createRef, forwardRef } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Tag from \"../../Tag\";\nimport Text from \"../../asorted/Text\";\n\nexport interface TabContent {\n  index: number;\n  title: string;\n  disabled?: boolean;\n  badge?: string | number;\n  Component: React.ReactNode;\n}\n\nexport type Props = React.PropsWithChildren<{\n  /**\n   * An optional callback that will be called when the active tab changes.\n   */\n  onTabChange?: (index: number) => void;\n  /**\n   * The tab index to mark as active when rendering for the first time.\n   * If omitted, then initially no tabs will be selected.\n   */\n  activeIndex?: number;\n  tabs: TabContent[];\n}>;\n\nconst Container = styled(Flex).attrs({\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n})``;\n\nconst TabHeader = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n`;\n\nconst TabHeaderContent = styled(Flex).attrs({\n  flex: 1,\n  alignItems: \"center\",\n})`\n  width: 100%;\n`;\n\nconst TabHeaderBox = styled.div<{ disabled: boolean }>`\n  display: flex;\n  flex-grow: inherit;\n  justify-content: center;\n  text-align: center;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  padding: 8px 12px;\n`;\n\nconst HeaderTitle = styled(Text).attrs({\n  fontWeight: \"600\",\n})<{ selected: boolean }>`\n  margin-inline: 12px;\n  color: ${p => (p.selected ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c80)};\n`;\n\nconst HeaderBottomBarFixed = styled(Flex).attrs({\n  flex: 1,\n})`\n  width: 100%;\n  position: relative;\n  top: 3px;\n  border-bottom: 1px solid ${p => p.theme.colors.neutral.c40};\n`;\n\nconst HeaderBottomBarMoving = styled.div<HeaderBottomBarProps>`\n  position: relative;\n  left: ${p => p.left}px;\n  width: ${p => p.width}px;\n  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  border-bottom: solid 3px;\n  border-bottom-color: ${p => p.theme.colors.primary.c70};\n`;\n\nconst Badge = styled(Tag).attrs(p => ({\n  borderRadius: p.theme.radii[3],\n  backgroundColor: p.theme.colors.primary.c70,\n  color: p.theme.colors.neutral.c00,\n}))`\n  padding: 5px;\n  min-width: 24px;\n`;\n\ninterface HeaderBottomBarProps {\n  left: number;\n  width: number;\n}\n\nconst MyBottomBar = (props: HeaderBottomBarProps) => {\n  const { width, left } = props;\n  return (\n    <>\n      <HeaderBottomBarFixed />\n      <HeaderBottomBarMoving width={width} left={left} />\n    </>\n  );\n};\n\ninterface HeaderElementProps {\n  title: string;\n  selected: boolean;\n  disabled: boolean;\n  badge?: string | number;\n  onClick: () => void;\n}\n\nconst HeaderElement = forwardRef<HTMLDivElement, HeaderElementProps>((props, ref) => {\n  const { onClick, badge, disabled, selected, title } = props;\n\n  return (\n    <TabHeaderBox ref={ref} disabled={disabled} onClick={onClick}>\n      <HeaderTitle selected={selected}>{title}</HeaderTitle>\n      {(badge || badge === 0) && <Badge>{badge}</Badge>}\n    </TabHeaderBox>\n  );\n});\n\nconst MainContent = styled(Flex).attrs({\n  flex: 1,\n})<{ active?: boolean }>`\n  width: 100%;\n  color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};\n  background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};\n`;\n\nexport default function Tabs(props: Props): React.JSX.Element {\n  const { tabs, onTabChange } = props;\n  const [activeIndex, setActiveIndex] = useState(tabs[0].index);\n  const [bottomBar, updateBottomBar] = useState<HeaderBottomBarProps>({ left: 0, width: 0 });\n  const mainTab = activeIndex >= 0 ? tabs[activeIndex] : null;\n  const refs = tabs.map(() => createRef<HTMLDivElement>());\n\n  useEffect(() => {\n    const newIndex = props.activeIndex || activeIndex;\n    setActiveIndex(newIndex);\n\n    if (refs[0].current) {\n      const refIndex = tabs.findIndex(t => t.index === newIndex);\n      const refsToHandle = refs.slice(0, refIndex);\n      const width = refs[refIndex].current?.offsetWidth || 0;\n      const left = refsToHandle.reduce((total, ref) => total + (ref.current?.offsetWidth || 0), 0);\n      updateBottomBar({\n        width,\n        left,\n      });\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const onTabClick = (index: number) => {\n    const tab = tabs.find(t => t.index === index);\n    if (tab && !tab.disabled) {\n      setActiveIndex(index);\n      onTabChange && onTabChange(index);\n    }\n  };\n\n  return (\n    <Container>\n      <TabHeader>\n        <TabHeaderContent>\n          {tabs.map((tab, i) => (\n            <HeaderElement\n              ref={refs[i]}\n              title={tab.title}\n              selected={activeIndex === tab.index}\n              badge={tab.badge}\n              disabled={!!tab.disabled}\n              onClick={() => onTabClick(tab.index)}\n            />\n          ))}\n        </TabHeaderContent>\n        <MyBottomBar width={bottomBar.width} left={bottomBar.left} />\n      </TabHeader>\n      <MainContent>{mainTab && mainTab.Component}</MainContent>\n    </Container>\n  );\n}\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, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport TabsComponent, { Props, TabContent } from \"../../tabs/Tabs\";\nimport Text from \"../../asorted/Text\";\n\nexport default {\n  title: \"Tabs/Tabs\",\n  component: TabsComponent,\n  argTypes: {\n    initialActiveIndex: {\n      control: { type: \"number\" },\n    },\n  },\n};\n\nconst Content = styled.div`\n  padding: 10px;\n`;\n\nconst myTabs: TabContent[][] = [\n  [\n    {\n      index: 0,\n      title: \"Title 1\",\n      badge: 2,\n      Component: <Content>Have a break, have a KitKat !</Content>,\n    },\n    {\n      index: 1,\n      title: \"Title 2\",\n      Component: (\n        <Content>I'm disabled below, you will never see me... So stay here pls ^^</Content>\n      ),\n    },\n    {\n      index: 2,\n      title: \"Title 3\",\n      badge: \"banana\",\n      Component: <Content>Look mom i'm on tv !</Content>,\n    },\n  ],\n  [\n    {\n      index: 0,\n      title: \"Title 1\",\n      disabled: false,\n      badge: 2,\n      Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n    },\n    {\n      index: 1,\n      title: \"Title 2\",\n      disabled: true,\n      Component: <Content>I'm disabled, you will never see me...</Content>,\n    },\n    {\n      index: 2,\n      title: \"Title 3 a little bit longer\",\n      disabled: false,\n      badge: \"banana\",\n      Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n    },\n  ],\n  [\n    {\n      index: 0,\n      title: \"One\",\n      badge: 1,\n      Component: <Content>One is the first</Content>,\n    },\n    {\n      index: 1,\n      title: \"Two\",\n      badge: 2,\n      Component: <Content>Two is the second</Content>,\n    },\n  ],\n];\n\nfunction Sample(args: Props) {\n  const [activeIndex, setActiveIndex] = useState(0);\n  return (\n    <div style={{ marginBottom: \"40px\" }}>\n      <div style={{ width: \"100%\" }}>\n        <TabsComponent {...args} onTabChange={setActiveIndex} tabs={args.tabs} />\n      </div>\n      <Text variant=\"subtitle\">Active index: {activeIndex}</Text>\n      <hr />\n    </div>\n  );\n}\n\nexport const Tabs = (): React.ReactNode[] =>\n  myTabs.reduce<React.ReactNode[]>((acc, tabs, index) => {\n    return [...acc, <Sample key={index} tabs={tabs} />];\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","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","gaps","styled","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useState","useEffect","createRef","forwardRef","Flex","Container","TabHeader","TabHeaderContent","TabHeaderBox","HeaderTitle","HeaderBottomBarFixed","HeaderBottomBarMoving","Badge","MyBottomBar","width","left","HeaderElement","ref","onClick","badge","selected","title","MainContent","Tabs","tabs","onTabChange","activeIndex","setActiveIndex","bottomBar","updateBottomBar","mainTab","refs","newIndex","refIndex","t","refsToHandle","total","onTabClick","index","tab","i","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","TabsComponent","Content","myTabs","Sample","args","acc"],"mappings":"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"}
+{"version":3,"file":"components/tabs/Tabs/Tabs.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Tag/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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/tabs/Tabs/index.tsx","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/tabs/Tabs/Tabs.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 baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n  children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\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, { useState, useEffect, createRef, forwardRef } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Tag from \"../../Tag\";\nimport Text from \"../../asorted/Text\";\n\nexport interface TabContent {\n  index: number;\n  title: string;\n  disabled?: boolean;\n  badge?: string | number;\n  Component: React.ReactNode;\n}\n\nexport type Props = React.PropsWithChildren<{\n  /**\n   * An optional callback that will be called when the active tab changes.\n   */\n  onTabChange?: (index: number) => void;\n  /**\n   * The tab index to mark as active when rendering for the first time.\n   * If omitted, then initially no tabs will be selected.\n   */\n  activeIndex?: number;\n  tabs: TabContent[];\n}>;\n\nconst Container = styled(Flex).attrs({\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n})``;\n\nconst TabHeader = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n`;\n\nconst TabHeaderContent = styled(Flex).attrs({\n  flex: 1,\n  alignItems: \"center\",\n})`\n  width: 100%;\n`;\n\nconst TabHeaderBox = styled.div<{ disabled: boolean }>`\n  display: flex;\n  flex-grow: inherit;\n  justify-content: center;\n  text-align: center;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  padding: 8px 12px;\n`;\n\nconst HeaderTitle = styled(Text).attrs({\n  fontWeight: \"600\",\n})<{ selected: boolean }>`\n  margin-inline: 12px;\n  color: ${p => (p.selected ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c80)};\n`;\n\nconst HeaderBottomBarFixed = styled(Flex).attrs({\n  flex: 1,\n})`\n  width: 100%;\n  position: relative;\n  top: 3px;\n  border-bottom: 1px solid ${p => p.theme.colors.neutral.c40};\n`;\n\nconst HeaderBottomBarMoving = styled.div<HeaderBottomBarProps>`\n  position: relative;\n  left: ${p => p.left}px;\n  width: ${p => p.width}px;\n  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  border-bottom: solid 3px;\n  border-bottom-color: ${p => p.theme.colors.primary.c70};\n`;\n\nconst Badge = styled(Tag).attrs(p => ({\n  borderRadius: p.theme.radii[3],\n  backgroundColor: p.theme.colors.primary.c70,\n  color: p.theme.colors.neutral.c00,\n}))`\n  padding: 5px;\n  min-width: 24px;\n`;\n\ninterface HeaderBottomBarProps {\n  left: number;\n  width: number;\n}\n\nconst MyBottomBar = (props: HeaderBottomBarProps) => {\n  const { width, left } = props;\n  return (\n    <>\n      <HeaderBottomBarFixed />\n      <HeaderBottomBarMoving width={width} left={left} />\n    </>\n  );\n};\n\ninterface HeaderElementProps {\n  title: string;\n  selected: boolean;\n  disabled: boolean;\n  badge?: string | number;\n  onClick: () => void;\n}\n\nconst HeaderElement = forwardRef<HTMLDivElement, HeaderElementProps>((props, ref) => {\n  const { onClick, badge, disabled, selected, title } = props;\n\n  return (\n    <TabHeaderBox ref={ref} disabled={disabled} onClick={onClick}>\n      <HeaderTitle selected={selected}>{title}</HeaderTitle>\n      {(badge || badge === 0) && <Badge>{badge}</Badge>}\n    </TabHeaderBox>\n  );\n});\n\nconst MainContent = styled(Flex).attrs({\n  flex: 1,\n})<{ active?: boolean }>`\n  width: 100%;\n  color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};\n  background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};\n`;\n\nexport default function Tabs(props: Props): React.JSX.Element {\n  const { tabs, onTabChange } = props;\n  const [activeIndex, setActiveIndex] = useState(tabs[0].index);\n  const [bottomBar, updateBottomBar] = useState<HeaderBottomBarProps>({ left: 0, width: 0 });\n  const mainTab = activeIndex >= 0 ? tabs[activeIndex] : null;\n  const refs = tabs.map(() => createRef<HTMLDivElement>());\n\n  useEffect(() => {\n    const newIndex = props.activeIndex || activeIndex;\n    setActiveIndex(newIndex);\n\n    if (refs[0].current) {\n      const refIndex = tabs.findIndex(t => t.index === newIndex);\n      const refsToHandle = refs.slice(0, refIndex);\n      const width = refs[refIndex].current?.offsetWidth || 0;\n      const left = refsToHandle.reduce((total, ref) => total + (ref.current?.offsetWidth || 0), 0);\n      updateBottomBar({\n        width,\n        left,\n      });\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const onTabClick = (index: number) => {\n    const tab = tabs.find(t => t.index === index);\n    if (tab && !tab.disabled) {\n      setActiveIndex(index);\n      onTabChange && onTabChange(index);\n    }\n  };\n\n  return (\n    <Container>\n      <TabHeader>\n        <TabHeaderContent>\n          {tabs.map((tab, i) => (\n            <HeaderElement\n              ref={refs[i]}\n              title={tab.title}\n              selected={activeIndex === tab.index}\n              badge={tab.badge}\n              disabled={!!tab.disabled}\n              onClick={() => onTabClick(tab.index)}\n            />\n          ))}\n        </TabHeaderContent>\n        <MyBottomBar width={bottomBar.width} left={bottomBar.left} />\n      </TabHeader>\n      <MainContent>{mainTab && mainTab.Component}</MainContent>\n    </Container>\n  );\n}\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, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport TabsComponent, { Props, TabContent } from \"../../tabs/Tabs\";\nimport Text from \"../../asorted/Text\";\n\nexport default {\n  title: \"Tabs/Tabs\",\n  component: TabsComponent,\n  argTypes: {\n    initialActiveIndex: {\n      control: { type: \"number\" },\n    },\n  },\n};\n\nconst Content = styled.div`\n  padding: 10px;\n`;\n\nconst myTabs: TabContent[][] = [\n  [\n    {\n      index: 0,\n      title: \"Title 1\",\n      badge: 2,\n      Component: <Content>Have a break, have a KitKat !</Content>,\n    },\n    {\n      index: 1,\n      title: \"Title 2\",\n      Component: (\n        <Content>I'm disabled below, you will never see me... So stay here pls ^^</Content>\n      ),\n    },\n    {\n      index: 2,\n      title: \"Title 3\",\n      badge: \"banana\",\n      Component: <Content>Look mom i'm on tv !</Content>,\n    },\n  ],\n  [\n    {\n      index: 0,\n      title: \"Title 1\",\n      disabled: false,\n      badge: 2,\n      Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n    },\n    {\n      index: 1,\n      title: \"Title 2\",\n      disabled: true,\n      Component: <Content>I'm disabled, you will never see me...</Content>,\n    },\n    {\n      index: 2,\n      title: \"Title 3 a little bit longer\",\n      disabled: false,\n      badge: \"banana\",\n      Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n    },\n  ],\n  [\n    {\n      index: 0,\n      title: \"One\",\n      badge: 1,\n      Component: <Content>One is the first</Content>,\n    },\n    {\n      index: 1,\n      title: \"Two\",\n      badge: 2,\n      Component: <Content>Two is the second</Content>,\n    },\n  ],\n];\n\nfunction Sample(args: Props) {\n  const [activeIndex, setActiveIndex] = useState(0);\n  return (\n    <div style={{ marginBottom: \"40px\" }}>\n      <div style={{ width: \"100%\" }}>\n        <TabsComponent {...args} onTabChange={setActiveIndex} tabs={args.tabs} />\n      </div>\n      <Text variant=\"subtitle\">Active index: {activeIndex}</Text>\n      <hr />\n    </div>\n  );\n}\n\nexport const Tabs = (): React.ReactNode[] =>\n  myTabs.reduce<React.ReactNode[]>((acc, tabs, index) => {\n    return [...acc, <Sample key={index} tabs={tabs} />];\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","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","gaps","styled","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useState","useEffect","createRef","forwardRef","Flex","Container","TabHeader","TabHeaderContent","TabHeaderBox","HeaderTitle","HeaderBottomBarFixed","HeaderBottomBarMoving","Badge","MyBottomBar","width","left","HeaderElement","ref","onClick","badge","selected","title","MainContent","Tabs","tabs","onTabChange","activeIndex","setActiveIndex","bottomBar","updateBottomBar","mainTab","refs","newIndex","refIndex","t","refsToHandle","total","onTabClick","index","tab","i","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","TabsComponent","Content","myTabs","Sample","args","acc"],"mappings":"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"}