@ledgerhq/react-ui 0.22.0 → 0.23.0-nightly.0

package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.stories.js

@@ -0,0 +1,91 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __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 useDebouncedCallback_stories_exports = {};
+__export(useDebouncedCallback_stories_exports, {
+  Test: () => Test,
+  default: () => useDebouncedCallback_stories_default
+});
+module.exports = __toCommonJS(useDebouncedCallback_stories_exports);
+var import_react = __toESM(require("react"));
+var import_test = require("@storybook/test");
+var import__ = require(".");
+const callback1 = (0, import_test.fn)();
+const callback2 = (0, import_test.fn)();
+const meta = {
+  component: Template,
+  title: "PreLdls/Hooks/useDebouncedCallback",
+  tags: ["!autodocs"],
+  args: {
+    delay: 100,
+    callback1,
+    callback2
+  }
+};
+var useDebouncedCallback_stories_default = meta;
+const Test = {
+  name: "useDebouncedCallback",
+  play: async ({ canvasElement, step }) => {
+    const canvas = (0, import_test.within)(canvasElement);
+    const input = canvas.getByRole("textbox");
+    const callback2Btn = canvas.getByText("Use Callback 2");
+    await step("Debounce callback calls", async () => {
+      await import_test.userEvent.type(input, "Write something");
+      (0, import_test.expect)(input).toHaveValue("Write something");
+      (0, import_test.expect)(callback1).not.toHaveBeenCalled();
+      await (0, import_test.waitFor)(() => (0, import_test.expect)(callback1).toHaveBeenCalledTimes(1), { timeout: 200 });
+      (0, import_test.expect)(callback1).toHaveBeenCalledWith("Write something");
+    });
+    await step("Switch callback function", async () => {
+      await import_test.userEvent.type(input, " else");
+      await import_test.userEvent.click(callback2Btn);
+      await import_test.userEvent.type(input, ".");
+      await (0, import_test.waitFor)(() => (0, import_test.expect)(callback2).toHaveBeenCalledTimes(1), { timeout: 200 });
+      (0, import_test.expect)(callback1).not.toHaveBeenCalledWith(/^Write something else.*/);
+      (0, import_test.expect)(callback2).toHaveBeenCalledWith("Write something else.");
+    });
+  }
+};
+function Template({ callback1: callback12, callback2: callback22, delay }) {
+  const [callback, setCallback] = (0, import_react.useState)(() => callback12);
+  const debouncedCallback = (0, import__.useDebouncedCallback)(callback, delay);
+  const [value, setValue] = (0, import_react.useState)("");
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      type: "text",
+      value,
+      onChange: (event) => {
+        const value2 = event.target.value;
+        setValue(value2);
+        debouncedCallback == null ? void 0 : debouncedCallback(value2);
+      }
+    }
+  ), " ", /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setCallback(() => callback12) }, "Use Callback 1"), " ", /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setCallback(() => callback22) }, "Use Callback 2"));
+}
+//# sourceMappingURL=useDebouncedCallback.stories.js.map

package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pre-ldls/hooks/useDebouncedCallback.stories.tsx"],
+  "sourcesContent": ["import React, { useState } from \"react\";\nimport { type Meta, type StoryObj } from \"@storybook/react\";\nimport { expect, fn, Mock, userEvent, waitFor, within } from \"@storybook/test\";\nimport { useDebouncedCallback } from \".\";\n\nconst callback1 = fn();\nconst callback2 = fn();\n\nconst meta: Meta<typeof Template> = {\n  component: Template,\n  title: \"PreLdls/Hooks/useDebouncedCallback\",\n  tags: [\"!autodocs\"],\n  args: {\n    delay: 100,\n    callback1,\n    callback2,\n  },\n};\nexport default meta;\n\nexport const Test: StoryObj<typeof Template> = {\n  name: \"useDebouncedCallback\",\n  play: async ({ canvasElement, step }) => {\n    const canvas = within(canvasElement);\n    const input = canvas.getByRole(\"textbox\");\n    const callback2Btn = canvas.getByText(\"Use Callback 2\");\n\n    await step(\"Debounce callback calls\", async () => {\n      await userEvent.type(input, \"Write something\");\n      expect(input).toHaveValue(\"Write something\");\n      expect(callback1).not.toHaveBeenCalled();\n      await waitFor(() => expect(callback1).toHaveBeenCalledTimes(1), { timeout: 200 });\n      expect(callback1).toHaveBeenCalledWith(\"Write something\");\n    });\n\n    await step(\"Switch callback function\", async () => {\n      await userEvent.type(input, \" else\");\n      await userEvent.click(callback2Btn);\n      await userEvent.type(input, \".\");\n      await waitFor(() => expect(callback2).toHaveBeenCalledTimes(1), { timeout: 200 });\n      expect(callback1).not.toHaveBeenCalledWith(/^Write something else.*/);\n      expect(callback2).toHaveBeenCalledWith(\"Write something else.\");\n    });\n  },\n};\n\ntype TemplateProps = {\n  delay: number;\n  callback1: Mock;\n  callback2: Mock;\n};\nfunction Template({ callback1, callback2, delay }: TemplateProps) {\n  const [callback, setCallback] = useState(() => callback1);\n  const debouncedCallback = useDebouncedCallback(callback, delay);\n\n  const [value, setValue] = useState(\"\");\n  return (\n    <div>\n      <input\n        type=\"text\"\n        value={value}\n        onChange={event => {\n          const value = event.target.value;\n          setValue(value);\n          debouncedCallback?.(value);\n        }}\n      />{\" \"}\n      <button onClick={() => setCallback(() => callback1)}>Use Callback 1</button>{\" \"}\n      <button onClick={() => setCallback(() => callback2)}>Use Callback 2</button>\n    </div>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,kBAA6D;AAC7D,eAAqC;AAErC,MAAM,gBAAY,gBAAG;AACrB,MAAM,gBAAY,gBAAG;AAErB,MAAM,OAA8B;AAAA,EAClC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,WAAW;AAAA,EAClB,MAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF;AACF;AACA,IAAO,uCAAQ;AAER,MAAM,OAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,OAAO,EAAE,eAAe,KAAK,MAAM;AACvC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,UAAU,SAAS;AACxC,UAAM,eAAe,OAAO,UAAU,gBAAgB;AAEtD,UAAM,KAAK,2BAA2B,YAAY;AAChD,YAAM,sBAAU,KAAK,OAAO,iBAAiB;AAC7C,8BAAO,KAAK,EAAE,YAAY,iBAAiB;AAC3C,8BAAO,SAAS,EAAE,IAAI,iBAAiB;AACvC,gBAAM,qBAAQ,UAAM,oBAAO,SAAS,EAAE,sBAAsB,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC;AAChF,8BAAO,SAAS,EAAE,qBAAqB,iBAAiB;AAAA,IAC1D,CAAC;AAED,UAAM,KAAK,4BAA4B,YAAY;AACjD,YAAM,sBAAU,KAAK,OAAO,OAAO;AACnC,YAAM,sBAAU,MAAM,YAAY;AAClC,YAAM,sBAAU,KAAK,OAAO,GAAG;AAC/B,gBAAM,qBAAQ,UAAM,oBAAO,SAAS,EAAE,sBAAsB,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC;AAChF,8BAAO,SAAS,EAAE,IAAI,qBAAqB,yBAAyB;AACpE,8BAAO,SAAS,EAAE,qBAAqB,uBAAuB;AAAA,IAChE,CAAC;AAAA,EACH;AACF;AAOA,SAAS,SAAS,EAAE,WAAAA,YAAW,WAAAC,YAAW,MAAM,GAAkB;AAChE,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,MAAMD,UAAS;AACxD,QAAM,wBAAoB,+BAAqB,UAAU,KAAK;AAE9D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,SACE,6BAAAE,QAAA,cAAC,aACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,UAAU,WAAS;AACjB,cAAMC,SAAQ,MAAM,OAAO;AAC3B,iBAASA,MAAK;AACd,+DAAoBA;AAAA,MACtB;AAAA;AAAA,EACF,GAAG,KACH,6BAAAD,QAAA,cAAC,YAAO,SAAS,MAAM,YAAY,MAAMF,UAAS,KAAG,gBAAc,GAAU,KAC7E,6BAAAE,QAAA,cAAC,YAAO,SAAS,MAAM,YAAY,MAAMD,UAAS,KAAG,gBAAc,CACrE;AAEJ;",
+  "names": ["callback1", "callback2", "React", "value"]
+}

package/lib/cjs/pre-ldls/libs/index.js

@@ -34,19 +34,29 @@ module.exports = __toCommonJS(libs_exports);
 var import_memoize = __toESM(require("lodash/memoize"));
 var import_styled_components = require("styled-components");
 var import_design_tokens = require("./design-tokens");
-const extra = {
+const extraOther = {
   "radius-s": "8px"
 };
+const overrideColor = {
+  light: {
+    "surface-transparent-hover": "#0000000D",
+    "surface-transparent-pressed": "#0000001A"
+  },
+  dark: {}
+};
 const withTokens = (...usedTokens) => {
   const filterTokens = (0, import_memoize.default)((theme) => {
-    const colors = { dark: import_design_tokens.dark, light: import_design_tokens.light }[theme];
+    const colors = {
+      dark: { ...import_design_tokens.dark, ...overrideColor.dark },
+      light: { ...import_design_tokens.light, ...overrideColor.light }
+    }[theme];
     const colorEntries = Object.entries(colors).flatMap(([key, value]) => {
       const color = `colors-${key}`;
       if (!usedTokens.includes(color))
         return [];
       return [[`--${color}`, value]];
     });
-    const otherEntries = [import_design_tokens.spacing, extra].flatMap(Object.entries).flatMap(([key, value]) => {
+    const otherEntries = [import_design_tokens.spacing, extraOther].flatMap(Object.entries).flatMap(([key, value]) => {
       if (!usedTokens.includes(key))
         return [];
       return [[`--${key}`, value]];

package/lib/cjs/pre-ldls/libs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/pre-ldls/libs/index.ts"],
-  "sourcesContent": ["import memoize from \"lodash/memoize\";\nimport { css, DefaultTheme } from \"styled-components\";\nimport { dark, light, ModeColors, spacing, SpacingScale } from \"./design-tokens\";\n\n// Add temporarily missing tokens here\nconst extra = {\n  \"radius-s\": \"8px\",\n} as const;\n\ntype ColorToken = `colors-${keyof ModeColors}`;\ntype OtherToken = keyof (SpacingScale & typeof extra);\n\nexport const withTokens = (...usedTokens: Array<ColorToken | OtherToken>) => {\n  const filterTokens = memoize((theme: DefaultTheme[\"theme\"]) => {\n    const colors = { dark, light }[theme];\n\n    const colorEntries = Object.entries(colors).flatMap(([key, value]) => {\n      const color = `colors-${key}` as ColorToken;\n      if (!usedTokens.includes(color)) return [];\n      return [[`--${color}`, value]];\n    });\n    const otherEntries = [spacing, extra].flatMap(Object.entries).flatMap(([key, value]) => {\n      if (!usedTokens.includes(key as OtherToken)) return [];\n      return [[`--${key}`, value]];\n    });\n\n    return Object.fromEntries([...colorEntries, ...otherEntries]);\n  });\n\n  return css(({ theme }) => filterTokens(theme.colors.type as DefaultTheme[\"theme\"]));\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,+BAAkC;AAClC,2BAA+D;AAG/D,MAAM,QAAQ;AAAA,EACZ,YAAY;AACd;AAKO,MAAM,aAAa,IAAI,eAA+C;AAC3E,QAAM,mBAAe,eAAAA,SAAQ,CAAC,UAAiC;AAC7D,UAAM,SAAS,EAAE,iCAAM,kCAAM,EAAE,KAAK;AAEpC,UAAM,eAAe,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACpE,YAAM,QAAQ,UAAU,GAAG;AAC3B,UAAI,CAAC,WAAW,SAAS,KAAK;AAAG,eAAO,CAAC;AACzC,aAAO,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC;AAAA,IAC/B,CAAC;AACD,UAAM,eAAe,CAAC,8BAAS,KAAK,EAAE,QAAQ,OAAO,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACtF,UAAI,CAAC,WAAW,SAAS,GAAiB;AAAG,eAAO,CAAC;AACrD,aAAO,CAAC,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,IAC7B,CAAC;AAED,WAAO,OAAO,YAAY,CAAC,GAAG,cAAc,GAAG,YAAY,CAAC;AAAA,EAC9D,CAAC;AAED,aAAO,8BAAI,CAAC,EAAE,MAAM,MAAM,aAAa,MAAM,OAAO,IAA6B,CAAC;AACpF;",
+  "sourcesContent": ["import memoize from \"lodash/memoize\";\nimport { css, DefaultTheme } from \"styled-components\";\nimport { dark, light, ModeColors, spacing, SpacingScale } from \"./design-tokens\";\n\n// Add temporarily missing tokens here\nconst extraOther = {\n  \"radius-s\": \"8px\",\n} as const;\n\n// override colours based on Figma differing from design-tokens.ts\nconst overrideColor = {\n  light: {\n    \"surface-transparent-hover\": \"#0000000D\",\n    \"surface-transparent-pressed\": \"#0000001A\",\n  },\n  dark: {},\n} as const;\n\ntype ColorToken = `colors-${keyof ModeColors}`;\ntype OtherToken = keyof (SpacingScale & typeof extraOther);\n\nexport const withTokens = (...usedTokens: Array<ColorToken | OtherToken>) => {\n  const filterTokens = memoize((theme: DefaultTheme[\"theme\"]) => {\n    const colors = {\n      dark: { ...dark, ...overrideColor.dark },\n      light: { ...light, ...overrideColor.light },\n    }[theme];\n\n    const colorEntries = Object.entries(colors).flatMap(([key, value]) => {\n      const color = `colors-${key}` as ColorToken;\n      if (!usedTokens.includes(color)) return [];\n      return [[`--${color}`, value]];\n    });\n    const otherEntries = [spacing, extraOther].flatMap(Object.entries).flatMap(([key, value]) => {\n      if (!usedTokens.includes(key as OtherToken)) return [];\n      return [[`--${key}`, value]];\n    });\n\n    return Object.fromEntries([...colorEntries, ...otherEntries]);\n  });\n\n  return css(({ theme }) => filterTokens(theme.colors.type as DefaultTheme[\"theme\"]));\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,+BAAkC;AAClC,2BAA+D;AAG/D,MAAM,aAAa;AAAA,EACjB,YAAY;AACd;AAGA,MAAM,gBAAgB;AAAA,EACpB,OAAO;AAAA,IACL,6BAA6B;AAAA,IAC7B,+BAA+B;AAAA,EACjC;AAAA,EACA,MAAM,CAAC;AACT;AAKO,MAAM,aAAa,IAAI,eAA+C;AAC3E,QAAM,mBAAe,eAAAA,SAAQ,CAAC,UAAiC;AAC7D,UAAM,SAAS;AAAA,MACb,MAAM,EAAE,GAAG,2BAAM,GAAG,cAAc,KAAK;AAAA,MACvC,OAAO,EAAE,GAAG,4BAAO,GAAG,cAAc,MAAM;AAAA,IAC5C,EAAE,KAAK;AAEP,UAAM,eAAe,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACpE,YAAM,QAAQ,UAAU,GAAG;AAC3B,UAAI,CAAC,WAAW,SAAS,KAAK;AAAG,eAAO,CAAC;AACzC,aAAO,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC;AAAA,IAC/B,CAAC;AACD,UAAM,eAAe,CAAC,8BAAS,UAAU,EAAE,QAAQ,OAAO,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC3F,UAAI,CAAC,WAAW,SAAS,GAAiB;AAAG,eAAO,CAAC;AACrD,aAAO,CAAC,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,IAC7B,CAAC;AAED,WAAO,OAAO,YAAY,CAAC,GAAG,cAAc,GAAG,YAAY,CAAC;AAAA,EAC9D,CAAC;AAED,aAAO,8BAAI,CAAC,EAAE,MAAM,MAAM,aAAa,MAAM,OAAO,IAA6B,CAAC;AACpF;",
   "names": ["memoize"]
 }

package/lib/pre-ldls/components/AssetItem/AssetItem.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type AssetType = {
+    name: string;
+    ticker: string;
+};
+type AssetItemProps = AssetType & {
+    onClick: (asset: AssetType) => void;
+};
+export declare const AssetItem: ({ name, ticker, onClick }: AssetItemProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=AssetItem.d.ts.map

package/lib/pre-ldls/components/AssetItem/AssetItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AssetItem/AssetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,cAAc,GAAG,SAAS,GAAG;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACrC,CAAC;AA+CF,eAAO,MAAM,SAAS,8BAA+B,cAAc,sBAsBlE,CAAC"}

package/lib/pre-ldls/components/AssetItem/AssetItem.js

@@ -0,0 +1,43 @@
+import React from "react";
+import styled from "styled-components";
+import { withTokens } from "../../libs";
+import { Text } from "../../../components";
+const TempAssetBadge = () => (
+// TODO: To be replaced with LIVE-18221
+React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+    React.createElement("span", { style: {
+            height: 48,
+            width: 48,
+            borderRadius: 48,
+            backgroundColor: "grey",
+            display: "inline-block",
+        } })));
+const Wrapper = styled.div `
+  ${withTokens("spacing-xs", "marging-s", "colors-content-subdued-default-default", "colors-content-default-default", "colors-surface-transparent-hover", "colors-surface-transparent-pressed")}
+
+  display: flex;
+  padding: var(--spacing-xs);
+  cursor: pointer;
+
+  :hover {
+    background-color: var(--colors-surface-transparent-hover);
+  }
+
+  :active {
+    background-color: var(--colors-surface-transparent-pressed);
+  }
+`;
+const InfoWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-left: var(--marging-s);
+`;
+export const AssetItem = ({ name, ticker, onClick }) => {
+    return (React.createElement(Wrapper, { onClick: () => onClick({ name, ticker }) },
+        React.createElement(TempAssetBadge, null),
+        React.createElement(InfoWrapper, null,
+            React.createElement(Text, { variant: "largeLineHeight", fontWeight: "semiBold", color: "var(--colors-content-default-default)" }, name),
+            React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "semiBold", color: "var(--colors-content-subdued-default-default)" }, ticker))));
+};
+//# sourceMappingURL=AssetItem.js.map

package/lib/pre-ldls/components/AssetItem/AssetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetItem.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AssetItem/AssetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAW3C,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC;AAC3B,uCAAuC;AACvC,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;IACnD,8BACE,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,MAAM;YACvB,OAAO,EAAE,cAAc;SACxB,GACD,CACE,CACP,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;IACtB,UAAU,CACV,YAAY,EACZ,WAAW,EACX,wCAAwC,EACxC,gCAAgC,EAChC,kCAAkC,EAClC,oCAAoC,CACrC;;;;;;;;;;;;;CAaF,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAkB,EAAE,EAAE;IACrE,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAC/C,oBAAC,cAAc,OAAG;QAClB,oBAAC,WAAW;YACV,oBAAC,IAAI,IACH,OAAO,EAAC,iBAAiB,EACzB,UAAU,EAAC,UAAU,EACrB,KAAK,EAAC,uCAAuC,IAE5C,IAAI,CACA;YACP,oBAAC,IAAI,IACH,OAAO,EAAC,gBAAgB,EACxB,UAAU,EAAC,UAAU,EACrB,KAAK,EAAC,+CAA+C,IAEpD,MAAM,CACF,CACK,CACN,CACX,CAAC;AACJ,CAAC,CAAC"}

package/lib/pre-ldls/components/AssetList/AssetList.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { AssetType } from "../AssetItem/AssetItem";
+export declare const AssetList: ({ assets, onClick, }: {
+    assets: AssetType[];
+    onClick: (asset: AssetType) => void;
+}) => React.JSX.Element;
+//# sourceMappingURL=AssetList.d.ts.map

package/lib/pre-ldls/components/AssetList/AssetList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetList.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AssetList/AssetList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG9D,eAAO,MAAM,SAAS;YAIZ,SAAS,EAAE;qBACF,SAAS,KAAK,IAAI;uBAWpC,CAAC"}

package/lib/pre-ldls/components/AssetList/AssetList.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { AssetItem } from "../AssetItem/AssetItem";
+import { VirtualList } from "../VirtualList/VirtualList";
+export const AssetList = ({ assets, onClick, }) => {
+    return (React.createElement(VirtualList, { itemHeight: 64, count: assets.length, renderItem: (i) => (React.createElement(AssetItem, { name: assets[i].name, ticker: assets[i].ticker, onClick: onClick })) }));
+};
+//# sourceMappingURL=AssetList.js.map

package/lib/pre-ldls/components/AssetList/AssetList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetList.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AssetList/AssetList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAa,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,OAAO,GAIR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,WAAW,IACV,UAAU,EAAE,EAAE,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,UAAU,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAChF,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/pre-ldls/components/Search/Search.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type InputProps = React.ComponentProps<"input">;
+type Props = Readonly<InputProps & {
+    onDebouncedChange?: (current: string, prev: string) => void;
+    debounceTime?: number;
+}>;
+export declare function Search({ onDebouncedChange, debounceTime, onChange, ...props }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=Search.d.ts.map

package/lib/pre-ldls/components/Search/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAChD,KAAK,KAAK,GAAG,QAAQ,CACnB,UAAU,GAAG;IACX,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CACF,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,iBAAiB,EAAE,YAAkB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,qBAyB1F"}

package/lib/pre-ldls/components/Search/Search.js

@@ -0,0 +1,27 @@
+import React, { useMemo, useRef } from "react";
+import { Icons } from "../../../assets";
+import { useDebouncedCallback } from "../../hooks";
+import { Input } from "..";
+export function Search({ onDebouncedChange, debounceTime = 500, onChange, ...props }) {
+    const initialValue = props.value ?? props.defaultValue ?? "";
+    const prevValue = useRef(String(initialValue));
+    const handleDebouncedChange = useDebouncedCallback(useMemo(() => {
+        if (!onDebouncedChange)
+            return;
+        return (event) => {
+            const current = event.target.value;
+            onDebouncedChange(current, prevValue.current);
+            prevValue.current = current;
+        };
+    }, [onDebouncedChange]), debounceTime);
+    const handleChange = useMemo(() => {
+        if (!handleDebouncedChange && !onChange)
+            return;
+        return (event) => {
+            onChange?.(event);
+            handleDebouncedChange?.(event);
+        };
+    }, [handleDebouncedChange, onChange]);
+    return React.createElement(Input, { ...props, icon: React.createElement(Icons.Search, { size: "S" }), onChange: handleChange });
+}
+//# sourceMappingURL=Search.js.map

package/lib/pre-ldls/components/Search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAU3B,MAAM,UAAU,MAAM,CAAC,EAAE,iBAAiB,EAAE,YAAY,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS;IACzF,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;IAC7D,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAE/C,MAAM,qBAAqB,GAAG,oBAAoB,CAChD,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC/B,OAAO,CAAC,KAAoC,EAAE,EAAE;YAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACnC,iBAAiB,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;YAC9C,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,EACvB,YAAY,CACb,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,qBAAqB,IAAI,CAAC,QAAQ;YAAE,OAAO;QAChD,OAAO,CAAC,KAAoC,EAAE,EAAE;YAC9C,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAClB,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,OAAO,oBAAC,KAAK,OAAK,KAAK,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,GAAG,GAAG,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;AACvF,CAAC"}

package/lib/pre-ldls/components/VirtualList/VirtualList.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+export declare const VirtualList: ({ count, itemHeight, renderItem, }: {
+    count: number;
+    itemHeight: number;
+    renderItem: (index: number) => ReactNode;
+}) => React.JSX.Element;
+//# sourceMappingURL=VirtualList.d.ts.map

package/lib/pre-ldls/components/VirtualList/VirtualList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,eAAO,MAAM,WAAW;WAKf,MAAM;gBACD,MAAM;wBACE,MAAM,KAAK,SAAS;uBAiBzC,CAAC"}

package/lib/pre-ldls/components/VirtualList/VirtualList.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { FixedSizeList as List } from "react-window";
+import AutoSizer from "react-virtualized-auto-sizer";
+export const VirtualList = ({ count, itemHeight, renderItem, }) => {
+    return (React.createElement(AutoSizer, { style: { height: "100%", width: "100%" } }, ({ height }) => (React.createElement(List, { height: height, itemCount: count, itemSize: itemHeight, layout: "vertical", width: "100%" }, ({ index, style }) => React.createElement("div", { style: style }, renderItem(index))))));
+};
+//# sourceMappingURL=VirtualList.js.map

package/lib/pre-ldls/components/VirtualList/VirtualList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,SAAS,MAAM,8BAA8B,CAAC;AAErD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,UAAU,GAKX,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAChD,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE,CAAC,CACnC,oBAAC,IAAI,IACH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAC,UAAU,EACjB,KAAK,EAAC,MAAM,IAEX,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAE,KAAK,IAAG,UAAU,CAAC,KAAK,CAAC,CAAO,CAC9D,CACR,CACS,CACb,CAAC;AACJ,CAAC,CAAC"}

package/lib/pre-ldls/components/index.d.ts

@@ -1,2 +1,6 @@
+export * from "./AssetItem/AssetItem";
+export * from "./AssetList/AssetList";
 export * from "./Input/Input";
+export * from "./Search/Search";
+export * from "./VirtualList/VirtualList";
 //# sourceMappingURL=index.d.ts.map

package/lib/pre-ldls/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC"}

package/lib/pre-ldls/components/index.js

@@ -1,2 +1,6 @@
+export * from "./AssetItem/AssetItem";
+export * from "./AssetList/AssetList";
 export * from "./Input/Input";
+export * from "./Search/Search";
+export * from "./VirtualList/VirtualList";
 //# sourceMappingURL=index.js.map

package/lib/pre-ldls/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC"}

package/lib/pre-ldls/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useDebouncedCallback";
+//# sourceMappingURL=index.d.ts.map

package/lib/pre-ldls/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/lib/pre-ldls/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useDebouncedCallback";
+//# sourceMappingURL=index.js.map

package/lib/pre-ldls/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pre-ldls/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/lib/pre-ldls/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebouncedCallback<T extends unknown[]>(callback: ((...args: T) => void) | undefined, delay?: number): ((...args: T) => void) | undefined;
+//# sourceMappingURL=useDebouncedCallback.d.ts.map

package/lib/pre-ldls/hooks/useDebouncedCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,EAAE,EACtD,QAAQ,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAC5C,KAAK,CAAC,EAAE,MAAM,cAEuD,CAAC,KAAK,IAAI,cAehF"}

package/lib/pre-ldls/hooks/useDebouncedCallback.js

@@ -0,0 +1,16 @@
+import { useEffect, useRef, useState } from "react";
+export function useDebouncedCallback(callback, delay) {
+    const [debouncedCallback, setDebouncedCallback] = useState();
+    const timeout = useRef();
+    useEffect(() => {
+        if (!callback)
+            return setDebouncedCallback(undefined);
+        setDebouncedCallback(() => (...args) => {
+            clearTimeout(timeout.current);
+            timeout.current = setTimeout(() => callback(...args), delay);
+        });
+        return () => clearTimeout(timeout.current);
+    }, [callback, delay]);
+    return debouncedCallback;
+}
+//# sourceMappingURL=useDebouncedCallback.js.map

package/lib/pre-ldls/hooks/useDebouncedCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.js","sourceRoot":"","sources":["../../../src/pre-ldls/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,UAAU,oBAAoB,CAClC,QAA4C,EAC5C,KAAc;IAEd,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,EAAwB,CAAC;IACnF,MAAM,OAAO,GAAG,MAAM,EAAU,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAEtD,oBAAoB,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAO,EAAE,EAAE;YACxC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC9B,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,OAAO,iBAAiB,CAAC;AAC3B,CAAC"}

package/lib/pre-ldls/libs/index.d.ts

@@ -1,10 +1,10 @@
 import { DefaultTheme } from "styled-components";
 import { ModeColors, SpacingScale } from "./design-tokens";
-declare const extra: {
+declare const extraOther: {
     readonly "radius-s": "8px";
 };
 type ColorToken = `colors-${keyof ModeColors}`;
-type OtherToken = keyof (SpacingScale & typeof extra);
+type OtherToken = keyof (SpacingScale & typeof extraOther);
 export declare const withTokens: (...usedTokens: Array<ColorToken | OtherToken>) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/pre-ldls/libs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/libs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAe,UAAU,EAAW,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGjF,QAAA,MAAM,KAAK;;CAED,CAAC;AAEX,KAAK,UAAU,GAAG,UAAU,MAAM,UAAU,EAAE,CAAC;AAC/C,KAAK,UAAU,GAAG,MAAM,CAAC,YAAY,GAAG,OAAO,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,UAAU,kBAAmB,MAAM,UAAU,GAAG,UAAU,CAAC,2GAkBvE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/libs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAe,UAAU,EAAW,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGjF,QAAA,MAAM,UAAU;;CAEN,CAAC;AAWX,KAAK,UAAU,GAAG,UAAU,MAAM,UAAU,EAAE,CAAC;AAC/C,KAAK,UAAU,GAAG,MAAM,CAAC,YAAY,GAAG,OAAO,UAAU,CAAC,CAAC;AAE3D,eAAO,MAAM,UAAU,kBAAmB,MAAM,UAAU,GAAG,UAAU,CAAC,2GAqBvE,CAAC"}

package/lib/pre-ldls/libs/index.js

@@ -2,19 +2,30 @@ import memoize from "lodash/memoize";
 import { css } from "styled-components";
 import { dark, light, spacing } from "./design-tokens";
 // Add temporarily missing tokens here
-const extra = {
+const extraOther = {
     "radius-s": "8px",
 };
+// override colours based on Figma differing from design-tokens.ts
+const overrideColor = {
+    light: {
+        "surface-transparent-hover": "#0000000D",
+        "surface-transparent-pressed": "#0000001A",
+    },
+    dark: {},
+};
 export const withTokens = (...usedTokens) => {
     const filterTokens = memoize((theme) => {
-        const colors = { dark, light }[theme];
+        const colors = {
+            dark: { ...dark, ...overrideColor.dark },
+            light: { ...light, ...overrideColor.light },
+        }[theme];
         const colorEntries = Object.entries(colors).flatMap(([key, value]) => {
             const color = `colors-${key}`;
             if (!usedTokens.includes(color))
                 return [];
             return [[`--${color}`, value]];
         });
-        const otherEntries = [spacing, extra].flatMap(Object.entries).flatMap(([key, value]) => {
+        const otherEntries = [spacing, extraOther].flatMap(Object.entries).flatMap(([key, value]) => {
             if (!usedTokens.includes(key))
                 return [];
             return [[`--${key}`, value]];

package/lib/pre-ldls/libs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pre-ldls/libs/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAgB,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAc,OAAO,EAAgB,MAAM,iBAAiB,CAAC;AAEjF,sCAAsC;AACtC,MAAM,KAAK,GAAG;IACZ,UAAU,EAAE,KAAK;CACT,CAAC;AAKX,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,UAA0C,EAAE,EAAE;IAC1E,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,KAA4B,EAAE,EAAE;QAC5D,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;QAEtC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACnE,MAAM,KAAK,GAAG,UAAU,GAAG,EAAgB,CAAC;YAC5C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC;YAC3C,OAAO,CAAC,CAAC,KAAK,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACrF,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAiB,CAAC;gBAAE,OAAO,EAAE,CAAC;YACvD,OAAO,CAAC,CAAC,KAAK,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,IAA6B,CAAC,CAAC,CAAC;AACtF,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pre-ldls/libs/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAgB,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAc,OAAO,EAAgB,MAAM,iBAAiB,CAAC;AAEjF,sCAAsC;AACtC,MAAM,UAAU,GAAG;IACjB,UAAU,EAAE,KAAK;CACT,CAAC;AAEX,kEAAkE;AAClE,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE;QACL,2BAA2B,EAAE,WAAW;QACxC,6BAA6B,EAAE,WAAW;KAC3C;IACD,IAAI,EAAE,EAAE;CACA,CAAC;AAKX,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,UAA0C,EAAE,EAAE;IAC1E,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,KAA4B,EAAE,EAAE;QAC5D,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE;YACxC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,aAAa,CAAC,KAAK,EAAE;SAC5C,CAAC,KAAK,CAAC,CAAC;QAET,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACnE,MAAM,KAAK,GAAG,UAAU,GAAG,EAAgB,CAAC;YAC5C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC;YAC3C,OAAO,CAAC,CAAC,KAAK,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC1F,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAiB,CAAC;gBAAE,OAAO,EAAE,CAAC;YACvD,OAAO,CAAC,CAAC,KAAK,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,IAA6B,CAAC,CAAC,CAAC;AACtF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/react-ui",
-  "version": "0.22.0",
+  "version": "0.23.0-nightly.0",
   "description": "Ledger Live - Desktop UI",
   "author": "Ledger Live Team <team-live@ledger.fr>",
   "repository": {
@@ -71,11 +71,12 @@
     "react-select": "^5.2.1",
     "react-spring": "8.0.27",
     "react-transition-group": "^4.4.2",
+    "react-virtualized-auto-sizer": "1.0.24",
     "react-window": "^1.8.6",
     "styled-system": "^5.1.5",
-    "@ledgerhq/ui-shared": "^0.3.0",
+    "@ledgerhq/crypto-icons-ui": "^1.12.0",
     "@ledgerhq/icons-ui": "^0.9.0",
-    "@ledgerhq/crypto-icons-ui": "^1.12.0"
+    "@ledgerhq/ui-shared": "^0.3.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2",
@@ -92,6 +93,7 @@
     "@storybook/addon-interactions": "8.6.12",
     "@storybook/addon-links": "^8.6.12",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/core": "8.6.12",
     "@storybook/manager-api": "^8.6.12",
     "@storybook/react": "^8.6.12",
     "@storybook/react-webpack5": "^8.6.12",
@@ -99,7 +101,9 @@
     "@storybook/theming": "^8.6.12",
     "@svgr/core": "^5.5.0",
     "@svgr/plugin-svgo": "*",
+    "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.5.2",
     "@types/color": "^3.0.2",
     "@types/hoist-non-react-statics": "^3.3.1",

package/lib/cjs/pre-ldls/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/pre-ldls/types.ts"],
-  "sourcesContent": ["// NOTE: this type is needed due to Storybook types breaking in `@ledgerhq/react-ui`\nexport type PlayFnProps = { canvasElement: HTMLElement };\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
-  "names": []
-}

package/lib/pre-ldls/types.d.ts

@@ -1,4 +0,0 @@
-export type PlayFnProps = {
-    canvasElement: HTMLElement;
-};
-//# sourceMappingURL=types.d.ts.map

package/lib/pre-ldls/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/pre-ldls/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,GAAG;IAAE,aAAa,EAAE,WAAW,CAAA;CAAE,CAAC"}

package/lib/pre-ldls/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/pre-ldls/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/pre-ldls/types.ts"],"names":[],"mappings":""}