@lightsparkdev/ui 1.1.1 → 1.1.3

package/dist/{chunk-VXW4GOMO.cjs → chunk-CZJ6JPXB.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
+var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
 
 
-var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
+var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
 
 
-var _chunkILL2GVLFcjs = require('./chunk-ILL2GVLF.cjs');
+var _chunk3LSZAQEVcjs = require('./chunk-3LSZAQEV.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
 
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
 
@@ -51,6 +51,7 @@ var buttonKinds = [
   "ghost",
   "transparent",
   "green33",
+  "green37",
   "purple55",
   "blue43",
   "blue39",
@@ -62,17 +63,19 @@ var buttonKinds = [
   "roundSingleChar",
   "roundIcon",
   "gray",
-  "grayGradient"
+  "grayGradient",
+  "gray99",
+  "white21"
 ];
 function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkXUEKQQJVcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkEGKT7YHPcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkXUEKQQJVcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkEGKT7YHPcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -197,6 +200,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
     disabled = false,
     mt = 0,
     ml = 0,
+    mb = 0,
     type = "button",
     newTab = false,
     zIndex = void 0,
@@ -215,7 +219,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VSTXVUIcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -228,7 +232,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4N5EXQIScjs.Icon,
+          _chunkCKSZUZXJcjs.Icon,
           _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: true,
@@ -257,7 +261,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkILL2GVLFcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunk3LSZAQEVcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size
@@ -268,7 +272,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUFS2MGGcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -296,7 +300,8 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
     disabled: disabled || loading,
     css: {
       marginTop: mt ? typeof mt === "number" ? `${mt}px` : "auto" : void 0,
-      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0
+      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0,
+      marginBottom: mb ? typeof mb === "number" ? `${mb}px` : "auto" : void 0
     },
     newTab,
     borderRadius,
@@ -354,7 +359,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
+    ${_chunkWUF4FEGOcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -362,7 +367,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkU35SY546cjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunk545K27C4cjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -402,9 +407,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3LKI5VGcjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`

package/dist/{chunk-N6L2WIQ5.cjs → chunk-D2QM3JUP.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 // src/components/Table/TableEmptyState.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -27,12 +27,12 @@ var TableEmptyState = (props) => {
 };
 var StyledTableEmptyState = _styled2.default.div`
   position: relative;
-  ${_chunkU35SY546cjs.standardContentInset.css}
+  ${_chunk545K27C4cjs.standardContentInset.css}
 `;
 var TableEmptyStateLine = _styled2.default.div`
   background: linear-gradient(
     90deg,
-    ${({ theme }) => _chunkXUEKQQJVcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
+    ${({ theme }) => _chunkEGKT7YHPcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
     rgba(242, 242, 242, 0) 100%
   );
   height: 16px;
@@ -53,12 +53,12 @@ var TableEmptyStateCardContainer = _styled2.default.div`
   width: 100%;
 `;
 var TableEmptyStateCard = _styled2.default.div`
-  ${_chunkU35SY546cjs.standardCardShadow}
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunk545K27C4cjs.standardCardShadow}
+  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 16)}
   padding: 32px;
   width: 320px;
   max-width: 100%;
-  ${({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${({ theme }) => _chunkEGKT7YHPcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
 `;
 var TableEmptyStateCardTitle = _styled2.default.p`
   font-weight: bold;

package/dist/{chunk-I6MQ5VOE.cjs → chunk-D2W2ROKQ.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
+var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
 
 
-var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
+var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
 
 
 
@@ -95,7 +95,7 @@ function ClipboardTextField({
     }, commonProps), {
       children: [
         icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4N5EXQIScjs.Icon,
+          _chunkCKSZUZXJcjs.Icon,
           {
             name: "Copy",
             width: lineHeight * 0.7,
@@ -105,7 +105,7 @@ function ClipboardTextField({
         ) : null,
         valueNode,
         icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4N5EXQIScjs.Icon,
+          _chunkCKSZUZXJcjs.Icon,
           {
             name: "Copy",
             width: lineHeight * 0.7,
@@ -141,11 +141,11 @@ var ClipboardTextFieldValue = _styled2.default.span`
   vertical-align: middle;
 
   ${({ addLineClamp, maxLines }) => addLineClamp && maxLines ? `
-        ${_chunkXQNOVNF4cjs.lineClamp.call(void 0, maxLines).styles}
+        ${_chunkWX5R7NU7cjs.lineClamp.call(void 0, maxLines).styles}
         align-self: baseline;
       ` : ""}
 
-  ${({ theme, typography }) => _chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
+  ${({ theme, typography }) => _chunkWUF4FEGOcjs.applyTypography.call(void 0, 
   theme,
   (typography == null ? void 0 : typography.type) || "Body",
   (typography == null ? void 0 : typography.size) || "ExtraSmall",

package/dist/{chunk-RKYLP4HY.js → chunk-D3WSMM2N.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-5A7SOR5D.js";
+} from "./chunk-H7KIUDPL.js";
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";
@@ -19,6 +19,9 @@ function Checkbox({
   id,
   label,
   mt = 0,
+  mb = 0,
+  ml = 0,
+  mr = 0,
   alignItems = "center",
   disabled = false,
   typography: typographyProp
@@ -32,7 +35,7 @@ function Checkbox({
     default: defaultTypography
   });
   const content = toReactNodes(nodesWithTypography);
-  return /* @__PURE__ */ jsxs(CheckboxContainer, { mt, alignItems, children: [
+  return /* @__PURE__ */ jsxs(CheckboxContainer, { mt, mb, ml, mr, alignItems, children: [
     /* @__PURE__ */ jsx(
       StyledCheckbox,
       {
@@ -72,6 +75,9 @@ var StyledCheckbox = styled.input`
 var CheckboxContainer = styled.span`
   display: flex;
   ${({ mt }) => mt === 0 ? "" : `margin-top: ${mt}px;`}
+  ${({ mb }) => mb === 0 ? "" : `margin-bottom: ${mb}px;`}
+  ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
+  ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
   align-items: ${({ alignItems }) => alignItems};
 
   & + & {

package/dist/chunk-D4RAYQ6O.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Gift.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Gift({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "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"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Gift = Gift;

package/dist/chunk-D4UK7XQF.js

@@ -0,0 +1,48 @@
+// src/icons/central/WeakStrength.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function WeakStrengthIcon({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      children: [
+        /* @__PURE__ */ jsx(
+          "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__ */ jsx(
+          "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__ */ jsx(
+          "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"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  WeakStrengthIcon
+};

package/dist/{chunk-SIDAD2FY.cjs → chunk-DAID3TUP.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkHEMGZE2Gcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkWUF4FEGOcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function displaySelector(element) {

package/dist/{chunk-FDMZZB2V.js → chunk-DDUK4VXH.js}

@@ -1,9 +1,9 @@
-import {
-  TextInput
-} from "./chunk-JBKOX4EH.js";
 import {
   useNumberInput
-} from "./chunk-T6Q43UMB.js";
+} from "./chunk-IC2ARKW4.js";
+import {
+  TextInput
+} from "./chunk-GNNSP254.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-DORBQICL.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/NubankLogo.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function NubankLogo() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 27 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "clip-path": "url(#clip0_6775_256125)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M5.39308 1.33545C6.1955 0.492437 7.25989 0 8.51036 0C10.9464 0 12.5615 1.77862 12.8705 4.44312C12.9707 5.30841 12.9698 6.52833 12.9688 7.94133C12.9687 8.08622 12.9686 8.23318 12.9686 8.38198V13.6753H9.61854V9.76019C9.61854 9.76019 9.61172 6.40942 9.59124 5.78318C9.50134 3.05571 7.88666 1.34191 5.39273 1.34007C4.6403 2.13503 4.23713 3.107 4.17768 4.59318C4.1695 4.80047 4.17156 5.53521 4.17427 6.50357C4.17567 7.00529 4.17725 7.56976 4.17768 8.15605C4.18016 10.7079 4.17768 13.6759 4.17768 13.6759H0.827667V7.65056C0.827667 7.44411 0.823905 7.2359 0.820128 7.02686C0.81253 6.60638 0.804872 6.18266 0.827667 5.7631C0.865517 5.06367 0.986512 4.37609 1.31289 3.73735C2.05995 2.27404 3.5907 1.33186 5.22259 1.33186C5.27959 1.33186 5.33664 1.33306 5.39308 1.33545Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M26.1726 8.23662C26.1954 7.81705 26.1877 7.39329 26.1802 6.97285C26.1764 6.76382 26.1726 6.55561 26.1726 6.34915V0.323846H22.8226C22.8226 0.323846 22.8201 3.29176 22.8226 5.84362C22.823 6.42992 22.8246 6.99434 22.826 7.49606C22.8287 8.46447 22.8308 9.1992 22.8226 9.40649C22.7632 10.8927 22.36 11.8647 21.6075 12.6597C19.1137 12.6578 17.499 10.944 17.4091 8.21654C17.3886 7.5903 17.3799 6.03625 17.3799 4.23638V0.321289L14.0324 0.324417V5.61774C14.0324 5.76654 14.0323 5.91345 14.0322 6.05839C14.0311 7.47139 14.0303 8.69127 14.1305 9.5566C14.4388 12.2211 16.0539 13.9997 18.49 13.9997C19.7405 13.9997 20.8049 13.5073 21.6073 12.6642C21.6637 12.6667 21.7207 12.6678 21.7777 12.6678C23.4096 12.6678 24.9403 11.7257 25.6874 10.2624C26.0138 9.62358 26.1348 8.93605 26.1726 8.23662Z",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clip0_6775_256125", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            width: "25.6667",
+            height: "14",
+            fill: "currentColor",
+            transform: "translate(0.666748)"
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+
+
+exports.NubankLogo = NubankLogo;

package/dist/{chunk-FPURFODV.js → chunk-DQOZAYDF.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-B77E362T.js";
+} from "./chunk-62TOCCLA.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-BX3ABYIH.cjs → chunk-DRNQ2FPT.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
+var _chunkFCBVJB3Ycjs = require('./chunk-FCBVJB3Y.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
 var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
@@ -46,11 +46,11 @@ function PendingValue({
     currencyAmount: defaultTypography,
     clipboardTextField: defaultTypography
   };
-  const nodesWithTypography = _chunkSFVPZBMVcjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkFCBVJB3Ycjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkK57M5KQ5cjs.toReactNodes.call(void 0, nodesWithTypography);
   const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledPendingValueContent,
     {
@@ -83,7 +83,7 @@ function PendingValue({
     ),
     fullSizePending ? contentNode : null
   ] });
-  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkXUEKQQJVcjs.themes[forceTheme], children: nodes }) : nodes;
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkEGKT7YHPcjs.themes[forceTheme], children: nodes }) : nodes;
 }
 var StyledPendingValueBgOuter = _styled2.default.div`
   position: relative;
@@ -139,9 +139,9 @@ var StyledPendingValueBg = _styled2.default.div`
 
   background: linear-gradient(
     90deg,
-    ${_chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
-    ${_chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
-    ${_chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
+    ${_chunkEGKT7YHPcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
+    ${_chunkEGKT7YHPcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
+    ${_chunkEGKT7YHPcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
   );
 
   background-size: 200% 100%;

package/dist/{chunk-K7HWTEGP.cjs → chunk-DRTADBFR.cjs}

@@ -12,6 +12,7 @@ var neutral = {
   gray20: "#333333",
   gray25: "#404040",
   gray30: "#4D4D4D",
+  gray35: "#5A616F",
   gray40: "#666666",
   gray50: "#808080",
   gray60: "#999999",
@@ -24,7 +25,8 @@ var neutral = {
   gray95: "#F2F2F2",
   gray98: "#F9F9F9",
   gray99: "#EDEEF1",
-  white: "#FFFFFF"
+  white: "#FFFFFF",
+  white21: "#FFFFFF21"
 };
 var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
 var primary = "#FFF14E";
@@ -34,6 +36,7 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   green: "#46ac4a",
   green33: "#179257",
   green35: "#19981E",
+  green37: "#179A1C",
   // blue
   blue10: "#E4EFFB",
   blue43: "#145BC6",
@@ -42,6 +45,7 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   blue37: "#21529c",
   blue50: "#2483D1",
   blue58: "#28BFFF",
+  blue32: "#0052A4",
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
@@ -87,6 +91,8 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   gray3: "#D9DBDF",
   gray4: "#B6BAC3",
   gray6: "#8E95A2",
+  gray7: "#FFFFFF9C",
+  gray70: "#ffffff70",
   // transparent
   transparent: "transparent",
   transparenta02: "#00000005",

package/dist/chunk-DSMLBKPO.js

@@ -0,0 +1,27 @@
+// src/icons/central/Wrench.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Wrench() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.1417 13.4259C15.2163 13.4259 17.7088 10.9334 17.7088 7.8588C17.7088 7.21676 17.6002 6.60011 17.4002 6.02624L15.1394 8.28703C14.1933 9.23308 12.6595 9.23308 11.7135 8.28703C10.7674 7.34099 10.7674 5.80715 11.7135 4.86111L13.9743 2.60031C13.4004 2.40035 12.7838 2.29166 12.1417 2.29166C9.0671 2.29166 6.57459 4.78416 6.57459 7.8588C6.57459 8.618 6.72655 9.34166 7.00172 10.0011L2.4719 14.6025C2.14446 14.9352 2.15402 15.4717 2.49309 15.7925L4.36505 17.5633C4.69484 17.8752 5.21365 17.8658 5.53192 17.5422L9.99943 12.9988C10.6588 13.274 11.3825 13.4259 12.1417 13.4259Z",
+          stroke: "#F1F7FE",
+          "stroke-width": "1.5",
+          "stroke-linejoin": "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Wrench
+};

package/dist/{chunk-USA24CMU.cjs → chunk-DSWRDMZS.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk355DFDX6cjs = require('./chunk-355DFDX6.cjs');
+var _chunk3HLLFZBPcjs = require('./chunk-3HLLFZBP.cjs');
 
 // src/components/CardForm/CardFormCodeInput.tsx
 var _react = require('@emotion/react');
@@ -12,7 +12,7 @@ function CardFormCodeInput({
   onBlur
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk355DFDX6cjs.CodeInput,
+    _chunk3HLLFZBPcjs.CodeInput,
     {
       codeLength: 6,
       onSubmit,