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

package/lib/cjs/components/form/SplitInput/SplitInput.stories.js

@@ -1,39 +1,46 @@
+"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 SplitInput_stories_exports = {};
+__export(SplitInput_stories_exports, {
   Split: () => Split,
   default: () => SplitInput_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_index = __toModule(require("./index"));
-var import_BaseInput = __toModule(require("../BaseInput"));
-var import_QuantityInput = __toModule(require("../QuantityInput"));
-var import_QrCodeInput = __toModule(require("../QrCodeInput"));
-var import_SelectInput = __toModule(require("../SelectInput"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-var import_Text = __toModule(require("../../asorted/Text"));
+module.exports = __toCommonJS(SplitInput_stories_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_index = __toESM(require("./index"));
+var import_BaseInput = __toESM(require("../BaseInput"));
+var import_QuantityInput = __toESM(require("../QuantityInput"));
+var import_QrCodeInput = __toESM(require("../QrCodeInput"));
+var import_SelectInput = __toESM(require("../SelectInput"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+var import_Text = __toESM(require("../../asorted/Text"));
 var SplitInput_stories_default = {
   title: "Form/Input/Split",
   component: import_index.default,
@@ -48,22 +55,14 @@ var SplitInput_stories_default = {
   }
 };
 const options = [
+  // Labels contain muttons spaces (U+2003 character).
+  // Do not replace with a regular space please!
   { value: "chocolate", label: "\u{1F36B}\u2003Chocolate" },
   { value: "strawberry", label: "\u{1F353}\u2003Strawberry" },
   { value: "lemon", label: "\u{1F34B}\u2003Lemon" },
   { value: "vanilla", label: "\u{1F366}\u2003Vanilla" }
 ];
-const Label = ({ left, right }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-  justifyContent: "space-between",
-  mt: 8,
-  px: 6
-}, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-  fontWeight: "semiBold",
-  variant: "small"
-}, `<${left} />`), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-  fontWeight: "semiBold",
-  variant: "small"
-}, `<${right} />`));
+const Label = ({ left, right }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { justifyContent: "space-between", mt: 8, px: 6 }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "semiBold", variant: "small" }, `<${left} />`), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "semiBold", variant: "small" }, `<${right} />`));
 const selectStyles = {
   container: (provided, state) => ({
     ...provided,
@@ -88,104 +87,125 @@ const Split = (args) => {
   const [rightValue3, setRightValue3] = import_react.default.useState("");
   const [leftValue4, setLeftValue4] = import_react.default.useState("");
   const [rightValue4, setRightValue4] = import_react.default.useState("");
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    flexDirection: "column",
-    rowGap: 3
-  }, /* @__PURE__ */ import_react.default.createElement(Label, {
-    left: "SelectInput",
-    right: "Input"
-  }), /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(import_SelectInput.default, {
-      value: leftValue1,
-      options,
-      placeholder: "Left",
-      unwrapped: true,
-      onChange: setLeftValue1,
-      components: {
-        Control: import_react_select.components.Control
-      },
-      styles: selectStyles,
-      ...props
-    }),
-    renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(import_BaseInput.default, {
-      value: rightValue1,
-      placeholder: "Right",
-      textAlign: "right",
-      unwrapped: true,
-      onChange: setRightValue1,
-      ...props
-    })
-  }), /* @__PURE__ */ import_react.default.createElement(Label, {
-    left: "SelectInput",
-    right: "QuantityInput"
-  }), /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(import_SelectInput.default, {
-      value: leftValue2,
-      options,
-      placeholder: "Left",
-      unwrapped: true,
-      onChange: setLeftValue2,
-      components: {
-        Control: import_react_select.components.Control
-      },
-      styles: selectStyles,
-      ...props
-    }),
-    renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(import_QuantityInput.default, {
-      value: rightValue2,
-      placeholder: "Right",
-      textAlign: "right",
-      unwrapped: true,
-      onChange: setRightValue2,
-      ...props
-    })
-  }), /* @__PURE__ */ import_react.default.createElement(Label, {
-    left: "SelectInput",
-    right: "QrCodeInput"
-  }), /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(import_SelectInput.default, {
-      value: leftValue3,
-      options,
-      placeholder: "Left",
-      unwrapped: true,
-      onChange: setLeftValue3,
-      components: {
-        Control: import_react_select.components.Control
-      },
-      styles: selectStyles,
-      ...props
-    }),
-    renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(import_QrCodeInput.default, {
-      value: rightValue3,
-      placeholder: "Right",
-      textAlign: "right",
-      unwrapped: true,
-      onChange: setRightValue3,
-      ...props
-    })
-  }), /* @__PURE__ */ import_react.default.createElement(Label, {
-    left: "Input",
-    right: "Input"
-  }), /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(import_BaseInput.default, {
-      value: leftValue4,
-      placeholder: "Left",
-      unwrapped: true,
-      onChange: setLeftValue4,
-      ...props
-    }),
-    renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(import_BaseInput.default, {
-      value: rightValue4,
-      placeholder: "Right",
-      textAlign: "right",
-      unwrapped: true,
-      onChange: setRightValue4,
-      ...props
-    })
-  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", rowGap: 3 }, /* @__PURE__ */ import_react.default.createElement(Label, { left: "SelectInput", right: "Input" }), /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      ...args,
+      renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_SelectInput.default,
+        {
+          value: leftValue1,
+          options,
+          placeholder: "Left",
+          unwrapped: true,
+          onChange: setLeftValue1,
+          components: {
+            Control: import_react_select.components.Control
+          },
+          styles: selectStyles,
+          ...props
+        }
+      ),
+      renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_BaseInput.default,
+        {
+          value: rightValue1,
+          placeholder: "Right",
+          textAlign: "right",
+          unwrapped: true,
+          onChange: setRightValue1,
+          ...props
+        }
+      )
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(Label, { left: "SelectInput", right: "QuantityInput" }), /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      ...args,
+      renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_SelectInput.default,
+        {
+          value: leftValue2,
+          options,
+          placeholder: "Left",
+          unwrapped: true,
+          onChange: setLeftValue2,
+          components: {
+            Control: import_react_select.components.Control
+          },
+          styles: selectStyles,
+          ...props
+        }
+      ),
+      renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_QuantityInput.default,
+        {
+          value: rightValue2,
+          placeholder: "Right",
+          textAlign: "right",
+          unwrapped: true,
+          onChange: setRightValue2,
+          ...props
+        }
+      )
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(Label, { left: "SelectInput", right: "QrCodeInput" }), /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      ...args,
+      renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_SelectInput.default,
+        {
+          value: leftValue3,
+          options,
+          placeholder: "Left",
+          unwrapped: true,
+          onChange: setLeftValue3,
+          components: {
+            Control: import_react_select.components.Control
+          },
+          styles: selectStyles,
+          ...props
+        }
+      ),
+      renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_QrCodeInput.default,
+        {
+          value: rightValue3,
+          placeholder: "Right",
+          textAlign: "right",
+          unwrapped: true,
+          onChange: setRightValue3,
+          ...props
+        }
+      )
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(Label, { left: "Input", right: "Input" }), /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      ...args,
+      renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_BaseInput.default,
+        {
+          value: leftValue4,
+          placeholder: "Left",
+          unwrapped: true,
+          onChange: setLeftValue4,
+          ...props
+        }
+      ),
+      renderRight: (props) => /* @__PURE__ */ import_react.default.createElement(
+        import_BaseInput.default,
+        {
+          value: rightValue4,
+          placeholder: "Right",
+          textAlign: "right",
+          unwrapped: true,
+          onChange: setRightValue4,
+          ...props
+        }
+      )
+    }
+  ));
 };
 //# sourceMappingURL=SplitInput.stories.js.map

package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SplitInput/SplitInput.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, StylesConfig } from \"react-select\";\nimport SplitInput, { Props } from \"./index\";\nimport Input from \"../BaseInput\";\nimport QuantityInput from \"../QuantityInput\";\nimport QrCodeInput from \"../QrCodeInput\";\nimport SelectInput, { Props as SelectInputProps } from \"../SelectInput\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport default {\n  title: \"Form/Input/Split\",\n  component: SplitInput,\n  argTypes: {\n    value: { table: { disable: true } },\n    renderLeft: { table: { disable: true } },\n    renderRight: { table: { disable: true } },\n    rowHeight: { table: { disable: true } },\n    isDisabled: { table: { disable: true } },\n    disabled: { type: \"boolean\" },\n    error: { type: \"string\" },\n  },\n};\n\nconst options = [\n  // Labels contain muttons spaces (U+2003 character).\n  // Do not replace with a regular space please!\n  { value: \"chocolate\", label: \"\uD83C\uDF6B\u2003Chocolate\" },\n  { value: \"strawberry\", label: \"\uD83C\uDF53\u2003Strawberry\" },\n  { value: \"lemon\", label: \"\uD83C\uDF4B\u2003Lemon\" },\n  { value: \"vanilla\", label: \"\uD83C\uDF66\u2003Vanilla\" },\n];\n\nconst Label = ({ left, right }: { left: string; right: string }) => (\n  <FlexBox justifyContent=\"space-between\" mt={8} px={6}>\n    <Text fontWeight=\"semiBold\" variant={\"small\"}>\n      {`<${left} />`}\n    </Text>\n    <Text fontWeight=\"semiBold\" variant={\"small\"}>\n      {`<${right} />`}\n    </Text>\n  </FlexBox>\n);\n\nconst selectStyles: StylesConfig<Option> = {\n  container: (provided, state) => ({\n    ...provided,\n    height: \"100%\",\n    cursor: state.isDisabled ? \"not-allowed\" : \"text\",\n    pointerEvents: undefined,\n  }),\n  control: (_, state) => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\",\n    padding: \"0 20px\",\n    pointerEvents: state.isDisabled ? \"none\" : undefined,\n  }),\n};\n\ntype Option = typeof options[0];\nexport const Split = (args: Props): React.ReactNode => {\n  const [leftValue1, setLeftValue1] = React.useState<Option | null>(null);\n  const [rightValue1, setRightValue1] = React.useState<string>(\"\");\n  const [leftValue2, setLeftValue2] = React.useState<Option | null>(null);\n  const [rightValue2, setRightValue2] = React.useState<string>(\"\");\n  const [leftValue3, setLeftValue3] = React.useState<Option | null>(null);\n  const [rightValue3, setRightValue3] = React.useState<string>(\"\");\n  const [leftValue4, setLeftValue4] = React.useState<string>(\"\");\n  const [rightValue4, setRightValue4] = React.useState<string>(\"\");\n\n  return (\n    <FlexBox flexDirection=\"column\" rowGap={3}>\n      <Label left=\"SelectInput\" right=\"Input\" />\n      <SplitInput\n        {...args}\n        renderLeft={(props: SelectInputProps<Option>) => (\n          <SelectInput\n            value={leftValue1}\n            options={options}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue1}\n            components={{\n              Control: components.Control,\n            }}\n            styles={selectStyles}\n            {...props}\n          />\n        )}\n        renderRight={(props) => (\n          <Input\n            value={rightValue1}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue1}\n            {...props}\n          />\n        )}\n      />\n      <Label left=\"SelectInput\" right=\"QuantityInput\" />\n      <SplitInput\n        {...args}\n        renderLeft={(props: SelectInputProps<Option>) => (\n          <SelectInput\n            value={leftValue2}\n            options={options}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue2}\n            components={{\n              Control: components.Control,\n            }}\n            styles={selectStyles}\n            {...props}\n          />\n        )}\n        renderRight={(props) => (\n          <QuantityInput\n            value={rightValue2}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue2}\n            {...props}\n          />\n        )}\n      />\n      <Label left=\"SelectInput\" right=\"QrCodeInput\" />\n      <SplitInput\n        {...args}\n        renderLeft={(props: SelectInputProps<Option>) => (\n          <SelectInput\n            value={leftValue3}\n            options={options}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue3}\n            components={{\n              Control: components.Control,\n            }}\n            styles={selectStyles}\n            {...props}\n          />\n        )}\n        renderRight={(props) => (\n          <QrCodeInput\n            value={rightValue3}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue3}\n            {...props}\n          />\n        )}\n      />\n      <Label left=\"Input\" right=\"Input\" />\n      <SplitInput\n        {...args}\n        renderLeft={(props) => (\n          <Input\n            value={leftValue4}\n            placeholder=\"Left\"\n            unwrapped\n            onChange={setLeftValue4}\n            {...props}\n          />\n        )}\n        renderRight={(props) => (\n          <Input\n            value={rightValue4}\n            placeholder=\"Right\"\n            textAlign=\"right\"\n            unwrapped\n            onChange={setRightValue4}\n            {...props}\n          />\n        )}\n      />\n    </FlexBox>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["SplitInput", "React", "FlexBox", "Text", "SelectInput", "Input", "QuantityInput", "QrCodeInput"]
 }

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

@@ -1,46 +1,55 @@
+"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 SplitInput_exports = {};
+__export(SplitInput_exports, {
   default: () => SplitInput
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_BaseInput = __toModule(require("../BaseInput"));
+module.exports = __toCommonJS(SplitInput_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_BaseInput = require("../BaseInput");
 function getDividerColor(props) {
+  var _a, _b, _c, _d;
   if (props.disabled) {
-    return props.theme?.colors.neutral.c40;
+    return (_a = props.theme) == null ? void 0 : _a.colors.neutral.c40;
   }
   if (props.error) {
-    return props.theme?.colors.error.c100;
+    return (_b = props.theme) == null ? void 0 : _b.colors.error.c100;
   }
   if (props.focus) {
-    return props.theme?.colors.primary.c80;
+    return (_c = props.theme) == null ? void 0 : _c.colors.primary.c80;
   }
-  return props.theme?.colors.neutral.c40;
+  return (_d = props.theme) == null ? void 0 : _d.colors.neutral.c40;
 }
 function getHoverBolderColor(props) {
-  return props.disabled || props.error ? "inherit" : props.theme?.colors.primary.c80;
+  var _a;
+  return props.disabled || props.error ? "inherit" : (_a = props.theme) == null ? void 0 : _a.colors.primary.c80;
 }
 const Divider = import_styled_components.default.div`
   border-right: 1px solid;
@@ -62,25 +71,13 @@ function SplitInput(props) {
     setFocus(false);
   }, [setFocus]);
   const disabledState = typeof disabled !== "undefined" ? disabled : isDisabled;
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputContainer, {
-    disabled: disabledState,
-    focus,
-    error
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { width: "50%", height: "100%" }
-  }, renderLeft({
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_BaseInput.InputContainer, { disabled: disabledState, focus, error }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "50%", height: "100%" } }, renderLeft({
     error,
     onFocus,
     onBlur,
     disabled: disabledState,
     isDisabled: disabledState
-  })), /* @__PURE__ */ import_react.default.createElement(Divider, {
-    focus,
-    disabled,
-    error
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { width: "50%", height: "100%" }
-  }, typeof renderRight === "function" ? renderRight({
+  })), /* @__PURE__ */ import_react.default.createElement(Divider, { focus, disabled, error }), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "50%", height: "100%" } }, typeof renderRight === "function" ? renderRight({
     error,
     onFocus,
     onBlur,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SplitInput/index.tsx"],
   "sourcesContent": ["import React, { useCallback } from \"react\";\nimport styled from \"styled-components\";\nimport { DefaultTheme } from \"styled-components\";\nimport { InputContainer, InputErrorContainer } from \"../BaseInput\";\n\ntype Callbacks = {\n  onFocus: <F>(event: React.FocusEvent<F>) => void;\n  onBlur: <B>(event: React.FocusEvent<B>) => void;\n};\ntype ExtraRenderProps = {\n  renderLeft: (p: StateProps & Callbacks) => React.ReactNode;\n  renderRight: (p: StateProps & Callbacks) => React.ReactNode;\n};\nexport type StateProps = {\n  error?: string | undefined;\n  disabled?: boolean;\n  isDisabled?: boolean;\n};\nexport type Props = StateProps & ExtraRenderProps;\ntype DividerProps = {\n  disabled: boolean | undefined;\n  focus: boolean | undefined;\n  error: string | undefined;\n  theme?: DefaultTheme;\n};\nfunction getDividerColor(props: DividerProps) {\n  if (props.disabled) {\n    return props.theme?.colors.neutral.c40;\n  }\n  if (props.error) {\n    return props.theme?.colors.error.c100;\n  }\n  if (props.focus) {\n    return props.theme?.colors.primary.c80;\n  }\n\n  return props.theme?.colors.neutral.c40;\n}\n\nfunction getHoverBolderColor(props: DividerProps) {\n  return props.disabled || props.error ? \"inherit\" : props.theme?.colors.primary.c80;\n}\n\nconst Divider = styled.div<{\n  disabled: boolean | undefined;\n  focus: boolean | undefined;\n  error: string | undefined;\n}>`\n  border-right: 1px solid;\n  height: 100%;\n  transition: border-color 0.2s ease;\n\n  border-color: ${getDividerColor};\n  ${InputContainer}:hover & {\n    border-color: ${getHoverBolderColor};\n  }\n`;\n\nexport default function SplitInput(props: Props): JSX.Element {\n  const { disabled, isDisabled, renderLeft, renderRight, error } = props;\n  const [focus, setFocus] = React.useState(false);\n\n  const onFocus = useCallback(() => {\n    setFocus(true);\n  }, [setFocus]);\n  const onBlur = useCallback(() => {\n    setFocus(false);\n  }, [setFocus]);\n\n  const disabledState = typeof disabled !== \"undefined\" ? disabled : isDisabled;\n\n  return (\n    <div>\n      <InputContainer disabled={disabledState} focus={focus} error={error}>\n        <div style={{ width: \"50%\", height: \"100%\" }}>\n          {renderLeft({\n            error,\n            onFocus,\n            onBlur,\n            disabled: disabledState,\n            isDisabled: disabledState,\n          })}\n        </div>\n        <Divider focus={focus} disabled={disabled} error={error} />\n        <div style={{ width: \"50%\", height: \"100%\" }}>\n          {typeof renderRight === \"function\"\n            ? renderRight({\n                error,\n                onFocus,\n                onBlur,\n                disabled: disabledState,\n                isDisabled: disabledState,\n              })\n            : renderRight}\n        </div>\n      </InputContainer>\n      {error && !disabled && <InputErrorContainer>{error}</InputErrorContainer>}\n    </div>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,+BAAmB;AAEnB,uBAAoD;AAsBpD,yBAAyB,OAAqB;AAC5C,MAAI,MAAM,UAAU;AAClB,WAAO,MAAM,OAAO,OAAO,QAAQ;AAAA;AAErC,MAAI,MAAM,OAAO;AACf,WAAO,MAAM,OAAO,OAAO,MAAM;AAAA;AAEnC,MAAI,MAAM,OAAO;AACf,WAAO,MAAM,OAAO,OAAO,QAAQ;AAAA;AAGrC,SAAO,MAAM,OAAO,OAAO,QAAQ;AAAA;AAGrC,6BAA6B,OAAqB;AAChD,SAAO,MAAM,YAAY,MAAM,QAAQ,YAAY,MAAM,OAAO,OAAO,QAAQ;AAAA;AAGjF,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBASL;AAAA,IACd;AAAA,oBACgB;AAAA;AAAA;AAIL,oBAAoB,OAA2B;AAC5D,QAAM,EAAE,UAAU,YAAY,YAAY,aAAa,UAAU;AACjE,QAAM,CAAC,OAAO,YAAY,qBAAM,SAAS;AAEzC,QAAM,UAAU,8BAAY,MAAM;AAChC,aAAS;AAAA,KACR,CAAC;AACJ,QAAM,SAAS,8BAAY,MAAM;AAC/B,aAAS;AAAA,KACR,CAAC;AAEJ,QAAM,gBAAgB,OAAO,aAAa,cAAc,WAAW;AAEnE,SACE,mDAAC,OAAD,MACE,mDAAC,iCAAD;AAAA,IAAgB,UAAU;AAAA,IAAe;AAAA,IAAc;AAAA,KACrD,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,OAAO,OAAO,QAAQ;AAAA,KACjC,WAAW;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,OAGhB,mDAAC,SAAD;AAAA,IAAS;AAAA,IAAc;AAAA,IAAoB;AAAA,MAC3C,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,OAAO,OAAO,QAAQ;AAAA,KACjC,OAAO,gBAAgB,aACpB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,OAEd,eAGP,SAAS,CAAC,YAAY,mDAAC,sCAAD,MAAsB;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,+BAAmB;AAEnB,uBAAoD;AAsBpD,SAAS,gBAAgB,OAAqB;AAzB9C;AA0BE,MAAI,MAAM,UAAU;AAClB,YAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AAAA,EACrC;AACA,MAAI,MAAM,OAAO;AACf,YAAO,WAAM,UAAN,mBAAa,OAAO,MAAM;AAAA,EACnC;AACA,MAAI,MAAM,OAAO;AACf,YAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AAAA,EACrC;AAEA,UAAO,WAAM,UAAN,mBAAa,OAAO,QAAQ;AACrC;AAEA,SAAS,oBAAoB,OAAqB;AAvClD;AAwCE,SAAO,MAAM,YAAY,MAAM,QAAQ,aAAY,WAAM,UAAN,mBAAa,OAAO,QAAQ;AACjF;AAEA,MAAM,UAAU,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBASL;AAAA,IACd;AAAA,oBACgB;AAAA;AAAA;AAIL,SAAR,WAA4B,OAA2B;AAC5D,QAAM,EAAE,UAAU,YAAY,YAAY,aAAa,MAAM,IAAI;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAC,QAAM,SAAS,KAAK;AAE9C,QAAM,cAAU,0BAAY,MAAM;AAChC,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,aAAS,0BAAY,MAAM;AAC/B,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,OAAO,aAAa,cAAc,WAAW;AAEnE,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,mCAAe,UAAU,eAAe,OAAc,SACrD,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,KACxC,WAAW;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,CACH,GACA,6BAAAA,QAAA,cAAC,WAAQ,OAAc,UAAoB,OAAc,GACzD,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,KACxC,OAAO,gBAAgB,aACpB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,IACD,WACN,CACF,GACC,SAAS,CAAC,YAAY,6BAAAA,QAAA,cAAC,4CAAqB,KAAM,CACrD;AAEJ;",
+  "names": ["styled", "React"]
 }

package/lib/cjs/components/form/Switch/Switch.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 Switch_exports = {};
+__export(Switch_exports, {
   default: () => Switch_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"));
+module.exports = __toCommonJS(Switch_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_Flex = __toESM(require("../../layout/Flex"));
 const Container = (0, import_styled_components.default)(import_Flex.default).attrs({ alignItems: "center", flexDirection: "row" })`
   width: fit-content;
   column-gap: ${(p) => p.theme.space[5]}px;
@@ -139,25 +146,21 @@ const Switch = ({
     if (!disabled)
       onChange(e);
   };
-  return /* @__PURE__ */ import_react.default.createElement(Container, {
-    role: "button",
-    "data-reversed": reversed,
-    "data-disabled": disabled,
-    onClick: handleClick,
-    tabIndex: 0,
-    "aria-pressed": checked,
-    onKeyDown: handleFocusKeyDown
-  }, /* @__PURE__ */ import_react.default.createElement(Input, {
-    type: "checkbox",
-    name,
-    id: name,
-    disabled,
-    checked
-  }), /* @__PURE__ */ import_react.default.createElement(Switcher, {
-    "data-size": size
-  }), label ? /* @__PURE__ */ import_react.default.createElement(Label, {
-    variant: "paragraph"
-  }, label) : null);
+  return /* @__PURE__ */ import_react.default.createElement(
+    Container,
+    {
+      role: "button",
+      "data-reversed": reversed,
+      "data-disabled": disabled,
+      onClick: handleClick,
+      tabIndex: 0,
+      "aria-pressed": checked,
+      onKeyDown: handleFocusKeyDown
+    },
+    /* @__PURE__ */ import_react.default.createElement(Input, { type: "checkbox", name, id: name, disabled, checked }),
+    /* @__PURE__ */ import_react.default.createElement(Switcher, { "data-size": size }),
+    label ? /* @__PURE__ */ import_react.default.createElement(Label, { variant: "paragraph" }, label) : null
+  );
 };
 var Switch_default = Switch;
 //# sourceMappingURL=Switch.js.map

package/lib/cjs/components/form/Switch/Switch.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/Switch/Switch.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\n\nconst Container = styled(Flex).attrs({ alignItems: \"center\", flexDirection: \"row\" })`\n  width: fit-content;\n  column-gap: ${(p) => p.theme.space[5]}px;\n  cursor: pointer;\n\n  /* reversed VARIANT */\n  &[data-reversed=\"true\"] {\n    flex-direction: row-reverse;\n  }\n\n  &[data-disabled=\"true\"] {\n    cursor: unset;\n  }\n`;\n\nconst Input = styled.input`\n  position: absolute;\n  visibility: hidden;\n`;\n\nconst Label = styled(Text)`\n  &:first-letter {\n    text-transform: uppercase;\n  }\n`;\n\nconst Switcher = styled.div`\n  --ll-switch-width: ${(p) => p.theme.space[14]}px;\n  --ll-switch-height: ${(p) => p.theme.space[9]}px;\n  --ll-switch-padding: ${(p) => p.theme.space[2]}px;\n\n  position: relative;\n  display: inline-block;\n\n  background: ${(props) => props.theme.colors.neutral.c60};\n  border-radius: ${(p) => p.theme.space[6]}px;\n  width: var(--ll-switch-width);\n  height: var(--ll-switch-height);\n\n  transition: background 200ms;\n\n  &:before,\n  &:after {\n    content: \"\";\n  }\n\n  &:focus {\n    outline-style: auto;\n    outline: 1px solid ${(props) => props.theme.colors.neutral.c90};\n    outline-offset: ${(p) => p.theme.space[1]}px;\n  }\n\n  /* CIRCLE ELEMENT */\n  &:before {\n    position: absolute;\n    display: block;\n    background: ${(props) => props.theme.colors.constant.white};\n    border-radius: ${(p) => p.theme.space[12]}px;\n\n    width: calc(calc(var(--ll-switch-width) / 2) - var(--ll-switch-padding));\n    height: calc(calc(var(--ll-switch-width) / 2) - var(--ll-switch-padding));\n    top: var(--ll-switch-padding);\n    transform: translateX(var(--ll-switch-padding));\n    transition: transform 0.25s;\n  }\n\n  /* SMALL VARIANT */\n  &[data-size=\"small\"] {\n    --ll-switch-width: ${(p) => p.theme.space[8]}px;\n    --ll-switch-height: ${(p) => p.theme.space[6]}px;\n  }\n\n  &:hover {\n    background-color: ${(props) => props.theme.colors.neutral.c70};\n  }\n\n  &:active {\n    background-color: ${(props) => props.theme.colors.neutral.c80};\n  }\n\n  /* CHECKED VARIANT */\n  ${Input}:checked ~ & {\n    background: ${(props) => props.theme.colors.primary.c80};\n\n    &:before {\n      transform: translateX(calc(var(--ll-switch-width) / 2));\n    }\n\n    &:hover {\n      background: ${(props) => props.theme.colors.primary.c90};\n    }\n\n    :active {\n      background: ${(props) => props.theme.colors.primary.c100};\n    }\n  }\n`;\n\nexport type SwitchProps = {\n  name: string;\n  checked: boolean;\n  onChange: (e: React.FormEvent<HTMLDivElement>) => void;\n  size?: \"normal\" | \"small\";\n  label?: string;\n  disabled?: boolean;\n  reversed?: boolean;\n};\n\nconst Switch = ({\n  name,\n  checked,\n  onChange,\n  label,\n  disabled,\n  reversed,\n  size,\n}: SwitchProps): JSX.Element => {\n  const handleFocusKeyDown = (e: React.FormEvent<HTMLDivElement> & { key: string }) => {\n    if (e.key.match(/enter/i)) onChange(e);\n  };\n\n  const handleClick = (e: React.FormEvent<HTMLDivElement>) => {\n    if (!disabled) onChange(e);\n  };\n\n  return (\n    <Container\n      role=\"button\"\n      data-reversed={reversed}\n      data-disabled={disabled}\n      onClick={handleClick}\n      tabIndex={0}\n      aria-pressed={checked}\n      onKeyDown={handleFocusKeyDown}\n    >\n      <Input type=\"checkbox\" name={name} id={name} disabled={disabled} checked={checked} />\n      <Switcher data-size={size} />\n      {label ? <Label variant=\"paragraph\">{label}</Label> : null}\n    </Container>\n  );\n};\n\nexport default Switch;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,YAAY,sCAAO,qBAAM,MAAM,EAAE,YAAY,UAAU,eAAe;AAAA;AAAA,gBAE5D,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarC,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,QAAQ,sCAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,WAAW,iCAAO;AAAA,uBACD,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA,wBACpB,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA,yBACpB,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,gBAK9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAaf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBACzC,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOzB,CAAC,UAAU,MAAM,MAAM,OAAO,SAAS;AAAA,qBACpC,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAWjB,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA,0BACpB,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,wBAIvB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,wBAItC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,IAI1D;AAAA,kBACc,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,oBAItC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAe1D,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAC8B;AAC9B,QAAM,qBAAqB,CAAC,MAAyD;AACnF,QAAI,EAAE,IAAI,MAAM;AAAW,eAAS;AAAA;AAGtC,QAAM,cAAc,CAAC,MAAuC;AAC1D,QAAI,CAAC;AAAU,eAAS;AAAA;AAG1B,SACE,mDAAC,WAAD;AAAA,IACE,MAAK;AAAA,IACL,iBAAe;AAAA,IACf,iBAAe;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,gBAAc;AAAA,IACd,WAAW;AAAA,KAEX,mDAAC,OAAD;AAAA,IAAO,MAAK;AAAA,IAAW;AAAA,IAAY,IAAI;AAAA,IAAM;AAAA,IAAoB;AAAA,MACjE,mDAAC,UAAD;AAAA,IAAU,aAAW;AAAA,MACpB,QAAQ,mDAAC,OAAD;AAAA,IAAO,SAAQ;AAAA,KAAa,SAAiB;AAAA;AAK5D,IAAO,iBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,gBAAY,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,YAAY,UAAU,eAAe,MAAM,CAAC;AAAA;AAAA,gBAEnE,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAatC,MAAM,QAAQ,yBAAAD,QAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAQ,yBAAAA,SAAO,YAAAE,OAAI;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,WAAW,yBAAAF,QAAO;AAAA,uBACD,CAAC,MAAM,EAAE,MAAM,MAAM,EAAE;AAAA,wBACtB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,yBACrB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gBAK/B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAahB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBACzC,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAO1B,CAAC,UAAU,MAAM,MAAM,OAAO,SAAS;AAAA,qBACpC,CAAC,MAAM,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAWnB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,0BACrB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,wBAIxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,wBAItC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,IAI1D;AAAA,kBACc,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,oBAItC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAe1D,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,qBAAqB,CAAC,MAAyD;AACnF,QAAI,EAAE,IAAI,MAAM,QAAQ;AAAG,eAAS,CAAC;AAAA,EACvC;AAEA,QAAM,cAAc,CAAC,MAAuC;AAC1D,QAAI,CAAC;AAAU,eAAS,CAAC;AAAA,EAC3B;AAEA,SACE,6BAAAG,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,SAAS;AAAA,MACT,UAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,SAAM,MAAK,YAAW,MAAY,IAAI,MAAM,UAAoB,SAAkB;AAAA,IACnF,6BAAAA,QAAA,cAAC,YAAS,aAAW,MAAM;AAAA,IAC1B,QAAQ,6BAAAA,QAAA,cAAC,SAAM,SAAQ,eAAa,KAAM,IAAW;AAAA,EACxD;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": ["styled", "Flex", "Text", "React"]
 }