@lightsparkdev/ui 1.1.15 → 1.1.16

package/dist/{chunk-SO4ANP7B.js → chunk-T5YEHKV7.js}

@@ -1,55 +1,55 @@
 import {
   Body
-} from "./chunk-W4XJBHK7.js";
+} from "./chunk-VZCVVTPZ.js";
 import {
   isBooleanFilterAndState,
   isDateFilterAndState,
   isEnumFilterAndState,
   isIdFilterAndState,
   isStringFilterAndState
-} from "./chunk-M3JMROKV.js";
+} from "./chunk-ZMMRARZS.js";
+import {
+  isIdFilterState
+} from "./chunk-YSO2DNIJ.js";
 import {
   isStringFilterState
-} from "./chunk-Y5VXL55D.js";
+} from "./chunk-KIJ4GILP.js";
+import {
+  isBooleanFilterState
+} from "./chunk-YFQCU7EF.js";
 import {
   isDateFilterState
-} from "./chunk-ERFXSGKM.js";
+} from "./chunk-IRXRZA6H.js";
 import {
   isEnumFilterState
-} from "./chunk-6I5DOF7X.js";
-import {
-  isIdFilterState
-} from "./chunk-6BIVD4LL.js";
-import {
-  isBooleanFilterState
-} from "./chunk-4UED3BP6.js";
+} from "./chunk-GD34JBV4.js";
 import {
   Label
-} from "./chunk-DZSH5MVI.js";
+} from "./chunk-QO2HIBLQ.js";
 import {
   TextInput
-} from "./chunk-P5CSVKOE.js";
+} from "./chunk-AZ3RYGYM.js";
 import {
   Dropdown
-} from "./chunk-5TPQIZLT.js";
+} from "./chunk-WDAWAASQ.js";
 import {
   Flex
 } from "./chunk-M4R57NN3.js";
-import {
-  Button
-} from "./chunk-CHQSMSJF.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  Button
+} from "./chunk-MD6BKUUZ.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   getColor
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-6FWF6Q5T.cjs → chunk-TC6IDXPV.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.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;
-  ${_chunkQ3N3HXJAcjs.standardContentInset.css}
+  ${_chunkBXREC2NYcjs.standardContentInset.css}
 `;
 var TableEmptyStateLine = _styled2.default.div`
   background: linear-gradient(
     90deg,
-    ${({ theme }) => _chunkRONHCMPDcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
+    ${({ theme }) => _chunkEINUB4JIcjs.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`
-  ${_chunkQ3N3HXJAcjs.standardCardShadow}
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkBXREC2NYcjs.standardCardShadow}
+  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
   padding: 32px;
   width: 320px;
   max-width: 100%;
-  ${({ theme }) => _chunkRONHCMPDcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${({ theme }) => _chunkEINUB4JIcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
 `;
 var TableEmptyStateCardTitle = _styled2.default.p`
   font-weight: bold;

package/dist/chunk-TLSHHLEA.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/WarningSign.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function WarningSign({
+  strokeWidth = "2",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { id: "triangle-exclamation", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          id: "Vector",
+          d: "M11.9971 10.0156V12.0121M12 15H12.01M11.1354 3.49213L2.88661 17.4956C2.4946 18.1611 2.9751 19 3.74825 19H20.2459C21.019 19 21.4995 18.1611 21.1075 17.4956L12.8587 3.49213C12.4722 2.83596 11.5219 2.83596 11.1354 3.49213ZM12.25 15C12.25 15.1381 12.1381 15.25 12 15.25C11.8619 15.25 11.75 15.1381 11.75 15C11.75 14.8619 11.8619 14.75 12 14.75C12.1381 14.75 12.25 14.8619 12.25 15Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap
+        }
+      ) })
+    }
+  );
+}
+
+
+
+exports.WarningSign = WarningSign;

package/dist/{chunk-WHRJ7LP3.js → chunk-TMQQMNKA.js}

@@ -26,7 +26,7 @@ var defaultMsgs = {
   url: "Please enter a valid URL."
 };
 var regexp = {
-  phone: /^[2-9]{1}[0-9]{9}$/,
+  phone: /^[0-9]{7,15}$/,
   postalCode: /(^\d{5}$)|(^\d{5}-\d{4}$)/,
   email: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
   state: /^(A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$/,

package/dist/{chunk-H23XXYVT.js → chunk-TO7EXNTV.js}

@@ -1,16 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-BED5GWRW.js";
+} from "./chunk-SMZPJBL2.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   getLineHeightForTypographyType
-} from "./chunk-FXKLW6CU.js";
+} from "./chunk-GZXIEXUR.js";
 
 // src/components/PendingValue.tsx
 import { css, keyframes, ThemeProvider } from "@emotion/react";

package/dist/{chunk-HXNXZ6PF.cjs → chunk-TOZKCVZQ.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkCF6NXTX7cjs = require('./chunk-CF6NXTX7.cjs');
+var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkCF6NXTX7cjs.overflowAutoWithoutScrollbars}
+  ${_chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-RUPCXJV4.cjs → chunk-TZ7XF6DB.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkG5KGXBICcjs = require('./chunk-G5KGXBIC.cjs');
+var _chunkHBZZBT7Vcjs = require('./chunk-HBZZBT7V.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 // src/router.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -85,7 +85,7 @@ var LinkBase = _react.forwardRef.call(void 0,
     }
     let content = children;
     if (text) {
-      content = typography ? _chunkG5KGXBICcjs.renderTypography.call(void 0, typography.type, {
+      content = typography ? _chunkHBZZBT7Vcjs.renderTypography.call(void 0, typography.type, {
         size: typography.size,
         color: typography.color,
         children: text,
@@ -101,7 +101,7 @@ var LinkBase = _react.forwardRef.call(void 0,
         onClick,
         className,
         download: filename,
-        style: { color: blue ? _chunkJFPLNGMQcjs.colors.blue43 : "inherit" },
+        style: { color: blue ? _chunkWRQU4F3Ncjs.colors.blue43 : "inherit" },
         target: newTab ? "_blank" : void 0,
         rel: newTab ? "noopener noreferrer" : void 0,
         ref,

package/dist/{chunk-W34YTUVY.cjs → chunk-U4XU2YDM.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
-var _chunkG5KGXBICcjs = require('./chunk-G5KGXBIC.cjs');
+var _chunkHBZZBT7Vcjs = require('./chunk-HBZZBT7V.cjs');
 
 // src/components/CurrencyAmount.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -78,7 +78,7 @@ function CurrencyAmount({
   }
   let content = formattedNumber;
   if (typography && typography.type) {
-    content = _chunkG5KGXBICcjs.renderTypography.call(void 0, typography.type, {
+    content = _chunkHBZZBT7Vcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: formattedNumber
@@ -93,9 +93,9 @@ function CurrencyAmount({
 var CurrencyIcon = ({ unit }) => {
   switch (unit) {
     case _core.CurrencyUnit.BITCOIN:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
     case _core.CurrencyUnit.SATOSHI:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
     default:
       return null;
   }

package/dist/{chunk-4CQHSXZY.js → chunk-UH4SCD2Q.js}

@@ -1,18 +1,18 @@
 import {
   CopyToClipboardButton
-} from "./chunk-HSODZKJX.js";
+} from "./chunk-QHJ6MFJR.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-DG2PTSLJ.js";
 import {
   standardBorderRadius
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-HDKP5OHK.js → chunk-UKANWD7L.js}

@@ -1,40 +1,40 @@
 import {
   StyledContentTable
-} from "./chunk-22LFINMZ.js";
+} from "./chunk-PKR5S2IS.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-DG2PTSLJ.js";
 import {
   standardBorderRadius
-} from "./chunk-65SUEHNK.js";
-import {
-  StyledTitle
-} from "./chunk-6GAXNET6.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   StyledCode
-} from "./chunk-S7FZMXY3.js";
+} from "./chunk-PRUXYSGW.js";
 import {
   displaySelector
-} from "./chunk-D5YVTJRQ.js";
+} from "./chunk-ONGSY7SO.js";
+import {
+  StyledTitle
+} from "./chunk-5XRT5DYH.js";
 import {
   StyledBody
-} from "./chunk-M7TBIMVO.js";
+} from "./chunk-YOB2UVEF.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-OYFFHIB7.js";
+} from "./chunk-CT23RURJ.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getTypographyString
-} from "./chunk-FXKLW6CU.js";
+} from "./chunk-GZXIEXUR.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-Z4QDSCF6.cjs → chunk-UV5ME2BI.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSALFV7FPcjs = require('./chunk-SALFV7FP.cjs');
+var _chunk7777ZFRLcjs = require('./chunk-7777ZFRL.cjs');
 
 
-var _chunk2J6Q4CBWcjs = require('./chunk-2J6Q4CBW.cjs');
+var _chunkBDD56SL6cjs = require('./chunk-BDD56SL6.cjs');
 
 
 
-var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
+var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -107,12 +107,12 @@ function ReadClipboardButton({
         hasError: Boolean(errorMsg),
         onMouseUp: onDeleteMouseUp,
         children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPAG7VG4Ccjs.UnstyledButton,
+          _chunkZ4U2SJAWcjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk2J6Q4CBWcjs.Pill,
+              _chunkBDD56SL6cjs.Pill,
               {
                 text: autoButtonText,
                 icon: "MagicWand",
@@ -123,12 +123,12 @@ function ReadClipboardButton({
             )
           }
         ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Copy", width: 19 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "8px" }, children: description })
           ] }) : null,
           value || isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2J6Q4CBWcjs.Pill,
+            _chunkBDD56SL6cjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLA7TPJI3cjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSG2KPTGOcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSALFV7FPcjs.TextInput,
+    _chunk7777ZFRLcjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkLA7TPJI3cjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkSG2KPTGOcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-7CWLRTWN.cjs → chunk-UW2JL7WZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
+var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
 
 // src/components/CodeInput/SingleCodeInput.tsx
 var _react = require('@emotion/react');
@@ -26,12 +26,38 @@ function SingleCodeInput({
   ariaLabel,
   disabled,
   onBlur,
-  width = defaultWidth
+  width = defaultWidth,
+  variant = "default"
 }) {
   const theme = _react.useTheme.call(void 0, );
+  const commonCSS = _react.css`
+    text-align: center;
+
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      display: none;
+      margin: 0;
+    }
+    -moz-appearance: textfield; /* Firefox */
+  `;
+  const unifiedCSS = _react.css`
+    ${commonCSS}
+    width: ${width};
+    padding: 0;
+    border: none;
+    background: transparent;
+    font: inherit;
+    color: ${theme.text};
+    outline: none;
+    caret-color: ${theme.info};
+
+    &::placeholder {
+      color: ${theme.secondary};
+    }
+  `;
   const defaultCSS = _react.css.call(void 0, 
     `
-      ${_chunkLA7TPJI3cjs.textInputStyle.call(void 0, {
+      ${_chunkSG2KPTGOcjs.textInputStyle.call(void 0, {
       theme,
       disabled: Boolean(disabled),
       hasError: false,
@@ -40,7 +66,6 @@ function SingleCodeInput({
       width: ${width};
       max-width: ${defaultWidth};
       padding: ${vPadding}px 0px;
-      text-align: center;
       &:not(:last-of-type):not(:focus-visible) {
         border-right: none;
       }
@@ -59,16 +84,11 @@ function SingleCodeInput({
       &:active {
         padding: ${vPadding - 1}px 0px !important;
       }
-
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        display: none;
-        margin: 0;
-      }
-      -moz-appearance:textfield; /* Firefox */
     `,
+    commonCSS,
     cssProp
   );
+  const inputStyles = variant === "unified" ? unifiedCSS : defaultCSS;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "input",
     {
@@ -77,16 +97,17 @@ function SingleCodeInput({
       onChange: (event) => onChange(event, id),
       value,
       ref: inputRef,
-      type,
+      type: variant === "unified" ? "text" : type,
       "aria-label": ariaLabel,
       onKeyUp: (event) => onKeyUp(event, id),
       onKeyDown: (event) => onKeyDown(event, id),
       onPaste: (event) => onPaste(event),
       max,
-      css: defaultCSS,
+      css: inputStyles,
       onBlur,
       inputMode: "numeric",
-      pattern: "[0-9]*"
+      pattern: "[0-9]*",
+      placeholder: variant === "unified" ? "-" : void 0
     }
   );
 }

package/dist/{chunk-GQ4WWZHD.js → chunk-UZ2MZMJD.js}

@@ -1,74 +1,74 @@
 import {
   Headline
-} from "./chunk-GWDLIYW3.js";
+} from "./chunk-KBZS2LZP.js";
 import {
   StyledSelect
-} from "./chunk-KLY4AIMZ.js";
+} from "./chunk-PRLYHNN2.js";
 import {
   TextInputHalfRow
-} from "./chunk-P5CSVKOE.js";
+} from "./chunk-AZ3RYGYM.js";
 import {
   ToggleContainer
-} from "./chunk-UP5M2JK4.js";
+} from "./chunk-IFK2L3FR.js";
 import {
   StyledFileInput
-} from "./chunk-4W2JET7W.js";
+} from "./chunk-J6K5GQVW.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-YCSXA2KQ.js";
 import {
   StyledButtonRowButton
-} from "./chunk-DZCZ5DIU.js";
+} from "./chunk-QPCDK7NY.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   ButtonSelector
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-MD6BKUUZ.js";
 import {
   LoadingWrapper
-} from "./chunk-LVQYVZQR.js";
+} from "./chunk-ZRTRNIBE.js";
 import {
   Checkbox
-} from "./chunk-AJ3FNAZC.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-KMGO5XJY.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-BED5GWRW.js";
+} from "./chunk-SMZPJBL2.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   icon
 } from "./chunk-FZUV52PP.js";
 import {
   ClipboardTextField
-} from "./chunk-DESHZ7J3.js";
+} from "./chunk-A7EIBWSW.js";
 import {
   pxToRems
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-DG2PTSLJ.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-N5K6L7VI.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-PE2GMFRW.cjs → chunk-VIVS4Q34.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 // src/components/Loading.tsx
 var _react = require('@emotion/react');
@@ -17,7 +17,7 @@ function Loading({
 }) {
   const theme = _react.useTheme.call(void 0, );
   const iconName = resolveLoadingProp(null, kind, "defaultIconName", theme);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: iconName, width: size, color }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: iconName, width: size, color }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;