@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-PGBN4QPX.js → chunk-GG7Q3VQ6.js}

@@ -1,12 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JZ2MJO3Z.js";
+} from "./chunk-RT7X3ZOO.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
@@ -22,15 +26,10 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const defaultTypographyMap = {
-    link: defaultTypography,
-    text: defaultTypography,
-    nextLink: defaultTypography
-  };
-  const nodesWithTypography = setDefaultReactNodesTypography(
-    contentProp,
-    defaultTypographyMap
-  );
+  const nodesWithTypography = setDefaultReactNodesTypography(contentProp, {
+    default: defaultTypography,
+    link: __spreadProps(__spreadValues({}, defaultTypography), { color: "link" })
+  });
   const content = toReactNodes(nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ jsx(
     Icon,

package/dist/{chunk-PVABSHIC.cjs → chunk-GHAFTTAZ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRSPUYVQMcjs = require('./chunk-RSPUYVQM.cjs');
+var _chunkHLDOB52Acjs = require('./chunk-HLDOB52A.cjs');
 
 
-var _chunkNPK4DLGQcjs = require('./chunk-NPK4DLGQ.cjs');
+var _chunk3KKC4JH2cjs = require('./chunk-3KKC4JH2.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
 
 
 
@@ -36,12 +36,12 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAPQWRIH6cjs.Button,
+      _chunkIBPPT3NUcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
         text: value,
-        icon: "Close",
+        icon: { name: "Close" },
         iconSide: "right",
         onClick: () => {
           var _a2;
@@ -56,8 +56,8 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSPUYVQMcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNPK4DLGQcjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLDOB52Acjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3KKC4JH2cjs.Select_default,
       {
         placeholder: "Select event",
         options,

package/dist/{chunk-CE5LGEAR.cjs → chunk-GHWSM6PO.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Close.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Close() {
+function Close({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,8 +17,9 @@ function Close() {
         {
           d: "M0.5 0.5L7.5 7.5M0.5 7.5L7.5 0.5",
           stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-C4CFIKAL.js → chunk-GJL5Z2XV.js}

@@ -1,6 +1,10 @@
 // src/icons/Clock.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Clock() {
+function Clock({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function Clock() {
         {
           d: "M10.5005 6.42187V10.5H14.5786M10.5005 20.0156C9.23785 20.0156 8.60652 20.0156 8.07651 19.9458C4.41653 19.464 1.53649 16.584 1.05464 12.924C0.984863 12.394 0.984863 11.7626 0.984863 10.5C0.984863 9.23736 0.984863 8.60604 1.05464 8.07602C1.53649 4.41604 4.41653 1.536 8.07651 1.05415C8.60652 0.984375 9.23785 0.984375 10.5005 0.984375C11.7631 0.984375 12.3945 0.984375 12.9245 1.05415C16.5845 1.536 19.4645 4.41604 19.9463 8.07602C20.0161 8.60604 20.0161 9.23736 20.0161 10.5C20.0161 11.7626 20.0161 12.394 19.9463 12.924C19.4645 16.584 16.5845 19.464 12.9245 19.9458C12.3945 20.0156 11.7631 20.0156 10.5005 20.0156Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-O64MW4Z4.cjs → chunk-GLSWZ36Y.cjs}

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDOP5TYRDcjs = require('./chunk-DOP5TYRD.cjs');
+var _chunkJDWL6PDJcjs = require('./chunk-JDWL6PDJ.cjs');
 
 
 
 
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
 
 
-var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
+var _chunkQWXH7CSVcjs = require('./chunk-QWXH7CSV.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkUL73AXJPcjs = require('./chunk-UL73AXJP.cjs');
+var _chunkATCXH4ZAcjs = require('./chunk-ATCXH4ZA.cjs');
 
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
 
@@ -51,7 +51,7 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkBCPM2M3Ycjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkLQ7N5FRYcjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -76,11 +76,27 @@ function TextInput(textInputProps) {
   const iconTextOffset = iconCenterOffset === 18 ? 4 : 14;
   const textInputWidth = props.width === "short" ? "250px" : "100%";
   let paddingLeftPx;
-  if (props.icon && !isIconRight) {
+  if (typeof props.paddingX === "number") {
+    if (isIconRight) {
+      paddingLeftPx = props.paddingX;
+    } else {
+      paddingLeftPx = props.paddingX + iconWidth + iconTextOffset;
+    }
+  } else if (props.icon && !isIconRight) {
     paddingLeftPx = iconOffset + iconWidth + iconTextOffset;
   } else if (props.select) {
     paddingLeftPx = selectLeftOffset + props.select.width + 5;
   }
+  let paddingRightPx;
+  if (typeof props.paddingX === "number") {
+    if (isIconRight) {
+      paddingRightPx = iconTextOffset + iconWidth + props.paddingX;
+    } else {
+      paddingRightPx = props.paddingX;
+    }
+  } else if (isIconRight) {
+    paddingRightPx = 28;
+  }
   let input = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, InputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Input,
@@ -119,7 +135,11 @@ function TextInput(textInputProps) {
         type: props.type,
         value: props.value,
         paddingLeftPx,
-        paddingRightPx: isIconRight ? 28 : void 0,
+        paddingRightPx,
+        paddingTopPx: props.paddingY,
+        paddingBottomPx: props.paddingY,
+        activeOutline: props.activeOutline,
+        activeOutlineColor: props.activeOutlineColor,
         hasError,
         "data-test-id": props.testId,
         typography: props.typography,
@@ -144,11 +164,11 @@ function TextInput(textInputProps) {
           onClick: props.onClickIcon ? props.onClickIcon : () => {
           },
           isIconRight,
-          iconOffset,
+          iconOffset: typeof props.paddingX === "number" ? props.paddingX : iconOffset,
           focused,
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input })
@@ -174,18 +194,18 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBCPM2M3Ycjs.InputSubtext,
+      _chunkLQ7N5FRYcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WQPTLFcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQWXH7CSVcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -196,14 +216,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  input {
-    padding-right: 34px;
-  }
-
-  & ${_chunkUMU7TYANcjs.IconContainer.toString()} {
+  & ${_chunkRROZ5XYPcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -217,10 +233,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunk7EIZIKLRcjs.getFontColor.call(void 0, theme, colorProp) : _chunkBCPM2M3Ycjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkC6XJ7ZJFcjs.getFontColor.call(void 0, theme, colorProp) : _chunkLQ7N5FRYcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkBCPM2M3Ycjs.textInputStyle};
+  ${_chunkLQ7N5FRYcjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -243,7 +259,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -253,7 +269,7 @@ var RightButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -265,7 +281,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
+  margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -279,18 +295,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
+    margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkUL73AXJPcjs.CheckboxContainer.toString()} + &,
-  ${_chunkDOP5TYRDcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkUL73AXJPcjs.CheckboxContainer.toString()},
-  & + ${_chunkDOP5TYRDcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
+  ${_chunkATCXH4ZAcjs.CheckboxContainer.toString()} + &,
+  ${_chunkJDWL6PDJcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkATCXH4ZAcjs.CheckboxContainer.toString()},
+  & + ${_chunkJDWL6PDJcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-5522HZOC.js → chunk-GMBFHOBN.js}

@@ -13,7 +13,7 @@ function TapSingle() {
         "path",
         {
           d: "M11.3704 14H10.3704C10.3704 14.5523 10.8181 15 11.3704 15V14ZM7.22223 16.0556L6.77821 16.9516C7.08819 17.1052 7.45547 17.0876 7.74947 16.9052C8.04347 16.723 8.22227 16.4015 8.22227 16.0556H7.22223ZM3.07408 18.1111L2.14676 17.7368C2.02255 18.0446 2.05911 18.3939 2.24433 18.6692L3.07408 18.1111ZM16.4919 8.68545C16.5841 9.22998 17.1003 9.59669 17.6448 9.50451C18.1893 9.41233 18.556 8.89617 18.4639 8.35163L16.4919 8.68545ZM0.128733 11.4262C0.22092 11.9707 0.73708 12.3375 1.28161 12.2452C1.82615 12.1531 2.19287 11.637 2.10068 11.0924L0.128733 11.4262ZM12.3704 14V9.88891H10.3704V14H12.3704ZM6.22223 9.88891V16.0556H8.22227V9.88891H6.22223ZM7.66627 15.1596L7.58893 15.1212L6.70095 16.9134L6.77821 16.9516L7.66627 15.1596ZM2.41327 17.0766L2.14676 17.7368L4.0014 18.4854L4.26791 17.8251L2.41327 17.0766ZM2.24433 18.6692L6.13327 24.4506L7.7928 23.3343L3.90381 17.553L2.24433 18.6692ZM11.5649 27.3334H12.7531V25.3334H11.5649V27.3334ZM20.6667 19.4815V18.1111H18.6667V19.4815H20.6667ZM15.5185 13H11.3704V15H15.5185V13ZM20.6667 18.1111C20.6667 15.2799 18.3533 13 15.5185 13V15C17.2657 15 18.6667 16.4014 18.6667 18.1111H20.6667ZM7.58893 15.1212C5.62571 14.1484 3.23445 15.0419 2.41327 17.0766L4.26791 17.8251C4.64845 16.8822 5.77005 16.452 6.70095 16.9134L7.58893 15.1212ZM12.7531 27.3334C17.1152 27.3334 20.6667 23.8264 20.6667 19.4815H18.6667C18.6667 22.705 16.0276 25.3334 12.7531 25.3334V27.3334ZM9.29627 6.83335C7.60707 6.83335 6.22223 8.19294 6.22223 9.88891H8.22227C8.22227 9.31438 8.69467 8.83335 9.29627 8.83335V6.83335ZM6.13327 24.4506C7.34627 26.2538 9.38533 27.3334 11.5649 27.3334V25.3334C10.0461 25.3334 8.63133 24.581 7.7928 23.3343L6.13327 24.4506ZM12.3704 9.88891C12.3704 8.19294 10.9856 6.83335 9.29627 6.83335V8.83335C9.898 8.83335 10.3704 9.31438 10.3704 9.88891H12.3704ZM2 9.88891C2 5.90862 5.25819 2.66669 9.29627 2.66669V0.666687C4.17057 0.666687 0 4.78718 0 9.88891H2ZM9.29627 2.66669C12.9176 2.66669 15.9148 5.27615 16.4919 8.68545L18.4639 8.35163C17.7244 3.98349 13.8967 0.666687 9.29627 0.666687V2.66669ZM2.10068 11.0924C2.03453 10.7016 2 10.2996 2 9.88891H0C0 10.412 0.044 10.9256 0.128733 11.4262L2.10068 11.0924Z",
-          fill: "black"
+          fill: "currentColor"
         }
       )
     }

package/dist/{chunk-WVBMQP6O.cjs → chunk-GMVP3EYX.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkOQEP7VDDcjs.standardFocusOutline}
+  ${_chunkSWQDRB3Acjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/{chunk-BQEXNVAD.cjs → chunk-GNHERYF4.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/FramedLetterI.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function FramedLetterI() {
+function FramedLetterI({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,7 +18,9 @@ function FramedLetterI() {
           {
             d: "M9.8999 1.5H2.8999C2.34762 1.5 1.8999 1.94772 1.8999 2.5V9.5C1.8999 10.0523 2.34762 10.5 2.8999 10.5H9.8999C10.4522 10.5 10.8999 10.0523 10.8999 9.5V2.5C10.8999 1.94772 10.4522 1.5 9.8999 1.5Z",
             stroke: "currentColor",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -22,8 +28,9 @@ function FramedLetterI() {
           {
             d: "M6.3999 4V8",
             stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-E2O6ZL3X.cjs → chunk-GPSNZNRK.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVVPSBX5Ocjs = require('./chunk-VVPSBX5O.cjs');
+var _chunkFTTZSNVVcjs = require('./chunk-FTTZSNVV.cjs');
 
 
-var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
 
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.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, 
-          _chunkWVBMQP6Ocjs.UnstyledButton,
+          _chunkGMVP3EYXcjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVVPSBX5Ocjs.Pill,
+              _chunkFTTZSNVVcjs.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, _chunkWVBMQP6Ocjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.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, 
-            _chunkVVPSBX5Ocjs.Pill,
+            _chunkFTTZSNVVcjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCPM2M3Ycjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLQ7N5FRYcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkO64MW4Z4cjs.TextInput,
+    _chunkGLSWZ36Ycjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkBCPM2M3Ycjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkLQ7N5FRYcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-MASPP6U5.js → chunk-GRGNVKQF.js}

@@ -1,6 +1,9 @@
 // src/icons/UmaBridgeLoading.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function UmaBridgeLoading() {
+function UmaBridgeLoading({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -9,14 +12,23 @@ function UmaBridgeLoading() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "9", stroke: "#EBEEF2", strokeWidth: "2.5" }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "11",
+            cy: "11",
+            r: "9",
+            stroke: "#EBEEF2",
+            strokeWidth
+          }
+        ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M19.9999 11C19.9999 9.57971 19.6638 8.17958 19.019 6.91409C18.3742 5.6486 17.439 4.55368 16.29 3.71885C15.1409 2.88402 13.8106 2.33299 12.4078 2.11081C11.005 1.88862 9.56953 2.0016 8.21875 2.44049",
-            stroke: "black",
-            strokeWidth: "2.5",
-            strokeLinecap: "round"
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
           }
         )
       ]

package/dist/{chunk-2ON6YBGL.cjs → chunk-GRLGEEEL.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/UmaBridgeLoadingTransparent.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function UmaBridgeLoadingTransparent() {
+function UmaBridgeLoadingTransparent({
+  strokeWidth = "2.09994",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -18,7 +21,7 @@ function UmaBridgeLoadingTransparent() {
             rx: "8.74961",
             ry: "8.74986",
             stroke: "#F9F9F9",
-            strokeWidth: "2.09994"
+            strokeWidth
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -26,8 +29,8 @@ function UmaBridgeLoadingTransparent() {
           {
             d: "M19.2503 9.99998C19.2503 8.61916 18.9235 7.25795 18.2966 6.02763C17.6697 4.79731 16.7606 3.73282 15.6435 2.9212C14.5265 2.10957 13.2332 1.57386 11.8694 1.35785C10.5056 1.14184 9.11007 1.25168 7.79688 1.67837",
             stroke: "#F9F9F9",
-            strokeWidth: "2.09994",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         )
       ]

package/dist/{chunk-BS4QRGM3.cjs → chunk-H32UFZ4X.cjs}

@@ -1,6 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CheckmarkCircle.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
+
+// src/icons/CheckmarkCircle.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function CheckmarkCircle() {
+function CheckmarkCircle({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,8 +22,10 @@ function CheckmarkCircle() {
           "path",
           {
             d: "M8 16.4995L13 21.4995L24 10.4995",
-            stroke: "white",
-            strokeWidth: "2.00003"
+            className: _chunkKS6GHRZIcjs.invertStrokeColor,
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-N5UVZQ5K.cjs → chunk-H3OLYLZQ.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ReceiptBill.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ReceiptBill() {
+function ReceiptBill({
+  strokeWidth = "2.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function ReceiptBill() {
         {
           d: "M14.5827 12.9163H25.416M14.5827 19.583H18.7493M32.0827 35.4163V6.24967C32.0827 5.32921 31.3365 4.58301 30.416 4.58301H9.58268C8.66222 4.58301 7.91602 5.32921 7.91602 6.24967V35.4163L12.2216 31.6663L16.1105 35.4163L19.9993 31.6663L23.8882 35.4163L27.7772 31.6663L32.0827 35.4163Z",
           stroke: "currentColor",
-          strokeWidth: "2.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }