@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/{chunk-QQLUKKYZ.js → chunk-XYP5XYVU.js}

@@ -1,6 +1,3 @@
-import {
-  UmaBridgeLoadingTransparent
-} from "./chunk-3MCK6I7V.js";
 import {
   Upload
 } from "./chunk-6B3T5X4O.js";
@@ -10,6 +7,9 @@ import {
 import {
   WarningSign
 } from "./chunk-XBKRPEVT.js";
+import {
+  SwiftTwoTone
+} from "./chunk-L52XQKBX.js";
 import {
   TapSingle
 } from "./chunk-5522HZOC.js";
@@ -22,18 +22,18 @@ import {
 import {
   Trash
 } from "./chunk-3CHMNLGD.js";
-import {
-  TwoArrowsDown
-} from "./chunk-5ZDDVLS6.js";
-import {
-  TwoArrowsUp
-} from "./chunk-BCXQD6ZP.js";
 import {
   Uma
 } from "./chunk-JWMMGYNV.js";
 import {
   UmaBridgeLoading
 } from "./chunk-MASPP6U5.js";
+import {
+  UmaBridgeLoadingTransparent
+} from "./chunk-3MCK6I7V.js";
+import {
+  SecurityKey
+} from "./chunk-LQ6VW2FH.js";
 import {
   Selector
 } from "./chunk-RPYB66KY.js";
@@ -56,14 +56,14 @@ import {
   StackedLines
 } from "./chunk-3KOUSJV6.js";
 import {
-  SwiftTwoTone
-} from "./chunk-L52XQKBX.js";
+  Recycling
+} from "./chunk-WDFOXMFH.js";
+import {
+  Remove
+} from "./chunk-E6ZB6OJD.js";
 import {
   Restart
 } from "./chunk-J5NYACJ7.js";
-import {
-  RightArrow
-} from "./chunk-CKOW6ME2.js";
 import {
   Roadmap
 } from "./chunk-BX32TDWY.js";
@@ -80,8 +80,8 @@ import {
   Search
 } from "./chunk-TAEOGBWY.js";
 import {
-  SecurityKey
-} from "./chunk-LQ6VW2FH.js";
+  PiggyBank
+} from "./chunk-5EFICY5Y.js";
 import {
   Plus
 } from "./chunk-3YVEKRB3.js";
@@ -101,11 +101,8 @@ import {
   ReactTwoTone
 } from "./chunk-ZXACVTYJ.js";
 import {
-  Recycling
-} from "./chunk-WDFOXMFH.js";
-import {
-  Remove
-} from "./chunk-E6ZB6OJD.js";
+  ReceiptBill
+} from "./chunk-3OYKPPML.js";
 import {
   NodeAdd
 } from "./chunk-XXE3N5AE.js";
@@ -115,6 +112,9 @@ import {
 import {
   NotEye
 } from "./chunk-3XGQJIDN.js";
+import {
+  Notebook
+} from "./chunk-CTPC457D.js";
 import {
   PaperPlane
 } from "./chunk-GJAG2D3Y.js";
@@ -127,9 +127,6 @@ import {
 import {
   PersonCircle
 } from "./chunk-QBM7XXVQ.js";
-import {
-  PiggyBank
-} from "./chunk-5EFICY5Y.js";
 import {
   LoadingSpinner
 } from "./chunk-BDCKN7K3.js";
@@ -138,7 +135,7 @@ import {
 } from "./chunk-LDOAR276.js";
 import {
   Logo
-} from "./chunk-SIWCH44U.js";
+} from "./chunk-DQHT3RBW.js";
 import {
   LogoBolt
 } from "./chunk-W5QTCRAG.js";
@@ -154,6 +151,9 @@ import {
 import {
   Monitor
 } from "./chunk-M2H6AEUK.js";
+import {
+  Home
+} from "./chunk-QAWK7SU6.js";
 import {
   Info
 } from "./chunk-5EIYTCCK.js";
@@ -166,9 +166,6 @@ import {
 import {
   KotlinTwoTone
 } from "./chunk-XGUCS6ED.js";
-import {
-  LeftArrow
-} from "./chunk-36ATWJ72.js";
 import {
   LightningOnRoundedSquare
 } from "./chunk-K6KKTYTR.js";
@@ -178,6 +175,12 @@ import {
 import {
   LoadingCircleLines
 } from "./chunk-EDAMG44V.js";
+import {
+  Figma
+} from "./chunk-7Y2G2JDF.js";
+import {
+  FlutterTwoTone
+} from "./chunk-W7XPZYSY.js";
 import {
   FramedLetterI
 } from "./chunk-IX5TIDMO.js";
@@ -197,11 +200,11 @@ import {
   HeartOutline
 } from "./chunk-RCIZUC7L.js";
 import {
-  Home
-} from "./chunk-QAWK7SU6.js";
+  DollarManropeSmall
+} from "./chunk-KODQP6CN.js";
 import {
-  HorizontalArrows
-} from "./chunk-72CHU34B.js";
+  DotGrid1x3Horizontal
+} from "./chunk-UZ4TRHF3.js";
 import {
   Download
 } from "./chunk-PF5SD6AF.js";
@@ -221,11 +224,11 @@ import {
   EyeDropper
 } from "./chunk-PO5NJLKW.js";
 import {
-  Figma
-} from "./chunk-7Y2G2JDF.js";
+  Clock
+} from "./chunk-C4CFIKAL.js";
 import {
-  FlutterTwoTone
-} from "./chunk-W7XPZYSY.js";
+  Close
+} from "./chunk-TA7W237X.js";
 import {
   Code
 } from "./chunk-TSYLKHL2.js";
@@ -245,11 +248,11 @@ import {
   DollarManrope
 } from "./chunk-4EKGRFUQ.js";
 import {
-  DollarManropeSmall
-} from "./chunk-KODQP6CN.js";
+  CheckmarkCircleTier1
+} from "./chunk-NETNVCI3.js";
 import {
-  DotGrid1x3Horizontal
-} from "./chunk-UZ4TRHF3.js";
+  CheckmarkCircleTier2
+} from "./chunk-WNQ7KWL6.js";
 import {
   CheckmarkCircleTier3
 } from "./chunk-O6YPHO6M.js";
@@ -269,11 +272,11 @@ import {
   CirclePlus
 } from "./chunk-6AFSPHQC.js";
 import {
-  Clock
-} from "./chunk-C4CFIKAL.js";
+  Bank
+} from "./chunk-NESZTWYE.js";
 import {
-  Close
-} from "./chunk-TA7W237X.js";
+  BitcoinB
+} from "./chunk-WHIOQKWN.js";
 import {
   BitcoinBOnRoundedSquare
 } from "./chunk-CJDIDKDD.js";
@@ -290,44 +293,32 @@ import {
   Checkmark
 } from "./chunk-IYEEAOW3.js";
 import {
-  CheckmarkCircleGreen
-} from "./chunk-4FM66VF3.js";
+  CheckmarkCircle
+} from "./chunk-BQYGHD5H.js";
 import {
-  CheckmarkCircleTier1
-} from "./chunk-NETNVCI3.js";
-import {
-  CheckmarkCircleTier2
-} from "./chunk-WNQ7KWL6.js";
+  ArrowLeft
+} from "./chunk-H5GYYPG3.js";
 import {
-  ArrowCircleTier2
-} from "./chunk-JLD7MGLC.js";
-import {
-  ArrowCircleTier3
-} from "./chunk-DW6LFUI2.js";
-import {
-  ArrowCornerDownRight
-} from "./chunk-6AC5YUBP.js";
-import {
-  ArrowDown
-} from "./chunk-ZQXRHPB6.js";
+  ArrowRight
+} from "./chunk-LVJ2PUOM.js";
 import {
   ArrowUp
 } from "./chunk-Q3YLC4JA.js";
+import {
+  ArrowUpRight
+} from "./chunk-57IQEIDN.js";
 import {
   ArrowUpRightCircleFill
-} from "./chunk-2IXAUIKR.js";
+} from "./chunk-Z545Q5S3.js";
 import {
-  Bank
-} from "./chunk-NESZTWYE.js";
+  ArrowsDown
+} from "./chunk-UF2SAH66.js";
 import {
-  BitcoinB
-} from "./chunk-WHIOQKWN.js";
+  ArrowsHorizontal
+} from "./chunk-J6Q5RIOB.js";
 import {
-  AI
-} from "./chunk-36RZWQ7S.js";
-import {
-  AnchorLink
-} from "./chunk-UCOL37RG.js";
+  ArrowsUp
+} from "./chunk-PPWQMT6L.js";
 import {
   ApiConnection
 } from "./chunk-YRFC56VN.js";
@@ -340,9 +331,27 @@ import {
 import {
   ArrowCircleTier1
 } from "./chunk-QW2INB5A.js";
+import {
+  ArrowCircleTier2
+} from "./chunk-JLD7MGLC.js";
+import {
+  ArrowCircleTier3
+} from "./chunk-DW6LFUI2.js";
+import {
+  ArrowCornerDownRight
+} from "./chunk-6AC5YUBP.js";
+import {
+  ArrowDown
+} from "./chunk-ZQXRHPB6.js";
+import {
+  AI
+} from "./chunk-36RZWQ7S.js";
+import {
+  AnchorLink
+} from "./chunk-UCOL37RG.js";
 import {
   __export
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/icons/index.tsx
 var icons_exports = {};
@@ -357,8 +366,14 @@ __export(icons_exports, {
   ArrowCircleTier3: () => ArrowCircleTier3,
   ArrowCornerDownRight: () => ArrowCornerDownRight,
   ArrowDown: () => ArrowDown,
+  ArrowLeft: () => ArrowLeft,
+  ArrowRight: () => ArrowRight,
   ArrowUp: () => ArrowUp,
+  ArrowUpRight: () => ArrowUpRight,
   ArrowUpRightCircleFill: () => ArrowUpRightCircleFill,
+  ArrowsDown: () => ArrowsDown,
+  ArrowsHorizontal: () => ArrowsHorizontal,
+  ArrowsUp: () => ArrowsUp,
   Bank: () => Bank,
   BitcoinB: () => BitcoinB,
   BitcoinBOnRoundedSquare: () => BitcoinBOnRoundedSquare,
@@ -366,7 +381,7 @@ __export(icons_exports, {
   CaretRight: () => CaretRight,
   CentralArrowShareRight: () => CentralArrowShareRight,
   Checkmark: () => Checkmark,
-  CheckmarkCircleGreen: () => CheckmarkCircleGreen,
+  CheckmarkCircle: () => CheckmarkCircle,
   CheckmarkCircleTier1: () => CheckmarkCircleTier1,
   CheckmarkCircleTier2: () => CheckmarkCircleTier2,
   CheckmarkCircleTier3: () => CheckmarkCircleTier3,
@@ -400,12 +415,10 @@ __export(icons_exports, {
   GraphQLTwoTone: () => GraphQLTwoTone,
   HeartOutline: () => HeartOutline,
   Home: () => Home,
-  HorizontalArrows: () => HorizontalArrows,
   Info: () => Info,
   JavaScriptTwoTone: () => JavaScriptTwoTone,
   JavaTwoTone: () => JavaTwoTone,
   KotlinTwoTone: () => KotlinTwoTone,
-  LeftArrow: () => LeftArrow,
   LightningOnRoundedSquare: () => LightningOnRoundedSquare,
   LinkIcon: () => LinkIcon,
   LoadingCircleLines: () => LoadingCircleLines,
@@ -420,6 +433,7 @@ __export(icons_exports, {
   NodeAdd: () => NodeAdd,
   NonagonCheckmark: () => NonagonCheckmark,
   NotEye: () => NotEye,
+  Notebook: () => Notebook,
   PaperPlane: () => PaperPlane,
   Pencil: () => Pencil,
   Person: () => Person,
@@ -431,10 +445,10 @@ __export(icons_exports, {
   QuestionCircle: () => QuestionCircle,
   QuestionCircleStrong: () => QuestionCircleStrong,
   ReactTwoTone: () => ReactTwoTone,
+  ReceiptBill: () => ReceiptBill,
   Recycling: () => Recycling,
   Remove: () => Remove,
   Restart: () => Restart,
-  RightArrow: () => RightArrow,
   Roadmap: () => Roadmap,
   RustTwoTone: () => RustTwoTone,
   Satoshi: () => Satoshi,
@@ -453,8 +467,6 @@ __export(icons_exports, {
   Team: () => Team,
   Terminal: () => Terminal,
   Trash: () => Trash,
-  TwoArrowsDown: () => TwoArrowsDown,
-  TwoArrowsUp: () => TwoArrowsUp,
   Uma: () => Uma,
   UmaBridgeLoading: () => UmaBridgeLoading,
   UmaBridgeLoadingTransparent: () => UmaBridgeLoadingTransparent,

package/dist/{chunk-BXLJEGX5.cjs → chunk-YBWM4WKV.cjs}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/TwoArrowsUp.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowsUp.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function TwoArrowsUp() {
+function ArrowsUp() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -24,4 +24,4 @@ function TwoArrowsUp() {
 
 
 
-exports.TwoArrowsUp = TwoArrowsUp;
+exports.ArrowsUp = ArrowsUp;

package/dist/{chunk-T7PTO2D2.cjs → chunk-YHJTGE2Y.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNNTGGG2Ccjs = require('./chunk-NNTGGG2C.cjs');
+var _chunkANXJRCTVcjs = require('./chunk-ANXJRCTV.cjs');
 
 
-var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
+var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/CodeInput/CodeInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,8 +59,8 @@ function CodeInput({
     [getInputId, autoFocus]
   );
   const [inputState, setInputState] = _react.useState.call(void 0, 
-    Array(codeLength).fill(0).reduce((acc, item, i) => {
-      return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, acc), {
+    Array(codeLength).fill(0).reduce((acc, _, i) => {
+      return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
         [getInputId(i)]: {
           value: ""
         }
@@ -141,10 +141,10 @@ function CodeInput({
         return;
       }
       if (event.key === "Backspace" && (event.metaKey || event.ctrlKey || event.altKey)) {
-        replaceEntireState = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, inputState);
+        replaceEntireState = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState);
         Object.keys(replaceEntireState).forEach((inputId2) => {
           const newState2 = replaceEntireState;
-          newState2[inputId2] = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, newState2[inputId2]), {
+          newState2[inputId2] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, newState2[inputId2]), {
             value: ""
           });
         });
@@ -175,7 +175,7 @@ function CodeInput({
         nextInputRef.focus();
         nextInputRef.select();
       }
-      const newState = replaceEntireState ? replaceEntireState : _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, inputState), {
+      const newState = replaceEntireState ? replaceEntireState : _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState), {
         [inputId]: { value }
       });
       const code = codeFromInputState(newState);
@@ -195,10 +195,10 @@ function CodeInput({
         return;
       }
       const inputValues = text.split("");
-      const newState = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, inputState);
+      const newState = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState);
       inputValues.forEach((value, i) => {
         const inputId = getInputId(i);
-        newState[inputId] = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, newState[inputId]), {
+        newState[inputId] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, newState[inputId]), {
           value
         });
       });
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkNNTGGG2Ccjs.SingleCodeInput,
+        _chunkANXJRCTVcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -252,8 +252,8 @@ function CodeInput({
             if (_reactdevicedetect.isMobileSafari && event.nativeEvent instanceof CustomEvent) {
               autofillValuesRef.current += event.target.value;
               if (autofillValuesRef.current.length === codeLength) {
-                const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
-                  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, acc), {
+                const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
+                  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
                     [getInputId(i2)]: {
                       value: autofillValuesRef.current[i2]
                     }
@@ -266,8 +266,8 @@ function CodeInput({
                 autofillValuesRef.current = "";
               }
             } else if (_reactdevicedetect.isMobile && _reactdevicedetect.isChrome && event.target.value.length === codeLength) {
-              const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
-                return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, acc), {
+              const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
+                return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
                   [getInputId(i2)]: {
                     value: event.target.value[i2]
                   }
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkKLC2OBTGcjs.textInputBorderColor};
+  background-color: ${_chunkJPRA3J5Ccjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-DBMGV4DX.js → chunk-YRD2SMIO.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-DNRHVCOE.js";
+} from "./chunk-HEXTPM3C.js";
 import {
   Icon
-} from "./chunk-QQTZ6DZL.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   standardBorderRadius
-} from "./chunk-APUV4UN4.js";
+} from "./chunk-YZM4ALKD.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-2WREDS5B.cjs → chunk-YTMT3NY6.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/CopyToClipboardButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,7 +28,7 @@ var CopyToClipboardButton = (props) => {
       {
         type: "button",
         onClick: () => {
-          void (() => _chunkLKKJVJCGcjs.__async.call(void 0, void 0, null, function* () {
+          void (() => _chunkYM5JDZDQcjs.__async.call(void 0, void 0, null, function* () {
             try {
               yield navigator.clipboard.writeText(props.value);
               setTooltipContent("Copied!");
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLZ24FX6Ccjs.Tooltip,
+      _chunk5MLMGZJGcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-AXV4CDSK.cjs → chunk-YUALIPXR.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHTFKWW4Scjs = require('./chunk-HTFKWW4S.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
-var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/ButtonRow.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function ButtonRow({
   headerHeight = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowContainer, { smSticky, headerHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
-    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, button), idx)
+    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
   ) }) });
 }
 var ButtonRowContainer = _styled2.default.div`
@@ -37,9 +37,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkPYL3O7AFcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkPYL3O7AFcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkPYL3O7AFcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkDIMJISMHcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkDIMJISMHcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkDIMJISMHcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         z-index: 2;
         &:before {
@@ -61,7 +61,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
+  ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -78,7 +78,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkPYL3O7AFcjs.standardContentInset.smPx}px;
+    padding: ${_chunkDIMJISMHcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/chunk-YWI7HVJX.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkC6GQCKNTcjs = require('./chunk-C6GQCKNT.cjs');
+
+
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+
+
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+
+
+var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
+
+// src/components/IconWithCircleBackground.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function IconWithCircleBackground({
+  iconName = "WarningSign",
+  iconWidth = 40,
+  to,
+  onClick
+}) {
+  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC6GQCKNTcjs.Flex, { center: true, onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { size: iconWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: iconName, width: iconWidth, color: "grayBlue9" }) }) });
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQE67LKK5cjs.Link, { to, children: content }) : content;
+}
+var StyledIconWithCircleBackground = _styled2.default.div`
+  background-color: ${({ theme }) => _chunkWKRK5OVEcjs.getColor.call(void 0, theme, "grayBlue94")};
+  border-radius: 50%;
+  padding: ${({ size }) => getPadding(size)}px;
+  display: flex;
+  justify-content: center;
+  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+`;
+function getPadding(size) {
+  if (size === 40) {
+    return 20;
+  }
+  return 16;
+}
+
+
+
+exports.IconWithCircleBackground = IconWithCircleBackground;

package/dist/{chunk-APUV4UN4.js → chunk-YZM4ALKD.js}

@@ -1,12 +1,12 @@
 import {
   themeOr
-} from "./chunk-W5I53DTZ.js";
+} from "./chunk-O42E7NAG.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   darkGradient
-} from "./chunk-REL56P3K.js";
+} from "./chunk-MN4NUSPL.js";
 
 // src/styles/common.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-2IXAUIKR.js → chunk-Z545Q5S3.js}

@@ -15,7 +15,7 @@ function ArrowUpRightCircleFill() {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M20 1.25C30.3553 1.25 38.75 9.64468 38.75 20C38.75 30.3553 30.3553 38.75 20 38.75C9.64468 38.75 1.25 30.3553 1.25 20C1.25 9.64468 9.64468 1.25 20 1.25ZM15.4392 12.4122C14.8869 12.4122 14.4392 12.8599 14.4392 13.4122C14.4392 13.9644 14.8869 14.4122 15.4392 14.4122H24.1736L12.7051 25.8807C12.3146 26.2713 12.3146 26.9044 12.7051 27.2949C13.0956 27.6855 13.7288 27.6855 14.1193 27.2949L25.5879 15.8263V24.5608C25.5879 25.1131 26.0356 25.5608 26.5879 25.5608C27.1402 25.5608 27.5879 25.1131 27.5879 24.5608V13.4122C27.5879 12.8599 27.1402 12.4122 26.5879 12.4122H15.4392Z",
-          fill: "black"
+          fill: "currentColor"
         }
       )
     }