@ledgerhq/react-ui 0.7.5 → 0.7.7-esbuild.0

package/lib/cjs/components/message/Tip/index.js

@@ -0,0 +1,83 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => Tip
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_Text = __toModule(require("../../asorted/Text"));
+var import_react2 = __toModule(require("@ledgerhq/icons-ui/react"));
+var import_layout = __toModule(require("../../layout"));
+const icons = {
+  success: /* @__PURE__ */ import_react.default.createElement(import_react2.CheckAloneMedium, {
+    size: 16
+  }),
+  warning: /* @__PURE__ */ import_react.default.createElement(import_react2.CircledAlertMedium, {
+    size: 16
+  }),
+  error: /* @__PURE__ */ import_react.default.createElement(import_react2.CloseMedium, {
+    size: 16
+  })
+};
+const StyledIconContainer = import_styled_components.default.div`
+  ${(p) => {
+  switch (p.type) {
+    case "warning":
+      return import_styled_components.css`
+          background: ${p.theme.colors.warning.c10};
+          color: ${p.theme.colors.warning.c100};
+        `;
+    case "error":
+      return import_styled_components.css`
+          background: ${p.theme.colors.error.c10};
+          color: ${p.theme.colors.error.c100};
+        `;
+    case "success":
+    default:
+      return import_styled_components.css`
+          background: ${p.theme.colors.success.c30};
+          color: ${p.theme.colors.success.c100};
+        `;
+  }
+}}
+
+  border-radius: ${(p) => `${p.theme.radii[1]}px`};
+  margin-right ${(p) => `${p.theme.space[6]}px`};
+  padding: 6px;
+  display: flex;
+  align-items: center;
+`;
+function Tip({ type, label }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_layout.Flex, {
+    alignItems: "center"
+  }, type && /* @__PURE__ */ import_react.default.createElement(StyledIconContainer, {
+    type
+  }, icons[type]), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+    variant: "paragraph",
+    fontWeight: "medium",
+    color: "neutral.c100",
+    flexShrink: 1
+  }, label));
+}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/message/Tip/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Tip/index.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport { CheckAloneMedium, CloseMedium, CircledAlertMedium } from \"@ledgerhq/icons-ui/react\";\nimport { Flex } from \"../../layout\";\n\ntype TipType = \"success\" | \"warning\" | \"error\";\n\nexport interface TipProps {\n  type?: TipType;\n  label: string;\n}\n\nconst icons = {\n  success: <CheckAloneMedium size={16} />,\n  warning: <CircledAlertMedium size={16} />,\n  error: <CloseMedium size={16} />,\n};\n\nconst StyledIconContainer = styled.div<{ type?: TipType }>`\n  ${(p) => {\n    switch (p.type) {\n      case \"warning\":\n        return css`\n          background: ${p.theme.colors.warning.c10};\n          color: ${p.theme.colors.warning.c100};\n        `;\n      case \"error\":\n        return css`\n          background: ${p.theme.colors.error.c10};\n          color: ${p.theme.colors.error.c100};\n        `;\n      case \"success\":\n      default:\n        return css`\n          background: ${p.theme.colors.success.c30};\n          color: ${p.theme.colors.success.c100};\n        `;\n    }\n  }}\n\n  border-radius: ${(p) => `${p.theme.radii[1]}px`};\n  margin-right ${(p) => `${p.theme.space[6]}px`};\n  padding: 6px;\n  display: flex;\n  align-items: center;\n`;\n\nexport default function Tip({ type, label }: TipProps): JSX.Element {\n  return (\n    <Flex alignItems={\"center\"}>\n      {type && <StyledIconContainer type={type}>{icons[type]}</StyledIconContainer>}\n      <Text variant={\"paragraph\"} fontWeight={\"medium\"} color={\"neutral.c100\"} flexShrink={1}>\n        {label}\n      </Text>\n    </Flex>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAA4B;AAC5B,kBAAiB;AACjB,oBAAkE;AAClE,oBAAqB;AASrB,MAAM,QAAQ;AAAA,EACZ,SAAS,mDAAC,gCAAD;AAAA,IAAkB,MAAM;AAAA;AAAA,EACjC,SAAS,mDAAC,kCAAD;AAAA,IAAoB,MAAM;AAAA;AAAA,EACnC,OAAO,mDAAC,2BAAD;AAAA,IAAa,MAAM;AAAA;AAAA;AAG5B,MAAM,sBAAsB,iCAAO;AAAA,IAC/B,CAAC,MAAM;AACP,UAAQ,EAAE;AAAA,SACH;AACH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,QAAQ;AAAA,mBAC5B,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA,SAE/B;AACH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,MAAM;AAAA,mBAC1B,EAAE,MAAM,OAAO,MAAM;AAAA;AAAA,SAE7B;AAAA;AAEH,aAAO;AAAA,wBACS,EAAE,MAAM,OAAO,QAAQ;AAAA,mBAC5B,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKvB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA,iBAC1B,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1B,aAAa,EAAE,MAAM,SAAgC;AAClE,SACE,mDAAC,oBAAD;AAAA,IAAM,YAAY;AAAA,KACf,QAAQ,mDAAC,qBAAD;AAAA,IAAqB;AAAA,KAAa,MAAM,QACjD,mDAAC,qBAAD;AAAA,IAAM,SAAS;AAAA,IAAa,YAAY;AAAA,IAAU,OAAO;AAAA,IAAgB,YAAY;AAAA,KAClF;AAAA;",
+  "names": []
+}

package/lib/cjs/components/message/Tooltip/Tooltip.stories.js

@@ -0,0 +1,112 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Tooltip: () => Tooltip,
+  default: () => Tooltip_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_Text = __toModule(require("../../asorted/Text"));
+var import_Flex = __toModule(require("../../layout/Flex"));
+var import_index = __toModule(require("./index"));
+const description = `
+### Tooltips display informative text when users hover over an element.
+
+This component is based on [tippyjs](https://atomiks.github.io/tippyjs/) which is powerful library.
+Please check [the documentation](https://github.com/atomiks/tippyjs-react#-props) for the full props list and usage.
+
+## Usage
+
+\`\`\`js
+
+import { Tooltip } from "@ledgerhq/react-ui"
+
+\`\`\`
+
+Wrap some jsx that will make the tooltip visible on mouse over.<br/>
+_**Note:** this jsx will automatically be wrapped inside a \`span\` element if the ref cannot be forwarded. See [here](https://github.com/atomiks/tippyjs-react#component-children) for a detailed explanation._
+
+To set the tooltip inner contents, use the \`content\` prop.
+
+\`\`\`js
+<Tooltip content="Hello!" {...props}>
+  <div>Hover me</div>
+</Tooltip>
+\`\`\`
+
+## Sandbox
+
+Placement, style and content can be customized using props as demonstrated in the following example.
+`;
+var Tooltip_stories_default = {
+  title: "Messages/Tooltip",
+  component: import_index.default,
+  parameters: {
+    docs: {
+      description: {
+        component: description
+      }
+    }
+  },
+  argTypes: {
+    content: { type: "string", defaultValue: "Hello World!" },
+    visible: { options: [true, false, void 0] },
+    disabled: { type: "boolean" },
+    placement: {
+      control: { type: "radio" },
+      options: [
+        "top",
+        "top-start",
+        "top-end",
+        "right",
+        "right-start",
+        "right-end",
+        "bottom",
+        "bottom-start",
+        "bottom-end",
+        "left",
+        "left-start",
+        "left-end",
+        "auto",
+        "auto-start",
+        "auto-end"
+      ]
+    }
+  }
+};
+const Tooltip = (args) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+  alignItems: "center",
+  justifyContent: "center"
+}, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+  ...args
+}, /* @__PURE__ */ import_react.default.createElement("div", {
+  style: { margin: "50px" }
+}, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+  as: "div",
+  fontWeight: "semiBold",
+  color: "neutral.c100",
+  style: { border: "2px solid #AAA", borderRadius: "5px" },
+  p: 10,
+  textAlign: "center"
+}, "Hover", /* @__PURE__ */ import_react.default.createElement("br", null), "me"))));
+//# sourceMappingURL=Tooltip.stories.js.map

package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Tooltip/Tooltip.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { StoryTemplate } from \"src/components/helpers\";\n\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport TooltipComponent, { Props } from \"./index\";\n\nconst description = `\n### Tooltips display informative text when users hover over an element.\n\nThis component is based on [tippyjs](https://atomiks.github.io/tippyjs/) which is powerful library.\nPlease check [the documentation](https://github.com/atomiks/tippyjs-react#-props) for the full props list and usage.\n\n## Usage\n\n\\`\\`\\`js\n\nimport { Tooltip } from \"@ledgerhq/react-ui\"\n\n\\`\\`\\`\n\nWrap some jsx that will make the tooltip visible on mouse over.<br/>\n_**Note:** this jsx will automatically be wrapped inside a \\`span\\` element if the ref cannot be forwarded. \\\nSee [here](https://github.com/atomiks/tippyjs-react#component-children) for a detailed explanation._\n\nTo set the tooltip inner contents, use the \\`content\\` prop.\n\n\\`\\`\\`js\n<Tooltip content=\"Hello!\" {...props}>\n  <div>Hover me</div>\n</Tooltip>\n\\`\\`\\`\n\n## Sandbox\n\nPlacement, style and content can be customized using props as demonstrated in the following example.\n`;\n\nexport default {\n  title: \"Messages/Tooltip\",\n  component: TooltipComponent,\n  parameters: {\n    docs: {\n      description: {\n        component: description,\n      },\n    },\n  },\n  argTypes: {\n    content: { type: \"string\", defaultValue: \"Hello World!\" },\n    visible: { options: [true, false, undefined] },\n    disabled: { type: \"boolean\" },\n    placement: {\n      control: { type: \"radio\" },\n      options: [\n        \"top\",\n        \"top-start\",\n        \"top-end\",\n        \"right\",\n        \"right-start\",\n        \"right-end\",\n        \"bottom\",\n        \"bottom-start\",\n        \"bottom-end\",\n        \"left\",\n        \"left-start\",\n        \"left-end\",\n        \"auto\",\n        \"auto-start\",\n        \"auto-end\",\n      ],\n    },\n  },\n};\n\nexport const Tooltip: StoryTemplate<Props> = (args) => (\n  <FlexBox alignItems=\"center\" justifyContent=\"center\">\n    <TooltipComponent {...args}>\n      <div style={{ margin: \"50px\" }}>\n        <Text\n          as=\"div\"\n          fontWeight=\"semiBold\"\n          color=\"neutral.c100\"\n          style={{ border: \"2px solid #AAA\", borderRadius: \"5px\" }}\n          p={10}\n          textAlign=\"center\"\n        >\n          Hover\n          <br />\n          me\n        </Text>\n      </div>\n    </TooltipComponent>\n  </FlexBox>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,kBAAiB;AACjB,kBAAoB;AACpB,mBAAwC;AAExC,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BpB,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA;AAAA;AAAA,EAIjB,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,UAAU,cAAc;AAAA,IACzC,SAAS,EAAE,SAAS,CAAC,MAAM,OAAO;AAAA,IAClC,UAAU,EAAE,MAAM;AAAA,IAClB,WAAW;AAAA,MACT,SAAS,EAAE,MAAM;AAAA,MACjB,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAMD,MAAM,UAAgC,CAAC,SAC5C,mDAAC,qBAAD;AAAA,EAAS,YAAW;AAAA,EAAS,gBAAe;AAAA,GAC1C,mDAAC,sBAAD;AAAA,KAAsB;AAAA,GACpB,mDAAC,OAAD;AAAA,EAAK,OAAO,EAAE,QAAQ;AAAA,GACpB,mDAAC,qBAAD;AAAA,EACE,IAAG;AAAA,EACH,YAAW;AAAA,EACX,OAAM;AAAA,EACN,OAAO,EAAE,QAAQ,kBAAkB,cAAc;AAAA,EACjD,GAAG;AAAA,EACH,WAAU;AAAA,GACX,SAEC,mDAAC,MAAD,OAAM;",
+  "names": []
+}

package/lib/cjs/components/message/Tooltip/index.js

@@ -0,0 +1,65 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => Tooltip
+});
+var import_react = __toModule(require("react"));
+var import_react_is = __toModule(require("react-is"));
+var import_react2 = __toModule(require("@tippyjs/react"));
+var import_Text = __toModule(require("../../asorted/Text"));
+const Wrapper = (0, import_react.forwardRef)((props, ref) => {
+  const childrenCount = import_react.default.Children.count(props.children);
+  try {
+    const child = import_react.default.Children.only(props.children);
+    const isValidElement = import_react.default.isValidElement(child);
+    const isForwardingRef = (0, import_react_is.isForwardRef)(child);
+    const isDomElement = isValidElement && typeof child.type === "string";
+    if (isForwardingRef || isDomElement) {
+      return import_react.default.cloneElement(child, { ref });
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement("span", {
+        ref
+      }, props.children);
+    }
+  } catch (e) {
+    return childrenCount < 1 ? null : /* @__PURE__ */ import_react.default.createElement("span", {
+      ref
+    }, props.children);
+  }
+});
+function Tooltip(props) {
+  const { content, placement = "auto", children, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_react2.default, {
+    ...rest,
+    placement,
+    content: /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+      fontWeight: "medium",
+      variant: "paragraph",
+      color: "neutral.c00"
+    }, content)
+  }, /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+    children
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/message/Tooltip/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Tooltip/index.tsx"],
+  "sourcesContent": ["import React, { forwardRef } from \"react\";\nimport { isForwardRef } from \"react-is\";\nimport Tippy, { TippyProps } from \"@tippyjs/react\";\nimport Text from \"../../asorted/Text\";\n\ntype Placement =\n  | \"top\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"right\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"bottom\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"auto\"\n  | \"auto-start\"\n  | \"auto-end\";\n\n// Add more props later on if needed.\n// See https://atomiks.github.io/tippyjs/v6/all-props for the full list.\nexport interface Props extends TippyProps {\n  /** The preferred placement of the tippy. */\n  placement?: Placement;\n}\n\n// Tippyjs need the ref to be forwarded to the DOM element wrapping the children.\n// This component has been created to add a wrapping span and use its ref when needed.\n// See: https://github.com/atomiks/tippyjs-react#component-children\nconst Wrapper: React.ComponentType<React.PropsWithChildren<unknown>> = forwardRef(\n  (props, ref: React.LegacyRef<HTMLElement>) => {\n    const childrenCount = React.Children.count(props.children);\n\n    try {\n      const child = React.Children.only(props.children);\n      const isValidElement = React.isValidElement(child);\n      const isForwardingRef = isForwardRef(child);\n      const isDomElement = isValidElement && typeof child.type === \"string\";\n\n      if (isForwardingRef || isDomElement) {\n        return React.cloneElement(child, { ref });\n      } else {\n        return <span ref={ref}>{props.children}</span>;\n      }\n    } catch (e) {\n      return childrenCount < 1 ? null : <span ref={ref}>{props.children}</span>;\n    }\n  },\n);\n\nexport default function Tooltip(props: Props): JSX.Element | null {\n  const { content, placement = \"auto\", children, ...rest } = props;\n  return (\n    <Tippy\n      {...rest}\n      placement={placement}\n      content={\n        <Text fontWeight=\"medium\" variant={\"paragraph\"} color=\"neutral.c00\">\n          {content}\n        </Text>\n      }\n    >\n      <Wrapper children={children} />\n    </Tippy>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,sBAA6B;AAC7B,oBAAkC;AAClC,kBAAiB;AA6BjB,MAAM,UAAiE,6BACrE,CAAC,OAAO,QAAsC;AAC5C,QAAM,gBAAgB,qBAAM,SAAS,MAAM,MAAM;AAEjD,MAAI;AACF,UAAM,QAAQ,qBAAM,SAAS,KAAK,MAAM;AACxC,UAAM,iBAAiB,qBAAM,eAAe;AAC5C,UAAM,kBAAkB,kCAAa;AACrC,UAAM,eAAe,kBAAkB,OAAO,MAAM,SAAS;AAE7D,QAAI,mBAAmB,cAAc;AACnC,aAAO,qBAAM,aAAa,OAAO,EAAE;AAAA,WAC9B;AACL,aAAO,mDAAC,QAAD;AAAA,QAAM;AAAA,SAAW,MAAM;AAAA;AAAA,WAEzB,GAAP;AACA,WAAO,gBAAgB,IAAI,OAAO,mDAAC,QAAD;AAAA,MAAM;AAAA,OAAW,MAAM;AAAA;AAAA;AAKhD,iBAAiB,OAAkC;AAChE,QAAM,EAAE,SAAS,YAAY,QAAQ,aAAa,SAAS;AAC3D,SACE,mDAAC,uBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,SACE,mDAAC,qBAAD;AAAA,MAAM,YAAW;AAAA,MAAS,SAAS;AAAA,MAAa,OAAM;AAAA,OACnD;AAAA,KAIL,mDAAC,SAAD;AAAA,IAAS;AAAA;AAAA;",
+  "names": []
+}

package/lib/cjs/components/message/Tooltip/styles.js

@@ -0,0 +1,117 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => styles_default
+});
+var import_styled_components = __toModule(require("styled-components"));
+var styles_default = import_styled_components.css`
+  .tippy-box[data-animation="fade"][data-state="hidden"] {
+    opacity: 0;
+  }
+
+  [data-tippy-root] {
+    max-width: calc(100vw - 10px);
+  }
+
+  .tippy-box {
+    position: relative;
+    background-color: ${(p) => p.theme.colors.neutral.c100};
+    color: ${(p) => p.theme.colors.neutral.c00};
+    border-radius: 4px;
+    font-size: 14px;
+    line-height: 1.4;
+    outline: 0;
+    transition-property: transform, visibility, opacity;
+  }
+
+  .tippy-box[data-placement^="top"] > .tippy-arrow {
+    bottom: 0;
+  }
+
+  .tippy-box[data-placement^="top"] > .tippy-arrow:before {
+    bottom: -4px;
+    left: 0;
+    border-width: 10px 10px 0;
+    border-top-color: initial;
+    transform-origin: center top;
+  }
+
+  .tippy-box[data-placement^="bottom"] > .tippy-arrow {
+    top: 0;
+  }
+
+  .tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
+    top: -4px;
+    left: 0;
+    border-width: 0 10px 10px;
+    border-bottom-color: initial;
+    transform-origin: center bottom;
+  }
+
+  .tippy-box[data-placement^="left"] > .tippy-arrow {
+    right: 0;
+  }
+
+  .tippy-box[data-placement^="left"] > .tippy-arrow:before {
+    border-width: 10px 0 10px 10px;
+    border-left-color: initial;
+    right: -4px;
+    transform-origin: center left;
+  }
+
+  .tippy-box[data-placement^="right"] > .tippy-arrow {
+    left: 0;
+  }
+
+  .tippy-box[data-placement^="right"] > .tippy-arrow:before {
+    left: -4px;
+    border-width: 10px 10px 10px 0;
+    border-right-color: initial;
+    transform-origin: center right;
+  }
+
+  .tippy-box[data-inertia][data-state="visible"] {
+    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
+  }
+
+  .tippy-arrow {
+    width: 16px;
+    height: 16px;
+    color: ${(p) => p.theme.colors.neutral.c100};
+  }
+
+  .tippy-arrow:before {
+    content: "";
+    position: absolute;
+    border-color: transparent;
+    border-style: solid;
+  }
+
+  .tippy-content {
+    position: relative;
+    padding: 8px 10px;
+    z-index: 1;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/lib/cjs/components/message/Tooltip/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Tooltip/styles.ts"],
+  "sourcesContent": ["import { DefaultTheme, css } from \"styled-components\";\n\ntype Props = { theme: DefaultTheme };\n\nexport default css`\n  .tippy-box[data-animation=\"fade\"][data-state=\"hidden\"] {\n    opacity: 0;\n  }\n\n  [data-tippy-root] {\n    max-width: calc(100vw - 10px);\n  }\n\n  .tippy-box {\n    position: relative;\n    background-color: ${(p: Props) => p.theme.colors.neutral.c100};\n    color: ${(p: Props) => p.theme.colors.neutral.c00};\n    border-radius: 4px;\n    font-size: 14px;\n    line-height: 1.4;\n    outline: 0;\n    transition-property: transform, visibility, opacity;\n  }\n\n  .tippy-box[data-placement^=\"top\"] > .tippy-arrow {\n    bottom: 0;\n  }\n\n  .tippy-box[data-placement^=\"top\"] > .tippy-arrow:before {\n    bottom: -4px;\n    left: 0;\n    border-width: 10px 10px 0;\n    border-top-color: initial;\n    transform-origin: center top;\n  }\n\n  .tippy-box[data-placement^=\"bottom\"] > .tippy-arrow {\n    top: 0;\n  }\n\n  .tippy-box[data-placement^=\"bottom\"] > .tippy-arrow:before {\n    top: -4px;\n    left: 0;\n    border-width: 0 10px 10px;\n    border-bottom-color: initial;\n    transform-origin: center bottom;\n  }\n\n  .tippy-box[data-placement^=\"left\"] > .tippy-arrow {\n    right: 0;\n  }\n\n  .tippy-box[data-placement^=\"left\"] > .tippy-arrow:before {\n    border-width: 10px 0 10px 10px;\n    border-left-color: initial;\n    right: -4px;\n    transform-origin: center left;\n  }\n\n  .tippy-box[data-placement^=\"right\"] > .tippy-arrow {\n    left: 0;\n  }\n\n  .tippy-box[data-placement^=\"right\"] > .tippy-arrow:before {\n    left: -4px;\n    border-width: 10px 10px 10px 0;\n    border-right-color: initial;\n    transform-origin: center right;\n  }\n\n  .tippy-box[data-inertia][data-state=\"visible\"] {\n    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);\n  }\n\n  .tippy-arrow {\n    width: 16px;\n    height: 16px;\n    color: ${(p: Props) => p.theme.colors.neutral.c100};\n  }\n\n  .tippy-arrow:before {\n    content: \"\";\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  .tippy-content {\n    position: relative;\n    padding: 8px 10px;\n    z-index: 1;\n  }\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAIlC,IAAO,iBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAWS,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA,aAChD,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aA6DrC,CAAC,MAAa,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/lib/cjs/components/message/index.js

@@ -0,0 +1,40 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Alert: () => import_Alert.default,
+  Badge: () => import_Badge.default,
+  Log: () => import_Log.default,
+  Notification: () => import_Notification.default,
+  StatusNotification: () => import_StatusNotification.default,
+  Tip: () => import_Tip.default,
+  Tooltip: () => import_Tooltip.default
+});
+var import_Alert = __toModule(require("./Alert"));
+var import_Log = __toModule(require("./Log"));
+var import_Notification = __toModule(require("./Notification"));
+var import_Badge = __toModule(require("./Notification/Badge"));
+var import_Tooltip = __toModule(require("./Tooltip"));
+var import_Tip = __toModule(require("./Tip"));
+var import_StatusNotification = __toModule(require("./StatusNotification"));
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/message/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/message/index.ts"],
+  "sourcesContent": ["export { default as Alert } from \"./Alert\";\nexport { default as Log } from \"./Log\";\nexport { default as Notification } from \"./Notification\";\nexport { default as Badge } from \"./Notification/Badge\";\nexport { default as Tooltip } from \"./Tooltip\";\nexport { default as Tip } from \"./Tip\";\nexport { default as StatusNotification } from \"./StatusNotification\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,iBAA+B;AAC/B,0BAAwC;AACxC,mBAAiC;AACjC,qBAAmC;AACnC,iBAA+B;AAC/B,gCAA8C;",
+  "names": []
+}

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

@@ -0,0 +1,88 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Aside: () => Aside,
+  default: () => Aside_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_Text = __toModule(require("../../asorted/Text"));
+var import_Flex = __toModule(require("../../layout/Flex"));
+var import_Log = __toModule(require("../../message/Log"));
+var import_react2 = __toModule(require("@ledgerhq/icons-ui/react"));
+var import_index = __toModule(require("./index"));
+var import_stories = __toModule(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 } }
+  }
+};
+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_react2.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
+  }))));
+}
+//# sourceMappingURL=Aside.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/Aside/Aside.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\n\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport Log from \"../../message/Log\";\nimport { LifeRingMedium } from \"@ledgerhq/icons-ui/react\";\nimport AsideComponent, { Props } from \"./index\";\nimport { nanoIllustration, keyboardIllustration } from \"./stories.helper\";\n\nexport default {\n  title: \"Navigation/Aside\",\n  component: AsideComponent,\n  argTypes: {\n    header: { control: false },\n    footer: { control: false },\n    theme: { table: { disable: true } },\n    as: { table: { disable: true } },\n    forwardedAs: { table: { disable: true } },\n  },\n};\n\nexport function Aside(args: Props): JSX.Element {\n  const header = <Log>Header</Log>;\n\n  const footer = (\n    <FlexBox flexDirection=\"column\" rowGap={3}>\n      <FlexBox columnGap={3} alignItems=\"center\">\n        <Text fontWeight=\"medium\" variant={\"body\"}>\n          Need help?\n        </Text>\n        <LifeRingMedium size={20} />\n      </FlexBox>\n      <Text fontWeight=\"medium\" variant={\"paragraph\"}>\n        Don\u2019t know what you have to do? Get some help to close this step.\n      </Text>\n      <div></div>\n    </FlexBox>\n  );\n\n  return (\n    <FlexBox columnGap={4}>\n      <AsideComponent\n        {...args}\n        header={header}\n        footer={footer}\n        p={10}\n        width=\"324px\"\n        backgroundColor=\"primary.c60\"\n      >\n        <FlexBox m={-10}>\n          <img src={nanoIllustration} />\n        </FlexBox>\n      </AsideComponent>\n      <AsideComponent {...args} header={header} p={10} backgroundColor=\"primary.c60\" flex={1}>\n        <FlexBox justifyContent=\"center\">\n          <img src={keyboardIllustration} />\n        </FlexBox>\n      </AsideComponent>\n    </FlexBox>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAoB;AACpB,iBAAgB;AAChB,oBAA+B;AAC/B,mBAAsC;AACtC,qBAAuD;AAEvD,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,QAAQ,EAAE,SAAS;AAAA,IACnB,QAAQ,EAAE,SAAS;AAAA,IACnB,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,IAC3B,IAAI,EAAE,OAAO,EAAE,SAAS;AAAA,IACxB,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA;AAI9B,eAAe,MAA0B;AAC9C,QAAM,SAAS,mDAAC,oBAAD,MAAK;AAEpB,QAAM,SACJ,mDAAC,qBAAD;AAAA,IAAS,eAAc;AAAA,IAAS,QAAQ;AAAA,KACtC,mDAAC,qBAAD;AAAA,IAAS,WAAW;AAAA,IAAG,YAAW;AAAA,KAChC,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,SAAS;AAAA,KAAQ,eAG3C,mDAAC,8BAAD;AAAA,IAAgB,MAAM;AAAA,OAExB,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,SAAS;AAAA,KAAa,2EAGhD,mDAAC,OAAD;AAIJ,SACE,mDAAC,qBAAD;AAAA,IAAS,WAAW;AAAA,KAClB,mDAAC,sBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,OAAM;AAAA,IACN,iBAAgB;AAAA,KAEhB,mDAAC,qBAAD;AAAA,IAAS,GAAG;AAAA,KACV,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,QAGd,mDAAC,sBAAD;AAAA,OAAoB;AAAA,IAAM;AAAA,IAAgB,GAAG;AAAA,IAAI,iBAAgB;AAAA,IAAc,MAAM;AAAA,KACnF,mDAAC,qBAAD;AAAA,IAAS,gBAAe;AAAA,KACtB,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,48 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => Aside
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_styled_system = __toModule(require("styled-system"));
+var import_Flex = __toModule(require("../../layout/Flex"));
+const Wrapper = (0, import_styled_components.default)(import_Flex.default)`
+  ${import_styled_system.color}
+  ${import_styled_system.layout}
+  ${import_styled_system.typography}
+`;
+function Aside({ header, footer, children, ...props }) {
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+    display: "inline-flex",
+    flexDirection: "column",
+    height: "100vh",
+    ...props
+  }, header, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    flex: "auto",
+    alignItems: "center",
+    justifyContent: "center"
+  }, children), footer ?? null);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/Aside/index.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport { color, layout, typography, ColorProps, LayoutProps, TypographyProps } from \"styled-system\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n  /* Header which will be displayed at the top of the Aside. */\n  header: React.ReactNode;\n  /* Optional footer which will be displayed at the bottom of the Aside. */\n  footer?: React.ReactNode;\n}> &\n  React.ComponentProps<typeof Wrapper>;\n\ninterface ExtraWrapperProps extends ColorProps, LayoutProps, TypographyProps {}\nconst Wrapper = styled(FlexBox)<ExtraWrapperProps>`\n  ${color}\n  ${layout}\n  ${typography}\n`;\n\nexport default function Aside({ header, footer, children, ...props }: Props): JSX.Element {\n  return (\n    <Wrapper display=\"inline-flex\" flexDirection=\"column\" height=\"100vh\" {...props}>\n      {header}\n      <FlexBox flex=\"auto\" alignItems=\"center\" justifyContent=\"center\">\n        {children}\n      </FlexBox>\n      {footer ?? null}\n    </Wrapper>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,2BAAoF;AACpF,kBAAoB;AAWpB,MAAM,UAAU,sCAAO;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA;AAGW,eAAe,EAAE,QAAQ,QAAQ,aAAa,SAA6B;AACxF,SACE,mDAAC,SAAD;AAAA,IAAS,SAAQ;AAAA,IAAc,eAAc;AAAA,IAAS,QAAO;AAAA,OAAY;AAAA,KACtE,QACD,mDAAC,qBAAD;AAAA,IAAS,MAAK;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,KACrD,WAEF,UAAU;AAAA;",
+  "names": []
+}