@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/{chunk-Y6XSTDTM.js → chunk-LFYFZKHG.js}

@@ -1,73 +1,73 @@
 import {
   Table
-} from "./chunk-RAIZMT6F.js";
-import {
-  DateFilter,
-  getDefaultDateFilterState
-} from "./chunk-B2IBAKQN.js";
-import {
-  EnumFilter,
-  getDefaultEnumFilterState,
-  isEnumFilterState
-} from "./chunk-4LG6VAAC.js";
+} from "./chunk-YYV45HP4.js";
 import {
   IdFilter,
   getDefaultIdFilterState,
   isIdFilterState
-} from "./chunk-2BUWDSLS.js";
+} from "./chunk-B6C5BAVY.js";
 import {
   StringFilter,
   getDefaultStringFilterState,
   isStringFilterState
-} from "./chunk-3RYP2UEV.js";
+} from "./chunk-DMKPWI5V.js";
 import {
   BooleanFilter,
   getDefaultBooleanFilterState
-} from "./chunk-VOSQS33M.js";
+} from "./chunk-M2CSUSFK.js";
 import {
   CurrencyFilter,
   getDefaultCurrencyFilterState
-} from "./chunk-EGDZHNGD.js";
+} from "./chunk-GYJS6Q35.js";
+import {
+  DateFilter,
+  getDefaultDateFilterState
+} from "./chunk-IUVT7TDD.js";
+import {
+  EnumFilter,
+  getDefaultEnumFilterState,
+  isEnumFilterState
+} from "./chunk-AEJVUUYW.js";
 import {
   LabelModerate
-} from "./chunk-3LCR3KCY.js";
+} from "./chunk-QX2R5WFV.js";
 import {
   Label
-} from "./chunk-4WLQDWEJ.js";
+} from "./chunk-6O44WIUE.js";
 import {
   Modal
-} from "./chunk-UGRRR64W.js";
+} from "./chunk-VDD5W2ZW.js";
 import {
   Dropdown
-} from "./chunk-2FG7PGPI.js";
+} from "./chunk-VUXLRZHO.js";
 import {
   CardPageFullWidth
-} from "./chunk-AQHIMMV5.js";
+} from "./chunk-GSU6TJQP.js";
 import {
   StyledButtonRow
-} from "./chunk-32TB2XVD.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
-import {
-  TextIconAligner
-} from "./chunk-WSQWII3I.js";
+} from "./chunk-3N2BVLZJ.js";
 import {
   Button,
   StyledButton
-} from "./chunk-U6EBWLCK.js";
+} from "./chunk-2OE2VPDJ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+import {
+  TextIconAligner
+} from "./chunk-N6KLO6D6.js";
 import {
   standardBorderRadius,
   standardContentInset
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   getColor,
   themeOr,
   themeOrWithKey
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   bp,
   useBreakpoints

package/dist/chunk-LIAWB4ZO.cjs

@@ -0,0 +1,251 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/hooks/useFields.tsx
+var _core = require('@uma-sdk/core');
+var _deepobjectdiff = require('deep-object-diff');
+var _lodashes = require('lodash-es');
+var _react = require('react');
+var defaultMsgs = {
+  email: "Please enter a valid email address.",
+  phone: "Please enter a valid phone number.",
+  postalCode: "Please enter a valid zip code.",
+  state: "Please enter a valid two-letter state abbreviation.",
+  name: "Name must be at least three characters.",
+  code: "Code must be eight characters long.",
+  password: "Password must be at least eight characters.",
+  required: "This field is required.",
+  umaAddress: "Please enter a valid UMA address."
+};
+var regexp = {
+  phone: /^[2-9]{1}[0-9]{9}$/,
+  postalCode: /(^\d{5}$)|(^\d{5}-\d{4}$)/,
+  email: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
+  state: /^(A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$/
+};
+var v = {
+  email: (msg = defaultMsgs.email) => (value) => !regexp.email.test(value) ? msg : false,
+  phone: (msg = defaultMsgs.phone) => (value) => !regexp.phone.test(value) ? msg : false,
+  postalCode: (msg = defaultMsgs.postalCode) => (value) => !regexp.postalCode.test(value) ? msg : false,
+  state: (msg = defaultMsgs.state) => (value) => !regexp.state.test(value) ? msg : false,
+  name: (msg = defaultMsgs.name) => (value) => value.trim().length < 3 ? msg : false,
+  code: (msg = defaultMsgs.code) => (value) => value.trim().length !== 8 ? msg : false,
+  umaAddress: (msg = defaultMsgs.umaAddress) => (value) => !_core.isValidUmaAddress.call(void 0, value) ? msg : false,
+  required: (msg = defaultMsgs.required) => (value) => value.trim() === "" ? msg : false,
+  min: (msg, minLength = 3) => (value) => {
+    const len = typeof minLength === "number" ? minLength : 3;
+    return value.trim().length < len ? msg || `Must be at least ${len} characters long.` : false;
+  }
+};
+var defaultValidators = {
+  password: [
+    v.required("Password is required."),
+    // This needs to stay as 8 otherwise users with old shorter passwords
+    // can't login.
+    v.min("Password must be at least eight characters.", 8)
+  ],
+  city: [v.required("City is required.")],
+  name: [v.required("Name is required."), v.name()],
+  code: [v.required("Please enter a code."), v.code()],
+  email: [v.required("Email is required."), v.email()],
+  phoneNumber: [v.required("Phone number is required."), v.phone()],
+  birthdayDay: [v.min("Day is required.", 1)],
+  birthdayMonth: [v.min("Day is required.", 1)],
+  birthdayYear: [v.min("Day is required.", 4)],
+  postalCode: [v.required("Zip code is required."), v.postalCode()],
+  addressCountryCode: [v.required("Country code is required.")],
+  addressLine1: [v.required("Address is required.")],
+  addressLine2: [],
+  addressCity: [v.required("City is required.")],
+  addressState: [v.required("State is required.")],
+  addressZipCode: [v.required("Zip code is required.")]
+};
+var f = {
+  numeric: (value) => value.replace(/[^0-9]/g, "")
+};
+var defaultFormatters = {
+  birthdayDay: f.numeric,
+  birthdayMonth: f.numeric,
+  birthdayYear: f.numeric
+};
+function getFirstFieldError(fieldName, fieldValue, validatorsArg) {
+  if (typeof validatorsArg === "undefined" || validatorsArg === true) {
+    const validators = defaultValidators[fieldName];
+    if (validators) {
+      for (const validator of validators) {
+        const errorMsg = validator(fieldValue);
+        if (errorMsg) {
+          return errorMsg;
+        }
+      }
+    }
+  } else if (typeof validatorsArg !== "undefined") {
+    if (validatorsArg === false) {
+      return null;
+    }
+    for (const validator of validatorsArg) {
+      const errorMsg = validator(fieldValue);
+      if (errorMsg) {
+        return errorMsg;
+      }
+    }
+  }
+  return null;
+}
+function reduceToUndef(fields) {
+  return Object.keys(fields).reduce(
+    (acc, key) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: void 0 }),
+    {}
+  );
+}
+function reduceToFalse(fields) {
+  return Object.keys(fields).reduce(
+    (acc, key) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: false }),
+    {}
+  );
+}
+function reduceToFields(fields) {
+  return Object.entries(fields).reduce((acc, [key, fieldValueArg]) => {
+    if (typeof fieldValueArg === "string") {
+      return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg });
+    }
+    return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg[0] });
+  }, {});
+}
+function useFields(defaultFieldsFn, deps = []) {
+  const defaultFields = _react.useMemo.call(void 0, defaultFieldsFn, deps);
+  const prevDefaultFields = _react.useRef.call(void 0, defaultFields);
+  const [fields, setFields] = _react.useState.call(void 0, reduceToFields(defaultFields));
+  const [fieldErrors, setFieldErrors] = _react.useState.call(void 0, reduceToUndef(defaultFields));
+  const [blurredFields, setBlurredFields] = _react.useState.call(void 0, 
+    reduceToFalse(defaultFields)
+  );
+  const checkFieldForError = _react.useCallback.call(void 0, 
+    (fieldName, fieldValue) => {
+      const defaultField = defaultFields[fieldName];
+      const customValidators = typeof defaultField === "string" ? void 0 : defaultField[1];
+      const fieldError = getFirstFieldError(
+        fieldName,
+        fieldValue,
+        customValidators
+      );
+      if (blurredFields[fieldName]) {
+        setFieldErrors((currentFieldErrors) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, currentFieldErrors), {
+          [fieldName]: fieldError
+        }));
+      }
+      return fieldError;
+    },
+    [defaultFields, blurredFields]
+  );
+  const checkFieldsForError = _react.useCallback.call(void 0, 
+    (fieldsToCheck) => {
+      Object.entries(fieldsToCheck).forEach(([key, value]) => {
+        checkFieldForError(key, value);
+      });
+    },
+    [checkFieldForError]
+  );
+  const setFieldBlurred = _react.useCallback.call(void 0, 
+    (fieldName) => {
+      const newBlurredFields = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, blurredFields), {
+        [fieldName]: true
+      });
+      setBlurredFields(newBlurredFields);
+    },
+    [blurredFields]
+  );
+  const getSetFieldBlurred = _react.useCallback.call(void 0, 
+    (fieldName) => {
+      return () => {
+        setFieldBlurred(fieldName);
+      };
+    },
+    [setFieldBlurred]
+  );
+  const formatValue = _react.useCallback.call(void 0, (fieldName, value) => {
+    const formatter = defaultFormatters[fieldName];
+    return formatter ? formatter(value) : value;
+  }, []);
+  const mergeWithFields = _react.useCallback.call(void 0, 
+    (updatedFields) => {
+      setFields((latestFields) => {
+        const formatted = Object.entries(updatedFields).reduce(
+          (acc, [key, value]) => {
+            const val = typeof value === "string" ? value : Array.isArray(value) && typeof value[0] === "string" ? value[0] : "";
+            return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), {
+              [key]: formatValue(key, val)
+            });
+          },
+          {}
+        );
+        return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, latestFields), formatted);
+      });
+      checkFieldsForError(updatedFields);
+    },
+    [checkFieldsForError, formatValue]
+  );
+  const allFieldsValid = _react.useMemo.call(void 0, () => {
+    const valid = !Object.entries(fields).some(([fieldName, fieldValue]) => {
+      const defaultField = defaultFields[fieldName];
+      const customValidators = typeof defaultField === "string" ? void 0 : defaultField[1];
+      const firstFieldError = getFirstFieldError(
+        fieldName,
+        fieldValue,
+        customValidators
+      );
+      return firstFieldError;
+    });
+    return valid;
+  }, [fields, defaultFields]);
+  const getUpdateField = _react.useCallback.call(void 0, 
+    (fieldName) => {
+      return (newValue) => {
+        mergeWithFields({
+          [fieldName]: formatValue(fieldName, newValue)
+        });
+      };
+    },
+    [mergeWithFields, formatValue]
+  );
+  _react.useEffect.call(void 0, () => {
+    const newFields = {};
+    const diffProps = _deepobjectdiff.diff.call(void 0, prevDefaultFields.current, defaultFields);
+    Object.entries(diffProps).forEach(([key, value]) => {
+      if (typeof value === "string") {
+        newFields[key] = value;
+      } else if (_lodashes.isObject.call(void 0, value)) {
+        Object.entries(value).forEach(([arrayKey, arrayValue]) => {
+          if (arrayKey === "0" && typeof arrayValue === "string") {
+            newFields[key] = arrayValue;
+          }
+        });
+      }
+    });
+    mergeWithFields(newFields);
+    prevDefaultFields.current = defaultFields;
+  }, [defaultFields, mergeWithFields]);
+  _react.useEffect.call(void 0, () => {
+    checkFieldsForError(fields);
+  }, [blurredFields, fields, checkFieldsForError]);
+  return {
+    blurredFields,
+    getUpdateField,
+    allFieldsValid,
+    checkFieldForError,
+    fieldErrors,
+    /* needs to be a new object to ensure downstream effects are notified on updates: */
+    fields: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, fields),
+    mergeWithFields,
+    setFieldBlurred,
+    getSetFieldBlurred,
+    setFieldErrors
+  };
+}
+
+
+
+
+exports.v = v; exports.useFields = useFields;

package/dist/{chunk-JX2ZFW7M.cjs → chunk-LMPAMZVN.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAUDNFE2Mcjs = require('./chunk-AUDNFE2M.cjs');
+var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
+var _chunk5LO7RI2Dcjs = require('./chunk-5LO7RI2D.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -48,7 +48,7 @@ function TextButton({
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkAUDNFE2Mcjs.TextIconAligner,
+    _chunk5LO7RI2Dcjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunkFPQ2OUYXcjs.getFocusOutline.call(void 0, { theme })};
+    outline: ${_chunkU35SY546cjs.getFocusOutline.call(void 0, { theme })};
   }
 
   & > * {
@@ -103,10 +103,10 @@ var buttonStyle = ({
     cursor: ${disabled ? "not-allowed" : "pointer"};
   }
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = _styled2.default.call(void 0, _chunkI4L4UO26cjs.Link)`
+var ButtonLink = _styled2.default.call(void 0, _chunk7VSNXYK4cjs.Link)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`

package/dist/{chunk-6VHFEC3Y.cjs → chunk-LXVLGEB6.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
 
-var _chunkWAQVU2I2cjs = require('./chunk-WAQVU2I2.cjs');
+var _chunkI3KL3NAGcjs = require('./chunk-I3KL3NAG.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/BodyStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyStrong(props) {
-  const propsWithDefaults = _chunkWAQVU2I2cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkI3KL3NAGcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWAQVU2I2cjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI3KL3NAGcjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-VOSQS33M.js → chunk-M2CSUSFK.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-C3ZJV5MQ.js";
+} from "./chunk-K7OIWNQA.js";
 import {
   Radio
-} from "./chunk-RRYCIVLA.js";
+} from "./chunk-JIV33B22.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-WSQWII3I.js → chunk-N6KLO6D6.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-2WPDZCWM.js";
+} from "./chunk-5A7SOR5D.js";
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-BDL3A6DZ.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-VMUJWJRR.cjs → chunk-N6L2WIQ5.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 // src/components/Table/TableEmptyState.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -27,12 +27,12 @@ var TableEmptyState = (props) => {
 };
 var StyledTableEmptyState = _styled2.default.div`
   position: relative;
-  ${_chunkFPQ2OUYXcjs.standardContentInset.css}
+  ${_chunkU35SY546cjs.standardContentInset.css}
 `;
 var TableEmptyStateLine = _styled2.default.div`
   background: linear-gradient(
     90deg,
-    ${({ theme }) => _chunkHGCI5IAMcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
+    ${({ theme }) => _chunkXUEKQQJVcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
     rgba(242, 242, 242, 0) 100%
   );
   height: 16px;
@@ -53,12 +53,12 @@ var TableEmptyStateCardContainer = _styled2.default.div`
   width: 100%;
 `;
 var TableEmptyStateCard = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardCardShadow}
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkU35SY546cjs.standardCardShadow}
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}
   padding: 32px;
   width: 320px;
   max-width: 100%;
-  ${({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
 `;
 var TableEmptyStateCardTitle = _styled2.default.p`
   font-weight: bold;

package/dist/{chunk-5CHJEAGP.cjs → chunk-NEXCIZXQ.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk3GKIKZL2cjs = require('./chunk-3GKIKZL2.cjs');
+var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
 
 
-var _chunkAFNV5FHCcjs = require('./chunk-AFNV5FHC.cjs');
+var _chunkH5VEOEU7cjs = require('./chunk-H5VEOEU7.cjs');
 
 
 
-var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
+var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
+var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -107,12 +107,12 @@ function ReadClipboardButton({
         hasError: Boolean(errorMsg),
         onMouseUp: onDeleteMouseUp,
         children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkK5JJ5ZJPcjs.UnstyledButton,
+          _chunkR46DRG52cjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkAFNV5FHCcjs.Pill,
+              _chunkH5VEOEU7cjs.Pill,
               {
                 text: autoButtonText,
                 icon: "MagicWand",
@@ -123,12 +123,12 @@ function ReadClipboardButton({
             )
           }
         ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkR46DRG52cjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "Copy", width: 19 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "8px" }, children: description })
           ] }) : null,
           value || isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkAFNV5FHCcjs.Pill,
+            _chunkH5VEOEU7cjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2PI3XHGDcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6N7XRYZDcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3GKIKZL2cjs.TextInput,
+    _chunkYZ2C4D6Ncjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunk2PI3XHGDcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunk6N7XRYZDcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-VE63R7LY.cjs → chunk-NH66U2JU.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVGMBQUOTcjs = require('./chunk-VGMBQUOT.cjs');
+var _chunkOZUQD57Vcjs = require('./chunk-OZUQD57V.cjs');
 
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
+var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
-var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
+var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
 
 
 
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkHGCI5IAMcjs.themeOr.call(void 0, _chunkQYVQII3Icjs.colors.gray90, _chunkQYVQII3Icjs.colors.gray20)};
+  border: 1px solid ${_chunkXUEKQQJVcjs.themeOr.call(void 0, _chunkK7HWTEGPcjs.colors.gray90, _chunkK7HWTEGPcjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -99,9 +99,9 @@ var codeSelectStyles = {
   }),
   option: (styles, state) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
     cursor: "pointer",
-    backgroundColor: state.isSelected ? _chunkQYVQII3Icjs.colors.gray25 : backgroundColor,
+    backgroundColor: state.isSelected ? _chunkK7HWTEGPcjs.colors.gray25 : backgroundColor,
     "&:hover": {
-      backgroundColor: _chunkQYVQII3Icjs.colors.gray25
+      backgroundColor: _chunkK7HWTEGPcjs.colors.gray25
     }
   }),
   singleValue: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGMBQUOTcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOZUQD57Vcjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -166,7 +166,7 @@ var StyledCodeBlock = _styled2.default.div``;
 var CodeBlockHeader = _styled2.default.div`
   align-items: center;
   background-color: #2d2d2d;
-  border-bottom: 1px solid ${_chunkQYVQII3Icjs.colors.gray25};
+  border-bottom: 1px solid ${_chunkK7HWTEGPcjs.colors.gray25};
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   color: #ffffff;
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunk7H2OXTENcjs.overflowAutoWithoutScrollbars}
+  ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}