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

package/lib/cjs/components/Chart/Chart.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 Chart_stories_exports = {};
+__export(Chart_stories_exports, {
   Default: () => Default,
   Small: () => Small,
   default: () => Chart_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_index = __toModule(require("./index"));
-var import_Flex = __toModule(require("../layout/Flex"));
-var import_Button = __toModule(require("../cta/Button"));
+module.exports = __toCommonJS(Chart_stories_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_index = __toESM(require("./index"));
+var import_Flex = __toESM(require("../layout/Flex"));
+var import_Button = __toESM(require("../cta/Button"));
 function getRandomChartDate() {
-  const fromTime = new Date("2020-09-01T01:57:45.271Z");
-  const toTime = new Date("2021-02-12T01:57:45.271Z");
+  const fromTime = /* @__PURE__ */ new Date("2020-09-01T01:57:45.271Z");
+  const toTime = /* @__PURE__ */ new Date("2021-02-12T01:57:45.271Z");
   return new Date(fromTime.getTime() + Math.random() * (toTime.getTime() - fromTime.getTime()));
 }
 function getRandomChartValue() {
@@ -87,20 +94,13 @@ var Chart_stories_default = {
 const Default = ({ data: _, ...args }) => {
   const [data, setData] = import_react.default.useState(generateData());
   const handleClick = () => setData(generateData());
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    alignItems: "flex-start",
-    flexDirection: "column",
-    rowGap: "1.5rem"
-  }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    style: args.variant === "default" ? { position: "relative", width: "100%", aspectRatio: "2 / 1" } : {}
-  }, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    ...args,
-    data
-  })), /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
-    variant: "main",
-    outline: true,
-    onClick: handleClick
-  }, "Generate new data"));
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { alignItems: "flex-start", flexDirection: "column", rowGap: "1.5rem" }, /* @__PURE__ */ import_react.default.createElement(
+    import_Flex.default,
+    {
+      style: args.variant === "default" ? { position: "relative", width: "100%", aspectRatio: "2 / 1" } : {}
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, data })
+  ), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { variant: "main", outline: true, onClick: handleClick }, "Generate new data"));
 };
 const CardChart = import_styled_components.default.div`
   position: relative;
@@ -111,28 +111,6 @@ const Small = (args) => {
   const theme = (0, import_styled_components.useTheme)();
   const [data, setData] = import_react.default.useState(generateData());
   const handleClick = () => setData(generateData());
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    alignItems: "flex-start",
-    flexDirection: "column",
-    rowGap: "1rem"
-  }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    flexWrap: "wrap",
-    rowGap: "1.5rem",
-    columnGap: "2rem"
-  }, /* @__PURE__ */ import_react.default.createElement(CardChart, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    id: "static",
-    variant: "small",
-    color: theme.colors.primary.c100,
-    data
-  })), /* @__PURE__ */ import_react.default.createElement(CardChart, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    id: "dynamic",
-    variant: "small",
-    color: args.color,
-    data
-  }))), /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
-    variant: "main",
-    outline: true,
-    onClick: handleClick
-  }, "Generate new data"));
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { alignItems: "flex-start", flexDirection: "column", rowGap: "1rem" }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexWrap: "wrap", rowGap: "1.5rem", columnGap: "2rem" }, /* @__PURE__ */ import_react.default.createElement(CardChart, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, { id: "static", variant: "small", color: theme.colors.primary.c100, data })), /* @__PURE__ */ import_react.default.createElement(CardChart, null, /* @__PURE__ */ import_react.default.createElement(import_index.default, { id: "dynamic", variant: "small", color: args.color, data }))), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { variant: "main", outline: true, onClick: handleClick }, "Generate new data"));
 };
 //# sourceMappingURL=Chart.stories.js.map

package/lib/cjs/components/Chart/Chart.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Chart/Chart.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\n\nimport Chart from \"./index\";\nimport type { Props as ChartPreviewProps } from \"./index\";\nimport Flex from \"../layout/Flex\";\nimport Button from \"../cta/Button\";\nimport type { Item } from \"./types\";\n\nfunction getRandomChartDate() {\n  const fromTime = new Date(\"2020-09-01T01:57:45.271Z\");\n  const toTime = new Date(\"2021-02-12T01:57:45.271Z\");\n  return new Date(fromTime.getTime() + Math.random() * (toTime.getTime() - fromTime.getTime()));\n}\n\nfunction getRandomChartValue() {\n  const min = 1_000;\n  const max = 2_500_000;\n  return Math.floor(Math.random() * (max - min) + min);\n}\n\nconst generateData = () => {\n  return new Array(50)\n    .fill({})\n    .map(() => ({ value: getRandomChartValue(), date: getRandomChartDate() } as Item))\n    .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());\n};\n\nexport default {\n  title: \"Charts/Chart\",\n  component: Chart,\n  argTypes: {\n    data: {\n      control: false,\n      description:\n        \"Date is the only accepted type on the x-axis. On the y-axis, number and string are accepted.\",\n    },\n    color: {\n      type: \"string\",\n      control: \"color\",\n      defaultValue: \"#0EBDCD\",\n      description:\n        \"This property defines the color of the stroke and the color used to created the gradient. This property any color format.\",\n    },\n    valueKey: {\n      control: false,\n      description:\n        \"This optional property is useful to override the key in charge of storing the value used on the x-axis.\",\n    },\n    variant: {\n      type: \"enum\",\n      defaultValue: \"default\",\n      description:\n        \"The small variant is used to display a gridless, tickerless chart. The default one is a full chart that allows more controls and optimisations.\",\n      options: [\"default\", \"small\"],\n      control: false,\n    },\n    timeOptions: {\n      type: \"object\",\n      description:\n        \"This optional property is only used by the default variant to know how to format ticker on the x-axis. See https://www.chartjs.org/docs/latest/axes/cartesian/time.html#time-units.\",\n      control: { type: \"object\" },\n      defaultValue: { unit: \"month\", displayFormats: { month: \"MMM.\" } },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"This component chart componnet has two variants, the default and the small one. The small one is like a preview, it has no controls and allow less optimisations. The default one is a component that displays grid, axis, tickers and allow lot of customisation.\",\n      },\n    },\n  },\n};\n\nexport const Default = ({ data: _, ...args }: ChartPreviewProps): JSX.Element => {\n  const [data, setData] = React.useState(generateData());\n\n  const handleClick = () => setData(generateData());\n\n  return (\n    <Flex alignItems=\"flex-start\" flexDirection=\"column\" rowGap=\"1.5rem\">\n      <Flex\n        style={\n          args.variant === \"default\"\n            ? { position: \"relative\", width: \"100%\", aspectRatio: \"2 / 1\" }\n            : {}\n        }\n      >\n        <Chart {...args} data={data} />\n      </Flex>\n      <Button variant=\"main\" outline onClick={handleClick}>\n        Generate new data\n      </Button>\n    </Flex>\n  );\n};\n\nconst CardChart = styled.div`\n  position: relative;\n  width: 221px;\n  height: 86px;\n`;\n\nexport const Small = (args: ChartPreviewProps): JSX.Element => {\n  const theme = useTheme();\n  const [data, setData] = React.useState(generateData());\n\n  const handleClick = () => setData(generateData());\n\n  return (\n    <Flex alignItems=\"flex-start\" flexDirection=\"column\" rowGap=\"1rem\">\n      <Flex flexWrap=\"wrap\" rowGap=\"1.5rem\" columnGap=\"2rem\">\n        <CardChart>\n          <Chart id=\"static\" variant=\"small\" color={theme.colors.primary.c100} data={data} />\n        </CardChart>\n        <CardChart>\n          <Chart id=\"dynamic\" variant=\"small\" color={args.color} data={data} />\n        </CardChart>\n      </Flex>\n      <Button variant=\"main\" outline onClick={handleClick}>\n        Generate new data\n      </Button>\n    </Flex>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["Chart", "React", "Flex", "Button", "styled"]
 }

package/lib/cjs/components/Chart/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 Chart_exports = {};
+__export(Chart_exports, {
   default: () => Chart_default
 });
-var import_react = __toModule(require("react"));
-var import_react_chartjs_2 = __toModule(require("react-chartjs-2"));
-var import_color = __toModule(require("color"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_chartjs_adapter_moment = __toModule(require("chartjs-adapter-moment"));
-var import_utils = __toModule(require("./utils"));
+module.exports = __toCommonJS(Chart_exports);
+var import_react = __toESM(require("react"));
+var import_react_chartjs_2 = require("react-chartjs-2");
+var import_color = __toESM(require("color"));
+var import_styled_components = require("styled-components");
+var import_chartjs_adapter_moment = require("chartjs-adapter-moment");
+var import_utils = require("./utils");
 const getConfig = (variant, options) => {
   const config = {
     small: {
@@ -46,6 +53,7 @@ const getConfig = (variant, options) => {
             borderDash: [4, 4],
             tickWidth: 0,
             tickLength: 18,
+            // This is an hack to don't render a duplicate axis
             borderWidth: 0
           },
           ticks: { callback: import_utils.valueFormatter, labelOffset: -3 }
@@ -57,10 +65,13 @@ const getConfig = (variant, options) => {
             borderDash: [4, 4],
             tickWidth: 0,
             tickLength: 15,
+            // Don't render a duplicate axis
             borderWidth: 0
           },
+          // always display first/last ticks
           bounds: "ticks",
           type: "time",
+          // control how the tickers on the x-axis are formatted
           time: options.timeOptions
         }
       }
@@ -82,50 +93,58 @@ var Chart_default = ({
   ...chartProps
 }) => {
   const theme = (0, import_styled_components.useTheme)();
-  const config = (0, import_react.useMemo)(() => getConfig(variant, { gridColor: theme.colors.neutral.c40, timeOptions }), [variant, theme.colors.neutral.c40, timeOptions]);
+  const config = (0, import_react.useMemo)(
+    () => getConfig(variant, { gridColor: theme.colors.neutral.c40, timeOptions }),
+    [variant, theme.colors.neutral.c40, timeOptions]
+  );
   (0, import_react.useEffect)(() => {
     import_react_chartjs_2.defaults.font = import_utils.fontConfig;
   }, []);
-  const chartData = (0, import_react.useMemo)(() => ({
-    datasets: [
-      {
-        borderColor: color,
-        borderWidth: 2,
-        fill: "start",
-        backgroundColor: (context) => {
-          const chart = context.chart;
-          const { ctx, chartArea } = chart;
-          if (!chartArea)
-            return null;
-          const gradient = ctx.createLinearGradient(0, 0, 0, chartArea.height / 1.2);
-          gradient.addColorStop(0, (0, import_color.default)(color).alpha(config.gradient.alpha).string());
-          gradient.addColorStop(1, (0, import_color.default)(color).alpha(0).string());
-          return gradient;
-        },
-        pointRadius: 0,
-        pointHitRadius: 0,
-        data: data.map(({ date: x, [`${valueKey}`]: y }) => ({ x, y }))
-      }
-    ]
-  }), [color, data, valueKey, variant]);
-  const options = (0, import_react.useMemo)(() => ({
-    responsive: true,
-    maintainAspectRatio: false,
-    plugins: { tooltips: { enabled: false }, legend: { display: false } },
-    animation: false,
-    elements: {
-      points: { radius: 0 },
-      line: {
-        tension: 0.2
-      }
-    },
-    scales: config.scales
-  }), [config.scales]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react_chartjs_2.Line, {
-    data: chartData,
-    options,
-    ...chartProps,
-    redraw: true
-  });
+  const chartData = (0, import_react.useMemo)(
+    () => ({
+      datasets: [
+        {
+          borderColor: color,
+          borderWidth: 2,
+          fill: "start",
+          backgroundColor: (context) => {
+            const chart = context.chart;
+            const { ctx, chartArea } = chart;
+            if (!chartArea)
+              return null;
+            const gradient = ctx.createLinearGradient(0, 0, 0, chartArea.height / 1.2);
+            gradient.addColorStop(0, (0, import_color.default)(color).alpha(config.gradient.alpha).string());
+            gradient.addColorStop(1, (0, import_color.default)(color).alpha(0).string());
+            return gradient;
+          },
+          // prevent points rendering
+          pointRadius: 0,
+          pointHitRadius: 0,
+          data: data.map(({ date: x, [`${valueKey}`]: y }) => ({ x, y }))
+        }
+      ]
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [color, data, valueKey, variant]
+  );
+  const options = (0, import_react.useMemo)(
+    () => ({
+      // Responsive options use the parent element to create the canvas
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: { tooltips: { enabled: false }, legend: { display: false } },
+      animation: false,
+      elements: {
+        points: { radius: 0 },
+        line: {
+          // Bezier curve tension of the line. Set to 0 to draw straightlines.
+          tension: 0.2
+        }
+      },
+      scales: config.scales
+    }),
+    [config.scales]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react_chartjs_2.Line, { data: chartData, options, ...chartProps, redraw: true });
 };
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Chart/index.tsx"],
   "sourcesContent": ["import React, { useEffect, useMemo } from \"react\";\nimport { Line, defaults, ChartProps } from \"react-chartjs-2\";\nimport type { ScriptableContext } from \"chart.js\";\nimport Color from \"color\";\nimport { useTheme } from \"styled-components\";\nimport \"chartjs-adapter-moment\";\n\nimport type { Item, timeOptions } from \"./types\";\nimport { fontConfig, valueFormatter } from \"./utils\";\n\ntype LineProps = React.ComponentProps<typeof Line>;\n\nexport type Props = Omit<ChartProps, \"type\" | \"data\" | \"options\"> & {\n  data: Array<Item>;\n  color: string;\n  variant?: \"default\" | \"small\";\n  valueKey?: string;\n  /*\n   ** This prop is used to format the x-axis using time options from chart.js.\n   ** See https://www.chartjs.org/docs/latest/axes/cartesian/time.html#time-units\n   */\n  timeOptions?: timeOptions;\n};\n\n/*\n ** @DEV: I'm sorry, I spent too much time to try to type scales. Types from chart.js\n ** are horrible. I hope someone in the future will have more luck than me.\n */\ntype GetConfigOutput = { gradient: { alpha: number }; scales: unknown };\n\n/*\n ** Returns the correct config based on the variant\n */\nconst getConfig = (\n  variant: NonNullable<Props[\"variant\"]>,\n  options: NonNullable<Pick<Props, \"timeOptions\">> & { gridColor: string },\n): GetConfigOutput => {\n  const config: { small: GetConfigOutput; default: GetConfigOutput } = {\n    small: {\n      gradient: { alpha: 0.3 },\n      scales: { y: { display: false }, x: { display: false, type: \"time\" } },\n    },\n    default: {\n      gradient: { alpha: 0.1 },\n      scales: {\n        y: {\n          display: true,\n          grid: {\n            color: options.gridColor,\n            borderDash: [4, 4],\n            tickWidth: 0,\n            tickLength: 18,\n\n            // This is an hack to don't render a duplicate axis\n            borderWidth: 0,\n          },\n          ticks: { callback: valueFormatter, labelOffset: -3 },\n        },\n        x: {\n          display: true,\n          grid: {\n            color: options.gridColor,\n            borderDash: [4, 4],\n            tickWidth: 0,\n            tickLength: 15,\n\n            // Don't render a duplicate axis\n            borderWidth: 0,\n          },\n          // always display first/last ticks\n          bounds: \"ticks\",\n          type: \"time\",\n          // control how the tickers on the x-axis are formatted\n          time: options.timeOptions,\n        },\n      },\n    },\n  };\n\n  return config[variant];\n};\n\nconst defaultValue: {\n  variant: NonNullable<Props[\"variant\"]>;\n  valueKey: NonNullable<Props[\"valueKey\"]>;\n  timeOptions: NonNullable<Props[\"timeOptions\"]>;\n} = {\n  variant: \"default\",\n  valueKey: \"value\",\n  timeOptions: { unit: \"month\", displayFormats: { month: \"MMM.\" } },\n};\n\n/**\n * @remarks This component must have a parent that has only it as a child and it must be in relative position!\n * @privateRemarks Don't name this component \"Chart\", that will conflict with the Chart.js library cuz of the adapter\n */\nexport default ({\n  data,\n  color,\n  variant = defaultValue.variant,\n  valueKey = defaultValue.valueKey,\n  timeOptions = defaultValue.timeOptions,\n  ...chartProps\n}: Props): JSX.Element => {\n  const theme = useTheme();\n  const config = useMemo(\n    () => getConfig(variant, { gridColor: theme.colors.neutral.c40, timeOptions }),\n    [variant, theme.colors.neutral.c40, timeOptions],\n  );\n\n  // inject default font configuration at mount\n  useEffect(() => {\n    defaults.font = fontConfig;\n  }, []);\n\n  const chartData = useMemo(\n    () => ({\n      datasets: [\n        {\n          borderColor: color,\n          borderWidth: 2,\n          fill: \"start\",\n          backgroundColor: (context: ScriptableContext<\"bar\">) => {\n            const chart = context.chart;\n            const { ctx, chartArea } = chart;\n\n            // This case happens on initial chart load\n            if (!chartArea) return null;\n\n            // Create gradient based on the props color\n            const gradient = ctx.createLinearGradient(0, 0, 0, chartArea.height / 1.2);\n            gradient.addColorStop(0, Color(color).alpha(config.gradient.alpha).string());\n            gradient.addColorStop(1, Color(color).alpha(0.0).string());\n            return gradient;\n          },\n\n          // prevent points rendering\n          pointRadius: 0,\n          pointHitRadius: 0,\n\n          data: data.map(({ date: x, [`${valueKey}`]: y }) => ({ x, y })),\n        },\n      ],\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [color, data, valueKey, variant],\n  ) as unknown as LineProps[\"data\"];\n\n  const options: ChartProps[\"options\"] = useMemo(\n    () => ({\n      // Responsive options use the parent element to create the canvas\n      responsive: true,\n      maintainAspectRatio: false,\n\n      plugins: { tooltips: { enabled: false }, legend: { display: false } },\n      animation: false,\n      elements: {\n        points: { radius: 0 },\n        line: {\n          // Bezier curve tension of the line. Set to 0 to draw straightlines.\n          tension: 0.2,\n        },\n      },\n      scales: config.scales,\n    }),\n    [config.scales],\n  ) as unknown as LineProps[\"options\"];\n\n  // The redraw is needed to allow the chart to be updated with new value\n  return <Line data={chartData} options={options} {...chartProps} redraw />;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,6BAA2C;AAE3C,mBAAkB;AAClB,+BAAyB;AACzB,oCAAO;AAGP,mBAA2C;AAyB3C,MAAM,YAAY,CAChB,SACA,YACoB;AACpB,QAAM,SAA+D;AAAA,IACnE,OAAO;AAAA,MACL,UAAU,EAAE,OAAO;AAAA,MACnB,QAAQ,EAAE,GAAG,EAAE,SAAS,SAAS,GAAG,EAAE,SAAS,OAAO,MAAM;AAAA;AAAA,IAE9D,SAAS;AAAA,MACP,UAAU,EAAE,OAAO;AAAA,MACnB,QAAQ;AAAA,QACN,GAAG;AAAA,UACD,SAAS;AAAA,UACT,MAAM;AAAA,YACJ,OAAO,QAAQ;AAAA,YACf,YAAY,CAAC,GAAG;AAAA,YAChB,WAAW;AAAA,YACX,YAAY;AAAA,YAGZ,aAAa;AAAA;AAAA,UAEf,OAAO,EAAE,UAAU,6BAAgB,aAAa;AAAA;AAAA,QAElD,GAAG;AAAA,UACD,SAAS;AAAA,UACT,MAAM;AAAA,YACJ,OAAO,QAAQ;AAAA,YACf,YAAY,CAAC,GAAG;AAAA,YAChB,WAAW;AAAA,YACX,YAAY;AAAA,YAGZ,aAAa;AAAA;AAAA,UAGf,QAAQ;AAAA,UACR,MAAM;AAAA,UAEN,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMtB,SAAO,OAAO;AAAA;AAGhB,MAAM,eAIF;AAAA,EACF,SAAS;AAAA,EACT,UAAU;AAAA,EACV,aAAa,EAAE,MAAM,SAAS,gBAAgB,EAAE,OAAO;AAAA;AAOzD,IAAO,gBAAQ,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,UAAU,aAAa;AAAA,EACvB,WAAW,aAAa;AAAA,EACxB,cAAc,aAAa;AAAA,KACxB;AAAA,MACqB;AACxB,QAAM,QAAQ;AACd,QAAM,SAAS,0BACb,MAAM,UAAU,SAAS,EAAE,WAAW,MAAM,OAAO,QAAQ,KAAK,gBAChE,CAAC,SAAS,MAAM,OAAO,QAAQ,KAAK;AAItC,8BAAU,MAAM;AACd,oCAAS,OAAO;AAAA,KACf;AAEH,QAAM,YAAY,0BAChB,MAAO;AAAA,IACL,UAAU;AAAA,MACR;AAAA,QACE,aAAa;AAAA,QACb,aAAa;AAAA,QACb,MAAM;AAAA,QACN,iBAAiB,CAAC,YAAsC;AACtD,gBAAM,QAAQ,QAAQ;AACtB,gBAAM,EAAE,KAAK,cAAc;AAG3B,cAAI,CAAC;AAAW,mBAAO;AAGvB,gBAAM,WAAW,IAAI,qBAAqB,GAAG,GAAG,GAAG,UAAU,SAAS;AACtE,mBAAS,aAAa,GAAG,0BAAM,OAAO,MAAM,OAAO,SAAS,OAAO;AACnE,mBAAS,aAAa,GAAG,0BAAM,OAAO,MAAM,GAAK;AACjD,iBAAO;AAAA;AAAA,QAIT,aAAa;AAAA,QACb,gBAAgB;AAAA,QAEhB,MAAM,KAAK,IAAI,CAAC,EAAE,MAAM,IAAI,GAAG,aAAa,QAAS,GAAE,GAAG;AAAA;AAAA;AAAA,MAKhE,CAAC,OAAO,MAAM,UAAU;AAG1B,QAAM,UAAiC,0BACrC,MAAO;AAAA,IAEL,YAAY;AAAA,IACZ,qBAAqB;AAAA,IAErB,SAAS,EAAE,UAAU,EAAE,SAAS,SAAS,QAAQ,EAAE,SAAS;AAAA,IAC5D,WAAW;AAAA,IACX,UAAU;AAAA,MACR,QAAQ,EAAE,QAAQ;AAAA,MAClB,MAAM;AAAA,QAEJ,SAAS;AAAA;AAAA;AAAA,IAGb,QAAQ,OAAO;AAAA,MAEjB,CAAC,OAAO;AAIV,SAAO,mDAAC,6BAAD;AAAA,IAAM,MAAM;AAAA,IAAW;AAAA,OAAsB;AAAA,IAAY,QAAM;AAAA;AAAA;",
-  "names": []
+  "mappings": "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",
+  "names": ["Color", "React"]
 }

package/lib/cjs/components/Chart/types.js

@@ -1,4 +1,17 @@
+"use strict";
 var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-__markAsModule(exports);
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
 //# sourceMappingURL=types.js.map

package/lib/cjs/components/Chart/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Chart/types.ts"],
   "sourcesContent": ["export type Item = {\n  date: Date;\n  value?: number | string;\n} & { [key: string]: number | string };\n\ntype Unit =\n  | \"millisecond\"\n  | \"second\"\n  | \"minute\"\n  | \"hour\"\n  | \"day\"\n  | \"week\"\n  | \"month\"\n  | \"quarter\"\n  | \"year\";\n\nexport type timeOptions = {\n  unit?: Unit;\n  displayFormats?: { [unit in Unit]?: string };\n};\n"],
-  "mappings": ";;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/components/Chart/utils.js

@@ -1,14 +1,27 @@
+"use strict";
 var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-__export(exports, {
+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 to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
   fontConfig: () => fontConfig,
   valueFormatter: () => valueFormatter
 });
+module.exports = __toCommonJS(utils_exports);
 const valueFormatter = (value) => {
   const breakpoints = [
     { value: 1e6, unit: "M" },

package/lib/cjs/components/Chart/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Chart/utils.ts"],
   "sourcesContent": ["/**\n * Returns the value fixed to 1 decimals when needed with his associated unit (e.g. \"1.5K\" or \"1.5M\")\n * @param value - Value displayed on the y-axis as a tick\n * @example\n * ```\n * valueFormatter(1500) // \"1.5K\"\n * valueFormatter(1567) // \"1.5K\"\n * valueFormatter(1567657) // \"1.5M\"\n * valueFormatter(156) // \"156\"\n * ```\n */\nexport const valueFormatter = (value: string | number): string => {\n  const breakpoints = [\n    { value: 1e6, unit: \"M\" },\n    { value: 1e3, unit: \"K\" },\n    { value: 1, unit: \"\" },\n  ];\n\n  const item = breakpoints.find((item) => value >= item.value);\n  const formatedValue = typeof value === \"number\" ? value : parseFloat(value);\n  return item ? `${(formatedValue / item.value).toFixed(1).replace(\".0\", \"\")} ${item.unit}` : \"0\";\n};\n\n// set default font configuration for the chart - I used ll-text_subTitle class from our theme\nexport const fontConfig: {\n  family: string;\n  size: number;\n  weight: string;\n  lineHeight: number;\n  style: \"normal\" | \"italic\";\n} = {\n  family: \"Inter, Arial\",\n  size: 11,\n  weight: \"600\",\n  lineHeight: 1.21,\n  style: \"normal\",\n};\n"],
-  "mappings": ";;;;;;;AAAA;AAAA;AAAA;AAAA;AAWO,MAAM,iBAAiB,CAAC,UAAmC;AAChE,QAAM,cAAc;AAAA,IAClB,EAAE,OAAO,KAAK,MAAM;AAAA,IACpB,EAAE,OAAO,KAAK,MAAM;AAAA,IACpB,EAAE,OAAO,GAAG,MAAM;AAAA;AAGpB,QAAM,OAAO,YAAY,KAAK,CAAC,UAAS,SAAS,MAAK;AACtD,QAAM,gBAAgB,OAAO,UAAU,WAAW,QAAQ,WAAW;AACrE,SAAO,OAAO,GAAI,iBAAgB,KAAK,OAAO,QAAQ,GAAG,QAAQ,MAAM,OAAO,KAAK,SAAS;AAAA;AAIvF,MAAM,aAMT;AAAA,EACF,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,MAAM,iBAAiB,CAAC,UAAmC;AAChE,QAAM,cAAc;AAAA,IAClB,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,IACxB,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,IACxB,EAAE,OAAO,GAAG,MAAM,GAAG;AAAA,EACvB;AAEA,QAAM,OAAO,YAAY,KAAK,CAACA,UAAS,SAASA,MAAK,KAAK;AAC3D,QAAM,gBAAgB,OAAO,UAAU,WAAW,QAAQ,WAAW,KAAK;AAC1E,SAAO,OAAO,IAAI,gBAAgB,KAAK,OAAO,QAAQ,CAAC,EAAE,QAAQ,MAAM,EAAE,KAAK,KAAK,SAAS;AAC9F;AAGO,MAAM,aAMT;AAAA,EACF,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AACT;",
+  "names": ["item"]
 }

package/lib/cjs/components/Table/Columns.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 Columns_exports = {};
+__export(Columns_exports, {
   icon: () => iconColumn,
   text: () => textColumn
 });
-var import_react = __toModule(require("react"));
-var import_Icon = __toModule(require("../asorted/Icon"));
-var import_Flex = __toModule(require("../layout/Flex"));
-var import_Text = __toModule(require("../asorted/Text"));
+module.exports = __toCommonJS(Columns_exports);
+var import_react = __toESM(require("react"));
+var import_Icon = __toESM(require("../asorted/Icon"));
+var import_Flex = __toESM(require("../layout/Flex"));
+var import_Text = __toESM(require("../asorted/Text"));
 function iconColumn({
   props,
   header,
@@ -38,13 +45,7 @@ function iconColumn({
     layout: layout || "min-content",
     render: ({ elt }) => {
       const { name, weight, ...textProps } = props(elt);
-      return /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-        ...textProps,
-        style: { display: "flex", alignItems: "center" }
-      }, /* @__PURE__ */ import_react.default.createElement(import_Icon.default, {
-        name,
-        weight
-      }));
+      return /* @__PURE__ */ import_react.default.createElement(import_Text.default, { ...textProps, style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { name, weight }));
     },
     header
   };
@@ -59,24 +60,29 @@ function textColumn({
 }) {
   return {
     layout: layout || "auto",
-    render: ({ elt }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      flexDirection: "column",
-      justifyContent: "center"
-    }, title && /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      fontWeight: "medium",
-      variant: "body",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      color: "neutral.c100",
-      ...titleProps && titleProps(elt) || {}
-    }, title(elt)), subtitle && /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      fontWeight: "medium",
-      variant: "paragraph",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      color: "neutral.c80",
-      ...subtitleProps && subtitleProps(elt) || {}
-    }, subtitle(elt))),
+    render: ({ elt }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", justifyContent: "center" }, title && /* @__PURE__ */ import_react.default.createElement(
+      import_Text.default,
+      {
+        fontWeight: "medium",
+        variant: "body",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        color: "neutral.c100",
+        ...titleProps && titleProps(elt) || {}
+      },
+      title(elt)
+    ), subtitle && /* @__PURE__ */ import_react.default.createElement(
+      import_Text.default,
+      {
+        fontWeight: "medium",
+        variant: "paragraph",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        color: "neutral.c80",
+        ...subtitleProps && subtitleProps(elt) || {}
+      },
+      subtitle(elt)
+    )),
     header
   };
 }

package/lib/cjs/components/Table/Columns.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Table/Columns.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport Icon, { Props as IconProps } from \"../asorted/Icon\";\nimport FlexBox from \"../layout/Flex\";\nimport Text, { TextProps } from \"../asorted/Text\";\nexport interface Column<T> {\n  /**\n   * A function called to render each cell of the column.\n   */\n  render: (props: CellProps<T>) => React.ReactNode;\n  /**\n   * A valid grid template [value](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns#values).\n   * This layout is applied to every cell of the column.\n   * Default to \"min-content\" - the largest minimal content contribution of the grid item.\n   */\n  layout?: string;\n  /**\n   * A function called to render the header cell.\n   * If omitted the rendered header element will be an empty div.\n   */\n  header?: () => React.ReactNode;\n}\n\nexport interface CellProps<T> {\n  /**\n   * The cell element.\n   */\n  elt: T;\n  /**\n   * The row index.\n   */\n  rowIndex: number;\n  /**\n   * The column index.\n   */\n  columnIndex: number;\n}\n\n/**\n * A column which contains a single icon and that has a fixed width.\n */\nfunction iconColumn<T>({\n  props,\n  header,\n  layout,\n}: {\n  /**\n   * An object containing the unerlying <Text /> wrapper props as well as\n   * the \"name\" and \"weight\" props of the unerlying <Icon />.\n   */\n  props: (elt: T) => Pick<IconProps, \"name\" | \"weight\"> & TextProps;\n  /**\n   * An optional render function to display the column header.\n   */\n  header?: () => React.ReactNode;\n  /**\n   * The grid column layout, by default \"min-content\".\n   */\n  layout?: string;\n}): Column<T> {\n  return {\n    layout: layout || \"min-content\",\n    render: ({ elt }) => {\n      const { name, weight, ...textProps } = props(elt);\n      return (\n        <Text {...textProps} style={{ display: \"flex\", alignItems: \"center\" }}>\n          <Icon name={name} weight={weight} />\n        </Text>\n      );\n    },\n    header,\n  };\n}\nexport { iconColumn as icon };\n\n/**\n * A column that contains a title and a subtitle.\n */\nfunction textColumn<T>({\n  title,\n  subtitle,\n  header,\n  layout,\n  titleProps,\n  subtitleProps,\n}: {\n  /**\n   * An optional title.\n   */\n  title?: (elt: T) => React.ReactNode;\n  /**\n   * An optional subtitle.\n   */\n  subtitle?: (elt: T) => React.ReactNode;\n  /**\n   * An optional render function to display the column header.\n   */\n  header?: () => React.ReactNode;\n  /**\n   * The grid column layout, by default \"auto\".\n   */\n  layout?: string;\n  /**\n   * Optional extra props passed to the title <Text /> wrapper.\n   */\n  titleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n  /**\n   * Optional extra props passed to the subtitle <Text /> wrapper.\n   */\n  subtitleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n}): Column<T> {\n  return {\n    layout: layout || \"auto\",\n    render: ({ elt }) => (\n      <FlexBox flexDirection=\"column\" justifyContent=\"center\">\n        {title && (\n          <Text\n            fontWeight=\"medium\"\n            variant={\"body\"}\n            textOverflow=\"ellipsis\"\n            overflow=\"hidden\"\n            color=\"neutral.c100\"\n            {...((titleProps && titleProps(elt)) || {})}\n          >\n            {title(elt)}\n          </Text>\n        )}\n        {subtitle && (\n          <Text\n            fontWeight=\"medium\"\n            variant={\"paragraph\"}\n            textOverflow=\"ellipsis\"\n            overflow=\"hidden\"\n            color=\"neutral.c80\"\n            {...((subtitleProps && subtitleProps(elt)) || {})}\n          >\n            {subtitle(elt)}\n          </Text>\n        )}\n      </FlexBox>\n    ),\n    header,\n  };\n}\nexport { textColumn as text };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAyC;AACzC,kBAAoB;AACpB,kBAAgC;AAqChC,oBAAuB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,GAeY;AACZ,SAAO;AAAA,IACL,QAAQ,UAAU;AAAA,IAClB,QAAQ,CAAC,EAAE,UAAU;AACnB,YAAM,EAAE,MAAM,WAAW,cAAc,MAAM;AAC7C,aACE,mDAAC,qBAAD;AAAA,WAAU;AAAA,QAAW,OAAO,EAAE,SAAS,QAAQ,YAAY;AAAA,SACzD,mDAAC,qBAAD;AAAA,QAAM;AAAA,QAAY;AAAA;AAAA;AAAA,IAIxB;AAAA;AAAA;AAQJ,oBAAuB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GA0BY;AACZ,SAAO;AAAA,IACL,QAAQ,UAAU;AAAA,IAClB,QAAQ,CAAC,EAAE,UACT,mDAAC,qBAAD;AAAA,MAAS,eAAc;AAAA,MAAS,gBAAe;AAAA,OAC5C,SACC,mDAAC,qBAAD;AAAA,MACE,YAAW;AAAA,MACX,SAAS;AAAA,MACT,cAAa;AAAA,MACb,UAAS;AAAA,MACT,OAAM;AAAA,SACA,cAAc,WAAW,QAAS;AAAA,OAEvC,MAAM,OAGV,YACC,mDAAC,qBAAD;AAAA,MACE,YAAW;AAAA,MACX,SAAS;AAAA,MACT,cAAa;AAAA,MACb,UAAS;AAAA,MACT,OAAM;AAAA,SACA,iBAAiB,cAAc,QAAS;AAAA,OAE7C,SAAS;AAAA,IAKlB;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAyC;AACzC,kBAAoB;AACpB,kBAAgC;AAqChC,SAAS,WAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,GAcc;AACZ,SAAO;AAAA,IACL,QAAQ,UAAU;AAAA,IAClB,QAAQ,CAAC,EAAE,IAAI,MAAM;AACnB,YAAM,EAAE,MAAM,QAAQ,GAAG,UAAU,IAAI,MAAM,GAAG;AAChD,aACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAM,GAAG,WAAW,OAAO,EAAE,SAAS,QAAQ,YAAY,SAAS,KAClE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAY,QAAgB,CACpC;AAAA,IAEJ;AAAA,IACA;AAAA,EACF;AACF;AAMA,SAAS,WAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAyBc;AACZ,SAAO;AAAA,IACL,QAAQ,UAAU;AAAA,IAClB,QAAQ,CAAC,EAAE,IAAI,MACb,6BAAAF,QAAA,cAAC,YAAAG,SAAA,EAAQ,eAAc,UAAS,gBAAe,YAC5C,SACC,6BAAAH,QAAA;AAAA,MAAC,YAAAC;AAAA,MAAA;AAAA,QACC,YAAW;AAAA,QACX,SAAS;AAAA,QACT,cAAa;AAAA,QACb,UAAS;AAAA,QACT,OAAM;AAAA,QACL,GAAK,cAAc,WAAW,GAAG,KAAM,CAAC;AAAA;AAAA,MAExC,MAAM,GAAG;AAAA,IACZ,GAED,YACC,6BAAAD,QAAA;AAAA,MAAC,YAAAC;AAAA,MAAA;AAAA,QACC,YAAW;AAAA,QACX,SAAS;AAAA,QACT,cAAa;AAAA,QACb,UAAS;AAAA,QACT,OAAM;AAAA,QACL,GAAK,iBAAiB,cAAc,GAAG,KAAM,CAAC;AAAA;AAAA,MAE9C,SAAS,GAAG;AAAA,IACf,CAEJ;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React", "Text", "Icon", "FlexBox"]
 }