@lightsparkdev/ui 1.0.9 → 1.0.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lightsparkdev/ui
 
+## 1.0.10
+
+### Patch Changes
+
+- d61a209: - Rename some icons
+- Updated dependencies [d61a209]
+  - @lightsparkdev/core@1.2.3
+
 ## 1.0.9
 
 ### Patch Changes

package/dist/{chunk-R35JXTPE.js → chunk-2C73WWPT.js}

@@ -3,35 +3,35 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   Loading
-} from "./chunk-QJPQJXJ2.js";
+} from "./chunk-FFOE2R32.js";
 import {
   applyTypography
-} from "./chunk-U4Y4CF4A.js";
+} from "./chunk-R4JQUMCP.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-WZJTXJM5.js";
 import {
   Tooltip
-} from "./chunk-GUGOSES5.js";
+} from "./chunk-2KHMKDGF.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   getFocusOutline
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   TokenSize
 } from "./chunk-VASG2BKI.js";
 import {
   Link
-} from "./chunk-ELHOJIVP.js";
+} from "./chunk-HJQIDDKT.js";
 import {
   renderTypography
-} from "./chunk-5GLOHTP6.js";
+} from "./chunk-73ETEREG.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-2PK3U5ML.js → chunk-2F2YMUL5.js}

@@ -1,12 +1,12 @@
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-IGZYEIQS.js";
+} from "./chunk-HEXTPM3C.js";
 import {
   Button
-} from "./chunk-R35JXTPE.js";
+} from "./chunk-2C73WWPT.js";
 import {
   standardContentInset
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-LKVZRZJF.js → chunk-2G552RN7.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-U4Y4CF4A.js";
+} from "./chunk-R4JQUMCP.js";
 import {
   toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
+} from "./chunk-DILTUDQN.js";
 
 // src/components/typography/Display.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-GUGOSES5.js → chunk-2KHMKDGF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-MOTLS6PJ.cjs → chunk-2MIU5D22.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -64,7 +64,7 @@ function QRCode({
         isCentered,
         border,
         animated,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "LogoOnCircle", width: 30 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "LogoOnCircle", width: 30 })
       }
     ) }) }),
     children
@@ -97,7 +97,7 @@ var QRCodeImage = _styled2.default.div`
 var shadowOffsetA = 2;
 var tailRadiusA = 1.1;
 var tailRadiusB = 0.5;
-var shadowColor = _chunkO7USIZI6cjs.colors.white;
+var shadowColor = _chunkCFG65CGCcjs.colors.white;
 var initialBoxShadow = `
   box-shadow: -${shadowOffsetA}px 0px ${tailRadiusA}px 1.5px ${shadowColor},
   0 0 4px ${tailRadiusB}px ${shadowColor};
@@ -215,7 +215,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunkZO52GP5Zcjs.absoluteCenter}
+    ${_chunk6IU4OQOCcjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/{chunk-O37IA7LS.js → chunk-37HQ4WOA.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-AOBHSOUN.js";
+} from "./chunk-AIP5ENLX.js";
 import {
   themes
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-MQTRGLN5.js → chunk-3V52MNZC.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-CN6AMXLK.js";
+} from "./chunk-62K3RQJB.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-VKVJMZXL.js → chunk-3VB55LWB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-ZFXEYU7P.js";
+} from "./chunk-IGNDJHKO.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";

package/dist/{chunk-GFKY6YX2.cjs → chunk-4CFGJROV.cjs}

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVSBIQ3WKcjs = require('./chunk-VSBIQ3WK.cjs');
+var _chunkXHLL5XVNcjs = require('./chunk-XHLL5XVN.cjs');
 
 
 
 
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
 
 
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
+var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkM72EXGIScjs = require('./chunk-M72EXGIS.cjs');
+var _chunkKEO4UBBQcjs = require('./chunk-KEO4UBBQ.cjs');
 
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.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, {}, _chunkNVVAOGNLcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkJPRA3J5Ccjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -148,7 +148,7 @@ function TextInput(textInputProps) {
           focused,
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input })
@@ -174,18 +174,18 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNVVAOGNLcjs.InputSubtext,
+      _chunkJPRA3J5Ccjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OP23S3Qcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -196,14 +196,14 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
   input {
     padding-right: 34px;
   }
 
-  & ${_chunkI6Y7IHF5cjs.IconContainer.toString()} {
+  & ${_chunkJMIYMECJcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -217,10 +217,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkJX6HEEEQcjs.getFontColor.call(void 0, theme, colorProp) : _chunkNVVAOGNLcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkWKRK5OVEcjs.getFontColor.call(void 0, theme, colorProp) : _chunkJPRA3J5Ccjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkNVVAOGNLcjs.textInputStyle};
+  ${_chunkJPRA3J5Ccjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -243,7 +243,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -253,7 +253,7 @@ var RightButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -265,7 +265,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
+  margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -279,18 +279,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
+    margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkM72EXGIScjs.CheckboxContainer.toString()} + &,
-  ${_chunkVSBIQ3WKcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkM72EXGIScjs.CheckboxContainer.toString()},
-  & + ${_chunkVSBIQ3WKcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
+  ${_chunkKEO4UBBQcjs.CheckboxContainer.toString()} + &,
+  ${_chunkXHLL5XVNcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkKEO4UBBQcjs.CheckboxContainer.toString()},
+  & + ${_chunkXHLL5XVNcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-7QXYBPSJ.cjs → chunk-4EK5RAZS.cjs}

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

package/dist/{chunk-4PWNHIAM.cjs → chunk-4QK2V7YW.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunkZO52GP5Zcjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunk6IU4OQOCcjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-4SNEOOFX.cjs → chunk-4VRON4MF.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVZEYA2KHcjs = require('./chunk-VZEYA2KH.cjs');
+var _chunkNCH72LUBcjs = require('./chunk-NCH72LUB.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 // src/components/TextIconAligner.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -27,13 +27,13 @@ function TextIconAligner({
     text: defaultTypography,
     nextLink: defaultTypography
   };
-  const nodesWithTypography = _chunkVZEYA2KHcjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkNCH72LUBcjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkI6Y7IHF5cjs.Icon,
+    _chunkJMIYMECJcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -42,7 +42,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkI6Y7IHF5cjs.Icon,
+    _chunkJMIYMECJcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-2EEW2LXQ.js → chunk-54VI7M4H.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-X5SBSJ3Z.js";
 import {
   applyTypography
-} from "./chunk-U4Y4CF4A.js";
+} from "./chunk-R4JQUMCP.js";
 import {
   toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
+} from "./chunk-DILTUDQN.js";
 
 // src/components/typography/LabelStrong.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-AI4RYQ6R.cjs → chunk-55FMRU2M.cjs}

@@ -3,22 +3,22 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -101,7 +101,7 @@ var Drawer = (props) => {
         children: [
           props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
           props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk3XWROTDTcjs.Button,
+            _chunk7LOKZM7Vcjs.Button,
             {
               onClick: props.handleBack,
               icon: "ChevronLeft",
@@ -109,7 +109,7 @@ var Drawer = (props) => {
               size: "Small"
             }
           ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Close", width: 12 }) }) }),
+          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Close", width: 12 }) }) }),
           props.children
         ]
       }
@@ -199,7 +199,7 @@ var CloseButtonContainer = _styled2.default.div`
   top: 20px;
   right: 20px;
   border-radius: 50%;
-  background-color: ${_chunkO7USIZI6cjs.colors.grayBlue94};
+  background-color: ${_chunkCFG65CGCcjs.colors.grayBlue94};
   padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   height: 30px;
   width: 30px;
@@ -210,8 +210,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/chunk-57IQEIDN.js

@@ -0,0 +1,27 @@
+// src/icons/ArrowUpRight.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ArrowUpRight() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22.4167 17.4167V1.58333M22.4167 1.58333H6.58333M22.4167 1.58333L2 22",
+          stroke: "currentColor",
+          strokeWidth: "2.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ArrowUpRight
+};

package/dist/{chunk-EQJ45T46.js → chunk-5LEYZK7K.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-6EXTHISM.js";
+} from "./chunk-G3FLE2PL.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-5OP23S3Q.cjs → chunk-5MLMGZJG.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
 
@@ -54,7 +54,7 @@ var styles = ({ theme }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunk23NA5VW6cjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunkDIMJISMHcjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: 260px;
   box-shadow:

package/dist/chunk-5SJB7TBQ.js

@@ -0,0 +1,39 @@
+// src/components/Flex.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function Flex({
+  center = false,
+  justify: justifyProp,
+  align: alignProp,
+  column = false,
+  children,
+  onClick,
+  as = "div"
+}) {
+  const justify = justifyProp ? justifyProp : center ? "center" : "flex-start";
+  const align = alignProp ? alignProp : center ? "center" : "flex-start";
+  return /* @__PURE__ */ jsx(
+    StyledFlex,
+    {
+      justify,
+      align,
+      column,
+      as,
+      onClick,
+      cursorProp: onClick ? "pointer" : "unset",
+      children
+    }
+  );
+}
+var StyledFlex = styled.div`
+  display: flex;
+
+  ${({ column }) => column && `flex-direction: column;`}
+  ${({ justify }) => `justify-content: ${justify};`}
+  ${({ align }) => `align-items: ${align};`}
+  ${({ cursorProp }) => `cursor: ${cursorProp};`}
+`;
+
+export {
+  Flex
+};

package/dist/{chunk-ATBJVIWR.js → chunk-5VRX24DR.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-G6VXXZIN.js";
+} from "./chunk-JKR3MA6Q.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-TBZO366T.js → chunk-5YKEHMNB.js}

@@ -1,12 +1,12 @@
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-WZJTXJM5.js";
 import {
   themeOr
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-MYJEL6LY.js → chunk-625AYCBC.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   themeOr
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-CN6AMXLK.js → chunk-62K3RQJB.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-IGZYEIQS.js";
+} from "./chunk-HEXTPM3C.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-G4KKDEZ4.cjs → chunk-6AHBVQ2G.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGFKY6YX2cjs.TextInput,
+    _chunk4CFGJROVcjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),