@ledgerhq/react-ui 0.12.1-recover-beta.0 → 0.13.0-next.0

package/lib/cjs/components/form/DropdownGeneric/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/DropdownGeneric/index.tsx"],
   "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useFloating, getScrollParents, shift, size, flip } from \"@floating-ui/react-dom\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../\";\nimport Flex from \"../../layout/Flex\";\nimport Box from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nconst ButtonContainer = styled(Box).attrs({\n  flexDirection: \"row\",\n  width: \"auto\",\n  alignItems: \"center\",\n  height: \"36px\",\n})<{ disabled?: boolean; opened: boolean }>`\n  cursor: ${(p) => !p.disabled && \"pointer\"};\n  > :last-child {\n    /* targeting the dropdown icon */\n    ${(p) => p.opened && \"transform: rotate(180deg);\"}\n    margin-left: ${(p) => p.theme.space[3]}px;\n  }\n`;\n\nconst DropdownContainer = styled(Flex).attrs(({ theme }) => {\n  const isLight = theme.colors.type === \"light\";\n  return {\n    zIndex: 1,\n    flexDirection: \"column\",\n    padding: 3,\n    border: `1px solid ${theme.colors.neutral[isLight ? \"c20\" : \"c30\"]}`,\n    borderRadius: \"8px\",\n    backgroundColor: isLight ? \"neutral.c00\" : \"neutral.c20\",\n    color: theme.colors.neutral.c80,\n  };\n})`\n  overflow-y: auto;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, ${(p) => (p.theme.colors.type === \"light\" ? 0.04 : 0.08)});\n`;\n\nexport const placements = [\"bottom-start\", \"bottom\", \"bottom-end\"] as const;\ntype Placement = typeof placements[number];\n\nexport type Props = {\n  /**\n   * Label of the dropdown button, displayed before the dropdown icon.\n   */\n  label: string | React.ReactNode;\n  /**\n   * Controls whether the dropdown can be open.\n   * Defaults to false.\n   */\n  disabled?: boolean;\n  /**\n   * Controls whether the dropdown will close on a click event happening outside of this component.\n   * Defaults to true.\n   */\n  closeOnClickOutside?: boolean;\n  /**\n   * Controls whether the dropdown will close on a click event happening inside the dropdown.\n   * Defaults to false.\n   */\n  closeOnClickInside?: boolean;\n  /**\n   * Content of the dropdown.\n   */\n  children: React.ReactNode;\n  /**\n   * Vertical alignment of the dropdown relative to the dropdown button.\n   * Will automatically adjust to the document to avoid overflowing.\n   * Defaults to \"bottom\".\n   */\n  placement?: Placement;\n  /**\n   * Controls whether the dropdown will flip its side to keep it in view\n   * in case there isn't enough space available. See https://floating-ui.com/docs/flip\n   * Defaults to false.\n   */\n  flipDisabled?: boolean;\n};\n\nconst DropdownGeneric = ({\n  label,\n  closeOnClickOutside = true,\n  closeOnClickInside = false,\n  disabled = false,\n  placement = \"bottom\",\n  flipDisabled = false,\n  children,\n}: Props) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const [maxHeight, setMaxHeight] = useState<number>();\n  const [maxWidth, setMaxWidth] = useState<number>();\n\n  const [opened, setOpened] = useState(false);\n\n  const handleClickButton = useCallback(() => {\n    if (!disabled) setOpened(!opened);\n  }, [opened, disabled]);\n\n  const handleClickInside = useCallback(() => {\n    if (closeOnClickInside) setOpened(false);\n  }, [setOpened, closeOnClickInside]);\n\n  const { x, y, reference, floating, strategy, update, refs } = useFloating({\n    placement: placements.includes(placement) ? placement : \"bottom\",\n    middleware: [\n      shift(),\n      ...(flipDisabled ? [] : [flip()]),\n      size({\n        padding: 6,\n        apply({ height, width }: { height: number; width: number }) {\n          setMaxHeight(height);\n          setMaxWidth(width);\n        },\n      }),\n    ],\n  });\n\n  const handleResizeOrScroll = useCallback(() => {\n    if (opened && !disabled) update();\n  }, [opened, disabled, update]);\n\n  useEffect(() => {\n    if (!refs.reference.current || !refs.floating.current) {\n      return;\n    }\n    const parents = [\n      ...getScrollParents(refs.reference.current),\n      ...getScrollParents(refs.floating.current),\n    ];\n    parents.forEach((parent) => {\n      parent.addEventListener(\"scroll\", handleResizeOrScroll);\n      parent.addEventListener(\"resize\", handleResizeOrScroll);\n    });\n    return () => {\n      parents.forEach((parent) => {\n        parent.removeEventListener(\"scroll\", handleResizeOrScroll);\n        parent.removeEventListener(\"resize\", handleResizeOrScroll);\n      });\n    };\n  }, [flipDisabled, refs.reference, refs.floating, handleResizeOrScroll]);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        closeOnClickOutside &&\n        opened &&\n        divRef.current &&\n        !divRef.current.contains(event.target as Node)\n      ) {\n        setOpened(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [closeOnClickOutside, opened, setOpened, divRef]);\n\n  const color = disabled ? \"neutral.c50\" : \"neutral.c100\";\n\n  return (\n    <Box ref={divRef}>\n      <ButtonContainer\n        ref={reference}\n        onClick={handleClickButton}\n        disabled={disabled}\n        opened={opened && !disabled}\n      >\n        <Text variant=\"paragraph\" fontWeight=\"medium\" color={color}>\n          {label}\n        </Text>\n        <Icons.DropdownMedium size={20} color={color} />\n      </ButtonContainer>\n      {opened && !disabled && (\n        <DropdownContainer\n          ref={floating}\n          style={{\n            position: strategy,\n            top: y ?? \"\",\n            left: x ?? \"\",\n            maxHeight: maxHeight ? `${maxHeight}px` : \"\",\n            maxWidth: maxWidth ? \"\" : \"\",\n            // maxWidth: maxWidth ? `${maxWidth}px` : \"\", /* TODO: fix this */\n          }}\n          onClick={handleClickInside}\n        >\n          {children}\n        </DropdownContainer>\n      )}\n    </Box>\n  );\n};\n\nexport default DropdownGeneric;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["import_Flex", "styled", "Box", "Flex", "React", "Text"]
 }

package/lib/cjs/components/form/LegendInput/Input.stories.js

@@ -1,32 +1,39 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 Input_stories_exports = {};
+__export(Input_stories_exports, {
   Legend: () => Legend,
   default: () => Input_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_index = __toModule(require("./index"));
+module.exports = __toCommonJS(Input_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = __toESM(require("./index"));
 var Input_stories_default = {
   title: "Form/Input/Legend",
   argTypes: {
@@ -46,11 +53,6 @@ var Input_stories_default = {
 };
 const Legend = (args) => {
   const [value, setValue] = import_react.default.useState("");
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    value,
-    onChange: setValue,
-    placeholder: "Placeholder"
-  });
+  return /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, value, onChange: setValue, placeholder: "Placeholder" });
 };
 //# sourceMappingURL=Input.stories.js.map

package/lib/cjs/components/form/LegendInput/Input.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/LegendInput/Input.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport LegendInput, { Props as LegendInputProps } from \"./index\";\n\nexport default {\n  title: \"Form/Input/Legend\",\n  argTypes: {\n    disabled: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n    error: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n    legend: {\n      type: \"string\",\n      defaultValue: \"#Legend\",\n    },\n  },\n};\n\nexport const Legend = (args: LegendInputProps): JSX.Element => {\n  const [value, setValue] = React.useState(\"\");\n\n  return <LegendInput {...args} value={value} onChange={setValue} placeholder={\"Placeholder\"} />;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAuD;AAEvD,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,IAEhB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,IAEhB,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,cAAc;AAAA;AAAA;AAAA;AAKb,MAAM,SAAS,CAAC,SAAwC;AAC7D,QAAM,CAAC,OAAO,YAAY,qBAAM,SAAS;AAEzC,SAAO,mDAAC,sBAAD;AAAA,OAAiB;AAAA,IAAM;AAAA,IAAc,UAAU;AAAA,IAAU,aAAa;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAuD;AAEvD,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,MAAM,SAAS,CAAC,SAAwC;AAC7D,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,EAAE;AAE3C,SAAO,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAa,GAAG,MAAM,OAAc,UAAU,UAAU,aAAa,eAAe;AAC9F;",
+  "names": ["React", "LegendInput"]
 }

package/lib/cjs/components/form/LegendInput/index.js

@@ -1,33 +1,40 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 LegendInput_exports = {};
+__export(LegendInput_exports, {
   default: () => LegendInput_default
 });
-var import_react = __toModule(require("react"));
-var import_BaseInput = __toModule(require("../BaseInput"));
-var import_Text = __toModule(require("../../asorted/Text"));
-var import_styled_components = __toModule(require("styled-components"));
+module.exports = __toCommonJS(LegendInput_exports);
+var import_react = __toESM(require("react"));
+var import_BaseInput = __toESM(require("../BaseInput"));
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_styled_components = __toESM(require("styled-components"));
 const Legend = (0, import_styled_components.default)(import_Text.default)`
   color: ${(props) => props.theme.colors.neutral.c70};
 
@@ -36,14 +43,14 @@ const Legend = (0, import_styled_components.default)(import_Text.default)`
   }
 `;
 function LegendInput({ legend, ...inputProps }, ref) {
-  return /* @__PURE__ */ import_react.default.createElement(import_BaseInput.default, {
-    ref,
-    ...inputProps,
-    renderRight: /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputRenderRightContainer, null, /* @__PURE__ */ import_react.default.createElement(Legend, {
-      variant: "body",
-      "data-disabled": inputProps.disabled
-    }, legend))
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_BaseInput.default,
+    {
+      ref,
+      ...inputProps,
+      renderRight: /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputRenderRightContainer, null, /* @__PURE__ */ import_react.default.createElement(Legend, { variant: "body", "data-disabled": inputProps.disabled }, legend))
+    }
+  );
 }
 var LegendInput_default = import_react.default.forwardRef(LegendInput);
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/form/LegendInput/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/LegendInput/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Input, { InputProps, InputRenderRightContainer } from \"../BaseInput\";\nimport Text from \"../../asorted/Text\";\nimport styled from \"styled-components\";\n\nexport type Props = InputProps & { legend: string };\n\nconst Legend = styled(Text)`\n  color: ${(props) => props.theme.colors.neutral.c70};\n\n  &[data-disabled=\"true\"] {\n    color: ${(props) => props.theme.colors.neutral.c50};\n  }\n`;\n\nfunction LegendInput(\n  { legend, ...inputProps }: Props,\n  ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n  return (\n    <Input\n      ref={ref}\n      {...inputProps}\n      renderRight={\n        <InputRenderRightContainer>\n          <Legend variant=\"body\" data-disabled={inputProps.disabled}>\n            {legend}\n          </Legend>\n        </InputRenderRightContainer>\n      }\n    />\n  );\n}\n\nexport default React.forwardRef(LegendInput);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAA6D;AAC7D,kBAAiB;AACjB,+BAAmB;AAInB,MAAM,SAAS,sCAAO;AAAA,WACX,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAInD,qBACE,EAAE,WAAW,cACb,KACa;AACb,SACE,mDAAC,0BAAD;AAAA,IACE;AAAA,OACI;AAAA,IACJ,aACE,mDAAC,4CAAD,MACE,mDAAC,QAAD;AAAA,MAAQ,SAAQ;AAAA,MAAO,iBAAe,WAAW;AAAA,OAC9C;AAAA;AAAA;AAQb,IAAO,sBAAQ,qBAAM,WAAW;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAA6D;AAC7D,kBAAiB;AACjB,+BAAmB;AAInB,MAAM,aAAS,yBAAAA,SAAO,YAAAC,OAAI;AAAA,WACf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAInD,SAAS,YACP,EAAE,QAAQ,GAAG,WAAW,GACxB,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,aACE,6BAAAD,QAAA,cAAC,kDACC,6BAAAA,QAAA,cAAC,UAAO,SAAQ,QAAO,iBAAe,WAAW,YAC9C,MACH,CACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAA,QAAM,WAAW,WAAW;",
+  "names": ["styled", "Text", "React", "Input"]
 }

package/lib/cjs/components/form/NumberInput/Input.stories.js

@@ -1,32 +1,39 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 Input_stories_exports = {};
+__export(Input_stories_exports, {
   Number: () => Number,
   default: () => Input_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_index = __toModule(require("./index"));
+module.exports = __toCommonJS(Input_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = __toESM(require("./index"));
 var Input_stories_default = {
   title: "Form/Input/Number",
   argTypes: {
@@ -66,14 +73,17 @@ const Number = ({
   const onPercentClick = (percent) => {
     setValue(max * percent);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...otherArgs,
-    value,
-    onChange,
-    onPercentClick,
-    placeholder: "Placeholder",
-    max,
-    min
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      ...otherArgs,
+      value,
+      onChange,
+      onPercentClick,
+      placeholder: "Placeholder",
+      max,
+      min
+    }
+  );
 };
 //# sourceMappingURL=Input.stories.js.map

package/lib/cjs/components/form/NumberInput/Input.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/NumberInput/Input.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport NumberInput from \"./index\";\nimport { InputProps } from \"../BaseInput\";\n\nexport default {\n  title: \"Form/Input/Number\",\n  argTypes: {\n    disabled: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n    error: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n    max: {\n      type: \"number\",\n      defaultValue: 349,\n    },\n    min: {\n      type: \"number\",\n      defaultValue: 0,\n    },\n  },\n};\n\nexport const Number = ({\n  min,\n  max,\n  ...otherArgs\n}: InputProps<number | undefined> & { max: number; min: number }): JSX.Element => {\n  const [value, setValue] = React.useState(24.42);\n\n  const onChange = (value?: number) => {\n    if (!value) return setValue(0);\n    if (value > max) value = max;\n    if (value < min) value = min;\n    setValue(value);\n  };\n\n  const onPercentClick = (percent: number) => {\n    setValue(max * percent);\n  };\n\n  return (\n    <NumberInput\n      {...otherArgs}\n      value={value}\n      onChange={onChange}\n      onPercentClick={onPercentClick}\n      placeholder={\"Placeholder\"}\n      max={max}\n      min={min}\n    />\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAwB;AAGxB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,IAEhB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,IAEhB,KAAK;AAAA,MACH,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,IAEhB,KAAK;AAAA,MACH,MAAM;AAAA,MACN,cAAc;AAAA;AAAA;AAAA;AAKb,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,KACG;AAAA,MAC6E;AAChF,QAAM,CAAC,OAAO,YAAY,qBAAM,SAAS;AAEzC,QAAM,WAAW,CAAC,WAAmB;AACnC,QAAI,CAAC;AAAO,aAAO,SAAS;AAC5B,QAAI,SAAQ;AAAK,eAAQ;AACzB,QAAI,SAAQ;AAAK,eAAQ;AACzB,aAAS;AAAA;AAGX,QAAM,iBAAiB,CAAC,YAAoB;AAC1C,aAAS,MAAM;AAAA;AAGjB,SACE,mDAAC,sBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAwB;AAGxB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkF;AAChF,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,KAAK;AAE9C,QAAM,WAAW,CAACC,WAAmB;AACnC,QAAI,CAACA;AAAO,aAAO,SAAS,CAAC;AAC7B,QAAIA,SAAQ;AAAK,MAAAA,SAAQ;AACzB,QAAIA,SAAQ;AAAK,MAAAA,SAAQ;AACzB,aAASA,MAAK;AAAA,EAChB;AAEA,QAAM,iBAAiB,CAAC,YAAoB;AAC1C,aAAS,MAAM,OAAO;AAAA,EACxB;AAEA,SACE,6BAAAD,QAAA;AAAA,IAAC,aAAAE;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["React", "value", "NumberInput"]
 }

package/lib/cjs/components/form/NumberInput/index.js

@@ -1,34 +1,41 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 NumberInput_exports = {};
+__export(NumberInput_exports, {
   default: () => NumberInput_default
 });
-var import_react = __toModule(require("react"));
-var import_BaseInput = __toModule(require("../BaseInput"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-var import_Text = __toModule(require("../../asorted/Text"));
-var import_styled_components = __toModule(require("styled-components"));
+module.exports = __toCommonJS(NumberInput_exports);
+var import_react = __toESM(require("react"));
+var import_BaseInput = __toESM(require("../BaseInput"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_styled_components = __toESM(require("styled-components"));
 const MaxButton = import_styled_components.default.button`
   color: ${(p) => p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70};
   background-color: ${(p) => p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00};
@@ -62,30 +69,29 @@ function NumberInput({
   disabled,
   ...inputProps
 }, ref) {
-  return /* @__PURE__ */ import_react.default.createElement(import_BaseInput.default, {
-    ref,
-    serialize,
-    deserialize,
-    ...inputProps,
-    type: "number",
-    value,
-    max,
-    disabled,
-    renderRight: /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      alignItems: "center",
-      justifyContent: "center",
-      py: "3px",
-      mr: "8px"
-    }, [0.25, 0.5, 0.75, 1].map((percent) => /* @__PURE__ */ import_react.default.createElement(MaxButton, {
-      key: percent,
-      onClick: () => onPercentClick(percent),
-      active: !!value && !!max && Number(value) === percent * Number(max),
-      disabled
-    }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      variant: "tiny",
-      color: "inherit"
-    }, percent * 100, "%"))))
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_BaseInput.default,
+    {
+      ref,
+      serialize,
+      deserialize,
+      ...inputProps,
+      type: "number",
+      value,
+      max,
+      disabled,
+      renderRight: /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { alignItems: "center", justifyContent: "center", py: "3px", mr: "8px" }, [0.25, 0.5, 0.75, 1].map((percent) => /* @__PURE__ */ import_react.default.createElement(
+        MaxButton,
+        {
+          key: percent,
+          onClick: () => onPercentClick(percent),
+          active: !!value && !!max && Number(value) === percent * Number(max),
+          disabled
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "tiny", color: "inherit" }, percent * 100, "%")
+      )))
+    }
+  );
 }
 var NumberInput_default = import_react.default.forwardRef(NumberInput);
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/form/NumberInput/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/NumberInput/index.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Input, { InputProps } from \"../BaseInput\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport styled from \"styled-components\";\n\n// TODO: Replace me with a real button as soon as they are designed\nconst MaxButton = styled.button<{ active?: boolean }>`\n  color: ${(p) => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};\n  background-color: ${(p) => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};\n  border-radius: 100px;\n  border-width: 0;\n  height: 31px;\n  padding-left: 13px;\n  padding-right: 13px;\n  cursor: pointer;\n\n  &:disabled {\n    color: ${(p) => p.theme.colors.neutral.c50};\n    background-color: ${(p) => (p.active ? p.theme.colors.neutral.c30 : \"transparent\")};\n    cursor: unset;\n  }\n`;\n\nfunction serialize(value?: number) {\n  return value ? \"\" + value : \"\";\n}\nfunction deserialize(value: string) {\n  try {\n    return parseFloat(value);\n  } catch (error) {\n    return undefined;\n  }\n}\n\nfunction NumberInput(\n  {\n    value,\n    onPercentClick,\n    max,\n    disabled,\n    ...inputProps\n  }: InputProps<number | undefined> & {\n    onPercentClick: (percent: number) => void;\n  },\n  ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n  return (\n    <Input\n      ref={ref}\n      serialize={serialize}\n      deserialize={deserialize}\n      {...inputProps}\n      type={\"number\"}\n      value={value}\n      max={max}\n      disabled={disabled}\n      renderRight={\n        <FlexBox alignItems={\"center\"} justifyContent={\"center\"} py={\"3px\"} mr={\"8px\"}>\n          {[0.25, 0.5, 0.75, 1].map((percent) => (\n            <MaxButton\n              key={percent}\n              onClick={() => onPercentClick(percent)}\n              active={!!value && !!max && Number(value) === percent * Number(max)}\n              disabled={disabled}\n            >\n              <Text variant={\"tiny\"} color={\"inherit\"}>\n                {percent * 100}%\n              </Text>\n            </MaxButton>\n          ))}\n        </FlexBox>\n      }\n    />\n  );\n}\n\nexport default React.forwardRef(NumberInput);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,kBAAiB;AACjB,+BAAmB;AAGnB,MAAM,YAAY,iCAAO;AAAA,WACd,CAAC,MAAO,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,sBAC5D,CAAC,MAAO,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASjF,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,wBACnB,CAAC,MAAO,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAAA;AAKxE,mBAAmB,OAAgB;AACjC,SAAO,QAAQ,KAAK,QAAQ;AAAA;AAE9B,qBAAqB,OAAe;AAClC,MAAI;AACF,WAAO,WAAW;AAAA,WACX,OAAP;AACA,WAAO;AAAA;AAAA;AAIX,qBACE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GAIL,KACa;AACb,SACE,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,OACI;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,aACE,mDAAC,qBAAD;AAAA,MAAS,YAAY;AAAA,MAAU,gBAAgB;AAAA,MAAU,IAAI;AAAA,MAAO,IAAI;AAAA,OACrE,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,YACzB,mDAAC,WAAD;AAAA,MACE,KAAK;AAAA,MACL,SAAS,MAAM,eAAe;AAAA,MAC9B,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,OAAO,WAAW,UAAU,OAAO;AAAA,MAC/D;AAAA,OAEA,mDAAC,qBAAD;AAAA,MAAM,SAAS;AAAA,MAAQ,OAAO;AAAA,OAC3B,UAAU,KAAI;AAAA;AAAA;AAU/B,IAAO,sBAAQ,qBAAM,WAAW;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAkC;AAClC,kBAAoB;AACpB,kBAAiB;AACjB,+BAAmB;AAGnB,MAAM,YAAY,yBAAAA,QAAO;AAAA,WACd,CAAC,MAAO,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,sBAC5D,CAAC,MAAO,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASjF,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA,wBACnB,CAAC,MAAO,EAAE,SAAS,EAAE,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAAA;AAKxE,SAAS,UAAU,OAAgB;AACjC,SAAO,QAAQ,KAAK,QAAQ;AAC9B;AACA,SAAS,YAAY,OAAe;AAClC,MAAI;AACF,WAAO,WAAW,KAAK;AAAA,EACzB,SAAS,OAAP;AACA,WAAO;AAAA,EACT;AACF;AAEA,SAAS,YACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGA,KACa;AACb,SACE,6BAAAC,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,aACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAQ,YAAY,UAAU,gBAAgB,UAAU,IAAI,OAAO,IAAI,SACrE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,IAAI,CAAC,YACzB,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM,eAAe,OAAO;AAAA,UACrC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,OAAO,KAAK,MAAM,UAAU,OAAO,GAAG;AAAA,UAClE;AAAA;AAAA,QAEA,6BAAAA,QAAA,cAAC,YAAAG,SAAA,EAAK,SAAS,QAAQ,OAAO,aAC3B,UAAU,KAAI,GACjB;AAAA,MACF,CACD,CACH;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ,aAAAH,QAAM,WAAW,WAAW;",
+  "names": ["styled", "React", "Input", "FlexBox", "Text"]
 }

package/lib/cjs/components/form/QrCodeInput/Input.stories.js

@@ -1,32 +1,39 @@
+"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 __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 });
+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 target;
+  return to;
 };
-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, {
+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 Input_stories_exports = {};
+__export(Input_stories_exports, {
   Qrcode: () => Qrcode,
   default: () => Input_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_index = __toModule(require("./index"));
+module.exports = __toCommonJS(Input_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = __toESM(require("./index"));
 var Input_stories_default = {
   title: "Form/Input/Qrcode",
   argTypes: {
@@ -42,11 +49,6 @@ var Input_stories_default = {
 };
 const Qrcode = (args) => {
   const [value, setValue] = import_react.default.useState("");
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    value,
-    onChange: setValue,
-    placeholder: "Placeholder"
-  });
+  return /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, value, onChange: setValue, placeholder: "Placeholder" });
 };
 //# sourceMappingURL=Input.stories.js.map

package/lib/cjs/components/form/QrCodeInput/Input.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/QrCodeInput/Input.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport QrCodeInput from \"./index\";\nimport { InputProps } from \"../BaseInput\";\n\nexport default {\n  title: \"Form/Input/Qrcode\",\n  argTypes: {\n    disabled: {\n      type: \"boolean\",\n      defaultValue: false,\n    },\n    error: {\n      type: \"string\",\n      defaultValue: undefined,\n    },\n  },\n};\n\nexport const Qrcode = (args: InputProps): JSX.Element => {\n  const [value, setValue] = React.useState(\"\");\n\n  return <QrCodeInput {...args} value={value} onChange={setValue} placeholder={\"Placeholder\"} />;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAwB;AAGxB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,IAEhB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA;AAAA;AAAA;AAKb,MAAM,SAAS,CAAC,SAAkC;AACvD,QAAM,CAAC,OAAO,YAAY,qBAAM,SAAS;AAEzC,SAAO,mDAAC,sBAAD;AAAA,OAAiB;AAAA,IAAM;AAAA,IAAc,UAAU;AAAA,IAAU,aAAa;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAwB;AAGxB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,MAAM,SAAS,CAAC,SAAkC;AACvD,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,EAAE;AAE3C,SAAO,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAa,GAAG,MAAM,OAAc,UAAU,UAAU,aAAa,eAAe;AAC9F;",
+  "names": ["React", "QrCodeInput"]
 }