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

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

@@ -1,35 +1,42 @@
+"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 Breadcrumb_stories_exports = {};
+__export(Breadcrumb_stories_exports, {
   Breadcrumb: () => Breadcrumb,
   default: () => Breadcrumb_stories_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_index = __toModule(require("./index"));
+module.exports = __toCommonJS(Breadcrumb_stories_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"));
+var import_index = __toESM(require("./index"));
 var Breadcrumb_stories_default = {
   title: "Navigation/Breadcrumb",
   component: import_index.default
@@ -70,71 +77,53 @@ const Routes = ({
 }) => {
   if (!routes2 || routes2.length === 0)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { paddingLeft: "1em" }
-  }, routes2.map((route) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(RouteElement, {
-    onClick: () => onClick([...previousPath, route.path].join("/"))
-  }, route.label, " [", "/" + route.path, "]"), /* @__PURE__ */ import_react.default.createElement(Routes, {
-    routes: route.routes,
-    previousPath: [...previousPath, route.path],
-    onClick
-  }))));
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: "1em" } }, routes2.map((route) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(RouteElement, { onClick: () => onClick([...previousPath, route.path].join("/")) }, route.label, " [", "/" + route.path, "]"), /* @__PURE__ */ import_react.default.createElement(
+    Routes,
+    {
+      routes: route.routes,
+      previousPath: [...previousPath, route.path],
+      onClick
+    }
+  ))));
 };
 const Breadcrumb = (args) => {
   const [route, setRoute] = (0, import_react.useState)("apps/swap/confirm");
   const onChange = (0, import_react.useCallback)((value) => setRoute(value.join("/")), [setRoute]);
   const segments = (0, import_react.useMemo)(() => {
     const paths = route.split("/");
-    const [, result] = paths.reduce(([routes2, result2], path) => {
-      let activeRoute = null;
-      const level = routes2.map((route2) => {
-        if (route2.path === path) {
-          activeRoute = route2;
-        }
-        return {
-          value: route2.path,
-          label: route2.label
-        };
-      });
-      if (!activeRoute) {
-        throw new Error("Cannot match path.");
-      }
-      const nextRoutes = activeRoute.routes || [];
-      if (level.length === 1) {
-        result2.push(level[0]);
-      } else {
-        result2.push({
-          options: level,
-          value: {
-            value: activeRoute.path,
-            label: activeRoute.label
+    const [, result] = paths.reduce(
+      ([routes2, result2], path) => {
+        let activeRoute = null;
+        const level = routes2.map((route2) => {
+          if (route2.path === path) {
+            activeRoute = route2;
           }
+          return {
+            value: route2.path,
+            label: route2.label
+          };
         });
-      }
-      return [nextRoutes, result2];
-    }, [routes, []]);
+        if (!activeRoute) {
+          throw new Error("Cannot match path.");
+        }
+        const nextRoutes = activeRoute.routes || [];
+        if (level.length === 1) {
+          result2.push(level[0]);
+        } else {
+          result2.push({
+            options: level,
+            value: {
+              value: activeRoute.path,
+              label: activeRoute.label
+            }
+          });
+        }
+        return [nextRoutes, result2];
+      },
+      [routes, []]
+    );
     return result;
   }, [route]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    rowGap: 3,
-    flexDirection: "column"
-  }, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    segments,
-    onChange
-  }), /* @__PURE__ */ import_react.default.createElement("hr", null), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    fontWeight: "medium",
-    variant: "paragraph"
-  }, "Current route: /", route), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    fontWeight: "medium",
-    variant: "paragraph"
-  }, "Available routes:"), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    fontWeight: "regular",
-    variant: "paragraph",
-    style: { cursor: "pointer" }
-  }, /* @__PURE__ */ import_react.default.createElement(Routes, {
-    routes,
-    onClick: setRoute
-  })));
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { rowGap: 3, flexDirection: "column" }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, segments, onChange }), /* @__PURE__ */ import_react.default.createElement("hr", null), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "medium", variant: "paragraph" }, "Current route: /", route), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "medium", variant: "paragraph" }, "Available routes:"), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "regular", variant: "paragraph", style: { cursor: "pointer" } }, /* @__PURE__ */ import_react.default.createElement(Routes, { routes, onClick: setRoute })));
 };
 //# sourceMappingURL=Breadcrumb.stories.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/Breadcrumb/Breadcrumb.stories.tsx"],
   "sourcesContent": ["import React, { useState, useCallback, useMemo } from \"react\";\nimport styled from \"styled-components\";\n\nimport Text from \"../../asorted/Text\";\nimport FlexBox from \"../../layout/Flex\";\nimport BreadcrumbComponent, { Props } from \"./index\";\n\nexport default {\n  title: \"Navigation/Breadcrumb\",\n  component: BreadcrumbComponent,\n};\n\ntype Route = {\n  path: string;\n  label: string;\n  routes?: Route[];\n};\nconst routes: Route[] = [\n  {\n    path: \"settings\",\n    label: \"Settings\",\n    routes: [\n      { path: \"experimental\", label: \"Experimental\" },\n      { path: \"developer\", label: \"Developer\" },\n    ],\n  },\n  {\n    path: \"account\",\n    label: \"Account\",\n    routes: [{ path: \"user\", label: \"User\", routes: [{ path: \"edit\", label: \"Edit\" }] }],\n  },\n  {\n    path: \"apps\",\n    label: \"Applications\",\n    routes: [\n      { path: \"buy\", label: \"Buy\" },\n      { path: \"sell\", label: \"Sell\" },\n      { path: \"swap\", label: \"Swap\", routes: [{ path: \"confirm\", label: \"Confirm\" }] },\n    ],\n  },\n];\n\nconst RouteElement = styled.div`\n  :hover {\n    text-decoration: underline;\n  }\n`;\nconst Routes = ({\n  onClick,\n  routes,\n  previousPath = [],\n}: {\n  onClick: (path: string) => void;\n  routes?: Route[];\n  previousPath?: string[];\n}): JSX.Element | null => {\n  if (!routes || routes.length === 0) return null;\n\n  return (\n    <div style={{ paddingLeft: \"1em\" }}>\n      {routes.map((route) => (\n        <>\n          <RouteElement onClick={() => onClick([...previousPath, route.path].join(\"/\"))}>\n            {route.label} [{\"/\" + route.path}]\n          </RouteElement>\n          <Routes\n            routes={route.routes}\n            previousPath={[...previousPath, route.path]}\n            onClick={onClick}\n          />\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport const Breadcrumb = (args: Props): JSX.Element => {\n  const [route, setRoute] = useState(\"apps/swap/confirm\");\n\n  const onChange = useCallback((value) => setRoute(value.join(\"/\")), [setRoute]);\n  const segments = useMemo(() => {\n    const paths = route.split(\"/\");\n\n    const [, result] = paths.reduce<[Route[], React.ComponentProps<typeof Breadcrumb>[\"segments\"]]>(\n      ([routes, result], path) => {\n        let activeRoute: Route | null = null;\n        const level = routes.map((route) => {\n          if (route.path === path) {\n            activeRoute = route;\n          }\n          return {\n            value: route.path,\n            label: route.label,\n          };\n        });\n\n        if (!activeRoute) {\n          throw new Error(\"Cannot match path.\");\n        }\n\n        const nextRoutes = (activeRoute as Route).routes || [];\n        if (level.length === 1) {\n          result.push(level[0]);\n        } else {\n          result.push({\n            options: level,\n            value: {\n              value: (activeRoute as Route).path,\n              label: (activeRoute as Route).label,\n            },\n          });\n        }\n\n        return [nextRoutes, result];\n      },\n      [routes, []],\n    );\n    return result;\n  }, [route]);\n\n  return (\n    <FlexBox rowGap={3} flexDirection=\"column\">\n      <BreadcrumbComponent {...args} segments={segments} onChange={onChange} />\n      <hr />\n      <Text fontWeight=\"medium\" variant={\"paragraph\"}>\n        Current route: /{route}\n      </Text>\n      <Text fontWeight=\"medium\" variant={\"paragraph\"}>\n        Available routes:\n      </Text>\n      <Text fontWeight=\"regular\" variant={\"paragraph\"} style={{ cursor: \"pointer\" }}>\n        <Routes routes={routes} onClick={setRoute} />\n      </Text>\n    </FlexBox>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["BreadcrumbComponent", "styled", "routes", "React", "result", "route", "FlexBox", "Text"]
 }

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

@@ -1,35 +1,42 @@
+"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 Breadcrumb_exports = {};
+__export(Breadcrumb_exports, {
   default: () => Breadcrumb_default
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-var import_Text = __toModule(require("../../asorted/Text"));
-var import_Dropdown = __toModule(require("../../form/Dropdown"));
-var ControlModule = __toModule(require("../../form/SelectInput/Control"));
+module.exports = __toCommonJS(Breadcrumb_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_Dropdown = __toESM(require("../../form/Dropdown"));
+var ControlModule = __toESM(require("../../form/SelectInput/Control"));
 const Link = (0, import_styled_components.default)(import_Text.default).attrs({
   ff: "Inter|SemiBold",
   fontSize: 3,
@@ -49,47 +56,52 @@ function isMultiSegment(segment) {
 }
 var Breadcrumb_default = (0, import_react.memo)(function Breadcrumb({ segments, onChange }) {
   const theme = (0, import_styled_components.useTheme)();
-  const [contents] = segments.reduce(([renderArray, valuesArray], segment, index) => {
-    const values = [...valuesArray];
-    renderArray.push(/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, index > 0 ? /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      fontWeight: "semiBold",
-      color: "neutral.c40",
-      variant: "paragraph"
-    }, "/") : null, isMultiSegment(segment) ? /* @__PURE__ */ import_react.default.createElement(import_Dropdown.default, {
-      label: "",
-      options: segment.options,
-      value: segment.value,
-      onChange: (elt) => elt && onChange([...values, elt.value]),
-      styles: {
-        control: (provided, state) => ({
-          ...ControlModule.getStyles(theme)(provided, state),
-          cursor: "pointer"
-        }),
-        singleValue: (provided) => ({
-          ...provided,
-          margin: 0,
-          top: void 0,
-          position: void 0,
-          overflow: void 0,
-          maxWidth: void 0,
-          transform: void 0,
-          color: theme.colors.neutral.c80,
-          ":hover": {
-            color: theme.colors.neutral.c100,
-            textDecoration: "underline"
+  const [contents] = segments.reduce(
+    ([renderArray, valuesArray], segment, index) => {
+      const values = [...valuesArray];
+      renderArray.push(
+        /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, index > 0 ? /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "semiBold", color: "neutral.c40", variant: "paragraph" }, "/") : null, isMultiSegment(segment) ? /* @__PURE__ */ import_react.default.createElement(
+          import_Dropdown.default,
+          {
+            label: "",
+            options: segment.options,
+            value: segment.value,
+            onChange: (elt) => elt && onChange([...values, elt.value]),
+            styles: {
+              control: (provided, state) => ({
+                ...ControlModule.getStyles(theme)(provided, state),
+                cursor: "pointer"
+              }),
+              singleValue: (provided) => ({
+                ...provided,
+                margin: 0,
+                top: void 0,
+                position: void 0,
+                overflow: void 0,
+                maxWidth: void 0,
+                transform: void 0,
+                color: theme.colors.neutral.c80,
+                ":hover": {
+                  color: theme.colors.neutral.c100,
+                  textDecoration: "underline"
+                }
+              })
+            }
           }
-        })
-      }
-    }) : /* @__PURE__ */ import_react.default.createElement(Link, {
-      onKeyDown: (event) => ["Enter", " "].includes(event.key) && onChange([...values, segment.value]),
-      onClick: () => onChange([...values, segment.value])
-    }, segment.label)));
-    valuesArray.push(isMultiSegment(segment) ? segment.value.value : segment.value);
-    return [renderArray, valuesArray];
-  }, [[], []]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    columnGap: 5,
-    alignItems: "center"
-  }, contents);
+        ) : /* @__PURE__ */ import_react.default.createElement(
+          Link,
+          {
+            onKeyDown: (event) => ["Enter", " "].includes(event.key) && onChange([...values, segment.value]),
+            onClick: () => onChange([...values, segment.value])
+          },
+          segment.label
+        ))
+      );
+      valuesArray.push(isMultiSegment(segment) ? segment.value.value : segment.value);
+      return [renderArray, valuesArray];
+    },
+    [[], []]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { columnGap: 5, alignItems: "center" }, contents);
 });
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/navigation/Breadcrumb/index.tsx"],
   "sourcesContent": ["import React, { memo } from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport Dropdown from \"../../form/Dropdown\";\nimport * as ControlModule from \"../../form/SelectInput/Control\";\n\nexport type Props = { segments: Segment[]; onChange: (values: string[]) => void }; //React.PropsWithChildren<unknown>;\nexport type Element = {\n  label: string;\n  value: string;\n};\nexport type Elements = {\n  value: Element;\n  options: Element[];\n};\nexport type Segment = Element | Elements;\n\nconst Link = styled(Text).attrs({\n  ff: \"Inter|SemiBold\",\n  fontSize: 3,\n  color: \"neutral.c80\",\n  tabIndex: 0,\n})`\n  cursor: pointer;\n  :hover,\n  :active,\n  :focus {\n    color: ${(p) => p.theme.colors.neutral.c100};\n    text-decoration: underline;\n  }\n`;\n\nfunction isMultiSegment(segment: Segment): segment is Elements {\n  return (segment as Elements).options !== undefined;\n}\n\nexport default memo(function Breadcrumb({ segments, onChange }: Props): JSX.Element {\n  const theme = useTheme();\n  const [contents] = segments.reduce<[React.ReactNode[], string[]]>(\n    ([renderArray, valuesArray], segment, index) => {\n      const values = [...valuesArray];\n\n      renderArray.push(\n        <>\n          {index > 0 ? (\n            <Text fontWeight=\"semiBold\" color=\"neutral.c40\" variant={\"paragraph\"}>\n              /\n            </Text>\n          ) : null}\n          {isMultiSegment(segment) ? (\n            <Dropdown\n              label=\"\"\n              options={segment.options}\n              value={segment.value}\n              onChange={(elt) => elt && onChange([...values, elt.value])}\n              styles={{\n                control: (provided, state) => ({\n                  ...ControlModule.getStyles<Element>(theme)(provided, state),\n                  cursor: \"pointer\",\n                }),\n                singleValue: (provided) => ({\n                  ...provided,\n                  margin: 0,\n                  top: undefined,\n                  position: undefined,\n                  overflow: undefined,\n                  maxWidth: undefined,\n                  transform: undefined,\n                  color: theme.colors.neutral.c80,\n                  \":hover\": {\n                    color: theme.colors.neutral.c100,\n                    textDecoration: \"underline\",\n                  },\n                }),\n              }}\n            />\n          ) : (\n            <Link\n              onKeyDown={(event: React.KeyboardEvent<HTMLSpanElement>) =>\n                [\"Enter\", \" \"].includes(event.key) && onChange([...values, segment.value])\n              }\n              onClick={() => onChange([...values, segment.value])}\n            >\n              {segment.label}\n            </Link>\n          )}\n        </>,\n      );\n\n      valuesArray.push(isMultiSegment(segment) ? segment.value.value : segment.value);\n      return [renderArray, valuesArray];\n    },\n    [[], []],\n  );\n\n  return (\n    <Flex columnGap={5} alignItems=\"center\">\n      {contents}\n    </Flex>\n  );\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,+BAAiC;AACjC,kBAAiB;AACjB,kBAAiB;AACjB,sBAAqB;AACrB,oBAA+B;AAa/B,MAAM,OAAO,sCAAO,qBAAM,MAAM;AAAA,EAC9B,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMC,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK3C,wBAAwB,SAAuC;AAC7D,SAAQ,QAAqB,YAAY;AAAA;AAG3C,IAAO,qBAAQ,uBAAK,oBAAoB,EAAE,UAAU,YAAgC;AAClF,QAAM,QAAQ;AACd,QAAM,CAAC,YAAY,SAAS,OAC1B,CAAC,CAAC,aAAa,cAAc,SAAS,UAAU;AAC9C,UAAM,SAAS,CAAC,GAAG;AAEnB,gBAAY,KACV,wFACG,QAAQ,IACP,mDAAC,qBAAD;AAAA,MAAM,YAAW;AAAA,MAAW,OAAM;AAAA,MAAc,SAAS;AAAA,OAAa,OAGpE,MACH,eAAe,WACd,mDAAC,yBAAD;AAAA,MACE,OAAM;AAAA,MACN,SAAS,QAAQ;AAAA,MACjB,OAAO,QAAQ;AAAA,MACf,UAAU,CAAC,QAAQ,OAAO,SAAS,CAAC,GAAG,QAAQ,IAAI;AAAA,MACnD,QAAQ;AAAA,QACN,SAAS,CAAC,UAAU,UAAW;AAAA,aAC1B,cAAc,UAAmB,OAAO,UAAU;AAAA,UACrD,QAAQ;AAAA;AAAA,QAEV,aAAa,CAAC,aAAc;AAAA,aACvB;AAAA,UACH,QAAQ;AAAA,UACR,KAAK;AAAA,UACL,UAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA,UACV,WAAW;AAAA,UACX,OAAO,MAAM,OAAO,QAAQ;AAAA,UAC5B,UAAU;AAAA,YACR,OAAO,MAAM,OAAO,QAAQ;AAAA,YAC5B,gBAAgB;AAAA;AAAA;AAAA;AAAA,SAMxB,mDAAC,MAAD;AAAA,MACE,WAAW,CAAC,UACV,CAAC,SAAS,KAAK,SAAS,MAAM,QAAQ,SAAS,CAAC,GAAG,QAAQ,QAAQ;AAAA,MAErE,SAAS,MAAM,SAAS,CAAC,GAAG,QAAQ,QAAQ;AAAA,OAE3C,QAAQ;AAMjB,gBAAY,KAAK,eAAe,WAAW,QAAQ,MAAM,QAAQ,QAAQ;AACzE,WAAO,CAAC,aAAa;AAAA,KAEvB,CAAC,IAAI;AAGP,SACE,mDAAC,qBAAD;AAAA,IAAM,WAAW;AAAA,IAAG,YAAW;AAAA,KAC5B;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,+BAAiC;AACjC,kBAAiB;AACjB,kBAAiB;AACjB,sBAAqB;AACrB,oBAA+B;AAa/B,MAAM,WAAO,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAC9B,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAKY,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK3C,SAAS,eAAe,SAAuC;AAC7D,SAAQ,QAAqB,YAAY;AAC3C;AAEA,IAAO,yBAAQ,mBAAK,SAAS,WAAW,EAAE,UAAU,SAAS,GAAuB;AAClF,QAAM,YAAQ,mCAAS;AACvB,QAAM,CAAC,QAAQ,IAAI,SAAS;AAAA,IAC1B,CAAC,CAAC,aAAa,WAAW,GAAG,SAAS,UAAU;AAC9C,YAAM,SAAS,CAAC,GAAG,WAAW;AAE9B,kBAAY;AAAA,QACV,6BAAAC,QAAA,2BAAAA,QAAA,gBACG,QAAQ,IACP,6BAAAA,QAAA,cAAC,YAAAD,SAAA,EAAK,YAAW,YAAW,OAAM,eAAc,SAAS,eAAa,GAEtE,IACE,MACH,eAAe,OAAO,IACrB,6BAAAC,QAAA;AAAA,UAAC,gBAAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS,QAAQ;AAAA,YACjB,OAAO,QAAQ;AAAA,YACf,UAAU,CAAC,QAAQ,OAAO,SAAS,CAAC,GAAG,QAAQ,IAAI,KAAK,CAAC;AAAA,YACzD,QAAQ;AAAA,cACN,SAAS,CAAC,UAAU,WAAW;AAAA,gBAC7B,GAAG,cAAc,UAAmB,KAAK,EAAE,UAAU,KAAK;AAAA,gBAC1D,QAAQ;AAAA,cACV;AAAA,cACA,aAAa,CAAC,cAAc;AAAA,gBAC1B,GAAG;AAAA,gBACH,QAAQ;AAAA,gBACR,KAAK;AAAA,gBACL,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,WAAW;AAAA,gBACX,OAAO,MAAM,OAAO,QAAQ;AAAA,gBAC5B,UAAU;AAAA,kBACR,OAAO,MAAM,OAAO,QAAQ;AAAA,kBAC5B,gBAAgB;AAAA,gBAClB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF,IAEA,6BAAAD,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,CAAC,UACV,CAAC,SAAS,GAAG,EAAE,SAAS,MAAM,GAAG,KAAK,SAAS,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAAA,YAE3E,SAAS,MAAM,SAAS,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAAA;AAAA,UAEjD,QAAQ;AAAA,QACX,CAEJ;AAAA,MACF;AAEA,kBAAY,KAAK,eAAe,OAAO,IAAI,QAAQ,MAAM,QAAQ,QAAQ,KAAK;AAC9E,aAAO,CAAC,aAAa,WAAW;AAAA,IAClC;AAAA,IACA,CAAC,CAAC,GAAG,CAAC,CAAC;AAAA,EACT;AAEA,SACE,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,WAAW,GAAG,YAAW,YAC5B,QACH;AAEJ,CAAC;",
+  "names": ["styled", "Text", "React", "Dropdown", "Flex"]
 }