@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/{chunk-PLBOVPIA.cjs → chunk-3URPB6A2.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
+var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.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');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -51,8 +51,8 @@ function QRCode({
     marginSize: isUma ? 4 : 0
   };
   if (isUma) {
-    qrCodeProps.bgColor = _chunkQYVQII3Icjs.colors.grayBlue10;
-    qrCodeProps.fgColor = _chunkQYVQII3Icjs.colors.white;
+    qrCodeProps.bgColor = _chunkK7HWTEGPcjs.colors.grayBlue10;
+    qrCodeProps.fgColor = _chunkK7HWTEGPcjs.colors.white;
   }
   if (showLogo) {
     qrCodeProps.imageSettings = {
@@ -79,7 +79,7 @@ function QRCode({
         animated,
         isUma,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6Z6ZBZEJcjs.Icon,
+          _chunk4N5EXQIScjs.Icon,
           {
             name: isUma ? "Uma" : "LogoOnCircle",
             color: isUma ? "white" : void 0,
@@ -100,7 +100,7 @@ var qr = ({ isCentered, border, isUma }) => _react.css`
   ${border && `border: ${borderWidth}px solid #ffffff;`}
   ${border && `border-radius: 8px;`}
   ${border && "box-sizing: content-box;"}
-  ${isUma && _chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
+  ${isUma && _chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}
 `;
 var QRCodeContainer = _styled2.default.div`
   display: flex;
@@ -124,7 +124,7 @@ var QRCodeImage = _styled2.default.div`
 var shadowOffsetA = 2;
 var tailRadiusA = 1.1;
 var tailRadiusB = 0.5;
-var shadowColor = _chunkQYVQII3Icjs.colors.white;
+var shadowColor = _chunkK7HWTEGPcjs.colors.white;
 var initialBoxShadow = `
   box-shadow: -${shadowOffsetA}px 0px ${tailRadiusA}px 1.5px ${shadowColor},
   0 0 4px ${tailRadiusB}px ${shadowColor};
@@ -139,8 +139,8 @@ var EmptyQRCodeSizer = _styled2.default.div`
   max-width: 100%;
   position: relative;
   padding-top: 100%;
-  ${({ isUma, theme }) => isUma && `background-color: ${_chunkHGCI5IAMcjs.getColor.call(void 0, theme, "grayBlue10")};
-    ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}`}
+  ${({ isUma, theme }) => isUma && `background-color: ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, "grayBlue10")};
+    ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}`}
 `;
 var EmptyQRCode = _styled2.default.div`
   ${qr}
@@ -244,7 +244,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunk7H2OXTENcjs.absoluteCenter}
+    ${_chunkXQNOVNF4cjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/{chunk-CFILIWVR.js → chunk-42MFZHGO.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-JU2FTCTN.js";
+} from "./chunk-JBKOX4EH.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-VFOOK2Q5.js → chunk-43FHEBXH.js}

@@ -1,21 +1,21 @@
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-U6EBWLCK.js";
+} from "./chunk-2OE2VPDJ.js";
 import {
   UnstyledButton
-} from "./chunk-Z6I64NIF.js";
+} from "./chunk-3HIDFTSK.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   standardFocusOutline
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";
@@ -95,6 +95,7 @@ var Drawer = (props) => {
         totalDeltaY,
         grabbing,
         ref: drawerContainerRef,
+        top: props.top,
         children: /* @__PURE__ */ jsxs(DrawerInnerContainer, { kind: props.kind, padding: props.padding, children: [
           props.grabber && !props.nonDismissable && /* @__PURE__ */ jsx(Grabber, { onClick: handleClose, children: /* @__PURE__ */ jsx(GrabberBar, {}) }),
           props.handleBack && /* @__PURE__ */ jsx(BackButtonContainer, { children: /* @__PURE__ */ jsx(
@@ -157,6 +158,8 @@ var DrawerContainer = styled.div`
   flex-direction: column;
   align-items: center;
 
+  ${(props) => props.top && `top: ${props.top}px;`}
+
   // Only smooth transition when not grabbing, otherwise dragging will feel very laggy
   ${(props) => props.grabbing && props.isOpen ? "" : "transition: transform 0.3s ease-in-out;"};
 
@@ -194,7 +197,6 @@ var DrawerInnerContainer = styled.div`
   background-color: ${({ theme }) => theme.bg};
   padding: ${(props) => props.padding ? `${props.padding}` : `${Spacing.px["6xl"]} ${Spacing.px.xl} ${Spacing.px["2xl"]}
     ${Spacing.px.xl}`};
-  overflow-y: auto;
 `;
 var Grabber = styled.div`
   position: absolute;

package/dist/{chunk-HWWDYLZ7.cjs → chunk-46X45LHV.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkJX2ZFW7Mcjs = require('./chunk-JX2ZFW7M.cjs');
+var _chunkLMPAMZVNcjs = require('./chunk-LMPAMZVN.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
+var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
 
 // src/components/PageSection/PageSectionNav.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,24 +41,24 @@ var PageSectionList = _styled2.default.ul`
 `;
 var StyledPageSectionNavItem = _styled2.default.li`
   align-items: center;
-  color: ${_chunkQYVQII3Icjs.colors.gray40};
+  color: ${_chunkK7HWTEGPcjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunk6Z6ZBZEJcjs.IconContainer}:not(:first-of-type) {
+  ${_chunk4N5EXQIScjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunk6Z6ZBZEJcjs.IconContainer} {
+    ${_chunk4N5EXQIScjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkJX2ZFW7Mcjs.TextButton,
+  _chunkLMPAMZVNcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-RDWZJCFB.js → chunk-4C6DRJZF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-H2R5LMTF.js";
+} from "./chunk-J44WQFQT.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-XOJGASAT.js → chunk-4FGWW3A2.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   renderTypography
-} from "./chunk-6H54ZONZ.js";
+} from "./chunk-UL6O4F7D.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-PXT6C4F7.cjs → chunk-4HPURCWW.cjs}

@@ -1,40 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk43EQF4CGcjs = require('./chunk-43EQF4CG.cjs');
+var _chunkJNEL3EPCcjs = require('./chunk-JNEL3EPC.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.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 _chunk2L6PVYRNcjs = require('./chunk-2L6PVYRN.cjs');
+var _chunkQWAPH5RVcjs = require('./chunk-QWAPH5RV.cjs');
 
 
-var _chunkVK4EJLJ6cjs = require('./chunk-VK4EJLJ6.cjs');
+var _chunkSIDAD2FYcjs = require('./chunk-SIDAD2FY.cjs');
 
 
-var _chunk6X6QKELEcjs = require('./chunk-6X6QKELE.cjs');
+var _chunkJ6J6O5BRcjs = require('./chunk-J6J6O5BR.cjs');
 
 
+var _chunkYAS6CAZOcjs = require('./chunk-YAS6CAZO.cjs');
 
-var _chunkTBJKNYG4cjs = require('./chunk-TBJKNYG4.cjs');
 
 
-var _chunkNXLHWPSHcjs = require('./chunk-NXLHWPSH.cjs');
+var _chunkUBQ5BC6Mcjs = require('./chunk-UBQ5BC6M.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkTBZZXLAMcjs = require('./chunk-TBZZXLAM.cjs');
+var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
 
 
-var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
+var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
 
 // src/components/typography/Article.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -50,53 +50,53 @@ function Article({ defaultTypography, children }) {
   );
 }
 var StyledArticle = _styled2.default.article`
-  ${({ theme, type, size }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, type, size)}
+  ${({ theme, type, size }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunk6X6QKELEcjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkSIDAD2FYcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkNXLHWPSHcjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkYAS6CAZOcjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunk43EQF4CGcjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkJNEL3EPCcjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,9 +110,9 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkTBJKNYG4cjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunk2L6PVYRNcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkVK4EJLJ6cjs.StyledCode)})
+  *:not(${_chunkUBQ5BC6Mcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkJ6J6O5BRcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkQWAPH5RVcjs.StyledCode)})
     > a {
-    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
+    ${({ theme }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
     color: ${({ theme }) => theme.link};
   }
@@ -128,22 +128,22 @@ var StyledArticle = _styled2.default.article`
   }
 
   li {
-    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
+    ${({ theme }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
     :not(:last-child) {
       margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]};
     }
   }
 
   code:not([class|="language"]) {
-    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
-    background: ${_chunkQYVQII3Icjs.colors.grayBlue94};
+    ${({ theme }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
+    background: ${_chunkK7HWTEGPcjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
-    ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -152,9 +152,9 @@ var StyledArticle = _styled2.default.article`
   // Must match specificity of prismjs to get proper line height!
   pre[class|="language"],
   code[class|="language"] {
-    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
+    ${({ theme }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunk7H2OXTENcjs.overflowAutoWithoutScrollbars}
+    ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/{chunk-SSPKQJOW.cjs → chunk-4HUUCNLQ.cjs}

@@ -5,8 +5,9 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/styles/themeDefaults/cardForm.tsx
 var cardFormThemeBaseProps = {
-  paddingY: 56,
   paddingX: 56,
+  paddingTop: 56,
+  paddingBottom: 56,
   shadow: "soft",
   borderRadius: 24,
   borderWidth: 0,
@@ -39,14 +40,20 @@ var defaultCardFormTheme = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6
   kinds: {
     primary: {},
     secondary: {
-      paddingY: 40,
+      paddingTop: 40,
+      paddingBottom: 40,
       paddingX: 40,
       shadow: "none",
       borderRadius: 8,
       borderWidth: 1,
       borderColor: "vlcNeutral"
     },
-    tertiary: { paddingY: 56, paddingX: 40, shadow: "hard" }
+    tertiary: {
+      paddingTop: 56,
+      paddingBottom: 56,
+      paddingX: 40,
+      shadow: "hard"
+    }
   }
 });
 

package/dist/chunk-4IFDR4TO.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CheckmarkGreen.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CheckmarkGreen({
+  strokeWidth = "4",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 49 49",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          id: "Vector",
+          d: "M6 30.6876L18.5 41L43 8",
+          stroke: "#559057",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.CheckmarkGreen = CheckmarkGreen;

package/dist/{chunk-OLNRE3IL.js → chunk-4LGS7DX5.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-22SE37H7.js";
+} from "./chunk-XW7TPKTP.js";
 import {
   textInputBorderColor
-} from "./chunk-KU4X4VPI.js";
+} from "./chunk-UH2H3Y7Y.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-WU3OOKRP.js → chunk-4MMW2VJI.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-DFVX2CXQ.js";
+} from "./chunk-5257236A.js";
 import {
   themes
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-6Z6ZBZEJ.cjs → chunk-4N5EXQIS.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6A6IMQ3Ocjs = require('./chunk-6A6IMQ3O.cjs');
+var _chunkEIK6IX56cjs = require('./chunk-EIK6IX56.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunk6A6IMQ3Ocjs.iconMap[name];
-  const w = parseFloat((width / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunkEIK6IX56cjs.iconMap[name];
+  const w = parseFloat((width / _chunkU35SY546cjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkU35SY546cjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkXUEKQQJVcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkXUEKQQJVcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-YUEYUDQC.js → chunk-4S2OUM3H.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-H2R5LMTF.js";
+} from "./chunk-J44WQFQT.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-OIPTQLCG.js → chunk-4TP6B3DR.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-FHRJPK5E.js";
+} from "./chunk-XLXBCBY5.js";
 import {
   standardBorderRadius
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-ASS6BJWH.cjs → chunk-4Y7H6RLJ.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunk3GKIKZL2cjs = require('./chunk-3GKIKZL2.cjs');
+var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
 
 
 
@@ -38,7 +38,8 @@ function PhoneInput({
   onBlur: onBlurProp,
   error: errorProp,
   pxPerChar = 6,
-  defaultCountryCode = "US"
+  defaultCountryCode = "US",
+  borderRadius = 8
 }) {
   const [countryCode, setCountryCode] = _react.useState.call(void 0, defaultCountryCode);
   const [value, setValue] = _react.useState.call(void 0, "");
@@ -84,13 +85,14 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3GKIKZL2cjs.TextInput,
+    _chunkYZ2C4D6Ncjs.TextInput,
     {
       select: {
         options,
         value: countryCode,
         onChange: onChangeSelect,
-        width
+        width,
+        height: 54
       },
       pattern: "[0-9,]*",
       inputMode: "numeric",
@@ -103,7 +105,10 @@ function PhoneInput({
       },
       onChange,
       error: errorProp || error,
-      typography
+      typography,
+      borderRadius,
+      borderWidth: 0.5,
+      paddingY: 13.5
     }
   );
 }

package/dist/{chunk-DFVX2CXQ.js → chunk-5257236A.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   useThemeBg
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";