@ledgerhq/react-ui 0.7.5 → 0.7.6-nightly.0

package/lib/cjs/components/loaders/ProgressLoader/index.js

@@ -0,0 +1,107 @@
+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: () => ProgressLoader
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_Text = __toModule(require("../../asorted/Text"));
+const StyledCircle = import_styled_components.default.circle.attrs({
+  fill: "transparent",
+  cx: "50%",
+  cy: "50%"
+})`
+  transition: stroke-dashoffset 0.35s;
+  transform: rotate(-90deg);
+  transform-origin: 50% 50%;
+`;
+const StyledCircleBackground = (0, import_styled_components.default)(StyledCircle).attrs((props) => ({
+  stroke: props.stroke || props.theme.colors.primary.c20
+}))``;
+const StyledCircleFront = (0, import_styled_components.default)(StyledCircle).attrs((props) => ({
+  stroke: props.stroke || props.theme.colors.primary.c60
+}))``;
+const StyledCenteredText = (0, import_styled_components.default)(import_Text.default)`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+`;
+const StyledProgressLoaderContainer = import_styled_components.default.div`
+  display: flex;
+  position: absolute;
+`;
+function ProgressCircleSvg({
+  radius,
+  stroke,
+  progress,
+  backgroundStrokeColor,
+  frontStrokeColor,
+  frontStrokeLinecap
+}) {
+  const normalizedRadius = radius - stroke / 2;
+  const circumference = normalizedRadius * 2 * Math.PI;
+  const strokeDashoffset = circumference - progress / 100 * circumference;
+  return /* @__PURE__ */ import_react.default.createElement("svg", {
+    height: radius * 2,
+    width: radius * 2
+  }, /* @__PURE__ */ import_react.default.createElement(StyledCircleBackground, {
+    strokeWidth: stroke,
+    strokeDasharray: circumference + " " + circumference,
+    style: { strokeDashoffset: 0 },
+    stroke: backgroundStrokeColor,
+    r: normalizedRadius
+  }), /* @__PURE__ */ import_react.default.createElement(StyledCircleFront, {
+    strokeWidth: stroke,
+    strokeDasharray: circumference + " " + circumference,
+    style: { strokeDashoffset },
+    stroke: frontStrokeColor,
+    strokeLinecap: frontStrokeLinecap,
+    r: normalizedRadius
+  }));
+}
+function ProgressLoader({
+  radius = 32,
+  stroke = 6,
+  progress = 0,
+  showPercentage = true,
+  textColor,
+  frontStrokeColor,
+  frontStrokeLinecap,
+  backgroundStrokeColor
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(StyledProgressLoaderContainer, null, showPercentage && /* @__PURE__ */ import_react.default.createElement(StyledCenteredText, {
+    variant: "body",
+    color: textColor || "primary.c80"
+  }, progress, "%"), /* @__PURE__ */ import_react.default.createElement(ProgressCircleSvg, {
+    radius,
+    stroke,
+    progress,
+    frontStrokeColor,
+    frontStrokeLinecap,
+    backgroundStrokeColor
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/loaders/ProgressLoader/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/loaders/ProgressLoader/index.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\n\nexport interface Props {\n  /**\n   * Radius of the progress ring.\n   */\n  radius?: number;\n\n  /**\n   * Thickness of the progress ring.\n   */\n  stroke?: number;\n\n  /**\n   * Progress of the loader, in percent, between 0 and 100.\n   */\n  progress?: number;\n\n  /**\n   * Whether to display the progress, defaults to true.\n   */\n  showPercentage?: boolean;\n\n  /**\n   * Percentage text color\n   */\n  textColor?: string;\n\n  /**\n   * Front stroke color.\n   */\n  frontStrokeColor?: string;\n\n  /**\n   * Front stroke linecap.\n   * https://developer.mozilla.org/fr/docs/Web/SVG/Attribute/stroke-linecap\n   */\n  frontStrokeLinecap?: \"butt\" | \"round\";\n\n  /**\n   * Background stroke color.\n   */\n  backgroundStrokeColor?: string;\n}\n\nconst StyledCircle = styled.circle.attrs({\n  fill: \"transparent\",\n  cx: \"50%\",\n  cy: \"50%\",\n})`\n  transition: stroke-dashoffset 0.35s;\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n`;\n\nconst StyledCircleBackground = styled(StyledCircle).attrs((props) => ({\n  stroke: props.stroke || props.theme.colors.primary.c20,\n}))``;\n\nconst StyledCircleFront = styled(StyledCircle).attrs((props) => ({\n  stroke: props.stroke || props.theme.colors.primary.c60,\n}))``;\n\nconst StyledCenteredText = styled(Text)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n`;\n\nconst StyledProgressLoaderContainer = styled.div`\n  display: flex;\n  position: absolute;\n`;\n\nfunction ProgressCircleSvg({\n  radius,\n  stroke,\n  progress,\n  backgroundStrokeColor,\n  frontStrokeColor,\n  frontStrokeLinecap,\n}: {\n  radius: number;\n  stroke: number;\n  progress: number;\n  backgroundStrokeColor?: string;\n  frontStrokeColor?: string;\n  frontStrokeLinecap?: \"butt\" | \"round\" | \"square\";\n}) {\n  const normalizedRadius = radius - stroke / 2;\n  const circumference = normalizedRadius * 2 * Math.PI;\n  const strokeDashoffset = circumference - (progress / 100) * circumference;\n  return (\n    <svg height={radius * 2} width={radius * 2}>\n      <StyledCircleBackground\n        strokeWidth={stroke}\n        strokeDasharray={circumference + \" \" + circumference}\n        style={{ strokeDashoffset: 0 }}\n        stroke={backgroundStrokeColor}\n        r={normalizedRadius}\n      />\n      <StyledCircleFront\n        strokeWidth={stroke}\n        strokeDasharray={circumference + \" \" + circumference}\n        style={{ strokeDashoffset }}\n        stroke={frontStrokeColor}\n        strokeLinecap={frontStrokeLinecap}\n        r={normalizedRadius}\n      />\n    </svg>\n  );\n}\n\nexport default function ProgressLoader({\n  radius = 32,\n  stroke = 6,\n  progress = 0,\n  showPercentage = true,\n  textColor,\n  frontStrokeColor,\n  frontStrokeLinecap,\n  backgroundStrokeColor,\n}: Props): JSX.Element {\n  return (\n    <StyledProgressLoaderContainer>\n      {showPercentage && (\n        <StyledCenteredText variant=\"body\" color={textColor || \"primary.c80\"}>\n          {progress}%\n        </StyledCenteredText>\n      )}\n      <ProgressCircleSvg\n        radius={radius}\n        stroke={stroke}\n        progress={progress}\n        frontStrokeColor={frontStrokeColor}\n        frontStrokeLinecap={frontStrokeLinecap}\n        backgroundStrokeColor={backgroundStrokeColor}\n      />\n    </StyledProgressLoaderContainer>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AA6CjB,MAAM,eAAe,iCAAO,OAAO,MAAM;AAAA,EACvC,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAON,MAAM,yBAAyB,sCAAO,cAAc,MAAM,CAAC,UAAW;AAAA,EACpE,QAAQ,MAAM,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrD,MAAM,oBAAoB,sCAAO,cAAc,MAAM,CAAC,UAAW;AAAA,EAC/D,QAAQ,MAAM,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrD,MAAM,qBAAqB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQlC,MAAM,gCAAgC,iCAAO;AAAA;AAAA;AAAA;AAK7C,2BAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAQC;AACD,QAAM,mBAAmB,SAAS,SAAS;AAC3C,QAAM,gBAAgB,mBAAmB,IAAI,KAAK;AAClD,QAAM,mBAAmB,gBAAiB,WAAW,MAAO;AAC5D,SACE,mDAAC,OAAD;AAAA,IAAK,QAAQ,SAAS;AAAA,IAAG,OAAO,SAAS;AAAA,KACvC,mDAAC,wBAAD;AAAA,IACE,aAAa;AAAA,IACb,iBAAiB,gBAAgB,MAAM;AAAA,IACvC,OAAO,EAAE,kBAAkB;AAAA,IAC3B,QAAQ;AAAA,IACR,GAAG;AAAA,MAEL,mDAAC,mBAAD;AAAA,IACE,aAAa;AAAA,IACb,iBAAiB,gBAAgB,MAAM;AAAA,IACvC,OAAO,EAAE;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,GAAG;AAAA;AAAA;AAMI,wBAAwB;AAAA,EACrC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACqB;AACrB,SACE,mDAAC,+BAAD,MACG,kBACC,mDAAC,oBAAD;AAAA,IAAoB,SAAQ;AAAA,IAAO,OAAO,aAAa;AAAA,KACpD,UAAS,MAGd,mDAAC,mBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+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, {
+  InfiniteLoader: () => import_InfiniteLoader.default,
+  ProgressLoader: () => import_ProgressLoader.default
+});
+var import_InfiniteLoader = __toModule(require("./InfiniteLoader"));
+var import_ProgressLoader = __toModule(require("./ProgressLoader"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/loaders/index.ts"],
+  "sourcesContent": ["export { default as InfiniteLoader } from \"./InfiniteLoader\";\nexport { default as ProgressLoader } from \"./ProgressLoader\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAC1C,4BAA0C;",
+  "names": []
+}

package/lib/cjs/components/message/Alert/Alert.stories.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: () => Default,
+  WithContent: () => WithContent,
+  default: () => Alert_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_index = __toModule(require("./index"));
+var import_Link = __toModule(require("../../cta/Link"));
+var import_Text = __toModule(require("../../asorted/Text"));
+var import_Button = __toModule(require("../../cta/Button"));
+var import_assets = __toModule(require("../../../../src/assets"));
+var Alert_stories_default = {
+  title: "Messages/Alerts",
+  component: import_index.default,
+  argTypes: {
+    type: {
+      options: ["info", "warning", "error"],
+      control: {
+        type: "radio"
+      }
+    },
+    title: {
+      control: {
+        type: "text"
+      },
+      defaultValue: "Title"
+    },
+    showIcon: {
+      control: {
+        type: "boolean"
+      },
+      defaultValue: true
+    }
+  }
+};
+const Default = (args) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+    ...args
+  });
+};
+const WithContent = (args) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+    ...args,
+    containerProps: { pr: 7 },
+    renderContent: ({ color, textProps }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+      color: "inherit",
+      ...textProps
+    }, "Your xpub is privacy-sensitive data. Use with caution, especially when disclosing to third parties."), /* @__PURE__ */ import_react.default.createElement(import_Link.default, {
+      color,
+      textProps,
+      alwaysUnderline: true,
+      size: "small",
+      Icon: import_assets.Icons.ExternalLinkMedium
+    }, "And a learn more link")),
+    renderRight: () => /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
+      variant: "color"
+    }, "Click me")
+  });
+};
+//# sourceMappingURL=Alert.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Alert/Alert.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport Alert, { AlertProps } from \"./index\";\nimport Link from \"../../cta/Link\";\nimport Text from \"../../asorted/Text\";\nimport Button from \"../../cta/Button\";\nimport { Icons } from \"../../../../src/assets\";\nexport default {\n  title: \"Messages/Alerts\",\n  component: Alert,\n  argTypes: {\n    type: {\n      options: [\"info\", \"warning\", \"error\"],\n      control: {\n        type: \"radio\",\n      },\n    },\n    title: {\n      control: {\n        type: \"text\",\n      },\n      defaultValue: \"Title\",\n    },\n    showIcon: {\n      control: {\n        type: \"boolean\",\n      },\n      defaultValue: true,\n    },\n  },\n};\n\nexport const Default = (args: AlertProps): JSX.Element => {\n  return <Alert {...args} />;\n};\n\nexport const WithContent = (args: AlertProps) => {\n  return (\n    <Alert\n      {...args}\n      containerProps={{ pr: 7 }}\n      renderContent={({ color, textProps }) => (\n        <>\n          <Text color=\"inherit\" {...textProps}>\n            Your xpub is privacy-sensitive data. Use with caution, especially when disclosing to\n            third parties.\n          </Text>\n          <Link\n            color={color}\n            textProps={textProps}\n            alwaysUnderline\n            size={\"small\" as any}\n            Icon={Icons.ExternalLinkMedium}\n          >\n            And a learn more link\n          </Link>\n        </>\n      )}\n      renderRight={() => <Button variant=\"color\">Click me</Button>}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAkC;AAClC,kBAAiB;AACjB,kBAAiB;AACjB,oBAAmB;AACnB,oBAAsB;AACtB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,CAAC,QAAQ,WAAW;AAAA,MAC7B,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA;AAAA,MAER,cAAc;AAAA;AAAA,IAEhB,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA;AAAA,MAER,cAAc;AAAA;AAAA;AAAA;AAKb,MAAM,UAAU,CAAC,SAAkC;AACxD,SAAO,mDAAC,sBAAD;AAAA,OAAW;AAAA;AAAA;AAGb,MAAM,cAAc,CAAC,SAAqB;AAC/C,SACE,mDAAC,sBAAD;AAAA,OACM;AAAA,IACJ,gBAAgB,EAAE,IAAI;AAAA,IACtB,eAAe,CAAC,EAAE,OAAO,gBACvB,wFACE,mDAAC,qBAAD;AAAA,MAAM,OAAM;AAAA,SAAc;AAAA,OAAW,wGAIrC,mDAAC,qBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,iBAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM,oBAAM;AAAA,OACb;AAAA,IAKL,aAAa,MAAM,mDAAC,uBAAD;AAAA,MAAQ,SAAQ;AAAA,OAAQ;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,103 @@
+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: () => Alert
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_Text = __toModule(require("../../asorted/Text"));
+var import_Flex = __toModule(require("../../layout/Flex"));
+var import_ShieldSecurityMedium = __toModule(require("@ledgerhq/icons-ui/react/ShieldSecurityMedium"));
+var import_CircledCrossMedium = __toModule(require("@ledgerhq/icons-ui/react/CircledCrossMedium"));
+var import_CircledAlertMedium = __toModule(require("@ledgerhq/icons-ui/react/CircledAlertMedium"));
+const StyledIconContainer = import_styled_components.default.div`
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+`;
+const icons = {
+  info: /* @__PURE__ */ import_react.default.createElement(import_ShieldSecurityMedium.default, {
+    size: 20
+  }),
+  warning: /* @__PURE__ */ import_react.default.createElement(import_CircledAlertMedium.default, {
+    size: 20
+  }),
+  error: /* @__PURE__ */ import_react.default.createElement(import_CircledCrossMedium.default, {
+    size: 20
+  })
+};
+const getColors = ({ theme, type }) => {
+  switch (type) {
+    case "warning":
+      return {
+        background: theme.colors.warning.c30,
+        color: theme.colors.warning.c100
+      };
+    case "error":
+      return {
+        background: theme.colors.error.c30,
+        color: theme.colors.error.c100
+      };
+    case "info":
+    default:
+      return {
+        background: theme.colors.primary.c20,
+        color: theme.colors.primary.c90
+      };
+  }
+};
+const StyledAlertContainer = (0, import_styled_components.default)(import_Flex.default)`
+  border-radius: ${(p) => `${p.theme.radii[1]}px`};
+  align-items: center;
+`;
+function Alert({
+  type = "info",
+  title,
+  showIcon = true,
+  renderContent,
+  renderRight,
+  containerProps
+}) {
+  const theme = (0, import_styled_components.useTheme)();
+  const { color, background } = getColors({ theme, type });
+  const textProps = {
+    variant: "paragraph",
+    fontWeight: "medium"
+  };
+  return /* @__PURE__ */ import_react.default.createElement(StyledAlertContainer, {
+    color,
+    backgroundColor: background,
+    padding: 6,
+    ...containerProps
+  }, showIcon && !!icons[type] && /* @__PURE__ */ import_react.default.createElement(StyledIconContainer, null, icons[type]), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    flexDirection: "column",
+    flex: 1,
+    alignItems: "flex-start",
+    rowGap: "6px"
+  }, title && /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+    ...textProps,
+    color: "inherit"
+  }, title), renderContent && renderContent({ color, textProps })), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, null, renderRight && renderRight({ color, textProps })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Alert/index.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled, { useTheme, DefaultTheme } from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport Flex from \"../../layout/Flex\";\nimport ShieldSecurityMedium from \"@ledgerhq/icons-ui/react/ShieldSecurityMedium\";\nimport CircledCrossMedium from \"@ledgerhq/icons-ui/react/CircledCrossMedium\";\nimport CircledAlertMedium from \"@ledgerhq/icons-ui/react/CircledAlertMedium\";\n\ntype AlertType = \"info\" | \"warning\" | \"error\";\n\ntype RenderProps = (props: {\n  color: string;\n  textProps: { variant?: TextVariants; fontWeight?: string };\n}) => JSX.Element;\n\nexport interface AlertProps {\n  /**\n   * Affects the colors of the background & text and what icon can be displayed.\n   */\n  type?: AlertType;\n  /**\n   * Title of the Alert.\n   */\n  title?: string;\n  /**\n   * Method for rendering additional content under the title. `{ color: string; textProps: { variant?: TextVariants; fontWeight?: string } }` is passed as props to easily style text elements.\n   */\n  renderContent?: RenderProps;\n\n  /**\n   * Method for rendering additional content to the right. `{ color: string; textProps: { variant?: TextVariants; fontWeight?: string } }` is passed as props to easily style text elements.\n   */\n  renderRight?: RenderProps;\n\n  /**\n   * Additional props to be passed to the top level container (containing icon + content).\n   */\n  containerProps?: Record<string, unknown>;\n\n  /**\n   * Whether or not to display an icon\n   */\n  showIcon?: boolean;\n}\n\nconst StyledIconContainer = styled.div`\n  margin-right: 12px;\n  display: flex;\n  align-items: center;\n`;\n\nconst icons = {\n  info: <ShieldSecurityMedium size={20} />,\n  warning: <CircledAlertMedium size={20} />,\n  error: <CircledCrossMedium size={20} />,\n};\n\nconst getColors = ({ theme, type }: { theme: DefaultTheme; type?: AlertType }) => {\n  switch (type) {\n    case \"warning\":\n      return {\n        background: theme.colors.warning.c30,\n        color: theme.colors.warning.c100,\n      };\n    case \"error\":\n      return {\n        background: theme.colors.error.c30,\n        color: theme.colors.error.c100,\n      };\n    case \"info\":\n    default:\n      return {\n        background: theme.colors.primary.c20,\n        color: theme.colors.primary.c90,\n      };\n  }\n};\n\nconst StyledAlertContainer = styled(Flex)<{ background?: string; color?: string }>`\n  border-radius: ${(p) => `${p.theme.radii[1]}px`};\n  align-items: center;\n`;\n\nexport default function Alert({\n  type = \"info\",\n  title,\n  showIcon = true,\n  renderContent,\n  renderRight,\n  containerProps,\n}: AlertProps): JSX.Element {\n  const theme = useTheme();\n  const { color, background } = getColors({ theme, type });\n  const textProps: { variant?: TextVariants; fontWeight?: string } = {\n    variant: \"paragraph\",\n    fontWeight: \"medium\",\n  };\n  return (\n    <StyledAlertContainer\n      color={color}\n      backgroundColor={background}\n      padding={6}\n      {...containerProps}\n    >\n      {showIcon && !!icons[type] && <StyledIconContainer>{icons[type]}</StyledIconContainer>}\n      <Flex flexDirection=\"column\" flex={1} alignItems=\"flex-start\" rowGap=\"6px\">\n        {title && (\n          <Text {...textProps} color=\"inherit\">\n            {title}\n          </Text>\n        )}\n        {renderContent && renderContent({ color, textProps })}\n      </Flex>\n      <Flex>{renderRight && renderRight({ color, textProps })}</Flex>\n    </StyledAlertContainer>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAA+C;AAC/C,kBAAiB;AAEjB,kBAAiB;AACjB,kCAAiC;AACjC,gCAA+B;AAC/B,gCAA+B;AAuC/B,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,QAAQ;AAAA,EACZ,MAAM,mDAAC,qCAAD;AAAA,IAAsB,MAAM;AAAA;AAAA,EAClC,SAAS,mDAAC,mCAAD;AAAA,IAAoB,MAAM;AAAA;AAAA,EACnC,OAAO,mDAAC,mCAAD;AAAA,IAAoB,MAAM;AAAA;AAAA;AAGnC,MAAM,YAAY,CAAC,EAAE,OAAO,WAAsD;AAChF,UAAQ;AAAA,SACD;AACH,aAAO;AAAA,QACL,YAAY,MAAM,OAAO,QAAQ;AAAA,QACjC,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA,SAE3B;AACH,aAAO;AAAA,QACL,YAAY,MAAM,OAAO,MAAM;AAAA,QAC/B,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA,SAEzB;AAAA;AAEH,aAAO;AAAA,QACL,YAAY,MAAM,OAAO,QAAQ;AAAA,QACjC,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKpC,MAAM,uBAAuB,sCAAO;AAAA,mBACjB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA;AAAA;AAI5B,eAAe;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,GAC0B;AAC1B,QAAM,QAAQ;AACd,QAAM,EAAE,OAAO,eAAe,UAAU,EAAE,OAAO;AACjD,QAAM,YAA6D;AAAA,IACjE,SAAS;AAAA,IACT,YAAY;AAAA;AAEd,SACE,mDAAC,sBAAD;AAAA,IACE;AAAA,IACA,iBAAiB;AAAA,IACjB,SAAS;AAAA,OACL;AAAA,KAEH,YAAY,CAAC,CAAC,MAAM,SAAS,mDAAC,qBAAD,MAAsB,MAAM,QAC1D,mDAAC,qBAAD;AAAA,IAAM,eAAc;AAAA,IAAS,MAAM;AAAA,IAAG,YAAW;AAAA,IAAa,QAAO;AAAA,KAClE,SACC,mDAAC,qBAAD;AAAA,OAAU;AAAA,IAAW,OAAM;AAAA,KACxB,QAGJ,iBAAiB,cAAc,EAAE,OAAO,eAE3C,mDAAC,qBAAD,MAAO,eAAe,YAAY,EAAE,OAAO;AAAA;",
+  "names": []
+}

package/lib/cjs/components/message/Log/Brackets.js

@@ -0,0 +1,75 @@
+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, {
+  BracketLeft: () => BracketLeft,
+  BracketRight: () => BracketRight
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_Flex = __toModule(require("../../layout/Flex"));
+const SvgTop = import_styled_components.default.svg`
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+const SvgBottom = import_styled_components.default.svg`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+`;
+const BracketLeft = () => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+  flex: "0 0 1.2em",
+  flexDirection: "column",
+  position: "relative",
+  justifyContent: "space-between",
+  alignItems: "flex-start"
+}, /* @__PURE__ */ import_react.default.createElement(SvgTop, {
+  viewBox: "0 0 64 64",
+  fill: "currentColor"
+}, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", {
+  d: "M 0,0 V 36.3452 H 8.05844 V 8.05844 H 55.3076 V 0 Z"
+}))), /* @__PURE__ */ import_react.default.createElement(SvgBottom, {
+  viewBox: "0 0 64 128",
+  fill: "currentColor"
+}, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.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__ */ import_react.default.createElement(import_Flex.default, {
+  flex: "0 0 1.2em",
+  flexDirection: "column",
+  position: "relative",
+  justifyContent: "space-between",
+  alignItems: "flex-end"
+}, /* @__PURE__ */ import_react.default.createElement(SvgTop, {
+  viewBox: "0 0 64 64",
+  fill: "currentColor"
+}, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", {
+  d: "M 8.692,0 V 8.05844 H 55.941 V 36.3452 H 64 V 0 Z"
+}))), /* @__PURE__ */ import_react.default.createElement(SvgBottom, {
+  viewBox: "0 0 64 128",
+  fill: "currentColor"
+}, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("path", {
+  d: "m 8.692,119.94 v 8.058 H 64 V 91.6548 H 55.941 V 119.94 Z"
+}))));
+//# sourceMappingURL=Brackets.js.map

package/lib/cjs/components/message/Log/Brackets.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Log/Brackets.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport FlexBox from \"../../layout/Flex\";\n\nconst SvgTop = styled.svg`\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nconst SvgBottom = styled.svg`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n`;\n\nexport const BracketLeft = (): React.ReactElement => (\n  <FlexBox\n    flex=\"0 0 1.2em\"\n    flexDirection=\"column\"\n    position=\"relative\"\n    justifyContent=\"space-between\"\n    alignItems=\"flex-start\"\n  >\n    <SvgTop viewBox=\"0 0 64 64\" fill=\"currentColor\">\n      <g>\n        <path d=\"M 0,0 V 36.3452 H 8.05844 V 8.05844 H 55.3076 V 0 Z\" />\n      </g>\n    </SvgTop>\n    <SvgBottom viewBox=\"0 0 64 128\" fill=\"currentColor\">\n      <g>\n        <path d=\"M 0,91.6548 V 128 h 55.3076 v -8.06 H 8.05844 V 91.6548 Z\" />\n      </g>\n    </SvgBottom>\n  </FlexBox>\n);\n\nexport const BracketRight = (): React.ReactElement => (\n  <FlexBox\n    flex=\"0 0 1.2em\"\n    flexDirection=\"column\"\n    position=\"relative\"\n    justifyContent=\"space-between\"\n    alignItems=\"flex-end\"\n  >\n    <SvgTop viewBox=\"0 0 64 64\" fill=\"currentColor\">\n      <g>\n        <path d=\"M 8.692,0 V 8.05844 H 55.941 V 36.3452 H 64 V 0 Z\" />\n      </g>\n    </SvgTop>\n    <SvgBottom viewBox=\"0 0 64 128\" fill=\"currentColor\">\n      <g>\n        <path d=\"m 8.692,119.94 v 8.058 H 64 V 91.6548 H 55.941 V 119.94 Z\" />\n      </g>\n    </SvgBottom>\n  </FlexBox>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAoB;AAEpB,MAAM,SAAS,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMtB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,cAAc,MACzB,mDAAC,qBAAD;AAAA,EACE,MAAK;AAAA,EACL,eAAc;AAAA,EACd,UAAS;AAAA,EACT,gBAAe;AAAA,EACf,YAAW;AAAA,GAEX,mDAAC,QAAD;AAAA,EAAQ,SAAQ;AAAA,EAAY,MAAK;AAAA,GAC/B,mDAAC,KAAD,MACE,mDAAC,QAAD;AAAA,EAAM,GAAE;AAAA,MAGZ,mDAAC,WAAD;AAAA,EAAW,SAAQ;AAAA,EAAa,MAAK;AAAA,GACnC,mDAAC,KAAD,MACE,mDAAC,QAAD;AAAA,EAAM,GAAE;AAAA;AAMT,MAAM,eAAe,MAC1B,mDAAC,qBAAD;AAAA,EACE,MAAK;AAAA,EACL,eAAc;AAAA,EACd,UAAS;AAAA,EACT,gBAAe;AAAA,EACf,YAAW;AAAA,GAEX,mDAAC,QAAD;AAAA,EAAQ,SAAQ;AAAA,EAAY,MAAK;AAAA,GAC/B,mDAAC,KAAD,MACE,mDAAC,QAAD;AAAA,EAAM,GAAE;AAAA,MAGZ,mDAAC,WAAD;AAAA,EAAW,SAAQ;AAAA,EAAa,MAAK;AAAA,GACnC,mDAAC,KAAD,MACE,mDAAC,QAAD;AAAA,EAAM,GAAE;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,45 @@
+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, {
+  Log: () => Log,
+  default: () => Log_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_index = __toModule(require("./index"));
+var Log_stories_default = {
+  title: "Messages/Log",
+  component: import_index.default,
+  argTypes: {
+    children: {
+      type: "string",
+      defaultValue: "oh my mattis, oh my word. very dolor! very layout. plz aenean, much doge, oh my word. oh my elit, i can haz full. such layout. oh my word. want text"
+    }
+  }
+};
+const Log = (args) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
+    ...args
+  });
+};
+//# sourceMappingURL=Log.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Log/Log.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport LogComponent, { Props } from \"./index\";\n\nexport default {\n  title: \"Messages/Log\",\n  component: LogComponent,\n  argTypes: {\n    children: {\n      type: \"string\",\n      defaultValue:\n        \"oh my mattis, oh my word. very dolor! very layout. plz aenean, much doge, oh my word. oh my elit, i can haz full. such layout. oh my word. want text\",\n    },\n  },\n};\n\nexport const Log = (args: Props): JSX.Element => {\n  return <LogComponent {...args} />;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAoC;AAEpC,IAAO,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cACE;AAAA;AAAA;AAAA;AAKD,MAAM,MAAM,CAAC,SAA6B;AAC/C,SAAO,mDAAC,sBAAD;AAAA,OAAkB;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,64 @@
+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: () => Log_default
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_Text = __toModule(require("../../asorted/Text"));
+var import_Flex = __toModule(require("../../layout/Flex"));
+var import_Brackets = __toModule(require("./Brackets"));
+const Container = (0, import_styled_components.default)(import_Flex.default)`
+  justify-content: center;
+  flex-wrap: wrap;
+  align-items: stretch;
+  min-height: ${(p) => p.theme.space[12]}px;
+`;
+const TextContainer = (0, import_styled_components.default)(import_Flex.default).attrs(() => ({
+  flex: "1",
+  justifyContent: "center",
+  alignItems: "center"
+}))`
+  ${import_Text.default} {
+    flex: 1;
+  }
+`;
+function Log({ children, extraTextProps, ...props }) {
+  return /* @__PURE__ */ import_react.default.createElement(Container, {
+    color: "neutral.c100",
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_Brackets.BracketLeft, null), /* @__PURE__ */ import_react.default.createElement(TextContainer, {
+    flex: "1",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+    variant: "h3",
+    textTransform: "uppercase",
+    textAlign: "center",
+    color: "inherit",
+    ...extraTextProps
+  }, children)), /* @__PURE__ */ import_react.default.createElement(import_Brackets.BracketRight, null));
+}
+var Log_default = (0, import_react.memo)(Log);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/message/Log/index.tsx"],
+  "sourcesContent": ["import React, { memo } from \"react\";\nimport styled from \"styled-components\";\n\nimport Text, { TextProps } from \"../../asorted/Text\";\nimport FlexBox, { FlexBoxProps } from \"../../layout/Flex\";\nimport { BracketRight, BracketLeft } from \"./Brackets\";\n\nexport type Props = React.PropsWithChildren<\n  FlexBoxProps & {\n    extraTextProps?: TextProps;\n  }\n>;\n\nconst Container = styled(FlexBox)`\n  justify-content: center;\n  flex-wrap: wrap;\n  align-items: stretch;\n  min-height: ${(p) => p.theme.space[12]}px;\n`;\n\nconst TextContainer = styled(FlexBox).attrs(() => ({\n  flex: \"1\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n}))`\n  ${Text} {\n    flex: 1;\n  }\n`;\n\nfunction Log({ children, extraTextProps, ...props }: Props): JSX.Element {\n  return (\n    <Container color=\"neutral.c100\" {...props}>\n      <BracketLeft />\n      <TextContainer flex=\"1\" alignItems=\"center\" justifyContent=\"center\">\n        <Text\n          variant=\"h3\"\n          textTransform=\"uppercase\"\n          textAlign=\"center\"\n          color=\"inherit\"\n          {...extraTextProps}\n        >\n          {children}\n        </Text>\n      </TextContainer>\n      <BracketRight />\n    </Container>\n  );\n}\n\nexport default memo(Log);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,+BAAmB;AAEnB,kBAAgC;AAChC,kBAAsC;AACtC,sBAA0C;AAQ1C,MAAM,YAAY,sCAAO;AAAA;AAAA;AAAA;AAAA,gBAIT,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAGrC,MAAM,gBAAgB,sCAAO,qBAAS,MAAM,MAAO;AAAA,EACjD,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY;AAAA;AAAA,IAEV;AAAA;AAAA;AAAA;AAKJ,aAAa,EAAE,UAAU,mBAAmB,SAA6B;AACvE,SACE,mDAAC,WAAD;AAAA,IAAW,OAAM;AAAA,OAAmB;AAAA,KAClC,mDAAC,6BAAD,OACA,mDAAC,eAAD;AAAA,IAAe,MAAK;AAAA,IAAI,YAAW;AAAA,IAAS,gBAAe;AAAA,KACzD,mDAAC,qBAAD;AAAA,IACE,SAAQ;AAAA,IACR,eAAc;AAAA,IACd,WAAU;AAAA,IACV,OAAM;AAAA,OACF;AAAA,KAEH,YAGL,mDAAC,8BAAD;AAAA;AAKN,IAAO,cAAQ,uBAAK;",
+  "names": []
+}