@ledgerhq/react-ui 0.45.0 → 0.46.0-nightly.20260217030329

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

@@ -1,69 +1,932 @@
+(() => {
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+var __webpack_modules__ = ({
+348(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
+
+
+
+
+const uppercase = (0,styled_system__rspack_import_0.system)({
+    uppercase: {
+        property: "textTransform",
+        transform: (value)=>value ? "uppercase" : "none"
+    }
+});
+const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+        fontSize: fontSize ? fontSize : variant,
+        color: color || "neutral.c100"
+    }))`
+  font-weight: 500;
+  white-space: ${(props)=>props.whiteSpace ?? "normal"};
+  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
+    textOverflow: true
+}))}
+  ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
+`;
+/* export default */ const __rspack_default_export = (Text);
+
+
+},
+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);
+
+const getFontSource = (name)=>(props)=>{
+        const fontsPath = props.fontsPath ?? "assets/fonts";
+        const fontName = props.fontMappings && props.fontMappings(name) || `${name}.woff2`;
+        return `url("${fontsPath}/${fontName}") format("woff2")`;
+    };
+const fontStyles = (0,styled_components__rspack_import_0.css)`
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraLight-BETA")};
+    font-weight: 100;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Light-BETA")};
+    font-weight: 300;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Regular")};
+    font-weight: 400;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-SemiBold")};
+    font-weight: 600;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraBold")};
+    font-weight: 900;
+    font-style: normal;
   }
-  return to;
+
+  @font-face {
+    font-family: "Alpha";
+    src: ${getFontSource("HMAlphaMono-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+`;
+const textVariantStyle = {
+    h1: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h1Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h2: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h2Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h3: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h3Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500
+    },
+    h4: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h4Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 600
+    },
+    h5: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h5Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500
+    },
+    large: {
+        fontFamily: "Inter, Sans"
+    },
+    largeLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    body: {
+        fontFamily: "Inter, Sans"
+    },
+    bodyLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    paragraph: {
+        fontFamily: "Inter, Sans"
+    },
+    paragraphLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    small: {
+        fontFamily: "Inter, Sans"
+    },
+    extraSmall: {
+        fontFamily: "Inter, Sans"
+    },
+    tiny: {
+        fontFamily: "Inter, Sans"
+    },
+    micro: {
+        fontFamily: "Inter, Sans"
+    },
+    subtitle: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 600,
+        "text-transform": "uppercase"
+    }
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Aside_stories_exports = {};
-__export(Aside_stories_exports, {
-  Aside: () => Aside,
-  default: () => Aside_stories_default
-});
-module.exports = __toCommonJS(Aside_stories_exports);
-var import_react = __toESM(require("react"));
-var import_Text = __toESM(require("../../asorted/Text"));
-var import_Flex = __toESM(require("../../layout/Flex"));
-var import_Log = __toESM(require("../../message/Log"));
-var import_reactLegacy = require("@ledgerhq/icons-ui/reactLegacy");
-var import_index = __toESM(require("./index"));
-var import_stories = require("./stories.helper");
-var Aside_stories_default = {
-  title: "Navigation/Aside",
-  component: import_index.default,
-  argTypes: {
-    header: { control: false },
-    footer: { control: false },
-    theme: { table: { disable: true } },
-    as: { table: { disable: true } },
-    forwardedAs: { table: { disable: true } }
+
+
+},
+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({
+    display: "flex"
+})``;
+/* export default */ const __rspack_default_export = (FlexBox);
+
+
+},
+3371(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  BracketLeft: () => (BracketLeft),
+  BracketRight: () => (BracketRight)
+});
+/* 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);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var _layout_Flex__rspack_import_2 = __webpack_require__(3696);
+
+
+
+const SvgTop = (styled_components__rspack_import_1_default().svg)`
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+const SvgBottom = (styled_components__rspack_import_1_default().svg)`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+`;
+const BracketLeft = ()=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_2["default"], {
+        flex: "0 0 1.2em",
+        flexDirection: "column",
+        position: "relative",
+        justifyContent: "space-between",
+        alignItems: "flex-start"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgTop, {
+        viewBox: "0 0 64 64",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "M 0,0 V 36.3452 H 8.05844 V 8.05844 H 55.3076 V 0 Z"
+    }))), /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgBottom, {
+        viewBox: "0 0 64 128",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "M 0,91.6548 V 128 h 55.3076 v -8.06 H 8.05844 V 91.6548 Z"
+    }))));
+const BracketRight = ()=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_2["default"], {
+        flex: "0 0 1.2em",
+        flexDirection: "column",
+        position: "relative",
+        justifyContent: "space-between",
+        alignItems: "flex-end"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgTop, {
+        viewBox: "0 0 64 64",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "M 8.692,0 V 8.05844 H 55.941 V 36.3452 H 64 V 0 Z"
+    }))), /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgBottom, {
+        viewBox: "0 0 64 128",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "m 8.692,119.94 v 8.058 H 64 V 91.6548 H 55.941 V 119.94 Z"
+    }))));
+
+
+},
+7518(__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_components__rspack_import_1 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var _asorted_Text__rspack_import_3 = __webpack_require__(348);
+/* import */ var _layout_Flex__rspack_import_2 = __webpack_require__(3696);
+/* import */ var _Brackets__rspack_import_4 = __webpack_require__(3371);
+
+
+
+
+
+const Container = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"]))`
+  justify-content: center;
+  flex-wrap: wrap;
+  align-items: stretch;
+  min-height: ${(p)=>p.theme.space[12]}px;
+`;
+const TextContainer = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"])).attrs(()=>({
+        flex: "1",
+        justifyContent: "center",
+        alignItems: "center"
+    }))`
+  ${_asorted_Text__rspack_import_3["default"]} {
+    flex: 1;
   }
+`;
+function Log({ children, extraTextProps, ...props }) {
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Container, {
+        color: "neutral.c100",
+        ...props
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_Brackets__rspack_import_4.BracketLeft, null), /*#__PURE__*/ react__rspack_import_0_default().createElement(TextContainer, {
+        flex: "1",
+        alignItems: "center",
+        justifyContent: "center"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted_Text__rspack_import_3["default"], {
+        variant: "h3",
+        textTransform: "uppercase",
+        textAlign: "center",
+        color: "inherit",
+        ...extraTextProps
+    }, children)), /*#__PURE__*/ react__rspack_import_0_default().createElement(_Brackets__rspack_import_4.BracketRight, null));
+}
+/* export default */ const __rspack_default_export = (/*#__PURE__*/(0,react__rspack_import_0.memo)(Log));
+
+
+},
+8071(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (Aside)
+});
+/* 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);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var styled_system__rspack_import_2 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_2);
+/* import */ var _layout_Flex__rspack_import_3 = __webpack_require__(3696);
+
+
+
+
+const Wrapper = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_3["default"]))`
+  ${styled_system__rspack_import_2.color}
+  ${styled_system__rspack_import_2.layout}
+  ${styled_system__rspack_import_2.typography}
+`;
+function Aside({ header, footer, children, ...props }) {
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, {
+        display: "inline-flex",
+        flexDirection: "column",
+        height: "100vh",
+        ...props
+    }, header, /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_3["default"], {
+        flex: "auto",
+        alignItems: "center",
+        justifyContent: "center"
+    }, children), footer ?? null);
+}
+
+
+},
+8668(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  keyboardIllustration: () => (keyboardIllustration),
+  nanoIllustration: () => (nanoIllustration)
+});
+const nanoIllustration = "data:image/png;base64,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";
+const keyboardIllustration = "data:image/png;base64,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";
+
+
+},
+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);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+
+
+
+const baseStyles = (0,styled_system__rspack_import_1.compose)(styled_system__rspack_import_1.flexbox, styled_system__rspack_import_1.space, styled_system__rspack_import_1.position, styled_system__rspack_import_1.color, styled_system__rspack_import_1.layout, styled_system__rspack_import_1.overflow, _styles_system_gaps__rspack_import_2["default"], styled_system__rspack_import_1.border);
+const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
+    apply (target, thisArg, argumentsList) {
+        return styled_components__rspack_import_0_default()(target.apply(thisArg, argumentsList)(baseStyles));
+    },
+    get (target, property) {
+        if (typeof target[property] === "function") {
+            return styled_components__rspack_import_0_default()(target[property].apply((styled_components__rspack_import_0_default()), [
+                baseStyles
+            ]));
+        }
+        return target[property];
+    }
+});
+/* export default */ const __rspack_default_export = (proxyStyled);
+
+
+},
+4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  ff: () => (/* binding */ ff)
+});
+
+// UNUSED EXPORTS: darken, ensureContrast, mix, rgba, lighten
+
+;// CONCATENATED MODULE: external "color"
+const external_color_namespaceObject = require("color");
+// EXTERNAL MODULE: ./src/styles/theme.ts
+var theme = __webpack_require__(5548);
+;// CONCATENATED MODULE: ./src/styles/helpers.ts
+
+
+const rgba = (c, a)=>Color(c).alpha(a).rgb().toString();
+const darken = (c, a)=>Color(c).darken(a).toString();
+const lighten = (c, a)=>Color(c).lighten(a).toString();
+const mix = (c, b, a)=>Color(c).mix(Color(b), a).toString();
+const ff = (v)=>{
+    const [font, type = "Regular"] = v.split("|");
+    // @ts-expect-error FIXME
+    const { style, weight } = theme.fontFamilies[font][type];
+    // @ts-expect-error FIXME
+    const fallback = theme.fontFamilies[font].fallback ?? "Arial";
+    return {
+        fontFamily: `${font}, ${fallback}`,
+        fontWeight: weight,
+        fontStyle: style
+    };
+};
+const ensureContrast = (color1, color2)=>{
+    const colorL1 = Color(color1).luminosity() + 0.05;
+    const colorL2 = Color(color2).luminosity() + 0.05;
+    const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;
+    if (lRatio < 1.5) {
+        return Color(color1).rotate(180).negate().string();
+    }
+    return color1;
+};
+
+
+},
+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);
+
+/* export default */ const __rspack_default_export = ((props)=>{
+    const prop = props.ff;
+    if (prop == null) {
+        return null;
+    }
+    return (0,_helpers__rspack_import_0.ff)(prop);
+});
+
+
+},
+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);
+
+const gaps = (0,styled_system__rspack_import_0.system)({
+    rowGap: {
+        property: "rowGap",
+        scale: "space"
+    },
+    columnGap: {
+        property: "columnGap",
+        scale: "space"
+    }
+});
+/* export default */ const __rspack_default_export = (gaps);
+
+
+},
+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);
+/* import */ var _ledgerhq_ui_shared__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_ui_shared__rspack_import_1);
+
+
+const breakpoints = {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    xxl: "1536px"
+};
+const space = [
+    /* space indexes:
+  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */ 0,
+    2,
+    4,
+    8,
+    10,
+    12,
+    16,
+    20,
+    24,
+    28,
+    32,
+    36,
+    40,
+    44,
+    48,
+    52,
+    56,
+    60,
+    64,
+    68,
+    72,
+    76
+];
+const fontSizes = [
+    8,
+    10,
+    11,
+    12,
+    13,
+    14,
+    16,
+    20,
+    24,
+    28,
+    32,
+    36
+];
+[fontSizes.micro, fontSizes.tiny, fontSizes.extraSmall, fontSizes.small, fontSizes.paragraph, fontSizes.body, fontSizes.large, fontSizes.h5, fontSizes.h4, fontSizes.h3, fontSizes.h2, fontSizes.h1] = fontSizes;
+fontSizes.largeLineHeight = fontSizes.large;
+fontSizes.bodyLineHeight = fontSizes.body;
+fontSizes.paragraphLineHeight = fontSizes.paragraph;
+fontSizes.subtitle = fontSizes.extraSmall;
+fontSizes.h1Inter = fontSizes.h1;
+fontSizes.h2Inter = fontSizes.h2;
+fontSizes.h3Inter = fontSizes.h3;
+fontSizes.h4Inter = fontSizes.h4;
+fontSizes.h5Inter = fontSizes.h5;
+const fontWeights = {
+    extraLight: "100",
+    light: "300",
+    regular: "400",
+    medium: "500",
+    semiBold: "600",
+    bold: "700",
+    extraBold: "800"
 };
-function Aside(args) {
-  const header = /* @__PURE__ */ import_react.default.createElement(import_Log.default, null, "Header");
-  const footer = /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", rowGap: 3 }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { columnGap: 3, alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "medium", variant: "body" }, "Need help?"), /* @__PURE__ */ import_react.default.createElement(import_reactLegacy.LifeRingMedium, { size: 20 })), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "medium", variant: "paragraph" }, "Don\u2019t know what you have to do? Get some help to close this step."), /* @__PURE__ */ import_react.default.createElement("div", null));
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { columnGap: 4 }, /* @__PURE__ */ import_react.default.createElement(
-    import_index.default,
-    {
-      ...args,
-      header,
-      footer,
-      p: 10,
-      width: "324px",
-      backgroundColor: "primary.c60"
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { m: -10 }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_stories.nanoIllustration }))
-  ), /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, header, p: 10, backgroundColor: "primary.c60", flex: 1 }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { justifyContent: "center" }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_stories.keyboardIllustration }))));
+const radii = [
+    0,
+    4,
+    8,
+    12,
+    16,
+    20
+];
+const shadows = [
+    "0 4px 8px 0 rgba(0, 0, 0, 0.03)"
+];
+const zIndexes = [
+    -1,
+    0,
+    1,
+    9,
+    10,
+    90,
+    100,
+    900,
+    1000
+];
+// Those fonts are now defined in global.css, this is just a mapping for styled-system
+const fontFamilies = {
+    Inter: {
+        ExtraLight: {
+            weight: 100,
+            style: "normal"
+        },
+        Light: {
+            weight: 300,
+            style: "normal"
+        },
+        Regular: {
+            weight: 400,
+            style: "normal"
+        },
+        Medium: {
+            weight: 500,
+            style: "normal"
+        },
+        SemiBold: {
+            weight: 600,
+            style: "normal"
+        },
+        Bold: {
+            weight: 700,
+            style: "normal"
+        },
+        ExtraBold: {
+            weight: 800,
+            style: "normal"
+        }
+    },
+    Alpha: {
+        Medium: {
+            weight: 500,
+            style: "normal"
+        }
+    }
+};
+const animationDuration = "0.33s";
+const easings = {
+    outQuadratic: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+};
+const transition = (properties = [
+    "all"
+], duration = animationDuration, easing = easings.outQuadratic)=>(0,styled_components__rspack_import_0.css)`
+  transition-property: ${properties.join(",")};
+  transition-duration: ${duration};
+  transition-timing-function: ${easing};
+`;
+const fadeIn = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  `;
+const fadeOut = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  `;
+const fadeInGrowX = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+      transform: scaleX(0);
+    }
+    100% {
+      opacity: 1;
+      transform: scaleX(1);
+    }
+`;
+const fadeInUp = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+      transform: translateY(66%);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0%);
+    }
+  `;
+const animations = {
+    fadeIn: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards
+  `,
+    fadeOut: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards
+  `,
+    fadeInGrowX: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards
+  `,
+    fadeInUp: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards
+  `
+};
+const overflow = {
+    x: (0,styled_components__rspack_import_0.css)`
+    overflow-y: hidden;
+    overflow-x: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    y: (0,styled_components__rspack_import_0.css)`
+    overflow-x: hidden;
+    overflow-y: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    yAuto: (0,styled_components__rspack_import_0.css)`
+    overflow-x: hidden;
+    overflow-y: auto;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    xy: (0,styled_components__rspack_import_0.css)`
+    overflow: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    trackSize: 12
+};
+const theme = {
+    theme: "light",
+    sizes: {
+        drawer: {
+            side: {
+                big: {
+                    width: 580
+                },
+                small: {
+                    width: 420
+                }
+            },
+            popin: {
+                min: {
+                    height: 158,
+                    width: 462
+                },
+                max: {
+                    height: 522,
+                    width: 622
+                }
+            }
+        },
+        topBarHeight: 58,
+        sideBarWidth: 230
+    },
+    radii,
+    fontFamilies,
+    fontSizes,
+    fontWeights,
+    space,
+    shadows,
+    colors: _ledgerhq_ui_shared__rspack_import_1.palettes.light,
+    animations,
+    overflow,
+    transition,
+    zIndexes,
+    breakpoints
+};
+/* unused export default */ var __rspack_default_export = ((/* unused pure expression or super */ null && (theme)));
+
+
+},
+2993(module) {
+module.exports = require("@ledgerhq/ui-shared");
+
+},
+2015(module) {
+module.exports = require("react");
+
+},
+2770(module) {
+module.exports = require("styled-components");
+
+},
+9351(module) {
+module.exports = require("styled-system");
+
+},
+
+});
+// The module cache
+var __webpack_module_cache__ = {};
+
+// The require function
+function __webpack_require__(moduleId) {
+
+// Check if module is in cache
+var cachedModule = __webpack_module_cache__[moduleId];
+if (cachedModule !== undefined) {
+return cachedModule.exports;
+}
+// Create a new module (and put it into the cache)
+var module = (__webpack_module_cache__[moduleId] = {
+exports: {}
+});
+// Execute the module function
+__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+
+// Return the exports of the module
+return module.exports;
+
+}
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// 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/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ Aside_stories),
+  Aside: () => (/* binding */ Aside_stories_Aside)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2015);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ./src/components/asorted/Text/index.tsx
+var Text = __webpack_require__(348);
+// EXTERNAL MODULE: ./src/components/layout/Flex/index.ts
+var Flex = __webpack_require__(3696);
+// EXTERNAL MODULE: ./src/components/message/Log/index.tsx
+var Log = __webpack_require__(7518);
+;// CONCATENATED MODULE: external "@ledgerhq/icons-ui/reactLegacy"
+const reactLegacy_namespaceObject = require("@ledgerhq/icons-ui/reactLegacy");
+// EXTERNAL MODULE: ./src/components/navigation/Aside/index.tsx
+var Aside = __webpack_require__(8071);
+// EXTERNAL MODULE: ./src/components/navigation/Aside/stories.helper.tsx
+var stories_helper = __webpack_require__(8668);
+;// CONCATENATED MODULE: ./src/components/navigation/Aside/Aside.stories.tsx
+
+
+
+
+
+
+
+/* export default */ const Aside_stories = ({
+    title: "Navigation/Aside",
+    component: Aside["default"],
+    argTypes: {
+        header: {
+            control: false
+        },
+        footer: {
+            control: false
+        },
+        theme: {
+            table: {
+                disable: true
+            }
+        },
+        as: {
+            table: {
+                disable: true
+            }
+        },
+        forwardedAs: {
+            table: {
+                disable: true
+            }
+        }
+    }
+});
+function Aside_stories_Aside(args) {
+    const header = /*#__PURE__*/ external_react_default().createElement(Log["default"], null, "Header");
+    const footer = /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        flexDirection: "column",
+        rowGap: 3
+    }, /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        columnGap: 3,
+        alignItems: "center"
+    }, /*#__PURE__*/ external_react_default().createElement(Text["default"], {
+        fontWeight: "medium",
+        variant: "body"
+    }, "Need help?"), /*#__PURE__*/ external_react_default().createElement(reactLegacy_namespaceObject.LifeRingMedium, {
+        size: 20
+    })), /*#__PURE__*/ external_react_default().createElement(Text["default"], {
+        fontWeight: "medium",
+        variant: "paragraph"
+    }, "Don’t know what you have to do? Get some help to close this step."), /*#__PURE__*/ external_react_default().createElement("div", null));
+    return /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        columnGap: 4
+    }, /*#__PURE__*/ external_react_default().createElement(Aside["default"], {
+        ...args,
+        header: header,
+        footer: footer,
+        p: 10,
+        width: "324px",
+        backgroundColor: "primary.c60"
+    }, /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        m: -10
+    }, /*#__PURE__*/ external_react_default().createElement("img", {
+        src: stories_helper.nanoIllustration
+    }))), /*#__PURE__*/ external_react_default().createElement(Aside["default"], {
+        ...args,
+        header: header,
+        p: 10,
+        backgroundColor: "primary.c60",
+        flex: 1
+    }, /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        justifyContent: "center"
+    }, /*#__PURE__*/ external_react_default().createElement("img", {
+        src: stories_helper.keyboardIllustration
+    }))));
 }
-//# sourceMappingURL=Aside.stories.js.map
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=Aside.stories.js.map