@ledgerhq/react-ui 0.33.0 → 0.34.0-nightly.0

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

@@ -37,6 +37,7 @@ var import_components = require("../../../components");
 var import_libs = require("../../libs");
 var import_Address = require("../Address/Address");
 var import_Tag = require("../Tag/Tag");
+var import_Checkbox = require("../Checkbox/Checkbox");
 const Wrapper = import_styled_components.default.div`
   ${(0, import_libs.withTokens)(
   "spacing-xxxs",
@@ -158,6 +159,6 @@ const AccountItem = ({
       parentId,
       showIcon
     }
-  )), /* @__PURE__ */ import_react.default.createElement(BalanceContainer, null, fiatValue && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { fontSize: "14px" }, fiatValue), balance && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { fontSize: "12px", color: "var(--colors-content-subdued-default-default)" }, balance)), rightElement && rightElement.type === "checkbox" && /* @__PURE__ */ import_react.default.createElement(import_components.Flex, { "data-testid": "right-element-checkbox" }, /* @__PURE__ */ import_react.default.createElement(import_components.Checkbox, { ...rightElement.checkbox, size: 20 })), rightElement && rightElement.type === "arrow" && /* @__PURE__ */ import_react.default.createElement(import_components.Flex, { "data-testid": "right-element-arrow-icon" }, /* @__PURE__ */ import_react.default.createElement(import_components.Icon, { name: "ChevronRight", size: 24 }))));
+  )), /* @__PURE__ */ import_react.default.createElement(BalanceContainer, null, fiatValue && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { fontSize: "14px" }, fiatValue), balance && /* @__PURE__ */ import_react.default.createElement(import_components.Text, { fontSize: "12px", color: "var(--colors-content-subdued-default-default)" }, balance)), rightElement && rightElement.type === "checkbox" && /* @__PURE__ */ import_react.default.createElement(import_components.Flex, { "data-testid": "right-element-checkbox" }, /* @__PURE__ */ import_react.default.createElement(import_Checkbox.Checkbox, { ...rightElement.checkbox, size: 20 })), rightElement && rightElement.type === "arrow" && /* @__PURE__ */ import_react.default.createElement(import_components.Flex, { "data-testid": "right-element-arrow-icon" }, /* @__PURE__ */ import_react.default.createElement(import_components.Icon, { name: "ChevronRight", size: 24 }))));
 };
 //# sourceMappingURL=AccountItem.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport type { CheckboxProps } from \"../../../components/form/Checkbox/Checkbox\";\nimport { Checkbox, Icon, Text, Flex } from \"../../../components\";\nimport { withTokens } from \"../../libs\";\nimport { Address } from \"../Address/Address\";\nimport { Tag } from \"../Tag/Tag\";\n\nexport type Account = {\n  address: string;\n  balance?: string;\n  cryptoId?: string;\n  fiatValue?: string;\n  id: string;\n  name: string;\n  parentId?: string;\n  protocol?: string;\n  ticker?: string;\n};\n\nexport type RightElementCheckbox = {\n  type: \"checkbox\";\n  checkbox: CheckboxProps;\n};\n\nexport type RightElementArrow = {\n  type: \"arrow\";\n};\n\nexport type RightElement = RightElementCheckbox | RightElementArrow;\n\nexport type AccountItemProps = {\n  onClick?: () => void;\n  account: Account;\n  rightElement?: RightElement;\n  showIcon?: boolean;\n  backgroundColor?: string;\n};\n\nconst Wrapper = styled.div<{ backgroundColor?: string; isClickable: boolean }>`\n  ${withTokens(\n    \"spacing-xxxs\",\n    \"spacing-xxs\",\n    \"spacing-xs\",\n    \"margin-s\",\n    \"radius-s\",\n    \"radius-m\",\n    \"colors-content-default-default\",\n    \"colors-surface-transparent-hover\",\n    \"colors-surface-transparent-pressed\",\n    \"colors-content-subdued-default-default\",\n    \"colors-surface-transparent-subdued-default\",\n  )}\n\n  display: flex;\n  cursor: ${p => (p.isClickable ? \"pointer\" : \"default\")};\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  box-sizing: border-box;\n  max-width: 100%;\n  min-width: 200px;\n  overflow: hidden;\n\n  background-color: ${p => (p.backgroundColor ? p.backgroundColor : \"transparent\")};\n\n  ${p =>\n    p.isClickable\n      ? `\n    border-radius: var(--radius-m);\n    padding: var(--margin-s);\n    :hover {\n      background-color: var(--colors-surface-transparent-hover);\n    }\n\n    :active {\n      background-color: var(--colors-surface-transparent-pressed);\n    }\n  `\n      : \"\"}\n`;\n\nconst ContentContainer = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 1;\n  gap: var(--spacing-xs);\n  justify-content: space-between;\n  min-width: 0;\n  overflow: hidden;\n  width: 100%;\n`;\n\nconst AccountInfoContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-width: 0;\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst NameRow = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: var(--spacing-xxxs);\n  min-width: 0;\n  width: 100%;\n`;\n\nconst NameDiv = styled.div`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n  flex: 1;\n  max-width: fit-content;\n`;\n\nconst TagWrapper = styled.div`\n  flex-shrink: 0;\n  margin-left: var(--spacing-xxs);\n  display: flex;\n  flex: 1;\n  max-width: fit-content;\n  align-items: center;\n`;\n\nconst BalanceContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  text-align: right;\n`;\n\nexport const AccountItem = ({\n  onClick,\n  account,\n  rightElement,\n  showIcon = true,\n  backgroundColor,\n}: AccountItemProps) => {\n  const { name, balance, fiatValue, protocol, address, ticker, cryptoId, parentId } = account;\n\n  return (\n    <Wrapper onClick={onClick} backgroundColor={backgroundColor} isClickable={!!onClick}>\n      <ContentContainer>\n        <AccountInfoContainer>\n          <NameRow>\n            <NameDiv>\n              <Text\n                variant=\"largeLineHeight\"\n                fontWeight=\"semiBold\"\n                color=\"var(--colors-content-default-default)\"\n                fontSize=\"14px\"\n                lineHeight=\"20px\"\n                title={name}\n                style={{\n                  display: \"block\",\n                  whiteSpace: \"nowrap\",\n                  overflow: \"hidden\",\n                  textOverflow: \"ellipsis\",\n                }}\n              >\n                {name}\n              </Text>\n            </NameDiv>\n            {protocol && (\n              <TagWrapper>\n                <Tag textTransform=\"uppercase\">{protocol}</Tag>\n              </TagWrapper>\n            )}\n          </NameRow>\n          <Address\n            address={address}\n            cryptoId={cryptoId}\n            ticker={ticker}\n            parentId={parentId}\n            showIcon={showIcon}\n          />\n        </AccountInfoContainer>\n        <BalanceContainer>\n          {fiatValue && <Text fontSize=\"14px\">{fiatValue}</Text>}\n          {balance && (\n            <Text fontSize=\"12px\" color=\"var(--colors-content-subdued-default-default)\">\n              {balance}\n            </Text>\n          )}\n        </BalanceContainer>\n        {rightElement && rightElement.type === \"checkbox\" && (\n          <Flex data-testid=\"right-element-checkbox\">\n            <Checkbox {...rightElement.checkbox} size={20} />\n          </Flex>\n        )}\n        {rightElement && rightElement.type === \"arrow\" && (\n          <Flex data-testid=\"right-element-arrow-icon\">\n            <Icon name=\"ChevronRight\" size={24} />\n          </Flex>\n        )}\n      </ContentContainer>\n    </Wrapper>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Icon, Text, Flex } from \"../../../components\";\nimport { withTokens } from \"../../libs\";\nimport { Address } from \"../Address/Address\";\nimport { Tag } from \"../Tag/Tag\";\nimport type { CheckboxProps } from \"../Checkbox/Checkbox\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\n\nexport type Account = {\n  address: string;\n  balance?: string;\n  cryptoId?: string;\n  fiatValue?: string;\n  id: string;\n  name: string;\n  parentId?: string;\n  protocol?: string;\n  ticker?: string;\n};\n\nexport type RightElementCheckbox = {\n  type: \"checkbox\";\n  checkbox: CheckboxProps;\n};\n\nexport type RightElementArrow = {\n  type: \"arrow\";\n};\n\nexport type RightElement = RightElementCheckbox | RightElementArrow;\n\nexport type AccountItemProps = {\n  onClick?: () => void;\n  account: Account;\n  rightElement?: RightElement;\n  showIcon?: boolean;\n  backgroundColor?: string;\n};\n\nconst Wrapper = styled.div<{ backgroundColor?: string; isClickable: boolean }>`\n  ${withTokens(\n    \"spacing-xxxs\",\n    \"spacing-xxs\",\n    \"spacing-xs\",\n    \"margin-s\",\n    \"radius-s\",\n    \"radius-m\",\n    \"colors-content-default-default\",\n    \"colors-surface-transparent-hover\",\n    \"colors-surface-transparent-pressed\",\n    \"colors-content-subdued-default-default\",\n    \"colors-surface-transparent-subdued-default\",\n  )}\n\n  display: flex;\n  cursor: ${p => (p.isClickable ? \"pointer\" : \"default\")};\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  box-sizing: border-box;\n  max-width: 100%;\n  min-width: 200px;\n  overflow: hidden;\n\n  background-color: ${p => (p.backgroundColor ? p.backgroundColor : \"transparent\")};\n\n  ${p =>\n    p.isClickable\n      ? `\n    border-radius: var(--radius-m);\n    padding: var(--margin-s);\n    :hover {\n      background-color: var(--colors-surface-transparent-hover);\n    }\n\n    :active {\n      background-color: var(--colors-surface-transparent-pressed);\n    }\n  `\n      : \"\"}\n`;\n\nconst ContentContainer = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 1;\n  gap: var(--spacing-xs);\n  justify-content: space-between;\n  min-width: 0;\n  overflow: hidden;\n  width: 100%;\n`;\n\nconst AccountInfoContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-width: 0;\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst NameRow = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: var(--spacing-xxxs);\n  min-width: 0;\n  width: 100%;\n`;\n\nconst NameDiv = styled.div`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n  flex: 1;\n  max-width: fit-content;\n`;\n\nconst TagWrapper = styled.div`\n  flex-shrink: 0;\n  margin-left: var(--spacing-xxs);\n  display: flex;\n  flex: 1;\n  max-width: fit-content;\n  align-items: center;\n`;\n\nconst BalanceContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  text-align: right;\n`;\n\nexport const AccountItem = ({\n  onClick,\n  account,\n  rightElement,\n  showIcon = true,\n  backgroundColor,\n}: AccountItemProps) => {\n  const { name, balance, fiatValue, protocol, address, ticker, cryptoId, parentId } = account;\n\n  return (\n    <Wrapper onClick={onClick} backgroundColor={backgroundColor} isClickable={!!onClick}>\n      <ContentContainer>\n        <AccountInfoContainer>\n          <NameRow>\n            <NameDiv>\n              <Text\n                variant=\"largeLineHeight\"\n                fontWeight=\"semiBold\"\n                color=\"var(--colors-content-default-default)\"\n                fontSize=\"14px\"\n                lineHeight=\"20px\"\n                title={name}\n                style={{\n                  display: \"block\",\n                  whiteSpace: \"nowrap\",\n                  overflow: \"hidden\",\n                  textOverflow: \"ellipsis\",\n                }}\n              >\n                {name}\n              </Text>\n            </NameDiv>\n            {protocol && (\n              <TagWrapper>\n                <Tag textTransform=\"uppercase\">{protocol}</Tag>\n              </TagWrapper>\n            )}\n          </NameRow>\n          <Address\n            address={address}\n            cryptoId={cryptoId}\n            ticker={ticker}\n            parentId={parentId}\n            showIcon={showIcon}\n          />\n        </AccountInfoContainer>\n        <BalanceContainer>\n          {fiatValue && <Text fontSize=\"14px\">{fiatValue}</Text>}\n          {balance && (\n            <Text fontSize=\"12px\" color=\"var(--colors-content-subdued-default-default)\">\n              {balance}\n            </Text>\n          )}\n        </BalanceContainer>\n        {rightElement && rightElement.type === \"checkbox\" && (\n          <Flex data-testid=\"right-element-checkbox\">\n            <Checkbox {...rightElement.checkbox} size={20} />\n          </Flex>\n        )}\n        {rightElement && rightElement.type === \"arrow\" && (\n          <Flex data-testid=\"right-element-arrow-icon\">\n            <Icon name=\"ChevronRight\" size={24} />\n          </Flex>\n        )}\n      </ContentContainer>\n    </Wrapper>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["styled", "React"]
 }

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

@@ -0,0 +1,106 @@
+"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 Checkbox_exports = {};
+__export(Checkbox_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_CheckAloneMedium = __toESM(require("@ledgerhq/icons-ui/reactLegacy/CheckAloneMedium"));
+var import_server = require("react-dom/server");
+var import_libs = require("../../libs");
+const Icon = () => import_react.default.cloneElement((0, import_CheckAloneMedium.default)({ size: 13, color: "currentColor" }), {
+  // the xmlns attribute is required to properly display the checkbox
+  xmlns: "http://www.w3.org/2000/svg"
+});
+const CheckMarkIcon = encodeURIComponent((0, import_server.renderToStaticMarkup)(/* @__PURE__ */ import_react.default.createElement(Icon, null)));
+const Input = import_styled_components.default.input`
+  background-color: transparent;
+
+  border-radius: ${(p) => `${p.theme.radii[1]}px`};
+  position: relative;
+
+  min-width: ${(p) => p.size ? `${p.size}px` : `${p.theme.space[7]}px`};
+  height: ${(p) => p.size ? `${p.size}px` : `${p.theme.space[7]}px`};
+  appearance: none;
+  border: 1px solid ${(props) => props.theme.colors.opacityDefault.c30};
+  box-shadow: none;
+
+  &:checked {
+    background-color: currentColor;
+    border-color: currentColor;
+  }
+
+  &:checked::after {
+    content: " ";
+    width: ${(p) => p.size ? `${p.size}px` : `${p.theme.space[7]}px`};
+    height: ${(p) => p.size ? `${p.size}px` : `${p.theme.space[7]}px`};
+    display: inline-block;
+    color: ${(props) => props.theme.colors.neutral.c00};
+
+    background-image: url("data:image/svg+xml,${CheckMarkIcon}");
+    background-position: center;
+    background-repeat: no-repeat;
+
+    /* Trick to center the check mark by taking into account the border */
+    position: absolute;
+    top: -1px;
+    left: -1px;
+  }
+`;
+const Container = import_styled_components.default.div`
+  ${(0, import_libs.withTokens)("colors-background-active")}
+
+  color: var(--colors-background-active);
+
+  display: inline-flex;
+  column-gap: ${(p) => p.theme.space[5]}px;
+  align-items: center;
+  cursor: pointer;
+`;
+const Checkbox = ({
+  isDisabled = false,
+  isChecked,
+  name,
+  onChange,
+  size
+}) => /* @__PURE__ */ import_react.default.createElement(Container, { "data-disabled": isDisabled }, /* @__PURE__ */ import_react.default.createElement(
+  Input,
+  {
+    type: "checkbox",
+    name,
+    id: name,
+    checked: isChecked,
+    disabled: isDisabled,
+    onChange: () => onChange(!isChecked),
+    size
+  }
+));
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/Checkbox/Checkbox.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport CheckAloneMedium from \"@ledgerhq/icons-ui/reactLegacy/CheckAloneMedium\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { withTokens } from \"../../libs\";\n\nconst Icon = () =>\n  React.cloneElement(CheckAloneMedium({ size: 13, color: \"currentColor\" }), {\n    // the xmlns attribute is required to properly display the checkbox\n    xmlns: \"http://www.w3.org/2000/svg\",\n  });\nconst CheckMarkIcon = encodeURIComponent(renderToStaticMarkup(<Icon />));\n\nconst Input = styled.input<{ size?: number }>`\n  background-color: transparent;\n\n  border-radius: ${p => `${p.theme.radii[1]}px`};\n  position: relative;\n\n  min-width: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};\n  height: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};\n  appearance: none;\n  border: 1px solid ${props => props.theme.colors.opacityDefault.c30};\n  box-shadow: none;\n\n  &:checked {\n    background-color: currentColor;\n    border-color: currentColor;\n  }\n\n  &:checked::after {\n    content: \" \";\n    width: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};\n    height: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};\n    display: inline-block;\n    color: ${props => props.theme.colors.neutral.c00};\n\n    background-image: url(\"data:image/svg+xml,${CheckMarkIcon}\");\n    background-position: center;\n    background-repeat: no-repeat;\n\n    /* Trick to center the check mark by taking into account the border */\n    position: absolute;\n    top: -1px;\n    left: -1px;\n  }\n`;\n\nconst Container = styled.div`\n  ${withTokens(\"colors-background-active\")}\n\n  color: var(--colors-background-active);\n\n  display: inline-flex;\n  column-gap: ${p => p.theme.space[5]}px;\n  align-items: center;\n  cursor: pointer;\n`;\n\nexport type CheckboxProps = {\n  isDisabled?: boolean;\n  isChecked: boolean;\n  name: string;\n  onChange: (value: boolean) => void;\n  size?: number;\n};\n\nexport const Checkbox = ({\n  isDisabled = false,\n  isChecked,\n  name,\n  onChange,\n  size,\n}: CheckboxProps): JSX.Element => (\n  <Container data-disabled={isDisabled}>\n    <Input\n      type=\"checkbox\"\n      name={name}\n      id={name}\n      checked={isChecked}\n      disabled={isDisabled}\n      onChange={() => onChange(!isChecked)}\n      size={size}\n    />\n  </Container>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,8BAA6B;AAC7B,oBAAqC;AACrC,kBAA2B;AAE3B,MAAM,OAAO,MACX,aAAAA,QAAM,iBAAa,wBAAAC,SAAiB,EAAE,MAAM,IAAI,OAAO,eAAe,CAAC,GAAG;AAAA;AAAA,EAExE,OAAO;AACT,CAAC;AACH,MAAM,gBAAgB,uBAAmB,oCAAqB,6BAAAD,QAAA,cAAC,UAAK,CAAE,CAAC;AAEvE,MAAM,QAAQ,yBAAAE,QAAO;AAAA;AAAA;AAAA,mBAGF,OAAK,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA,eAGhC,OAAM,EAAE,OAAO,GAAG,EAAE,IAAI,OAAO,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAK;AAAA,YAC1D,OAAM,EAAE,OAAO,GAAG,EAAE,IAAI,OAAO,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAK;AAAA;AAAA,sBAE7C,WAAS,MAAM,MAAM,OAAO,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAUvD,OAAM,EAAE,OAAO,GAAG,EAAE,IAAI,OAAO,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAK;AAAA,cACtD,OAAM,EAAE,OAAO,GAAG,EAAE,IAAI,OAAO,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAK;AAAA;AAAA,aAExD,WAAS,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,gDAEJ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7D,MAAM,YAAY,yBAAAA,QAAO;AAAA,QACrB,wBAAW,0BAA0B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gBAK1B,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAa9B,MAAM,WAAW,CAAC;AAAA,EACvB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,6BAAAF,QAAA,cAAC,aAAU,iBAAe,cACxB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU,MAAM,SAAS,CAAC,SAAS;AAAA,IACnC;AAAA;AACF,CACF;",
+  "names": ["React", "CheckAloneMedium", "styled"]
+}

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

@@ -0,0 +1,33 @@
+"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 Checkbox_stories_exports = {};
+__export(Checkbox_stories_exports, {
+  Default: () => Default,
+  default: () => Checkbox_stories_default
+});
+module.exports = __toCommonJS(Checkbox_stories_exports);
+var import_Checkbox = require("./Checkbox");
+const meta = {
+  component: import_Checkbox.Checkbox,
+  title: "PreLdls/Components/Checkbox",
+  tags: ["autodocs"]
+};
+var Checkbox_stories_default = meta;
+const Default = {};
+//# sourceMappingURL=Checkbox.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/Checkbox/Checkbox.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Checkbox } from \"./Checkbox\";\n\nconst meta: Meta<typeof Checkbox> = {\n  component: Checkbox,\n  title: \"PreLdls/Components/Checkbox\",\n  tags: [\"autodocs\"],\n};\nexport default meta;\n\ntype Story = StoryObj<typeof Checkbox>;\n\nexport const Default: Story = {};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAyB;AAEzB,MAAM,OAA8B;AAAA,EAClC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AACnB;AACA,IAAO,2BAAQ;AAIR,MAAM,UAAiB,CAAC;",
+  "names": []
+}

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

@@ -0,0 +1,226 @@
+"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 TextInput_exports = {};
+__export(TextInput_exports, {
+  TextInput: () => TextInput
+});
+module.exports = __toCommonJS(TextInput_exports);
+var import_debounce = __toESM(require("lodash/debounce"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_assets = require("../../../assets");
+var import_components = require("../../../components");
+var import_libs = require("../../libs");
+const DEBOUNCE_MS = 250;
+const COLORS_BORDER_STATUS_ERROR_DEFAULT = "colors-border-status-error-default";
+const EXTRA_FONT_SIZE = "0.75rem";
+const ICON_BUTTONS_SIZE = "32px";
+const LABEL_OFFSET_Y = `calc(-0.5 * ${EXTRA_FONT_SIZE})`;
+const LABEL_OFFSET_X = "var(--spacing-s, 16px)";
+const LABEL_PADDING = "5px";
+const ClearButton = import_styled_components.default.button`
+  ${(0, import_libs.withTokens)("colors-surface-dark-default")}
+
+  all: unset;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: ${ICON_BUTTONS_SIZE};
+  width: ${ICON_BUTTONS_SIZE};
+`;
+const Container = import_styled_components.default.div`
+  ${(0, import_libs.withTokens)("spacing-xxs")}
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs, 4px);
+  position: relative;
+  min-width: 328px;
+`;
+const Label = import_styled_components.default.label`
+  ${(0, import_libs.withTokens)(
+  COLORS_BORDER_STATUS_ERROR_DEFAULT,
+  "colors-border-active-default",
+  "colors-content-disabled",
+  "colors-content-subdued-default-default",
+  "spacing-s"
+)}
+  color: ${({ hasError, isDisabled, isFocused }) => isDisabled ? "var(--colors-content-disabled)" : hasError ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});` : isFocused ? "var(--colors-border-active-default)" : "var(--colors-content-subdued-default-default);"};
+  font-size: ${EXTRA_FONT_SIZE};
+  padding-inline: ${LABEL_PADDING};
+  position: absolute;
+  top: ${LABEL_OFFSET_Y};
+  left: calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});
+`;
+const Wrapper = import_styled_components.default.div`
+  ${(0, import_libs.withTokens)(
+  "colors-content-default-default",
+  "colors-surface-transparent-subdued-default",
+  "radius-s",
+  "spacing-s",
+  "spacing-xxs"
+)}
+
+  align-items: center;
+  border-radius: var(--radius-s);
+  display: flex;
+  gap: var(--spacing-xxs, 8px);
+  height: 56px;
+  padding: ${({ hasEnd, hasStart }) => `0 ${hasEnd ? "var(--spacing-xs, 8px)" : LABEL_OFFSET_X} 0 ${hasStart ? "var(--spacing-xs, 8px)" : LABEL_OFFSET_X}`};
+  position: relative;
+  transition: height 0.3s linear;
+`;
+const StyledInput = import_styled_components.default.input`
+  ${(0, import_libs.withTokens)("colors-border-disabled-default")}
+
+  flex: 1;
+  background: none;
+  border: none;
+  cursor: text;
+  &[disabled] {
+    color: var(--colors-border-disabled-default);
+    cursor: not-allowed;
+  }
+`;
+const Fieldset = import_styled_components.default.fieldset`
+  ${(0, import_libs.withTokens)(
+  COLORS_BORDER_STATUS_ERROR_DEFAULT,
+  "colors-border-active-default",
+  "colors-content-subdued-default-default",
+  "colors-content-disabled",
+  "spacing-s"
+)}
+  border-radius: var(--radius-s);
+  border-color: ${({ isDisabled, hasError, isFocused }) => isDisabled ? "var(--colors-content-disabled)" : hasError ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})` : isFocused ? "var(--colors-border-active-default)" : "var(--colors-content-subdued-default-default)"};
+  border-style: solid;
+  border-width: 1px;
+  bottom: 0;
+  font-size: ${EXTRA_FONT_SIZE};
+  left: 0;
+  overflow: hidden;
+  padding: 0 calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: ${({ hasLabel }) => hasLabel ? LABEL_OFFSET_Y : "0"};
+`;
+const Legend = import_styled_components.default.legend`
+  visibility: hidden;
+  padding-inline: ${LABEL_PADDING};
+`;
+const HelperContainer = (0, import_styled_components.default)(import_components.Flex)`
+  ${(0, import_libs.withTokens)(COLORS_BORDER_STATUS_ERROR_DEFAULT)}
+  align-items: center;
+`;
+const HelperText = import_styled_components.default.span`
+  ${(0, import_libs.withTokens)(COLORS_BORDER_STATUS_ERROR_DEFAULT, "colors-border-disabled-default")}
+  ${({ isDisabled, hasError }) => isDisabled ? "var(--colors-border-disabled-default)" : hasError ? `color: var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});` : ""}
+  font-size: ${EXTRA_FONT_SIZE};
+`;
+const TextInput = import_react.default.forwardRef(
+  ({
+    label,
+    name,
+    defaultValue = "",
+    startAdornment = null,
+    endAdornment = null,
+    error = false,
+    helperText,
+    style,
+    onFocus,
+    onBlur,
+    onChange,
+    ...rest
+  }, ref) => {
+    const inputRef = import_react.default.useRef(null);
+    const [isFocused, setIsFocused] = import_react.default.useState(false);
+    const [value, setValue] = import_react.default.useState(defaultValue);
+    import_react.default.useImperativeHandle(ref, () => inputRef.current);
+    const hideClearDebounced = import_react.default.useMemo(
+      () => (0, import_debounce.default)(() => setIsFocused(false), DEBOUNCE_MS),
+      []
+    );
+    const handleFocus = (e) => {
+      hideClearDebounced.cancel();
+      setIsFocused(true);
+      onFocus == null ? void 0 : onFocus(e);
+    };
+    const handleBlur = (e) => {
+      onBlur == null ? void 0 : onBlur(e);
+      hideClearDebounced();
+    };
+    import_react.default.useEffect(() => () => hideClearDebounced.cancel(), [hideClearDebounced]);
+    const handleChange = (e) => {
+      setValue(e.target.value);
+      onChange == null ? void 0 : onChange(e);
+    };
+    const clearInput = () => {
+      if (inputRef.current) {
+        inputRef.current.value = "";
+        setValue("");
+        inputRef.current.focus();
+      }
+    };
+    const showClear = value.length > 0 && (isFocused || error);
+    const hasEnd = showClear || Boolean(endAdornment);
+    const hasError = Boolean(error);
+    const hasLabel = Boolean(label);
+    const isDisabled = Boolean(rest.disabled);
+    return /* @__PURE__ */ import_react.default.createElement(Container, { style }, label && /* @__PURE__ */ import_react.default.createElement(Label, { isDisabled, hasError, isFocused, htmlFor: name }, label), /* @__PURE__ */ import_react.default.createElement(Wrapper, { hasStart: Boolean(startAdornment), hasEnd }, startAdornment, /* @__PURE__ */ import_react.default.createElement(
+      StyledInput,
+      {
+        name,
+        defaultValue,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChange: handleChange,
+        ...rest,
+        ref: inputRef
+      }
+    ), showClear ? /* @__PURE__ */ import_react.default.createElement(ClearButton, { onClick: clearInput, "aria-label": "Clear" }, /* @__PURE__ */ import_react.default.createElement(import_assets.Icons.DeleteCircleFill, { size: "S", color: "var(--colors-surface-dark-default)" })) : endAdornment, /* @__PURE__ */ import_react.default.createElement(
+      Fieldset,
+      {
+        hasError,
+        hasLabel,
+        isDisabled,
+        isFocused
+      },
+      label ? /* @__PURE__ */ import_react.default.createElement(Legend, null, label) : null
+    )), helperText ? /* @__PURE__ */ import_react.default.createElement(HelperContainer, { columnGap: 2 }, hasError ? /* @__PURE__ */ import_react.default.createElement(
+      import_assets.Icons.DeleteCircleFill,
+      {
+        size: "S",
+        color: `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`
+      }
+    ) : null, /* @__PURE__ */ import_react.default.createElement(HelperText, { isDisabled, hasError }, helperText)) : null);
+  }
+);
+TextInput.displayName = "TextInput";
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/TextInput/TextInput.tsx"],
+  "sourcesContent": ["import debounce from \"lodash/debounce\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../assets\";\nimport { Flex } from \"../../../components\";\nimport { withTokens } from \"../../libs\";\n\nconst DEBOUNCE_MS = 250;\n\nconst COLORS_BORDER_STATUS_ERROR_DEFAULT = \"colors-border-status-error-default\";\nconst EXTRA_FONT_SIZE = \"0.75rem\";\nconst ICON_BUTTONS_SIZE = \"32px\";\nconst LABEL_OFFSET_Y = `calc(-0.5 * ${EXTRA_FONT_SIZE})`;\nconst LABEL_OFFSET_X = \"var(--spacing-s, 16px)\";\nconst LABEL_PADDING = \"5px\";\n\ntype NativeInputProps = Omit<React.ComponentProps<\"input\">, \"value\" | \"defaultValue\">;\n\nexport type TextInputProps = Readonly<\n  NativeInputProps & {\n    defaultValue?: string;\n    label?: string;\n    startAdornment?: React.ReactNode;\n    endAdornment?: React.ReactNode;\n    error?: boolean;\n    helperText?: string;\n  }\n>;\n\nconst ClearButton = styled.button`\n  ${withTokens(\"colors-surface-dark-default\")}\n\n  all: unset;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ${ICON_BUTTONS_SIZE};\n  width: ${ICON_BUTTONS_SIZE};\n`;\n\nconst Container = styled.div`\n  ${withTokens(\"spacing-xxs\")}\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xxs, 4px);\n  position: relative;\n  min-width: 328px;\n`;\n\nconst Label = styled.label<{ isDisabled: boolean; hasError: boolean; isFocused: boolean }>`\n  ${withTokens(\n    COLORS_BORDER_STATUS_ERROR_DEFAULT,\n    \"colors-border-active-default\",\n    \"colors-content-disabled\",\n    \"colors-content-subdued-default-default\",\n    \"spacing-s\",\n  )}\n  color: ${({ hasError, isDisabled, isFocused }) =>\n    isDisabled\n      ? \"var(--colors-content-disabled)\"\n      : hasError\n        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`\n        : isFocused\n          ? \"var(--colors-border-active-default)\"\n          : \"var(--colors-content-subdued-default-default);\"};\n  font-size: ${EXTRA_FONT_SIZE};\n  padding-inline: ${LABEL_PADDING};\n  position: absolute;\n  top: ${LABEL_OFFSET_Y};\n  left: calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});\n`;\n\nconst Wrapper = styled.div<{\n  hasStart: boolean;\n  hasEnd: boolean;\n}>`\n  ${withTokens(\n    \"colors-content-default-default\",\n    \"colors-surface-transparent-subdued-default\",\n    \"radius-s\",\n    \"spacing-s\",\n    \"spacing-xxs\",\n  )}\n\n  align-items: center;\n  border-radius: var(--radius-s);\n  display: flex;\n  gap: var(--spacing-xxs, 8px);\n  height: 56px;\n  padding: ${({ hasEnd, hasStart }) =>\n    `0 ${hasEnd ? \"var(--spacing-xs, 8px)\" : LABEL_OFFSET_X} 0 ${\n      hasStart ? \"var(--spacing-xs, 8px)\" : LABEL_OFFSET_X\n    }`};\n  position: relative;\n  transition: height 0.3s linear;\n`;\n\nconst StyledInput = styled.input`\n  ${withTokens(\"colors-border-disabled-default\")}\n\n  flex: 1;\n  background: none;\n  border: none;\n  cursor: text;\n  &[disabled] {\n    color: var(--colors-border-disabled-default);\n    cursor: not-allowed;\n  }\n`;\n\nconst Fieldset = styled.fieldset<{\n  hasError: boolean;\n  hasLabel: boolean;\n  isDisabled: boolean;\n  isFocused: boolean;\n}>`\n  ${withTokens(\n    COLORS_BORDER_STATUS_ERROR_DEFAULT,\n    \"colors-border-active-default\",\n    \"colors-content-subdued-default-default\",\n    \"colors-content-disabled\",\n    \"spacing-s\",\n  )}\n  border-radius: var(--radius-s);\n  border-color: ${({ isDisabled, hasError, isFocused }) =>\n    isDisabled\n      ? \"var(--colors-content-disabled)\"\n      : hasError\n        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`\n        : isFocused\n          ? \"var(--colors-border-active-default)\"\n          : \"var(--colors-content-subdued-default-default)\"};\n  border-style: solid;\n  border-width: 1px;\n  bottom: 0;\n  font-size: ${EXTRA_FONT_SIZE};\n  left: 0;\n  overflow: hidden;\n  padding: 0 calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  top: ${({ hasLabel }) => (hasLabel ? LABEL_OFFSET_Y : \"0\")};\n`;\n\nconst Legend = styled.legend`\n  visibility: hidden;\n  padding-inline: ${LABEL_PADDING};\n`;\n\nconst HelperContainer = styled(Flex)`\n  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT)}\n  align-items: center;\n`;\n\n// TODO what's the color for disabled helperText?\nconst HelperText = styled.span<{ hasError: boolean; isDisabled: boolean }>`\n  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT, \"colors-border-disabled-default\")}\n  ${({ isDisabled, hasError }) =>\n    isDisabled\n      ? \"var(--colors-border-disabled-default)\"\n      : hasError\n        ? `color: var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`\n        : \"\"}\n  font-size: ${EXTRA_FONT_SIZE};\n`;\n\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      label,\n      name,\n      defaultValue = \"\",\n      startAdornment = null,\n      endAdornment = null,\n      error = false,\n      helperText,\n      style,\n      onFocus,\n      onBlur,\n      onChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const [value, setValue] = React.useState(defaultValue);\n\n    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n    React.useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\n\n    const hideClearDebounced = React.useMemo(\n      () => debounce(() => setIsFocused(false), DEBOUNCE_MS),\n      [],\n    );\n\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n      hideClearDebounced.cancel();\n      setIsFocused(true);\n      onFocus?.(e);\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n      hideClearDebounced();\n    };\n\n    React.useEffect(() => () => hideClearDebounced.cancel(), [hideClearDebounced]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValue(e.target.value);\n      onChange?.(e);\n    };\n\n    const clearInput = () => {\n      if (inputRef.current) {\n        inputRef.current.value = \"\";\n        setValue(\"\");\n        inputRef.current.focus();\n      }\n    };\n\n    const showClear = value.length > 0 && (isFocused || error);\n    const hasEnd = showClear || Boolean(endAdornment);\n    const hasError = Boolean(error);\n    const hasLabel = Boolean(label);\n    const isDisabled = Boolean(rest.disabled);\n\n    return (\n      <Container style={style}>\n        {label && (\n          <Label isDisabled={isDisabled} hasError={hasError} isFocused={isFocused} htmlFor={name}>\n            {label}\n          </Label>\n        )}\n\n        <Wrapper hasStart={Boolean(startAdornment)} hasEnd={hasEnd}>\n          {startAdornment}\n\n          <StyledInput\n            name={name}\n            defaultValue={defaultValue}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            {...rest}\n            ref={inputRef}\n          />\n\n          {showClear ? (\n            <ClearButton onClick={clearInput} aria-label=\"Clear\">\n              <Icons.DeleteCircleFill size=\"S\" color=\"var(--colors-surface-dark-default)\" />\n            </ClearButton>\n          ) : (\n            endAdornment\n          )}\n\n          <Fieldset\n            hasError={hasError}\n            hasLabel={hasLabel}\n            isDisabled={isDisabled}\n            isFocused={isFocused}\n          >\n            {label ? <Legend>{label}</Legend> : null}\n          </Fieldset>\n        </Wrapper>\n\n        {helperText ? (\n          <HelperContainer columnGap={2}>\n            {hasError ? (\n              <Icons.DeleteCircleFill\n                size=\"S\"\n                color={`var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`}\n              />\n            ) : null}\n            <HelperText isDisabled={isDisabled} hasError={hasError}>\n              {helperText}\n            </HelperText>\n          </HelperContainer>\n        ) : null}\n      </Container>\n    );\n  },\n);\n\nTextInput.displayName = \"TextInput\";\n"],
+  "mappings": "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",
+  "names": ["styled", "React", "debounce"]
+}

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

@@ -0,0 +1,93 @@
+"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 TextInput_stories_exports = {};
+__export(TextInput_stories_exports, {
+  Default: () => Default,
+  Disabled: () => Disabled,
+  Filled: () => Filled,
+  WithAdornments: () => WithAdornments,
+  WithError: () => WithError,
+  WithLabel: () => WithLabel,
+  default: () => TextInput_stories_default
+});
+module.exports = __toCommonJS(TextInput_stories_exports);
+var import_react = __toESM(require("react"));
+var import_assets = require("../../../assets");
+var import_TextInput = require("./TextInput");
+const meta = {
+  component: import_TextInput.TextInput,
+  title: "PreLdls/Components/TextInput",
+  tags: ["autodocs"]
+};
+var TextInput_stories_default = meta;
+const Default = {
+  args: {
+    name: "plain",
+    placeholder: "Type here"
+  }
+};
+const WithLabel = {
+  args: {
+    name: "labelled",
+    label: "Your comment",
+    placeholder: "Write something"
+  }
+};
+const WithAdornments = {
+  args: {
+    name: "adorned",
+    startAdornment: /* @__PURE__ */ import_react.default.createElement(import_assets.Icons.Search, { size: "S" }),
+    placeholder: "Search accounts"
+  }
+};
+const WithError = {
+  args: {
+    name: "errorDemo",
+    label: "Errored label",
+    defaultValue: "-20.00",
+    error: true,
+    helperText: "Amount must be a positive number"
+  }
+};
+const Filled = {
+  args: {
+    name: "filledDemo",
+    defaultValue: "Clear me",
+    helperText: "This is a filled input"
+  }
+};
+const Disabled = {
+  args: {
+    name: "disabled",
+    label: "Disabled label",
+    placeholder: "Disabled",
+    disabled: true
+  }
+};
+//# sourceMappingURL=TextInput.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/TextInput/TextInput.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Icons } from \"../../../assets\";\nimport { TextInput, TextInputProps } from \"./TextInput\";\n\nconst meta: Meta<typeof TextInput> = {\n  component: TextInput,\n  title: \"PreLdls/Components/TextInput\",\n  tags: [\"autodocs\"],\n};\nexport default meta;\n\ntype Story = StoryObj<TextInputProps>;\n\nexport const Default: Story = {\n  args: {\n    name: \"plain\",\n    placeholder: \"Type here\",\n  },\n};\n\nexport const WithLabel: Story = {\n  args: {\n    name: \"labelled\",\n    label: \"Your comment\",\n    placeholder: \"Write something\",\n  },\n};\n\nexport const WithAdornments: Story = {\n  args: {\n    name: \"adorned\",\n    startAdornment: <Icons.Search size=\"S\" />,\n    placeholder: \"Search accounts\",\n  },\n};\n\nexport const WithError: Story = {\n  args: {\n    name: \"errorDemo\",\n    label: \"Errored label\",\n    defaultValue: \"-20.00\",\n    error: true,\n    helperText: \"Amount must be a positive number\",\n  },\n};\n\nexport const Filled: Story = {\n  args: {\n    name: \"filledDemo\",\n    defaultValue: \"Clear me\",\n    helperText: \"This is a filled input\",\n  },\n};\n\nexport const Disabled: Story = {\n  args: {\n    name: \"disabled\",\n    label: \"Disabled label\",\n    placeholder: \"Disabled\",\n    disabled: true,\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAClB,oBAAsB;AACtB,uBAA0C;AAE1C,MAAM,OAA+B;AAAA,EACnC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AACnB;AACA,IAAO,4BAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AACF;AAEO,MAAM,YAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AACF;AAEO,MAAM,iBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,gBAAgB,6BAAAA,QAAA,cAAC,oBAAM,QAAN,EAAa,MAAK,KAAI;AAAA,IACvC,aAAa;AAAA,EACf;AACF;AAEO,MAAM,YAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF;AAEO,MAAM,SAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AACF;AAEO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,EACZ;AACF;",
+  "names": ["React"]
+}

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

@@ -26,5 +26,6 @@ __reExport(components_exports, require("./NetworkItem/NetworkItem"), module.expo
 __reExport(components_exports, require("./NetworkList/NetworkList"), module.exports);
 __reExport(components_exports, require("./Search/Search"), module.exports);
 __reExport(components_exports, require("./Tag/Tag"), module.exports);
+__reExport(components_exports, require("./TextInput/TextInput"), 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 \"./AccountItem/AccountItem\";\nexport * from \"./AccountList/AccountList\";\nexport * from \"./Address/Address\";\nexport * from \"./AssetItem/AssetItem\";\nexport * from \"./AssetList/AssetList\";\nexport * from \"./CardButton/CardButton\";\nexport * from \"./Input/Input\";\nexport * from \"./NetworkItem/NetworkItem\";\nexport * from \"./NetworkList/NetworkList\";\nexport * from \"./Search/Search\";\nexport * from \"./Tag/Tag\";\nexport * from \"./VirtualList/VirtualList\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,sCAAd;AACA,+BAAc,sCADd;AAEA,+BAAc,8BAFd;AAGA,+BAAc,kCAHd;AAIA,+BAAc,kCAJd;AAKA,+BAAc,oCALd;AAMA,+BAAc,0BANd;AAOA,+BAAc,sCAPd;AAQA,+BAAc,sCARd;AASA,+BAAc,4BATd;AAUA,+BAAc,sBAVd;AAWA,+BAAc,sCAXd;",
+  "sourcesContent": ["export * from \"./AccountItem/AccountItem\";\nexport * from \"./AccountList/AccountList\";\nexport * from \"./Address/Address\";\nexport * from \"./AssetItem/AssetItem\";\nexport * from \"./AssetList/AssetList\";\nexport * from \"./CardButton/CardButton\";\nexport * from \"./Input/Input\";\nexport * from \"./NetworkItem/NetworkItem\";\nexport * from \"./NetworkList/NetworkList\";\nexport * from \"./Search/Search\";\nexport * from \"./Tag/Tag\";\nexport * from \"./TextInput/TextInput\";\nexport * from \"./VirtualList/VirtualList\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,sCAAd;AACA,+BAAc,sCADd;AAEA,+BAAc,8BAFd;AAGA,+BAAc,kCAHd;AAIA,+BAAc,kCAJd;AAKA,+BAAc,oCALd;AAMA,+BAAc,0BANd;AAOA,+BAAc,sCAPd;AAQA,+BAAc,sCARd;AASA,+BAAc,4BATd;AAUA,+BAAc,sBAVd;AAWA,+BAAc,kCAXd;AAYA,+BAAc,sCAZd;",
   "names": []
 }

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

@@ -66,12 +66,14 @@ const overrideColor = {
     // override from colours
     "border-subdued-default-hover": "#D5D5D5",
     // override from colours
-    "border-subdued-default-pressed": "#C1C1C1"
+    "border-subdued-default-pressed": "#C1C1C1",
     // missing from colours
+    "background-active": "#D4A0FF"
   },
   dark: {
-    "opacity-default-10": "#FFFFFF1A"
+    "opacity-default-10": "#FFFFFF1A",
     // missing from colours
+    "background-active": "#D4A0FF"
   }
 };
 const withTokens = (...usedTokens) => {

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 and override incorrect tokens here\nconst overrideOther = {\n  \"radius-m\": \"12px\", // missing from tokens\n  \"radius-s\": \"8px\", // missing from tokens\n  \"radius-xs\": \"4px\", // missing from tokens\n  \"border-width-default\": \"1px\", // missing from tokens\n  \"border-width-focus\": \"2px\", // missing from tokens\n  \"margin-xs\": \"8px\", // redefines marging-xs\n  \"margin-s\": \"16px\", // redefines marging-s\n  \"margin-m\": \"24px\", // redefines marging-m\n  \"margin-l\": \"32px\", // redefines marging-l\n\n  \"spacing-xs\": \"12px\", // override from \"spacing-xxs\": \"12px\"\n  \"spacing-xxs\": \"8px\", // override from \"spacing-xs\": \"8px\"\n} as const;\n\n// Add temporarily missing and override incorrect colours here\nconst overrideColor = {\n  light: {\n    \"surface-transparent-hover\": \"#0000000D\", // override from colours\n    \"surface-transparent-pressed\": \"#0000001A\", // override from colours\n    \"border-subdued-default-hover\": \"#D5D5D5\", // override from colours\n\n    \"border-subdued-default-pressed\": \"#C1C1C1\", // missing from colours\n  },\n  dark: {\n    \"opacity-default-10\": \"#FFFFFF1A\", // missing from colours\n  },\n} as const;\n\ntype ColorToken =\n  | `colors-${keyof ModeColors}`\n  | `colors-${keyof typeof overrideColor.light}`\n  | `colors-${keyof typeof overrideColor.dark}`;\ntype OtherToken = keyof (SpacingScale & typeof overrideOther);\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, overrideOther]\n      .flatMap(Object.entries)\n      .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,gBAAgB;AAAA,EACpB,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,aAAa;AAAA;AAAA,EACb,wBAAwB;AAAA;AAAA,EACxB,sBAAsB;AAAA;AAAA,EACtB,aAAa;AAAA;AAAA,EACb,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EAEZ,cAAc;AAAA;AAAA,EACd,eAAe;AAAA;AACjB;AAGA,MAAM,gBAAgB;AAAA,EACpB,OAAO;AAAA,IACL,6BAA6B;AAAA;AAAA,IAC7B,+BAA+B;AAAA;AAAA,IAC/B,gCAAgC;AAAA;AAAA,IAEhC,kCAAkC;AAAA;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,IACJ,sBAAsB;AAAA;AAAA,EACxB;AACF;AAQO,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,aAAa,EACzC,QAAQ,OAAO,OAAO,EACtB,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACzB,UAAI,CAAC,WAAW,SAAS,GAAiB;AAAG,eAAO,CAAC;AACrD,aAAO,CAAC,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,IAC7B,CAAC;AAEH,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 and override incorrect tokens here\nconst overrideOther = {\n  \"radius-m\": \"12px\", // missing from tokens\n  \"radius-s\": \"8px\", // missing from tokens\n  \"radius-xs\": \"4px\", // missing from tokens\n  \"border-width-default\": \"1px\", // missing from tokens\n  \"border-width-focus\": \"2px\", // missing from tokens\n  \"margin-xs\": \"8px\", // redefines marging-xs\n  \"margin-s\": \"16px\", // redefines marging-s\n  \"margin-m\": \"24px\", // redefines marging-m\n  \"margin-l\": \"32px\", // redefines marging-l\n\n  \"spacing-xs\": \"12px\", // override from \"spacing-xxs\": \"12px\"\n  \"spacing-xxs\": \"8px\", // override from \"spacing-xs\": \"8px\"\n} as const;\n\n// Add temporarily missing and override incorrect colours here\nconst overrideColor = {\n  light: {\n    \"surface-transparent-hover\": \"#0000000D\", // override from colours\n    \"surface-transparent-pressed\": \"#0000001A\", // override from colours\n    \"border-subdued-default-hover\": \"#D5D5D5\", // override from colours\n\n    \"border-subdued-default-pressed\": \"#C1C1C1\", // missing from colours\n    \"background-active\": \"#D4A0FF\",\n  },\n  dark: {\n    \"opacity-default-10\": \"#FFFFFF1A\", // missing from colours\n    \"background-active\": \"#D4A0FF\",\n  },\n} as const;\n\ntype ColorToken =\n  | `colors-${keyof ModeColors}`\n  | `colors-${keyof typeof overrideColor.light}`\n  | `colors-${keyof typeof overrideColor.dark}`;\ntype OtherToken = keyof (SpacingScale & typeof overrideOther);\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, overrideOther]\n      .flatMap(Object.entries)\n      .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,gBAAgB;AAAA,EACpB,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,aAAa;AAAA;AAAA,EACb,wBAAwB;AAAA;AAAA,EACxB,sBAAsB;AAAA;AAAA,EACtB,aAAa;AAAA;AAAA,EACb,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EAEZ,cAAc;AAAA;AAAA,EACd,eAAe;AAAA;AACjB;AAGA,MAAM,gBAAgB;AAAA,EACpB,OAAO;AAAA,IACL,6BAA6B;AAAA;AAAA,IAC7B,+BAA+B;AAAA;AAAA,IAC/B,gCAAgC;AAAA;AAAA,IAEhC,kCAAkC;AAAA;AAAA,IAClC,qBAAqB;AAAA,EACvB;AAAA,EACA,MAAM;AAAA,IACJ,sBAAsB;AAAA;AAAA,IACtB,qBAAqB;AAAA,EACvB;AACF;AAQO,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,aAAa,EACzC,QAAQ,OAAO,OAAO,EACtB,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACzB,UAAI,CAAC,WAAW,SAAS,GAAiB;AAAG,eAAO,CAAC;AACrD,aAAO,CAAC,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,IAC7B,CAAC;AAEH,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/AccountItem/AccountItem.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CheckboxProps } from "../../../components/form/Checkbox/Checkbox";
+import type { CheckboxProps } from "../Checkbox/Checkbox";
 export type Account = {
     address: string;
     balance?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAMhF,MAAM,MAAM,OAAO,GAAG;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,oBAAoB,GAAG,iBAAiB,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAmGF,eAAO,MAAM,WAAW,mEAMrB,gBAAgB,sBA6DlB,CAAC"}
+{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,MAAM,OAAO,GAAG;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,oBAAoB,GAAG,iBAAiB,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAmGF,eAAO,MAAM,WAAW,mEAMrB,gBAAgB,sBA6DlB,CAAC"}

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

@@ -1,9 +1,10 @@
 import React from "react";
 import styled from "styled-components";
-import { Checkbox, Icon, Text, Flex } from "../../../components";
+import { Icon, Text, Flex } from "../../../components";
 import { withTokens } from "../../libs";
 import { Address } from "../Address/Address";
 import { Tag } from "../Tag/Tag";
+import { Checkbox } from "../Checkbox/Checkbox";
 const Wrapper = styled.div `
   ${withTokens("spacing-xxxs", "spacing-xxs", "spacing-xs", "margin-s", "radius-s", "radius-m", "colors-content-default-default", "colors-surface-transparent-hover", "colors-surface-transparent-pressed", "colors-content-subdued-default-default", "colors-surface-transparent-subdued-default")}
 

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

@@ -1 +1 @@
-{"version":3,"file":"AccountItem.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccountItem.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type CheckboxProps = {
+    isDisabled?: boolean;
+    isChecked: boolean;
+    name: string;
+    onChange: (value: boolean) => void;
+    size?: number;
+};
+export declare const Checkbox: ({ isDisabled, isChecked, name, onChange, size, }: CheckboxProps) => JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AA2DA,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,QAAQ,qDAMlB,aAAa,KAAG,WAYlB,CAAC"}

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

@@ -0,0 +1,57 @@
+import React from "react";
+import styled from "styled-components";
+import CheckAloneMedium from "@ledgerhq/icons-ui/reactLegacy/CheckAloneMedium";
+import { renderToStaticMarkup } from "react-dom/server";
+import { withTokens } from "../../libs";
+const Icon = () => React.cloneElement(CheckAloneMedium({ size: 13, color: "currentColor" }), {
+    // the xmlns attribute is required to properly display the checkbox
+    xmlns: "http://www.w3.org/2000/svg",
+});
+const CheckMarkIcon = encodeURIComponent(renderToStaticMarkup(React.createElement(Icon, null)));
+const Input = styled.input `
+  background-color: transparent;
+
+  border-radius: ${p => `${p.theme.radii[1]}px`};
+  position: relative;
+
+  min-width: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};
+  height: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};
+  appearance: none;
+  border: 1px solid ${props => props.theme.colors.opacityDefault.c30};
+  box-shadow: none;
+
+  &:checked {
+    background-color: currentColor;
+    border-color: currentColor;
+  }
+
+  &:checked::after {
+    content: " ";
+    width: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};
+    height: ${p => (p.size ? `${p.size}px` : `${p.theme.space[7]}px`)};
+    display: inline-block;
+    color: ${props => props.theme.colors.neutral.c00};
+
+    background-image: url("data:image/svg+xml,${CheckMarkIcon}");
+    background-position: center;
+    background-repeat: no-repeat;
+
+    /* Trick to center the check mark by taking into account the border */
+    position: absolute;
+    top: -1px;
+    left: -1px;
+  }
+`;
+const Container = styled.div `
+  ${withTokens("colors-background-active")}
+
+  color: var(--colors-background-active);
+
+  display: inline-flex;
+  column-gap: ${p => p.theme.space[5]}px;
+  align-items: center;
+  cursor: pointer;
+`;
+export const Checkbox = ({ isDisabled = false, isChecked, name, onChange, size, }) => (React.createElement(Container, { "data-disabled": isDisabled },
+    React.createElement(Input, { type: "checkbox", name: name, id: name, checked: isChecked, disabled: isDisabled, onChange: () => onChange(!isChecked), size: size })));
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,gBAAgB,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,IAAI,GAAG,GAAG,EAAE,CAChB,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,EAAE;IACxE,mEAAmE;IACnE,KAAK,EAAE,4BAA4B;CACpC,CAAC,CAAC;AACL,MAAM,aAAa,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,oBAAC,IAAI,OAAG,CAAC,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAmB;;;mBAG1B,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;;;eAGhC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;YAC1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;sBAE7C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG;;;;;;;;;;aAUvD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;cACtD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;aAExD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;gDAEJ,aAAa;;;;;;;;;CAS5D,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;IACxB,UAAU,CAAC,0BAA0B,CAAC;;;;;gBAK1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;CAGpC,CAAC;AAUF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,IAAI,GACU,EAAe,EAAE,CAAC,CAChC,oBAAC,SAAS,qBAAgB,UAAU;IAClC,oBAAC,KAAK,IACJ,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EACpC,IAAI,EAAE,IAAI,GACV,CACQ,CACb,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from "react";
+type NativeInputProps = Omit<React.ComponentProps<"input">, "value" | "defaultValue">;
+export type TextInputProps = Readonly<NativeInputProps & {
+    defaultValue?: string;
+    label?: string;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    error?: boolean;
+    helperText?: string;
+}>;
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<Readonly<NativeInputProps & {
+    defaultValue?: string | undefined;
+    label?: string | undefined;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    error?: boolean | undefined;
+    helperText?: string | undefined;
+}>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,KAAK,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,CAAC;AAEtF,MAAM,MAAM,cAAc,GAAG,QAAQ,CACnC,gBAAgB,GAAG;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AA8IF,eAAO,MAAM,SAAS;;;qBAnJD,MAAM,SAAS;mBACjB,MAAM,SAAS;;;mDAuQjC,CAAC"}

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

@@ -0,0 +1,159 @@
+import debounce from "lodash/debounce";
+import React from "react";
+import styled from "styled-components";
+import { Icons } from "../../../assets";
+import { Flex } from "../../../components";
+import { withTokens } from "../../libs";
+const DEBOUNCE_MS = 250;
+const COLORS_BORDER_STATUS_ERROR_DEFAULT = "colors-border-status-error-default";
+const EXTRA_FONT_SIZE = "0.75rem";
+const ICON_BUTTONS_SIZE = "32px";
+const LABEL_OFFSET_Y = `calc(-0.5 * ${EXTRA_FONT_SIZE})`;
+const LABEL_OFFSET_X = "var(--spacing-s, 16px)";
+const LABEL_PADDING = "5px";
+const ClearButton = styled.button `
+  ${withTokens("colors-surface-dark-default")}
+
+  all: unset;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: ${ICON_BUTTONS_SIZE};
+  width: ${ICON_BUTTONS_SIZE};
+`;
+const Container = styled.div `
+  ${withTokens("spacing-xxs")}
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs, 4px);
+  position: relative;
+  min-width: 328px;
+`;
+const Label = styled.label `
+  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT, "colors-border-active-default", "colors-content-disabled", "colors-content-subdued-default-default", "spacing-s")}
+  color: ${({ hasError, isDisabled, isFocused }) => isDisabled
+    ? "var(--colors-content-disabled)"
+    : hasError
+        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`
+        : isFocused
+            ? "var(--colors-border-active-default)"
+            : "var(--colors-content-subdued-default-default);"};
+  font-size: ${EXTRA_FONT_SIZE};
+  padding-inline: ${LABEL_PADDING};
+  position: absolute;
+  top: ${LABEL_OFFSET_Y};
+  left: calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});
+`;
+const Wrapper = styled.div `
+  ${withTokens("colors-content-default-default", "colors-surface-transparent-subdued-default", "radius-s", "spacing-s", "spacing-xxs")}
+
+  align-items: center;
+  border-radius: var(--radius-s);
+  display: flex;
+  gap: var(--spacing-xxs, 8px);
+  height: 56px;
+  padding: ${({ hasEnd, hasStart }) => `0 ${hasEnd ? "var(--spacing-xs, 8px)" : LABEL_OFFSET_X} 0 ${hasStart ? "var(--spacing-xs, 8px)" : LABEL_OFFSET_X}`};
+  position: relative;
+  transition: height 0.3s linear;
+`;
+const StyledInput = styled.input `
+  ${withTokens("colors-border-disabled-default")}
+
+  flex: 1;
+  background: none;
+  border: none;
+  cursor: text;
+  &[disabled] {
+    color: var(--colors-border-disabled-default);
+    cursor: not-allowed;
+  }
+`;
+const Fieldset = styled.fieldset `
+  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT, "colors-border-active-default", "colors-content-subdued-default-default", "colors-content-disabled", "spacing-s")}
+  border-radius: var(--radius-s);
+  border-color: ${({ isDisabled, hasError, isFocused }) => isDisabled
+    ? "var(--colors-content-disabled)"
+    : hasError
+        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`
+        : isFocused
+            ? "var(--colors-border-active-default)"
+            : "var(--colors-content-subdued-default-default)"};
+  border-style: solid;
+  border-width: 1px;
+  bottom: 0;
+  font-size: ${EXTRA_FONT_SIZE};
+  left: 0;
+  overflow: hidden;
+  padding: 0 calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: ${({ hasLabel }) => (hasLabel ? LABEL_OFFSET_Y : "0")};
+`;
+const Legend = styled.legend `
+  visibility: hidden;
+  padding-inline: ${LABEL_PADDING};
+`;
+const HelperContainer = styled(Flex) `
+  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT)}
+  align-items: center;
+`;
+// TODO what's the color for disabled helperText?
+const HelperText = styled.span `
+  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT, "colors-border-disabled-default")}
+  ${({ isDisabled, hasError }) => isDisabled
+    ? "var(--colors-border-disabled-default)"
+    : hasError
+        ? `color: var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`
+        : ""}
+  font-size: ${EXTRA_FONT_SIZE};
+`;
+export const TextInput = React.forwardRef(({ label, name, defaultValue = "", startAdornment = null, endAdornment = null, error = false, helperText, style, onFocus, onBlur, onChange, ...rest }, ref) => {
+    const inputRef = React.useRef(null);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [value, setValue] = React.useState(defaultValue);
+    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    React.useImperativeHandle(ref, () => inputRef.current);
+    const hideClearDebounced = React.useMemo(() => debounce(() => setIsFocused(false), DEBOUNCE_MS), []);
+    const handleFocus = (e) => {
+        hideClearDebounced.cancel();
+        setIsFocused(true);
+        onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        onBlur?.(e);
+        hideClearDebounced();
+    };
+    React.useEffect(() => () => hideClearDebounced.cancel(), [hideClearDebounced]);
+    const handleChange = (e) => {
+        setValue(e.target.value);
+        onChange?.(e);
+    };
+    const clearInput = () => {
+        if (inputRef.current) {
+            inputRef.current.value = "";
+            setValue("");
+            inputRef.current.focus();
+        }
+    };
+    const showClear = value.length > 0 && (isFocused || error);
+    const hasEnd = showClear || Boolean(endAdornment);
+    const hasError = Boolean(error);
+    const hasLabel = Boolean(label);
+    const isDisabled = Boolean(rest.disabled);
+    return (React.createElement(Container, { style: style },
+        label && (React.createElement(Label, { isDisabled: isDisabled, hasError: hasError, isFocused: isFocused, htmlFor: name }, label)),
+        React.createElement(Wrapper, { hasStart: Boolean(startAdornment), hasEnd: hasEnd },
+            startAdornment,
+            React.createElement(StyledInput, { name: name, defaultValue: defaultValue, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, ...rest, ref: inputRef }),
+            showClear ? (React.createElement(ClearButton, { onClick: clearInput, "aria-label": "Clear" },
+                React.createElement(Icons.DeleteCircleFill, { size: "S", color: "var(--colors-surface-dark-default)" }))) : (endAdornment),
+            React.createElement(Fieldset, { hasError: hasError, hasLabel: hasLabel, isDisabled: isDisabled, isFocused: isFocused }, label ? React.createElement(Legend, null, label) : null)),
+        helperText ? (React.createElement(HelperContainer, { columnGap: 2 },
+            hasError ? (React.createElement(Icons.DeleteCircleFill, { size: "S", color: `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})` })) : null,
+            React.createElement(HelperText, { isDisabled: isDisabled, hasError: hasError }, helperText))) : null));
+});
+TextInput.displayName = "TextInput";
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}

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

@@ -9,5 +9,6 @@ export * from "./NetworkItem/NetworkItem";
 export * from "./NetworkList/NetworkList";
 export * from "./Search/Search";
 export * from "./Tag/Tag";
+export * from "./TextInput/TextInput";
 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,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC"}

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

@@ -9,5 +9,6 @@ export * from "./NetworkItem/NetworkItem";
 export * from "./NetworkList/NetworkList";
 export * from "./Search/Search";
 export * from "./Tag/Tag";
+export * from "./TextInput/TextInput";
 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,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC"}

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

@@ -19,9 +19,11 @@ declare const overrideColor: {
         readonly "surface-transparent-pressed": "#0000001A";
         readonly "border-subdued-default-hover": "#D5D5D5";
         readonly "border-subdued-default-pressed": "#C1C1C1";
+        readonly "background-active": "#D4A0FF";
     };
     readonly dark: {
         readonly "opacity-default-10": "#FFFFFF1A";
+        readonly "background-active": "#D4A0FF";
     };
 };
 type ColorToken = `colors-${keyof ModeColors}` | `colors-${keyof typeof overrideColor.light}` | `colors-${keyof typeof overrideColor.dark}`;

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,aAAa;;;;;;;;;;;;CAaT,CAAC;AAGX,QAAA,MAAM,aAAa;;;;;;;;;;CAWT,CAAC;AAEX,KAAK,UAAU,GACX,UAAU,MAAM,UAAU,EAAE,GAC5B,UAAU,MAAM,OAAO,aAAa,CAAC,KAAK,EAAE,GAC5C,UAAU,MAAM,OAAO,aAAa,CAAC,IAAI,EAAE,CAAC;AAChD,KAAK,UAAU,GAAG,MAAM,CAAC,YAAY,GAAG,OAAO,aAAa,CAAC,CAAC;AAE9D,eAAO,MAAM,UAAU,kBAAmB,MAAM,UAAU,GAAG,UAAU,CAAC,2GAuBvE,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,aAAa;;;;;;;;;;;;CAaT,CAAC;AAGX,QAAA,MAAM,aAAa;;;;;;;;;;;;CAaT,CAAC;AAEX,KAAK,UAAU,GACX,UAAU,MAAM,UAAU,EAAE,GAC5B,UAAU,MAAM,OAAO,aAAa,CAAC,KAAK,EAAE,GAC5C,UAAU,MAAM,OAAO,aAAa,CAAC,IAAI,EAAE,CAAC;AAChD,KAAK,UAAU,GAAG,MAAM,CAAC,YAAY,GAAG,OAAO,aAAa,CAAC,CAAC;AAE9D,eAAO,MAAM,UAAU,kBAAmB,MAAM,UAAU,GAAG,UAAU,CAAC,2GAuBvE,CAAC"}

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

@@ -22,9 +22,11 @@ const overrideColor = {
         "surface-transparent-pressed": "#0000001A", // override from colours
         "border-subdued-default-hover": "#D5D5D5", // override from colours
         "border-subdued-default-pressed": "#C1C1C1", // missing from colours
+        "background-active": "#D4A0FF",
     },
     dark: {
         "opacity-default-10": "#FFFFFF1A", // missing from colours
+        "background-active": "#D4A0FF",
     },
 };
 export const withTokens = (...usedTokens) => {

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,6DAA6D;AAC7D,MAAM,aAAa,GAAG;IACpB,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAC1C,UAAU,EAAE,KAAK,EAAE,sBAAsB;IACzC,WAAW,EAAE,KAAK,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,KAAK,EAAE,sBAAsB;IACrD,oBAAoB,EAAE,KAAK,EAAE,sBAAsB;IACnD,WAAW,EAAE,KAAK,EAAE,uBAAuB;IAC3C,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAC1C,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAC1C,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAE1C,YAAY,EAAE,MAAM,EAAE,sCAAsC;IAC5D,aAAa,EAAE,KAAK,EAAE,oCAAoC;CAClD,CAAC;AAEX,8DAA8D;AAC9D,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE;QACL,2BAA2B,EAAE,WAAW,EAAE,wBAAwB;QAClE,6BAA6B,EAAE,WAAW,EAAE,wBAAwB;QACpE,8BAA8B,EAAE,SAAS,EAAE,wBAAwB;QAEnE,gCAAgC,EAAE,SAAS,EAAE,uBAAuB;KACrE;IACD,IAAI,EAAE;QACJ,oBAAoB,EAAE,WAAW,EAAE,uBAAuB;KAC3D;CACO,CAAC;AAQX,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,aAAa,CAAC;aAC1C,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;aACvB,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxB,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;QAEL,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,6DAA6D;AAC7D,MAAM,aAAa,GAAG;IACpB,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAC1C,UAAU,EAAE,KAAK,EAAE,sBAAsB;IACzC,WAAW,EAAE,KAAK,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,KAAK,EAAE,sBAAsB;IACrD,oBAAoB,EAAE,KAAK,EAAE,sBAAsB;IACnD,WAAW,EAAE,KAAK,EAAE,uBAAuB;IAC3C,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAC1C,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAC1C,UAAU,EAAE,MAAM,EAAE,sBAAsB;IAE1C,YAAY,EAAE,MAAM,EAAE,sCAAsC;IAC5D,aAAa,EAAE,KAAK,EAAE,oCAAoC;CAClD,CAAC;AAEX,8DAA8D;AAC9D,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE;QACL,2BAA2B,EAAE,WAAW,EAAE,wBAAwB;QAClE,6BAA6B,EAAE,WAAW,EAAE,wBAAwB;QACpE,8BAA8B,EAAE,SAAS,EAAE,wBAAwB;QAEnE,gCAAgC,EAAE,SAAS,EAAE,uBAAuB;QACpE,mBAAmB,EAAE,SAAS;KAC/B;IACD,IAAI,EAAE;QACJ,oBAAoB,EAAE,WAAW,EAAE,uBAAuB;QAC1D,mBAAmB,EAAE,SAAS;KAC/B;CACO,CAAC;AAQX,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,aAAa,CAAC;aAC1C,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;aACvB,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxB,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;QAEL,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.33.0",
+  "version": "0.34.0-nightly.0",
   "description": "Ledger Live - Desktop UI",
   "author": "Ledger Live Team <team-live@ledger.fr>",
   "repository": {
@@ -76,7 +76,7 @@
     "react-window": "^1.8.6",
     "styled-system": "^5.1.5",
     "@ledgerhq/crypto-icons-ui": "^1.16.0",
-    "@ledgerhq/icons-ui": "^0.12.0",
+    "@ledgerhq/icons-ui": "^0.13.0-nightly.0",
     "@ledgerhq/ui-shared": "^0.3.0"
   },
   "peerDependencies": {