@lightsparkdev/ui 1.1.0 → 1.1.2

package/dist/{chunk-PMF5K72F.cjs → chunk-KOGW3LJC.cjs}

@@ -8,22 +8,22 @@
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk6VHPN6NVcjs = require('./chunk-6VHPN6NV.cjs');
+var _chunkBKDCUWHCcjs = require('./chunk-BKDCUWHC.cjs');
 
 
-var _chunkGWGAYSYHcjs = require('./chunk-GWGAYSYH.cjs');
+var _chunk3EIRVYICcjs = require('./chunk-3EIRVYIC.cjs');
 
 
-var _chunkHBDF6JWWcjs = require('./chunk-HBDF6JWW.cjs');
+var _chunk2A6IUQFDcjs = require('./chunk-2A6IUQFD.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
 
 
-var _chunk5SPEBEERcjs = require('./chunk-5SPEBEER.cjs');
+var _chunkOBUN65IKcjs = require('./chunk-OBUN65IK.cjs');
 
 
 var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
@@ -47,7 +47,7 @@ function toReactNodes(toReactNodesArg) {
       let content = text;
       if (_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) && node.typography) {
         const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["type"]);
-        content = _chunk5SPEBEERcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
+        content = _chunkOBUN65IKcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
           children: text
         }));
       } else {
@@ -58,16 +58,16 @@ function toReactNodes(toReactNodesArg) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
       );
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4L4UO26cjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DJ33XMZcjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk6VHPN6NVcjs.NextLink,
+        _chunkBKDCUWHCcjs.NextLink,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink),
         `next-link-${i}-${node.nextLink.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isIconNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk6Z6ZBZEJcjs.Icon,
+        _chunk4JJ5GJLEcjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.icon), {
           width: node.icon.width || 12
         }),
@@ -75,13 +75,13 @@ function toReactNodes(toReactNodesArg) {
       );
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGWGAYSYHcjs.CurrencyAmount,
+        _chunk2A6IUQFDcjs.CurrencyAmount,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHBDF6JWWcjs.ClipboardTextField,
+        _chunk3EIRVYICcjs.ClipboardTextField,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField),
         `clipboard-text-field-${i}-${node.clipboardTextField.id}`
       );

package/dist/{chunk-JFQRCDVB.js → chunk-KV4J4POE.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-E7KQDR6U.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-TCPAMMYH.js";
+} from "./chunk-RZFZCMDY.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-5EP2Q5VZ.cjs → chunk-L4K6LGDW.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAFNV5FHCcjs = require('./chunk-AFNV5FHC.cjs');
 
+var _chunkHW7ECH4Ncjs = require('./chunk-HW7ECH4N.cjs');
 
 
-var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
+var _chunk42S7PZMXcjs = require('./chunk-42S7PZMX.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 // src/components/FileInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,7 +59,7 @@ function FileInput({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkAFNV5FHCcjs.Pill,
+        _chunk42S7PZMXcjs.Pill,
         {
           text: fileName,
           cursor: "pointer",
@@ -67,7 +67,7 @@ function FileInput({
           onDeleteFromKeyboard: handleRemoveFile
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2PI3XHGDcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHW7ECH4Ncjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
   ] });
 }
 var StyledFileInputContainer = _styled2.default.div``;
@@ -94,7 +94,7 @@ var StyledFileInput = _styled2.default.div`
   label {
     display: block;
     cursor: pointer;
-    ${({ theme, hasValidFileSet }) => _chunk2PI3XHGDcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkHW7ECH4Ncjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/{chunk-DO3L552Y.cjs → chunk-LC4C2GUC.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 
 
-var _chunkVK4EJLJ6cjs = require('./chunk-VK4EJLJ6.cjs');
+var _chunkPYHSJNMIcjs = require('./chunk-PYHSJNMI.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkVK4EJLJ6cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkPYHSJNMIcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVK4EJLJ6cjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPYHSJNMIcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-DO3PWX7Q.cjs → chunk-LDNG63AK.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
-var _chunkTBZZXLAMcjs = require('./chunk-TBZZXLAM.cjs');
+var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
   const selector = applyToAll ? "&, & *" : "&";
   return `
     ${selector} {
-      ${_chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, color)};
+      ${_chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, typographyType, size)};
+      color: ${_chunkQI7YHMJZcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-66TMF6JR.cjs → chunk-LEDA4EMP.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
+var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkDO3PWX7Qcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkLDNG63AKcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/chunk-LITP7RYO.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ArrowInboxUp.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowInboxUp({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M10 3.125V12.5M10 3.125L13.75 6.875M10 3.125L6.25 6.875M16.875 10.625V16.0417C16.875 16.5019 16.5019 16.875 16.0417 16.875H3.95833C3.4981 16.875 3.125 16.5019 3.125 16.0417V10.625",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ArrowInboxUp = ArrowInboxUp;

package/dist/{chunk-764PTQNO.js → chunk-LMLZWAB6.js}

@@ -1,9 +1,9 @@
 import {
   useNumberInput
-} from "./chunk-PPY3QJ2X.js";
+} from "./chunk-AVQWEFC4.js";
 import {
   TextInput
-} from "./chunk-JU2FTCTN.js";
+} from "./chunk-DFYU5VPB.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-SILL7PHK.js → chunk-LSLBJH2Q.js}

@@ -8,8 +8,7 @@ function Phone({
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",

package/dist/chunk-LUCFZGLG.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/WeakStrength.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function WeakStrengthIcon({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M11.6133 2C10.969 2 10.4467 2.52233 10.4467 3.16667V12.8333C10.4467 13.4777 10.969 14 11.6133 14H12.8333C13.4777 14 14 13.4777 14 12.8333V3.16667C14 2.52233 13.4777 2 12.8333 2H11.6133Z",
+            fill: "#B6BAC3"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7.38677 5.55566C6.74244 5.55566 6.22009 6.078 6.22009 6.72234V12.8335C6.22009 13.4777 6.74244 14.0001 7.38677 14.0001H8.60677C9.25111 14.0001 9.77344 13.4777 9.77344 12.8334V6.72234C9.77344 6.078 9.25111 5.55566 8.60677 5.55566H7.38677Z",
+            fill: "#B6BAC3"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M3.16667 8.51855C2.52233 8.51855 2 9.04089 2 9.68522V12.8334C2 13.4778 2.52233 14.0001 3.16667 14.0001H4.38667C5.031 14.0001 5.55333 13.4778 5.55333 12.8334V9.68522C5.55333 9.04089 5.031 8.51855 4.38667 8.51855H3.16667Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.WeakStrengthIcon = WeakStrengthIcon;

package/dist/{chunk-5X4RSRIK.cjs → chunk-MB5LWFQK.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkF65DFJX5cjs = require('./chunk-F65DFJX5.cjs');
+var _chunkFXOJZHWYcjs = require('./chunk-FXOJZHWY.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF65DFJX5cjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFXOJZHWYcjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-6L3YFTSL.js → chunk-MC2ZBKES.js}

@@ -1,9 +1,9 @@
 import {
   central_exports
-} from "./chunk-LTFCYY4X.js";
+} from "./chunk-JY2GP4ST.js";
 import {
   icons_exports
-} from "./chunk-IJVDTNJ4.js";
+} from "./chunk-UTU2KDZR.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-43EQF4CG.cjs → chunk-MCKKNBET.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 // src/components/ContentTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -18,7 +18,7 @@ function ContentTable({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
       columns.map((column) => {
         const value = row[column.key];
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/chunk-MEOGL5NX.js

@@ -0,0 +1,33 @@
+// src/icons/central/Gift.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Gift({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16 10.3337V8.11143M16 10.3337H13.7777C11.3232 10.3337 9.33333 8.34382 9.33333 5.88922C9.33333 4.66191 10.3283 3.66699 11.5556 3.66699C14.0101 3.66699 16 5.65683 16 8.11143M16 10.3337H18.2223C20.6768 10.3337 22.6667 8.34382 22.6667 5.88922C22.6667 4.66191 21.6717 3.66699 20.4444 3.66699C17.9899 3.66699 16 5.65683 16 8.11143M16 10.3337H6.33333C5.59696 10.3337 5 10.9306 5 11.667V14.667C5 15.4034 5.59696 16.0003 6.33333 16.0003M16 10.3337H25.6667C26.4031 10.3337 27 10.9306 27 11.667V14.667C27 15.4034 26.4031 16.0003 25.6667 16.0003M16 10.3337V16.0003M6.33333 16.0003V25.667C6.33333 26.4034 6.93029 27.0003 7.66667 27.0003H16M6.33333 16.0003H16M6.33333 16.0003V15.3337M25.6667 16.0003V25.667C25.6667 26.4034 25.0697 27.0003 24.3333 27.0003H16M25.6667 16.0003H16M25.6667 16.0003V15.3337M16 16.0003V27.0003",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Gift
+};

package/dist/{chunk-SFL5D7JR.js → chunk-MHI74LTB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-JU2FTCTN.js";
+} from "./chunk-DFYU5VPB.js";
 import {
   __spreadProps,
   __spreadValues
@@ -36,9 +36,11 @@ function PhoneInput({
   typography,
   onChange: onChangeProp,
   onBlur: onBlurProp,
+  onFocus: onFocusProp,
   error: errorProp,
   pxPerChar = 6,
-  defaultCountryCode = "US"
+  defaultCountryCode = "US",
+  borderRadius = 8
 }) {
   const [countryCode, setCountryCode] = useState(defaultCountryCode);
   const [value, setValue] = useState("");
@@ -90,11 +92,17 @@ function PhoneInput({
         options,
         value: countryCode,
         onChange: onChangeSelect,
-        width
+        width,
+        height: 54
       },
       pattern: "[0-9,]*",
       inputMode: "numeric",
       value: formattedValue,
+      onFocus: (focusEvent) => {
+        if (onFocusProp) {
+          onFocusProp(focusEvent);
+        }
+      },
       onBlur: (blurEvent) => {
         setWasBlurred(true);
         if (onBlurProp) {
@@ -103,7 +111,10 @@ function PhoneInput({
       },
       onChange,
       error: errorProp || error,
-      typography
+      typography,
+      borderRadius,
+      borderWidth: 0.5,
+      paddingY: 13.5
     }
   );
 }

package/dist/{chunk-NXZY7WP4.js → chunk-MKERXZUC.js}

@@ -1,21 +1,21 @@
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   lineClamp
-} from "./chunk-RKAVKJX6.js";
+} from "./chunk-YWNKHN46.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-JWFDHULW.js";
 import {
   applyTypography
-} from "./chunk-H2R5LMTF.js";
+} from "./chunk-I6WJCP2T.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";
 import {
   getLineHeightNumberForTypographyType
-} from "./chunk-FGZFMWJU.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
+} from "./chunk-J3TUZRIL.js";
 import {
   __spreadProps,
   __spreadValues