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

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

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AssetItem_stories_exports = {};
+__export(AssetItem_stories_exports, {
+  Default: () => Default,
+  TestAssetItem: () => TestAssetItem,
+  default: () => AssetItem_stories_default
+});
+module.exports = __toCommonJS(AssetItem_stories_exports);
+var import_AssetItem = require("./AssetItem");
+var import_test = require("@storybook/test");
+const meta = {
+  component: import_AssetItem.AssetItem,
+  title: "PreLdls/Components/AssetItem",
+  tags: ["autodocs"],
+  args: { name: "Bitcoin", ticker: "BTC" }
+};
+var AssetItem_stories_default = meta;
+const Default = {};
+const TestAssetItem = {
+  play: async ({ canvasElement }) => {
+    const canvas = (0, import_test.within)(canvasElement);
+    const name = canvas.getByText("Bitcoin");
+    const ticker = canvas.getByText("BTC");
+    await (0, import_test.expect)(name).toBeInTheDocument();
+    await (0, import_test.expect)(ticker).toBeInTheDocument();
+  }
+};
+//# sourceMappingURL=AssetItem.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/AssetItem/AssetItem.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { AssetItem } from \"./AssetItem\";\nimport { expect, within } from \"@storybook/test\";\n\nconst meta: Meta<typeof AssetItem> = {\n  component: AssetItem,\n  title: \"PreLdls/Components/AssetItem\",\n  tags: [\"autodocs\"],\n  args: { name: \"Bitcoin\", ticker: \"BTC\" },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof AssetItem>;\n\nexport const Default: Story = {};\n\nexport const TestAssetItem: Story = {\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n\n    const name = canvas.getByText(\"Bitcoin\");\n    const ticker = canvas.getByText(\"BTC\");\n\n    await expect(name).toBeInTheDocument();\n    await expect(ticker).toBeInTheDocument();\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0B;AAC1B,kBAA+B;AAE/B,MAAM,OAA+B;AAAA,EACnC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM,EAAE,MAAM,WAAW,QAAQ,MAAM;AACzC;AACA,IAAO,4BAAQ;AAIR,MAAM,UAAiB,CAAC;AAExB,MAAM,gBAAuB;AAAA,EAClC,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AAEnC,UAAM,OAAO,OAAO,UAAU,SAAS;AACvC,UAAM,SAAS,OAAO,UAAU,KAAK;AAErC,cAAM,oBAAO,IAAI,EAAE,kBAAkB;AACrC,cAAM,oBAAO,MAAM,EAAE,kBAAkB;AAAA,EACzC;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,50 @@
+"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 AssetList_exports = {};
+__export(AssetList_exports, {
+  AssetList: () => AssetList
+});
+module.exports = __toCommonJS(AssetList_exports);
+var import_react = __toESM(require("react"));
+var import_AssetItem = require("../AssetItem/AssetItem");
+var import_VirtualList = require("../VirtualList/VirtualList");
+const AssetList = ({
+  assets,
+  onClick
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_VirtualList.VirtualList,
+    {
+      itemHeight: 64,
+      count: assets.length,
+      renderItem: (i) => /* @__PURE__ */ import_react.default.createElement(import_AssetItem.AssetItem, { name: assets[i].name, ticker: assets[i].ticker, onClick })
+    }
+  );
+};
+//# sourceMappingURL=AssetList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/AssetList/AssetList.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { AssetItem, AssetType } from \"../AssetItem/AssetItem\";\nimport { VirtualList } from \"../VirtualList/VirtualList\";\n\nexport const AssetList = ({\n  assets,\n  onClick,\n}: {\n  assets: AssetType[];\n  onClick: (asset: AssetType) => void;\n}) => {\n  return (\n    <VirtualList\n      itemHeight={64}\n      count={assets.length}\n      renderItem={(i: number) => (\n        <AssetItem name={assets[i].name} ticker={assets[i].ticker} onClick={onClick} />\n      )}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,uBAAqC;AACrC,yBAA4B;AAErB,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AACF,MAGM;AACJ,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ,OAAO,OAAO;AAAA,MACd,YAAY,CAAC,MACX,6BAAAA,QAAA,cAAC,8BAAU,MAAM,OAAO,CAAC,EAAE,MAAM,QAAQ,OAAO,CAAC,EAAE,QAAQ,SAAkB;AAAA;AAAA,EAEjF;AAEJ;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,62 @@
+"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 AssetList_stories_exports = {};
+__export(AssetList_stories_exports, {
+  Default: () => Default,
+  TestAssetClick: () => TestAssetClick,
+  default: () => AssetList_stories_default
+});
+module.exports = __toCommonJS(AssetList_stories_exports);
+var import_AssetList = require("./AssetList");
+var import_test = require("@storybook/test");
+var import_react = __toESM(require("react"));
+const testFn = (0, import_test.fn)();
+const meta = {
+  component: import_AssetList.AssetList,
+  decorators: [
+    (Story) => /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "400px" } }, /* @__PURE__ */ import_react.default.createElement(Story, null))
+  ],
+  title: "PreLdls/Components/AssetList",
+  tags: ["autodocs"],
+  args: {
+    assets: Array.from({ length: 50 }).map((_, i) => ({ name: `Bitcoin ${i}`, ticker: "BTC" })),
+    onClick: testFn
+  }
+};
+var AssetList_stories_default = meta;
+const Default = {};
+const TestAssetClick = {
+  play: async ({ canvasElement }) => {
+    const canvas = (0, import_test.within)(canvasElement);
+    const input = canvas.getByText("Bitcoin 1");
+    await import_test.userEvent.click(input);
+    await (0, import_test.expect)(testFn).toHaveBeenCalledWith({ name: "Bitcoin 1", ticker: "BTC" });
+  }
+};
+//# sourceMappingURL=AssetList.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/AssetList/AssetList.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { AssetList } from \"./AssetList\";\nimport { expect, fn, userEvent, within } from \"@storybook/test\";\nimport React from \"react\";\n\nconst testFn = fn();\n\nconst meta: Meta<typeof AssetList> = {\n  component: AssetList,\n  decorators: [\n    Story => (\n      <div style={{ height: \"400px\" }}>\n        <Story />\n      </div>\n    ),\n  ],\n  title: \"PreLdls/Components/AssetList\",\n  tags: [\"autodocs\"],\n  args: {\n    assets: Array.from({ length: 50 }).map((_, i) => ({ name: `Bitcoin ${i}`, ticker: \"BTC\" })),\n    onClick: testFn,\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof AssetList>;\n\nexport const Default: Story = {};\n\nexport const TestAssetClick: Story = {\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    const input = canvas.getByText(\"Bitcoin 1\");\n    await userEvent.click(input);\n    await expect(testFn).toHaveBeenCalledWith({ name: \"Bitcoin 1\", ticker: \"BTC\" });\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAA0B;AAC1B,kBAA8C;AAC9C,mBAAkB;AAElB,MAAM,aAAS,gBAAG;AAElB,MAAM,OAA+B;AAAA,EACnC,WAAW;AAAA,EACX,YAAY;AAAA,IACV,WACE,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,QAAQ,QAAQ,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AAAA,EACA,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM;AAAA,IACJ,QAAQ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,QAAQ,MAAM,EAAE;AAAA,IAC1F,SAAS;AAAA,EACX;AACF;AACA,IAAO,4BAAQ;AAIR,MAAM,UAAiB,CAAC;AAExB,MAAM,iBAAwB;AAAA,EACnC,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,UAAU,WAAW;AAC1C,UAAM,sBAAU,MAAM,KAAK;AAC3B,cAAM,oBAAO,MAAM,EAAE,qBAAqB,EAAE,MAAM,aAAa,QAAQ,MAAM,CAAC;AAAA,EAChF;AACF;",
+  "names": ["React"]
+}

package/lib/cjs/pre-ldls/components/Input/Input.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/pre-ldls/components/Input/Input.stories.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, userEvent, within } from \"@storybook/test\";\nimport { Icons } from \"../../../assets\";\nimport type { PlayFnProps } from \"../../types\";\nimport { Input } from \"./Input\";\n\nconst meta: Meta<typeof Input> = {\n  component: Input,\n  title: \"PreLdls/Components/Input\",\n  tags: [\"autodocs\"],\n  args: {},\n};\nexport default meta;\n\ntype Story = StoryObj<typeof Input>;\n\nexport const Default: Story = {\n  args: {},\n};\n\nexport const Search: Story = {\n  args: {\n    placeholder: \"Search\",\n    icon: <Icons.Search size=\"S\" />,\n  },\n};\n\n// Interaction Testing\nexport const WithInteraction: Story = {\n  args: {},\n  play: async ({ canvasElement }: PlayFnProps) => {\n    const canvas = within(canvasElement);\n    const input = canvas.getByRole(\"textbox\");\n    await userEvent.type(input, \"Write something\");\n    expect(input).toHaveValue(\"Write something\");\n  },\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA0C;AAC1C,oBAAsB;AAEtB,mBAAsB;AAEtB,MAAM,OAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM,CAAC;AACT;AACA,IAAO,wBAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,MAAM,CAAC;AACT;AAEO,MAAM,SAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,aAAa;AAAA,IACb,MAAM,6BAAAA,QAAA,cAAC,oBAAM,QAAN,EAAa,MAAK,KAAI;AAAA,EAC/B;AACF;AAGO,MAAM,kBAAyB;AAAA,EACpC,MAAM,CAAC;AAAA,EACP,MAAM,OAAO,EAAE,cAAc,MAAmB;AAC9C,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,UAAU,SAAS;AACxC,UAAM,sBAAU,KAAK,OAAO,iBAAiB;AAC7C,4BAAO,KAAK,EAAE,YAAY,iBAAiB;AAAA,EAC7C;AACF;",
+  "sourcesContent": ["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, userEvent, within } from \"@storybook/test\";\nimport { Icons } from \"../../../assets\";\nimport { Input } from \"./Input\";\n\nconst meta: Meta<typeof Input> = {\n  component: Input,\n  title: \"PreLdls/Components/Input\",\n  tags: [\"autodocs\"],\n  args: {},\n};\nexport default meta;\n\ntype Story = StoryObj<typeof Input>;\n\nexport const Default: Story = {\n  args: {},\n};\n\nexport const Search: Story = {\n  args: {\n    placeholder: \"Search\",\n    icon: <Icons.Search size=\"S\" />,\n  },\n};\n\n// Interaction Testing\nexport const WithInteraction: Story = {\n  args: {},\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    const input = canvas.getByRole(\"textbox\");\n    await userEvent.type(input, \"Write something\");\n    expect(input).toHaveValue(\"Write something\");\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA0C;AAC1C,oBAAsB;AACtB,mBAAsB;AAEtB,MAAM,OAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM,CAAC;AACT;AACA,IAAO,wBAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,MAAM,CAAC;AACT;AAEO,MAAM,SAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,aAAa;AAAA,IACb,MAAM,6BAAAA,QAAA,cAAC,oBAAM,QAAN,EAAa,MAAK,KAAI;AAAA,EAC/B;AACF;AAGO,MAAM,kBAAyB;AAAA,EACpC,MAAM,CAAC;AAAA,EACP,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,UAAU,SAAS;AACxC,UAAM,sBAAU,KAAK,OAAO,iBAAiB;AAC7C,4BAAO,KAAK,EAAE,YAAY,iBAAiB;AAAA,EAC7C;AACF;",
   "names": ["React"]
 }

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

@@ -0,0 +1,63 @@
+"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 Search_exports = {};
+__export(Search_exports, {
+  Search: () => Search
+});
+module.exports = __toCommonJS(Search_exports);
+var import_react = __toESM(require("react"));
+var import_assets = require("../../../assets");
+var import_hooks = require("../../hooks");
+var import__ = require("..");
+function Search({ onDebouncedChange, debounceTime = 500, onChange, ...props }) {
+  const initialValue = props.value ?? props.defaultValue ?? "";
+  const prevValue = (0, import_react.useRef)(String(initialValue));
+  const handleDebouncedChange = (0, import_hooks.useDebouncedCallback)(
+    (0, import_react.useMemo)(() => {
+      if (!onDebouncedChange)
+        return;
+      return (event) => {
+        const current = event.target.value;
+        onDebouncedChange(current, prevValue.current);
+        prevValue.current = current;
+      };
+    }, [onDebouncedChange]),
+    debounceTime
+  );
+  const handleChange = (0, import_react.useMemo)(() => {
+    if (!handleDebouncedChange && !onChange)
+      return;
+    return (event) => {
+      onChange == null ? void 0 : onChange(event);
+      handleDebouncedChange == null ? void 0 : handleDebouncedChange(event);
+    };
+  }, [handleDebouncedChange, onChange]);
+  return /* @__PURE__ */ import_react.default.createElement(import__.Input, { ...props, icon: /* @__PURE__ */ import_react.default.createElement(import_assets.Icons.Search, { size: "S" }), onChange: handleChange });
+}
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/Search/Search.tsx"],
+  "sourcesContent": ["import React, { ChangeEvent, useMemo, useRef } from \"react\";\nimport { Icons } from \"../../../assets\";\nimport { useDebouncedCallback } from \"../../hooks\";\nimport { Input } from \"..\";\n\ntype InputProps = React.ComponentProps<\"input\">;\ntype Props = Readonly<\n  InputProps & {\n    onDebouncedChange?: (current: string, prev: string) => void;\n    debounceTime?: number;\n  }\n>;\n\nexport function Search({ onDebouncedChange, debounceTime = 500, onChange, ...props }: Props) {\n  const initialValue = props.value ?? props.defaultValue ?? \"\";\n  const prevValue = useRef(String(initialValue));\n\n  const handleDebouncedChange = useDebouncedCallback(\n    useMemo(() => {\n      if (!onDebouncedChange) return;\n      return (event: ChangeEvent<HTMLInputElement>) => {\n        const current = event.target.value;\n        onDebouncedChange(current, prevValue.current);\n        prevValue.current = current;\n      };\n    }, [onDebouncedChange]),\n    debounceTime,\n  );\n\n  const handleChange = useMemo(() => {\n    if (!handleDebouncedChange && !onChange) return;\n    return (event: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n      handleDebouncedChange?.(event);\n    };\n  }, [handleDebouncedChange, onChange]);\n\n  return <Input {...props} icon={<Icons.Search size=\"S\" />} onChange={handleChange} />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoD;AACpD,oBAAsB;AACtB,mBAAqC;AACrC,eAAsB;AAUf,SAAS,OAAO,EAAE,mBAAmB,eAAe,KAAK,UAAU,GAAG,MAAM,GAAU;AAC3F,QAAM,eAAe,MAAM,SAAS,MAAM,gBAAgB;AAC1D,QAAM,gBAAY,qBAAO,OAAO,YAAY,CAAC;AAE7C,QAAM,4BAAwB;AAAA,QAC5B,sBAAQ,MAAM;AACZ,UAAI,CAAC;AAAmB;AACxB,aAAO,CAAC,UAAyC;AAC/C,cAAM,UAAU,MAAM,OAAO;AAC7B,0BAAkB,SAAS,UAAU,OAAO;AAC5C,kBAAU,UAAU;AAAA,MACtB;AAAA,IACF,GAAG,CAAC,iBAAiB,CAAC;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,CAAC,yBAAyB,CAAC;AAAU;AACzC,WAAO,CAAC,UAAyC;AAC/C,2CAAW;AACX,qEAAwB;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,uBAAuB,QAAQ,CAAC;AAEpC,SAAO,6BAAAA,QAAA,cAAC,kBAAO,GAAG,OAAO,MAAM,6BAAAA,QAAA,cAAC,oBAAM,QAAN,EAAa,MAAK,KAAI,GAAI,UAAU,cAAc;AACpF;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,63 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Search_stories_exports = {};
+__export(Search_stories_exports, {
+  Default: () => Default,
+  WithInteraction: () => WithInteraction,
+  default: () => Search_stories_default
+});
+module.exports = __toCommonJS(Search_stories_exports);
+var import_test = require("@storybook/test");
+var import_Search = require("./Search");
+const onDebouncedChange = (0, import_test.fn)();
+const onChange = (0, import_test.fn)();
+const meta = {
+  component: import_Search.Search,
+  title: "PreLdls/Components/Search",
+  tags: ["autodocs"],
+  args: {
+    debounceTime: 500,
+    placeholder: "Search",
+    onDebouncedChange,
+    onChange
+  }
+};
+var Search_stories_default = meta;
+const Default = {};
+const WithInteraction = {
+  args: {
+    debounceTime: 100
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = (0, import_test.within)(canvasElement);
+    const search = canvas.getByRole("textbox");
+    await import_test.userEvent.type(search, "Write something");
+    (0, import_test.expect)(search).toHaveValue("Write something");
+    (0, import_test.expect)(onChange).toHaveBeenCalledTimes("Write something".length);
+    (0, import_test.expect)(onDebouncedChange).not.toHaveBeenCalled();
+    await (0, import_test.waitFor)(() => (0, import_test.expect)(onDebouncedChange).toHaveBeenCalledTimes(1), { timeout: 200 });
+    (0, import_test.expect)(onDebouncedChange).toHaveBeenCalledWith("Write something", "");
+    await import_test.userEvent.clear(search);
+    await import_test.userEvent.type(search, "Write something else");
+    (0, import_test.expect)(onDebouncedChange).toHaveBeenCalledTimes(1);
+    await (0, import_test.waitFor)(() => (0, import_test.expect)(onDebouncedChange).toHaveBeenCalledTimes(2), { timeout: 200 });
+    (0, import_test.expect)(onDebouncedChange).toHaveBeenCalledWith("Write something else", "Write something");
+  }
+};
+//# sourceMappingURL=Search.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/Search/Search.stories.tsx"],
+  "sourcesContent": ["import { type Meta, type StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport { Search } from \"./Search\";\n\nconst onDebouncedChange = fn();\nconst onChange = fn();\n\nconst meta: Meta<typeof Search> = {\n  component: Search,\n  title: \"PreLdls/Components/Search\",\n  tags: [\"autodocs\"],\n  args: {\n    debounceTime: 500,\n    placeholder: \"Search\",\n    onDebouncedChange,\n    onChange,\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof Search>;\n\nexport const Default: Story = {};\n\n// Interaction Testing\nexport const WithInteraction: Story = {\n  args: {\n    debounceTime: 100,\n  },\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    const search = canvas.getByRole(\"textbox\");\n\n    await userEvent.type(search, \"Write something\");\n    expect(search).toHaveValue(\"Write something\");\n    expect(onChange).toHaveBeenCalledTimes(\"Write something\".length);\n    expect(onDebouncedChange).not.toHaveBeenCalled();\n    await waitFor(() => expect(onDebouncedChange).toHaveBeenCalledTimes(1), { timeout: 200 });\n    expect(onDebouncedChange).toHaveBeenCalledWith(\"Write something\", \"\");\n\n    await userEvent.clear(search);\n    await userEvent.type(search, \"Write something else\");\n    expect(onDebouncedChange).toHaveBeenCalledTimes(1);\n    await waitFor(() => expect(onDebouncedChange).toHaveBeenCalledTimes(2), { timeout: 200 });\n    expect(onDebouncedChange).toHaveBeenCalledWith(\"Write something else\", \"Write something\");\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAuD;AACvD,oBAAuB;AAEvB,MAAM,wBAAoB,gBAAG;AAC7B,MAAM,eAAW,gBAAG;AAEpB,MAAM,OAA4B;AAAA,EAChC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EACF;AACF;AACA,IAAO,yBAAQ;AAIR,MAAM,UAAiB,CAAC;AAGxB,MAAM,kBAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,cAAc;AAAA,EAChB;AAAA,EACA,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,SAAS,OAAO,UAAU,SAAS;AAEzC,UAAM,sBAAU,KAAK,QAAQ,iBAAiB;AAC9C,4BAAO,MAAM,EAAE,YAAY,iBAAiB;AAC5C,4BAAO,QAAQ,EAAE,sBAAsB,kBAAkB,MAAM;AAC/D,4BAAO,iBAAiB,EAAE,IAAI,iBAAiB;AAC/C,cAAM,qBAAQ,UAAM,oBAAO,iBAAiB,EAAE,sBAAsB,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC;AACxF,4BAAO,iBAAiB,EAAE,qBAAqB,mBAAmB,EAAE;AAEpE,UAAM,sBAAU,MAAM,MAAM;AAC5B,UAAM,sBAAU,KAAK,QAAQ,sBAAsB;AACnD,4BAAO,iBAAiB,EAAE,sBAAsB,CAAC;AACjD,cAAM,qBAAQ,UAAM,oBAAO,iBAAiB,EAAE,sBAAsB,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC;AACxF,4BAAO,iBAAiB,EAAE,qBAAqB,wBAAwB,iBAAiB;AAAA,EAC1F;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,54 @@
+"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 VirtualList_exports = {};
+__export(VirtualList_exports, {
+  VirtualList: () => VirtualList
+});
+module.exports = __toCommonJS(VirtualList_exports);
+var import_react = __toESM(require("react"));
+var import_react_window = require("react-window");
+var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
+const VirtualList = ({
+  count,
+  itemHeight,
+  renderItem
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react_virtualized_auto_sizer.default, { style: { height: "100%", width: "100%" } }, ({ height }) => /* @__PURE__ */ import_react.default.createElement(
+    import_react_window.FixedSizeList,
+    {
+      height,
+      itemCount: count,
+      itemSize: itemHeight,
+      layout: "vertical",
+      width: "100%"
+    },
+    ({ index, style }) => /* @__PURE__ */ import_react.default.createElement("div", { style }, renderItem(index))
+  ));
+};
+//# sourceMappingURL=VirtualList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/VirtualList/VirtualList.tsx"],
+  "sourcesContent": ["import React, { ReactNode } from \"react\";\nimport { FixedSizeList as List } from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\n\nexport const VirtualList = ({\n  count,\n  itemHeight,\n  renderItem,\n}: {\n  count: number;\n  itemHeight: number;\n  renderItem: (index: number) => ReactNode;\n}) => {\n  return (\n    <AutoSizer style={{ height: \"100%\", width: \"100%\" }}>\n      {({ height }: { height: number }) => (\n        <List\n          height={height}\n          itemCount={count}\n          itemSize={itemHeight}\n          layout=\"vertical\"\n          width=\"100%\"\n        >\n          {({ index, style }) => <div style={style}>{renderItem(index)}</div>}\n        </List>\n      )}\n    </AutoSizer>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,0BAAsC;AACtC,0CAAsB;AAEf,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,SACE,6BAAAA,QAAA,cAAC,oCAAAC,SAAA,EAAU,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO,KAC/C,CAAC,EAAE,OAAO,MACT,6BAAAD,QAAA;AAAA,IAAC,oBAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,QAAO;AAAA,MACP,OAAM;AAAA;AAAA,IAEL,CAAC,EAAE,OAAO,MAAM,MAAM,6BAAAF,QAAA,cAAC,SAAI,SAAe,WAAW,KAAK,CAAE;AAAA,EAC/D,CAEJ;AAEJ;",
+  "names": ["React", "AutoSizer", "List"]
+}

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

@@ -0,0 +1,70 @@
+"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 VirtualList_stories_exports = {};
+__export(VirtualList_stories_exports, {
+  Default: () => Default,
+  TestVirtualList: () => TestVirtualList,
+  default: () => VirtualList_stories_default
+});
+module.exports = __toCommonJS(VirtualList_stories_exports);
+var import_react = __toESM(require("react"));
+var import_VirtualList = require("./VirtualList");
+var import_test = require("@storybook/test");
+const meta = {
+  component: import_VirtualList.VirtualList,
+  decorators: [
+    (Story) => /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "400px" } }, /* @__PURE__ */ import_react.default.createElement(Story, null))
+  ],
+  title: "PreLdls/Components/VirtualList",
+  tags: ["autodocs"],
+  args: {
+    itemHeight: 64,
+    count: 50,
+    renderItem: (i) => /* @__PURE__ */ import_react.default.createElement("h1", { tabIndex: i }, "Item #", i)
+  }
+};
+var VirtualList_stories_default = meta;
+const Default = {};
+const TestVirtualList = {
+  play: async ({ canvasElement }) => {
+    const canvas = (0, import_test.within)(canvasElement);
+    const visible = canvas.getAllByText(/Item #/i);
+    const firstVisible = visible[0];
+    const lastVisible = visible[visible.length - 1];
+    await (0, import_test.expect)(visible.length).toBeLessThanOrEqual(10);
+    await (0, import_test.expect)(firstVisible).toBeInTheDocument();
+    await import_test.userEvent.pointer([
+      { keys: "[TouchA>]", target: lastVisible },
+      { target: firstVisible },
+      { keys: "[/TouchA]" }
+    ]);
+    await (0, import_test.waitFor)(() => (0, import_test.expect)(firstVisible).not.toBeInTheDocument());
+  }
+};
+//# sourceMappingURL=VirtualList.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/VirtualList/VirtualList.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { VirtualList } from \"./VirtualList\";\nimport { expect, userEvent, waitFor, within } from \"@storybook/test\";\n\nconst meta: Meta<typeof VirtualList> = {\n  component: VirtualList,\n  decorators: [\n    Story => (\n      <div style={{ height: \"400px\" }}>\n        <Story />\n      </div>\n    ),\n  ],\n  title: \"PreLdls/Components/VirtualList\",\n  tags: [\"autodocs\"],\n  args: {\n    itemHeight: 64,\n    count: 50,\n    renderItem: (i: number) => <h1 tabIndex={i}>Item #{i}</h1>,\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof VirtualList>;\n\nexport const Default: Story = {};\n\nexport const TestVirtualList: Story = {\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n\n    const visible = canvas.getAllByText(/Item #/i);\n    const firstVisible = visible[0];\n    const lastVisible = visible[visible.length - 1];\n\n    await expect(visible.length).toBeLessThanOrEqual(10);\n\n    await expect(firstVisible).toBeInTheDocument();\n    await userEvent.pointer([\n      { keys: \"[TouchA>]\", target: lastVisible },\n      { target: firstVisible },\n      { keys: \"[/TouchA]\" },\n    ]);\n    await waitFor(() => expect(firstVisible).not.toBeInTheDocument());\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAA4B;AAC5B,kBAAmD;AAEnD,MAAM,OAAiC;AAAA,EACrC,WAAW;AAAA,EACX,YAAY;AAAA,IACV,WACE,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,QAAQ,QAAQ,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AAAA,EACA,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,YAAY,CAAC,MAAc,6BAAAA,QAAA,cAAC,QAAG,UAAU,KAAG,UAAO,CAAE;AAAA,EACvD;AACF;AACA,IAAO,8BAAQ;AAIR,MAAM,UAAiB,CAAC;AAExB,MAAM,kBAAyB;AAAA,EACpC,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AAEnC,UAAM,UAAU,OAAO,aAAa,SAAS;AAC7C,UAAM,eAAe,QAAQ,CAAC;AAC9B,UAAM,cAAc,QAAQ,QAAQ,SAAS,CAAC;AAE9C,cAAM,oBAAO,QAAQ,MAAM,EAAE,oBAAoB,EAAE;AAEnD,cAAM,oBAAO,YAAY,EAAE,kBAAkB;AAC7C,UAAM,sBAAU,QAAQ;AAAA,MACtB,EAAE,MAAM,aAAa,QAAQ,YAAY;AAAA,MACzC,EAAE,QAAQ,aAAa;AAAA,MACvB,EAAE,MAAM,YAAY;AAAA,IACtB,CAAC;AACD,cAAM,qBAAQ,UAAM,oBAAO,YAAY,EAAE,IAAI,kBAAkB,CAAC;AAAA,EAClE;AACF;",
+  "names": ["React"]
+}

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

@@ -15,5 +15,9 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var components_exports = {};
 module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./AssetItem/AssetItem"), module.exports);
+__reExport(components_exports, require("./AssetList/AssetList"), module.exports);
 __reExport(components_exports, require("./Input/Input"), module.exports);
+__reExport(components_exports, require("./Search/Search"), module.exports);
+__reExport(components_exports, require("./VirtualList/VirtualList"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/pre-ldls/components/index.ts"],
-  "sourcesContent": ["export * from \"./Input/Input\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,0BAAd;",
+  "sourcesContent": ["export * from \"./AssetItem/AssetItem\";\nexport * from \"./AssetList/AssetList\";\nexport * from \"./Input/Input\";\nexport * from \"./Search/Search\";\nexport * from \"./VirtualList/VirtualList\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,kCAAd;AACA,+BAAc,kCADd;AAEA,+BAAc,0BAFd;AAGA,+BAAc,4BAHd;AAIA,+BAAc,sCAJd;",
   "names": []
 }

package/lib/cjs/pre-ldls/{types.js → hooks/index.js}

@@ -11,7 +11,9 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map
+var hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./useDebouncedCallback"), module.exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pre-ldls/hooks/index.ts"],
+  "sourcesContent": ["export * from \"./useDebouncedCallback\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,mCAAd;",
+  "names": []
+}

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

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDebouncedCallback_exports = {};
+__export(useDebouncedCallback_exports, {
+  useDebouncedCallback: () => useDebouncedCallback
+});
+module.exports = __toCommonJS(useDebouncedCallback_exports);
+var import_react = require("react");
+function useDebouncedCallback(callback, delay) {
+  const [debouncedCallback, setDebouncedCallback] = (0, import_react.useState)();
+  const timeout = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    if (!callback)
+      return setDebouncedCallback(void 0);
+    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/cjs/pre-ldls/hooks/useDebouncedCallback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pre-ldls/hooks/useDebouncedCallback.ts"],
+  "sourcesContent": ["import { useEffect, useRef, useState } from \"react\";\n\nexport function useDebouncedCallback<T extends unknown[]>(\n  callback: ((...args: T) => void) | undefined,\n  delay?: number,\n) {\n  const [debouncedCallback, setDebouncedCallback] = useState<(...args: T) => void>();\n  const timeout = useRef<number>();\n\n  useEffect(() => {\n    if (!callback) return setDebouncedCallback(undefined);\n\n    setDebouncedCallback(() => (...args: T) => {\n      clearTimeout(timeout.current);\n      timeout.current = setTimeout(() => callback(...args), delay);\n    });\n\n    return () => clearTimeout(timeout.current);\n  }, [callback, delay]);\n\n  return debouncedCallback;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAErC,SAAS,qBACd,UACA,OACA;AACA,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAA+B;AACjF,QAAM,cAAU,qBAAe;AAE/B,8BAAU,MAAM;AACd,QAAI,CAAC;AAAU,aAAO,qBAAqB,MAAS;AAEpD,yBAAqB,MAAM,IAAI,SAAY;AACzC,mBAAa,QAAQ,OAAO;AAC5B,cAAQ,UAAU,WAAW,MAAM,SAAS,GAAG,IAAI,GAAG,KAAK;AAAA,IAC7D,CAAC;AAED,WAAO,MAAM,aAAa,QAAQ,OAAO;AAAA,EAC3C,GAAG,CAAC,UAAU,KAAK,CAAC;AAEpB,SAAO;AACT;",
+  "names": []
+}