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

package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js

@@ -1,124 +1,376 @@
+(() => {
 "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 __webpack_modules__ = ({
+5437(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  DEFAULT_BADGE_SIZE: () => (DEFAULT_BADGE_SIZE),
+  DEFAULT_BOX_SIZE: () => (DEFAULT_BOX_SIZE),
+  DEFAULT_ICON_SIZE: () => (DEFAULT_ICON_SIZE),
+  "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 _layout_Flex__rspack_import_2 = __webpack_require__(3696);
+
+
+
+const DEFAULT_BOX_SIZE = 40;
+const DEFAULT_ICON_SIZE = 16;
+const DEFAULT_BADGE_SIZE = 20;
+function getClipRectangleSize(badgeSize) {
+    return 3 / 4 * badgeSize;
+}
+const getTopRightSquareClippedPolygon = (boxSize, rectangleSize)=>{
+    // clipping path that hides top right square of size `${rectangleSize}px`
+    const diff = boxSize - rectangleSize;
+    return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;
+};
+const Container = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"])).attrs((p)=>({
+        heigth: p.size,
+        width: p.size,
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+    }))``;
+const IconBoxBackground = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"]))`
+  position: absolute;
+  height: ${(p)=>p.size}px;
+  width: ${(p)=>p.size}px;
+  ${(p)=>{
+    return p.hasBadge && `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`;
+}};
+  border-radius: ${(p)=>p.theme.radii[2]}px;
+`;
+const BadgeContainer = (styled_components__rspack_import_1_default().div)`
+  position: absolute;
+  ${(p)=>`
+    top: -${p.badgeSize / 2 - 2}px;
+    right: -${p.badgeSize / 2 - 2}px;`}
+`;
+const IconBox = ({ Badge, size = DEFAULT_BOX_SIZE, children, borderColor = "neutral.c40", badgeColor, badgeSize = DEFAULT_BADGE_SIZE })=>{
+    const hasBadge = !!Badge;
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Container, {
+        size: size
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(IconBoxBackground, {
+        size: size,
+        badgeSize: badgeSize,
+        hasBadge: hasBadge,
+        border: "1px solid",
+        borderColor: borderColor
+    }), children, hasBadge && /*#__PURE__*/ react__rspack_import_0_default().createElement(BadgeContainer, {
+        badgeSize: badgeSize
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(Badge, {
+        size: badgeSize,
+        color: badgeColor
+    })));
 };
-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 });
-  }
-  return to;
+const BoxedIcon = ({ Icon, iconSize = DEFAULT_ICON_SIZE, iconColor, ...iconBoxProps })=>{
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(IconBox, iconBoxProps, /*#__PURE__*/ react__rspack_import_0_default().createElement(Icon, {
+        size: iconSize || DEFAULT_ICON_SIZE,
+        color: iconColor
+    }));
 };
-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 BoxedIcon_stories_exports = {};
-__export(BoxedIcon_stories_exports, {
-  BoxedIcon: () => BoxedIcon,
-  default: () => BoxedIcon_stories_default
+/* export default */ const __rspack_default_export = (BoxedIcon);
+
+
+},
+1215(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export),
+  iconNames: () => (iconNames)
 });
-module.exports = __toCommonJS(BoxedIcon_stories_exports);
-var import_react = __toESM(require("react"));
-var import_Icon = __toESM(require("./Icon"));
-var import_BoxedIcon = __toESM(require("./BoxedIcon"));
-const ExampleIcon = ({ size, color, name }) => /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { name, ...{ size, color } });
-const Story = {
-  title: "Asorted/Icons/BoxedIcon",
-  component: import_BoxedIcon.default,
-  argTypes: {
-    exampleIconName: {
-      type: "enum",
-      description: "[Not a BoxedIcon prop, only for this Storybook example] - Icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Icon` prop.",
-      options: import_Icon.iconNames,
-      control: { type: "select" }
-    },
-    exampleBadgeName: {
-      type: "enum",
-      description: "[Not a BoxedIcon prop, only for this Storybook example] - Badge icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Badge` prop.",
-      options: import_Icon.iconNames,
-      control: { type: "select" }
-    },
-    exampleBadgeEnabled: {
-      type: "boolean",
-      description: "[Not a BoxedIcon prop, only for this Storybook example] - Controls whether a `Badge` prop is passed to the `BoxedIcon` component."
-    },
-    Badge: {
-      control: false
-    },
-    Icon: {
-      control: false
-    },
-    iconColor: {
-      type: "string",
-      control: { type: "color" }
-    },
-    badgeColor: {
-      type: "string",
-      control: { type: "color" }
-    },
-    borderColor: {
-      type: "string",
-      control: { type: "color" }
-    },
-    iconSize: {
-      type: "number"
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_0 = __webpack_require__(9979);
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_reactLegacy__rspack_import_0);
+/* import */ var react__rspack_import_1 = __webpack_require__(2015);
+/* import */ var react__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_1);
+
+
+const iconNames = Array.from(Object.keys(_ledgerhq_icons_ui_reactLegacy__rspack_import_0).reduce((set, rawKey)=>{
+    const key = rawKey.replace(/(.+)(Medium)+$/g, "$1");
+    if (!set.has(key)) set.add(key);
+    return set;
+}, new Set()));
+const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium" })=>{
+    const maybeIconName = `${name}${weight}`;
+    if (maybeIconName in _ledgerhq_icons_ui_reactLegacy__rspack_import_0) {
+        // @ts-expect-error FIXME I don't know how to make you happy ts
+        const Component = _ledgerhq_icons_ui_reactLegacy__rspack_import_0[maybeIconName];
+        return /*#__PURE__*/ react__rspack_import_1_default().createElement(Component, {
+            size: size,
+            color: color
+        });
+    }
+    return null;
+};
+/* export default */ const __rspack_default_export = (Icon);
+
+
+},
+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);
+
+
+},
+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));
     },
-    badgeSize: {
-      type: "number"
+    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);
+
+
+},
+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"
     },
-    size: {
-      type: "number"
+    columnGap: {
+        property: "columnGap",
+        scale: "space"
+    }
+});
+/* export default */ const __rspack_default_export = (gaps);
+
+
+},
+9979(module) {
+module.exports = require("@ledgerhq/icons-ui/reactLegacy");
+
+},
+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] });
+        }
     }
-  },
-  args: {
-    exampleIconName: "Activity",
-    exampleBadgeName: "CircledCheckSolid",
-    exampleBadgeEnabled: true,
-    iconColor: "hsla(110, 50%, 57%, 1)",
-    badgeColor: "hsla(110, 50%, 57%, 1)",
-    borderColor: "success.c40",
-    iconSize: import_BoxedIcon.DEFAULT_ICON_SIZE,
-    badgeSize: import_BoxedIcon.DEFAULT_BADGE_SIZE,
-    size: import_BoxedIcon.DEFAULT_BOX_SIZE
-  }
 };
-var BoxedIcon_stories_default = Story;
-const BoxedIconTemplate = (args) => {
-  const badgeColor = args.badgeColor;
-  const badgeSize = args.badgeSize;
-  const borderColor = args.borderColor;
-  const iconColor = args.iconColor;
-  const IconComp = args.Icon || ((props) => /* @__PURE__ */ import_react.default.createElement(ExampleIcon, { ...props, name: args.exampleIconName }));
-  const BadgeComp = args.Badge || ((props) => /* @__PURE__ */ import_react.default.createElement(ExampleIcon, { ...props, name: args.exampleBadgeName }));
-  const iconSize = args.iconSize;
-  const size = args.size;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_BoxedIcon.default,
-    {
-      Icon: IconComp,
-      Badge: args.exampleBadgeEnabled ? BadgeComp : void 0,
-      badgeColor,
-      badgeSize,
-      borderColor,
-      iconColor,
-      iconSize,
-      size
+})();
+// 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.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  BoxedIcon: () => (BoxedIcon),
+  "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 _Icon__rspack_import_1 = __webpack_require__(1215);
+/* import */ var _BoxedIcon__rspack_import_2 = __webpack_require__(5437);
+
+
+
+const ExampleIcon = ({ size, color, name })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_Icon__rspack_import_1["default"], {
+        name: name,
+        size,
+        color
+    });
+const Story = {
+    title: "Asorted/Icons/BoxedIcon",
+    component: _BoxedIcon__rspack_import_2["default"],
+    argTypes: {
+        exampleIconName: {
+            type: "enum",
+            description: "[Not a BoxedIcon prop, only for this Storybook example] - Icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Icon` prop.",
+            options: _Icon__rspack_import_1.iconNames,
+            control: {
+                type: "select"
+            }
+        },
+        exampleBadgeName: {
+            type: "enum",
+            description: "[Not a BoxedIcon prop, only for this Storybook example] - Badge icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Badge` prop.",
+            options: _Icon__rspack_import_1.iconNames,
+            control: {
+                type: "select"
+            }
+        },
+        exampleBadgeEnabled: {
+            type: "boolean",
+            description: "[Not a BoxedIcon prop, only for this Storybook example] - Controls whether a `Badge` prop is passed to the `BoxedIcon` component."
+        },
+        Badge: {
+            control: false
+        },
+        Icon: {
+            control: false
+        },
+        iconColor: {
+            type: "string",
+            control: {
+                type: "color"
+            }
+        },
+        badgeColor: {
+            type: "string",
+            control: {
+                type: "color"
+            }
+        },
+        borderColor: {
+            type: "string",
+            control: {
+                type: "color"
+            }
+        },
+        iconSize: {
+            type: "number"
+        },
+        badgeSize: {
+            type: "number"
+        },
+        size: {
+            type: "number"
+        }
+    },
+    args: {
+        exampleIconName: "Activity",
+        exampleBadgeName: "CircledCheckSolid",
+        exampleBadgeEnabled: true,
+        iconColor: "hsla(110, 50%, 57%, 1)",
+        badgeColor: "hsla(110, 50%, 57%, 1)",
+        borderColor: "success.c40",
+        iconSize: _BoxedIcon__rspack_import_2.DEFAULT_ICON_SIZE,
+        badgeSize: _BoxedIcon__rspack_import_2.DEFAULT_BADGE_SIZE,
+        size: _BoxedIcon__rspack_import_2.DEFAULT_BOX_SIZE
     }
-  );
+};
+/* export default */ const __rspack_default_export = (Story);
+const BoxedIconTemplate = (args)=>{
+    const badgeColor = args.badgeColor;
+    const badgeSize = args.badgeSize;
+    const borderColor = args.borderColor;
+    const iconColor = args.iconColor;
+    const IconComp = args.Icon || ((props)=>/*#__PURE__*/ react__rspack_import_0_default().createElement(ExampleIcon, {
+            ...props,
+            name: args.exampleIconName
+        }));
+    const BadgeComp = args.Badge || ((props)=>/*#__PURE__*/ react__rspack_import_0_default().createElement(ExampleIcon, {
+            ...props,
+            name: args.exampleBadgeName
+        }));
+    const iconSize = args.iconSize;
+    const size = args.size;
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(_BoxedIcon__rspack_import_2["default"], {
+        Icon: IconComp,
+        Badge: args.exampleBadgeEnabled ? BadgeComp : undefined,
+        badgeColor: badgeColor,
+        badgeSize: badgeSize,
+        borderColor: borderColor,
+        iconColor: iconColor,
+        iconSize: iconSize,
+        size: size
+    });
 };
 const BoxedIcon = BoxedIconTemplate.bind({});
-//# sourceMappingURL=BoxedIcon.stories.js.map
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=BoxedIcon.stories.js.map

package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/asorted/Icon/BoxedIcon.stories.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport Icon, { iconNames } from \"./Icon\";\nimport BoxedIconC, {\n  BoxedIconProps,\n  IconProps,\n  DEFAULT_BOX_SIZE,\n  DEFAULT_ICON_SIZE,\n  DEFAULT_BADGE_SIZE,\n} from \"./BoxedIcon\";\n\nconst ExampleIcon = ({ size, color, name }: IconProps & { name: string }) => (\n  <Icon name={name} {...{ size, color }} />\n);\n\nconst Story = {\n  title: \"Asorted/Icons/BoxedIcon\",\n  component: BoxedIconC,\n  argTypes: {\n    exampleIconName: {\n      type: \"enum\",\n      description:\n        \"[Not a BoxedIcon prop, only for this Storybook example] - Icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Icon` prop.\",\n      options: iconNames,\n      control: { type: \"select\" },\n    },\n    exampleBadgeName: {\n      type: \"enum\",\n      description:\n        \"[Not a BoxedIcon prop, only for this Storybook example] - Badge icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Badge` prop.\",\n      options: iconNames,\n      control: { type: \"select\" },\n    },\n    exampleBadgeEnabled: {\n      type: \"boolean\",\n      description:\n        \"[Not a BoxedIcon prop, only for this Storybook example] - Controls whether a `Badge` prop is passed to the `BoxedIcon` component.\",\n    },\n    Badge: {\n      control: false,\n    },\n    Icon: {\n      control: false,\n    },\n    iconColor: {\n      type: \"string\",\n      control: { type: \"color\" },\n    },\n    badgeColor: {\n      type: \"string\",\n      control: { type: \"color\" },\n    },\n    borderColor: {\n      type: \"string\",\n      control: { type: \"color\" },\n    },\n    iconSize: {\n      type: \"number\",\n    },\n    badgeSize: {\n      type: \"number\",\n    },\n    size: {\n      type: \"number\",\n    },\n  },\n  args: {\n    exampleIconName: \"Activity\",\n    exampleBadgeName: \"CircledCheckSolid\",\n    exampleBadgeEnabled: true,\n    iconColor: \"hsla(110, 50%, 57%, 1)\",\n    badgeColor: \"hsla(110, 50%, 57%, 1)\",\n    borderColor: \"success.c40\",\n    iconSize: DEFAULT_ICON_SIZE,\n    badgeSize: DEFAULT_BADGE_SIZE,\n    size: DEFAULT_BOX_SIZE,\n  },\n};\n\nexport default Story;\n\nconst BoxedIconTemplate = (\n  args: BoxedIconProps & {\n    exampleIconName: string;\n    exampleBadgeName: string;\n    exampleBadgeEnabled: boolean;\n  },\n) => {\n  const badgeColor = args.badgeColor;\n  const badgeSize = args.badgeSize;\n  const borderColor = args.borderColor;\n  const iconColor = args.iconColor;\n  const IconComp =\n    args.Icon || ((props: IconProps) => <ExampleIcon {...props} name={args.exampleIconName} />);\n  const BadgeComp =\n    args.Badge || ((props: IconProps) => <ExampleIcon {...props} name={args.exampleBadgeName} />);\n  const iconSize = args.iconSize;\n  const size = args.size;\n\n  return (\n    <BoxedIconC\n      Icon={IconComp}\n      Badge={args.exampleBadgeEnabled ? BadgeComp : undefined}\n      badgeColor={badgeColor}\n      badgeSize={badgeSize}\n      borderColor={borderColor}\n      iconColor={iconColor}\n      iconSize={iconSize}\n      size={size}\n    />\n  );\n};\n\nexport const BoxedIcon = BoxedIconTemplate.bind({});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAgC;AAChC,uBAMO;AAEP,MAAM,cAAc,CAAC,EAAE,MAAM,OAAO,KAAK,MACvC,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAa,GAAG,EAAE,MAAM,MAAM,GAAG;AAGzC,MAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,WAAW,iBAAAC;AAAA,EACX,UAAU;AAAA,IACR,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,aACE;AAAA,MACF,SAAS;AAAA,MACT,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,aACE;AAAA,MACF,SAAS;AAAA,MACT,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,aACE;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF;AAEA,IAAO,4BAAQ;AAEf,MAAM,oBAAoB,CACxB,SAKG;AACH,QAAM,aAAa,KAAK;AACxB,QAAM,YAAY,KAAK;AACvB,QAAM,cAAc,KAAK;AACzB,QAAM,YAAY,KAAK;AACvB,QAAM,WACJ,KAAK,SAAS,CAAC,UAAqB,6BAAAF,QAAA,cAAC,eAAa,GAAG,OAAO,MAAM,KAAK,iBAAiB;AAC1F,QAAM,YACJ,KAAK,UAAU,CAAC,UAAqB,6BAAAA,QAAA,cAAC,eAAa,GAAG,OAAO,MAAM,KAAK,kBAAkB;AAC5F,QAAM,WAAW,KAAK;AACtB,QAAM,OAAO,KAAK;AAElB,SACE,6BAAAA,QAAA;AAAA,IAAC,iBAAAE;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,OAAO,KAAK,sBAAsB,YAAY;AAAA,MAC9C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,YAAY,kBAAkB,KAAK,CAAC,CAAC;",
-  "names": ["React", "Icon", "BoxedIconC"]
-}
+{"version":3,"file":"components/asorted/Icon/BoxedIcon.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/BoxedIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.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/asorted/Icon/BoxedIcon.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport const DEFAULT_BOX_SIZE = 40;\nexport const DEFAULT_ICON_SIZE = 16;\nexport const DEFAULT_BADGE_SIZE = 20;\n\nfunction getClipRectangleSize(badgeSize: number): number {\n  return (3 / 4) * badgeSize;\n}\n\nconst getTopRightSquareClippedPolygon = (boxSize: number, rectangleSize: number) => {\n  // clipping path that hides top right square of size `${rectangleSize}px`\n  const diff = boxSize - rectangleSize;\n  return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;\n};\n\nconst Container = styled(Flex).attrs((p: { size: number }) => ({\n  heigth: p.size,\n  width: p.size,\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  position: \"relative\",\n}))<{ size: number }>``;\n\nconst IconBoxBackground = styled(Flex)<{ size: number; badgeSize: number; hasBadge: boolean }>`\n  position: absolute;\n  height: ${p => p.size}px;\n  width: ${p => p.size}px;\n  ${p => {\n    return (\n      p.hasBadge &&\n      `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`\n    );\n  }};\n  border-radius: ${p => p.theme.radii[2]}px;\n`;\n\nconst BadgeContainer = styled.div<{ badgeSize: number }>`\n  position: absolute;\n  ${p => `\n    top: -${p.badgeSize / 2 - 2}px;\n    right: -${p.badgeSize / 2 - 2}px;`}\n`;\n\nexport type IconProps = {\n  size?: number;\n  color?: string;\n};\n\nexport type IconBoxProps = {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.\n   */\n  Badge?: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);\n  /**\n   * Color of the border\n   */\n  borderColor?: string;\n  /**\n   * Badge color, will be applied to the component provided in the `Badge` prop\n   */\n  badgeColor?: string;\n  /**\n   * Badge size, will be applied to the component provided in the `Badge` prop\n   */\n  badgeSize?: number;\n  children?: JSX.Element;\n  /**\n   * Box size for preview\n   */\n  size?: number;\n};\n\nexport type BoxedIconProps = IconBoxProps & {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.\n   */\n  Icon: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);\n  /**\n   * Icon size, will be applied to the component provided in the `Icon` prop\n   */\n  iconSize?: number;\n  /**\n   * Icon color, will be applied to the component provided in the `Icon` prop\n   */\n  iconColor?: string;\n};\n\nexport const IconBox = ({\n  Badge,\n  size = DEFAULT_BOX_SIZE,\n  children,\n  borderColor = \"neutral.c40\",\n  badgeColor,\n  badgeSize = DEFAULT_BADGE_SIZE,\n}: IconBoxProps) => {\n  const hasBadge = !!Badge;\n  return (\n    <Container size={size}>\n      <IconBoxBackground\n        size={size}\n        badgeSize={badgeSize}\n        hasBadge={hasBadge}\n        border=\"1px solid\"\n        borderColor={borderColor}\n      />\n      {children}\n      {hasBadge && (\n        <BadgeContainer badgeSize={badgeSize}>\n          <Badge size={badgeSize} color={badgeColor} />\n        </BadgeContainer>\n      )}\n    </Container>\n  );\n};\n\nconst BoxedIcon = ({\n  Icon,\n  iconSize = DEFAULT_ICON_SIZE,\n  iconColor,\n  ...iconBoxProps\n}: BoxedIconProps) => {\n  return (\n    <IconBox {...iconBoxProps}>\n      <Icon size={iconSize || DEFAULT_ICON_SIZE} color={iconColor} />\n    </IconBox>\n  );\n};\n\nexport default BoxedIcon;\n","import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n  name: string;\n  size?: number;\n  weight?: \"Medium\";\n  color?: string;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(icons).reduce((set, rawKey) => {\n    const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Icon = ({\n  name,\n  size = 16,\n  color = \"currentColor\",\n  weight = \"Medium\",\n}: Props): JSX.Element | null => {\n  const maybeIconName = `${name}${weight}`;\n  if (maybeIconName in icons) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = icons[maybeIconName];\n    return <Component size={size} color={color} />;\n  }\n  return null;\n};\n\nexport default Icon;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import { 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","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport Icon, { iconNames } from \"./Icon\";\nimport BoxedIconC, {\n  BoxedIconProps,\n  IconProps,\n  DEFAULT_BOX_SIZE,\n  DEFAULT_ICON_SIZE,\n  DEFAULT_BADGE_SIZE,\n} from \"./BoxedIcon\";\n\nconst ExampleIcon = ({ size, color, name }: IconProps & { name: string }) => (\n  <Icon name={name} {...{ size, color }} />\n);\n\nconst Story = {\n  title: \"Asorted/Icons/BoxedIcon\",\n  component: BoxedIconC,\n  argTypes: {\n    exampleIconName: {\n      type: \"enum\",\n      description:\n        \"[Not a BoxedIcon prop, only for this Storybook example] - Icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Icon` prop.\",\n      options: iconNames,\n      control: { type: \"select\" },\n    },\n    exampleBadgeName: {\n      type: \"enum\",\n      description:\n        \"[Not a BoxedIcon prop, only for this Storybook example] - Badge icon name. Value is passed to the `Icon` component of this UI library which is then used for the `Badge` prop.\",\n      options: iconNames,\n      control: { type: \"select\" },\n    },\n    exampleBadgeEnabled: {\n      type: \"boolean\",\n      description:\n        \"[Not a BoxedIcon prop, only for this Storybook example] - Controls whether a `Badge` prop is passed to the `BoxedIcon` component.\",\n    },\n    Badge: {\n      control: false,\n    },\n    Icon: {\n      control: false,\n    },\n    iconColor: {\n      type: \"string\",\n      control: { type: \"color\" },\n    },\n    badgeColor: {\n      type: \"string\",\n      control: { type: \"color\" },\n    },\n    borderColor: {\n      type: \"string\",\n      control: { type: \"color\" },\n    },\n    iconSize: {\n      type: \"number\",\n    },\n    badgeSize: {\n      type: \"number\",\n    },\n    size: {\n      type: \"number\",\n    },\n  },\n  args: {\n    exampleIconName: \"Activity\",\n    exampleBadgeName: \"CircledCheckSolid\",\n    exampleBadgeEnabled: true,\n    iconColor: \"hsla(110, 50%, 57%, 1)\",\n    badgeColor: \"hsla(110, 50%, 57%, 1)\",\n    borderColor: \"success.c40\",\n    iconSize: DEFAULT_ICON_SIZE,\n    badgeSize: DEFAULT_BADGE_SIZE,\n    size: DEFAULT_BOX_SIZE,\n  },\n};\n\nexport default Story;\n\nconst BoxedIconTemplate = (\n  args: BoxedIconProps & {\n    exampleIconName: string;\n    exampleBadgeName: string;\n    exampleBadgeEnabled: boolean;\n  },\n) => {\n  const badgeColor = args.badgeColor;\n  const badgeSize = args.badgeSize;\n  const borderColor = args.borderColor;\n  const iconColor = args.iconColor;\n  const IconComp =\n    args.Icon || ((props: IconProps) => <ExampleIcon {...props} name={args.exampleIconName} />);\n  const BadgeComp =\n    args.Badge || ((props: IconProps) => <ExampleIcon {...props} name={args.exampleBadgeName} />);\n  const iconSize = args.iconSize;\n  const size = args.size;\n\n  return (\n    <BoxedIconC\n      Icon={IconComp}\n      Badge={args.exampleBadgeEnabled ? BadgeComp : undefined}\n      badgeColor={badgeColor}\n      badgeSize={badgeSize}\n      borderColor={borderColor}\n      iconColor={iconColor}\n      iconSize={iconSize}\n      size={size}\n    />\n  );\n};\n\nexport const BoxedIcon = BoxedIconTemplate.bind({});\n"],"names":["React","styled","Flex","DEFAULT_BOX_SIZE","DEFAULT_ICON_SIZE","DEFAULT_BADGE_SIZE","getClipRectangleSize","badgeSize","getTopRightSquareClippedPolygon","boxSize","rectangleSize","diff","Container","p","IconBoxBackground","BadgeContainer","IconBox","Badge","size","children","borderColor","badgeColor","hasBadge","BoxedIcon","Icon","iconSize","iconColor","iconBoxProps","icons","iconNames","Array","Object","set","rawKey","key","Set","name","color","weight","maybeIconName","Component","baseStyled","FlexBox","gaps","compose","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","BoxedIconC","ExampleIcon","Story","BoxedIconTemplate","args","IconComp","props","BadgeComp","undefined"],"mappings":";;;;;;;;;;;;;;;AAA0B;AACa;AACF;AAE9B,MAAMG,mBAAmB,GAAG;AAC5B,MAAMC,oBAAoB,GAAG;AAC7B,MAAMC,qBAAqB,GAAG;AAErC,SAASC,qBAAqBC,SAAiB;IAC7C,OAAQ,IAAI,IAAKA;AACnB;AAEA,MAAMC,kCAAkC,CAACC,SAAiBC;IACxD,yEAAyE;IACzE,MAAMC,OAAOF,UAAUC;IACvB,OAAO,CAAC,uBAAuB,EAAEC,KAAK,MAAM,EAAEA,KAAK,GAAG,EAAED,cAAc,SAAS,EAAEA,cAAc,4DAA4D,CAAC;AAC9J;AAEA,MAAME,YAAYX,4CAAMA,CAACC,4CAAIA,EAAE,KAAK,CAAC,CAACW,IAAyB;QAC7D,QAAQA,EAAE,IAAI;QACd,OAAOA,EAAE,IAAI;QACb,YAAY;QACZ,gBAAgB;QAChB,UAAU;IACZ,GAAqB,CAAC,CAAC;AAEvB,MAAMC,oBAAoBb,4CAAMA,CAACC,4CAAIA,CAAyD,CAAC;;UAErF,EAAEW,CAAAA,IAAKA,EAAE,IAAI,CAAC;SACf,EAAEA,CAAAA,IAAKA,EAAE,IAAI,CAAC;EACrB,EAAEA,CAAAA;IACA,OACEA,EAAE,QAAQ,IACV,CAAC,WAAW,EAAEL,gCAAgCK,EAAE,IAAI,EAAEP,qBAAqBO,EAAE,SAAS,GAAG,CAAC,CAAC;AAE/F,EAAE;iBACa,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AACzC,CAAC;AAED,MAAME,iBAAiBd,kDAAiC,CAAC;;EAEvD,EAAEY,CAAAA,IAAK,CAAC;UACA,EAAEA,EAAE,SAAS,GAAG,IAAI,EAAE;YACpB,EAAEA,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;AACvC,CAAC;AA8CM,MAAMG,UAAU,CAAC,EACtBC,KAAK,EACLC,OAAOf,gBAAgB,EACvBgB,QAAQ,EACRC,cAAc,aAAa,EAC3BC,UAAU,EACVd,YAAYF,kBAAkB,EACjB;IACb,MAAMiB,WAAW,CAAC,CAACL;IACnB,qBACE,+CAACL;QAAU,MAAMM;qBACf,+CAACJ;QACC,MAAMI;QACN,WAAWX;QACX,UAAUe;QACV,QAAO;QACP,aAAaF;QAEdD,UACAG,0BACC,+CAACP;QAAe,WAAWR;qBACzB,+CAACU;QAAM,MAAMV;QAAW,OAAOc;;AAKzC,EAAE;AAEF,MAAME,YAAY,CAAC,EACjBC,IAAI,EACJC,WAAWrB,iBAAiB,EAC5BsB,SAAS,EACT,GAAGC,cACY;IACf,qBACE,+CAACX,SAAYW,4BACX,+CAACH;QAAK,MAAMC,YAAYrB;QAAmB,OAAOsB;;AAGxD;AAEA,sDAAeH,SAASA,EAAC;;;;;;;;;;;;;ACnI+B;AAC9B;AASnB,MAAMM,YAAYC,MAAM,IAAI,CACjCC,OAAO,IAAI,CAACH,+CAAKA,EAAE,MAAM,CAAC,CAACI,KAAKC;IAC9B,MAAMC,MAAMD,OAAO,OAAO,CAAC,mBAAmB;IAC9C,IAAI,CAACD,IAAI,GAAG,CAACE,MAAMF,IAAI,GAAG,CAACE;IAC3B,OAAOF;AACT,GAAG,IAAIG,QACP;AAEF,MAAMX,OAAO,CAAC,EACZY,IAAI,EACJlB,OAAO,EAAE,EACTmB,QAAQ,cAAc,EACtBC,SAAS,QAAQ,EACX;IACN,MAAMC,gBAAgB,GAAGH,OAAOE,QAAQ;IACxC,IAAIC,iBAAiBX,+CAAKA,EAAE;QAC1B,+DAA+D;QAC/D,MAAMY,YAAYZ,+CAAK,CAACW,cAAc;QACtC,qBAAO,+CAACC;YAAU,MAAMtB;YAAM,OAAOmB;;IACvC;IACA,OAAO;AACT;AAEA,sDAAeb,IAAIA,EAAC;;;;;;;;;ACjCuC;AAE3D,MAAMkB,UAAUD,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;ACLkB;AAC0C;AAiB5D;AAoBhB,MAAMS,aAA6CP,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRV,oCAAKA,EACLW,qCAAMA,EACNC,uCAAQA,EACRN,+CAAIA,EACJO,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMpD,8CAAMA,EAAE;IACpC,OAAMqD,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOvD,4CAAMA,CAACqD,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOxD,4CAAMA,CAACqD,MAAM,CAACG,SAAS,CAAC,KAAK,CAACxD,8CAAMA,EAAE;gBAACkD;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;AC7DL;AAEvC,MAAMT,OAAOe,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAef,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;ACN0B;AACe;AAOpB;AAErB,MAAMiB,cAAc,CAAC,EAAE1C,IAAI,EAAEmB,KAAK,EAAED,IAAI,EAAgC,iBACtE,+CAACZ,iCAAIA;QAAC,MAAMY;QAAYlB;QAAMmB;;AAGhC,MAAMwB,QAAQ;IACZ,OAAO;IACP,WAAWF,sCAAUA;IACrB,UAAU;QACR,iBAAiB;YACf,MAAM;YACN,aACE;YACF,SAAS9B,gCAASA;YAClB,SAAS;gBAAE,MAAM;YAAS;QAC5B;QACA,kBAAkB;YAChB,MAAM;YACN,aACE;YACF,SAASA,gCAASA;YAClB,SAAS;gBAAE,MAAM;YAAS;QAC5B;QACA,qBAAqB;YACnB,MAAM;YACN,aACE;QACJ;QACA,OAAO;YACL,SAAS;QACX;QACA,MAAM;YACJ,SAAS;QACX;QACA,WAAW;YACT,MAAM;YACN,SAAS;gBAAE,MAAM;YAAQ;QAC3B;QACA,YAAY;YACV,MAAM;YACN,SAAS;gBAAE,MAAM;YAAQ;QAC3B;QACA,aAAa;YACX,MAAM;YACN,SAAS;gBAAE,MAAM;YAAQ;QAC3B;QACA,UAAU;YACR,MAAM;QACR;QACA,WAAW;YACT,MAAM;QACR;QACA,MAAM;YACJ,MAAM;QACR;IACF;IACA,MAAM;QACJ,iBAAiB;QACjB,kBAAkB;QAClB,qBAAqB;QACrB,WAAW;QACX,YAAY;QACZ,aAAa;QACb,UAAUzB,6CAAiBA;QAC3B,WAAWC,8CAAkBA;QAC7B,MAAMF,4CAAgBA;IACxB;AACF;AAEA,sDAAe0D,KAAKA,EAAC;AAErB,MAAMC,oBAAoB,CACxBC;IAMA,MAAM1C,aAAa0C,KAAK,UAAU;IAClC,MAAMxD,YAAYwD,KAAK,SAAS;IAChC,MAAM3C,cAAc2C,KAAK,WAAW;IACpC,MAAMrC,YAAYqC,KAAK,SAAS;IAChC,MAAMC,WACJD,KAAK,IAAI,IAAK,EAACE,sBAAqB,+CAACL;YAAa,GAAGK,KAAK;YAAE,MAAMF,KAAK,eAAe;UAAG;IAC3F,MAAMG,YACJH,KAAK,KAAK,IAAK,EAACE,sBAAqB,+CAACL;YAAa,GAAGK,KAAK;YAAE,MAAMF,KAAK,gBAAgB;UAAG;IAC7F,MAAMtC,WAAWsC,KAAK,QAAQ;IAC9B,MAAM7C,OAAO6C,KAAK,IAAI;IAEtB,qBACE,+CAACJ,sCAAUA;QACT,MAAMK;QACN,OAAOD,KAAK,mBAAmB,GAAGG,YAAYC;QAC9C,YAAY9C;QACZ,WAAWd;QACX,aAAaa;QACb,WAAWM;QACX,UAAUD;QACV,MAAMP;;AAGZ;AAEO,MAAMK,YAAYuC,kBAAkB,IAAI,CAAC,CAAC,GAAG"}