@lightsparkdev/ui 1.1.16 → 1.1.18

package/dist/{chunk-7NUJQRQI.cjs → chunk-TWFVY6ON.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -17,6 +17,7 @@ var _react = require('@emotion/react');
 var _react3 = require('react');
 require('react-tooltip/dist/react-tooltip.css');
 require('./static/fonts.css');
+var import_meta = {};
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var getFontImport = (theme) => {
   let importStr = "";
@@ -48,48 +49,56 @@ var getFontImport = (theme) => {
   }
   return importStr;
 };
+var getFontsBase = () => {
+  try {
+    return `${import_meta.env.BASE_URL.replace(/\/$/, "")}/fonts`;
+  } catch (e) {
+    return "/fonts";
+  }
+};
 var getFontFaces = (theme) => {
   let fontFacesStr = "";
   if (theme.typography.fontFamilies.main === "SuisseIntl") {
+    const fontsBase = getFontsBase();
     fontFacesStr += `
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Light.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Light.woff2") format("woff2");
         font-weight: 300;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Regular.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Regular.woff2") format("woff2");
         font-weight: 400;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Book.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Book.woff2") format("woff2");
         font-weight: 450;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Medium.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Medium.woff2") format("woff2");
         font-weight: 500;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Semibold.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Semibold.woff2") format("woff2");
         font-weight: 600;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Bold.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Bold.woff2") format("woff2");
         font-weight: 700;
         font-style: normal;
         font-display: swap;
@@ -97,10 +106,11 @@ var getFontFaces = (theme) => {
     `;
   }
   if (theme.typography.fontFamilies.code === "SuisseIntl-Mono") {
+    const fontsBase = getFontsBase();
     fontFacesStr += `
       @font-face {
         font-family: "SuisseIntl-Mono";
-        src: url("/fonts/SuisseIntlMono-Regular.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntlMono-Regular.woff2") format("woff2");
         font-weight: 400;
         font-style: normal;
         font-display: swap;
@@ -114,7 +124,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontFaces(theme)};
 
   html {
-    font-size: ${_chunkBXREC2NYcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkNFHQ3LH4cjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -144,7 +154,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkBXREC2NYcjs.standardLineHeightEms}em;
+    line-height: ${_chunkNFHQ3LH4cjs.standardLineHeightEms}em;
   }
 
   code {
@@ -191,7 +201,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkEINUB4JIcjs.useThemeBg.call(void 0, );
+  const bg = _chunkNNAUX3OGcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-QPCDK7NY.js → chunk-TWXZHMQ2.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-MD6BKUUZ.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   standardContentInset
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-XF7AGOWQ.js → chunk-TZDJ6F4X.js}

@@ -3,50 +3,50 @@ import {
 } from "./chunk-PEK53X7W.js";
 import {
   ProgressBar
-} from "./chunk-M7BTQRIF.js";
+} from "./chunk-IG7262OB.js";
 import {
   IconWithCircleBackground
-} from "./chunk-2QVBK5SH.js";
+} from "./chunk-7PBAGREW.js";
 import {
   Drawer
-} from "./chunk-DSZQDPLU.js";
+} from "./chunk-HKYNUGXY.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-MD6BKUUZ.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   UnstyledButton
-} from "./chunk-MMQON4EE.js";
+} from "./chunk-JJR6BLFQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-SMZPJBL2.js";
+} from "./chunk-63GEHMED.js";
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-3SKNG3QY.cjs → chunk-TZQGS626.cjs}

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkC53RJGXIcjs = require('./chunk-C53RJGXI.cjs');
+var _chunkMRAIRVQEcjs = require('./chunk-MRAIRVQE.cjs');
 
 
-var _chunk4HESAYFNcjs = require('./chunk-4HESAYFN.cjs');
+var _chunkIOHAFV7Acjs = require('./chunk-IOHAFV7A.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkJRMWIAG7cjs = require('./chunk-JRMWIAG7.cjs');
 
 
-var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
+var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -19,7 +19,6 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/DataManagerTable/EnumFilter.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _core = require('@lightsparkdev/core');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var isEnumFilterState = (state) => state.type === "enum" /* ENUM */;
@@ -39,7 +38,7 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCR55KSPGcjs.Button,
+      _chunkGGPCU5XOcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +58,8 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC53RJGXIcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4HESAYFNcjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIOHAFV7Acjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJRMWIAG7cjs.Select_default,
       {
         zIndex: _chunkZU72XWNEcjs.z.dropdown + 1,
         placeholder: "Select value",
@@ -88,15 +87,9 @@ var EnumFilter = ({
         }
       }
     ) }),
-    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppliedButtonsContainer, { children: appliedValueButtons }) : null
+    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRAIRVQEcjs.AppliedButtonsContainer, { children: appliedValueButtons }) : null
   ] });
 };
-var AppliedButtonsContainer = _styled2.default.div`
-  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
-  display: flex;
-  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
-  flex-wrap: wrap;
-`;
 
 
 

package/dist/{chunk-DG2PTSLJ.js → chunk-TZSN4RZE.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-BDD56SL6.cjs → chunk-U37LU5UW.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
+var _chunkFRDJP2ZRcjs = require('./chunk-FRDJP2ZR.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
 var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
@@ -83,9 +83,9 @@ function Pill({
           {
             hasIconInset: Boolean(icon && !loading && !onDeleteMouseDown),
             children: [
-              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVIVS4Q34cjs.Loading, { size: 16.1, center: false, ml: 5 }),
+              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFRDJP2ZRcjs.Loading, { size: 16.1, center: false, ml: 5 }),
               !loading && onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkZ4U2SJAWcjs.UnstyledButton,
+                _chunkY7PBSDLPcjs.UnstyledButton,
                 {
                   onMouseDown: handleOnDeleteMouseDown,
                   onKeyDown: handleOnDeleteKeyDown,
@@ -95,10 +95,10 @@ function Pill({
                     padding: "10px",
                     marginRight: "-10px"
                   },
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "DeleteIcon", width: 16.1 })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.Icon, { name: "DeleteIcon", width: 16.1 })
                 }
               ),
-              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: icon, width: 16.1, color: "white" })
+              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.Icon, { name: icon, width: 16.1, color: "white" })
             ]
           }
         )
@@ -131,7 +131,7 @@ var StyledPill = _styled2.default.div`
   position: relative;
 `;
 var PillIconContainer = _styled2.default.div`
-  ${_chunkHBHJ3IFPcjs.flexCenter}
+  ${_chunkCH7LJMGNcjs.flexCenter}
   ${({ hasIconInset }) => hasIconInset ? `
     background-color: ${_chunkWRQU4F3Ncjs.colors.blue43};
     padding: 8px;

package/dist/{chunk-QCYWDTZ4.js → chunk-U4PUQ2MP.js}

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

package/dist/{chunk-FTPX26WO.js → chunk-U6GPR7TA.js}

@@ -1,39 +1,39 @@
 import {
   InfoIconTooltip
-} from "./chunk-HC5CYHHU.js";
+} from "./chunk-L5ZIIQPB.js";
 import {
   Dropdown
-} from "./chunk-WDAWAASQ.js";
+} from "./chunk-4F5MMMQP.js";
 import {
   Loading
-} from "./chunk-ZRTRNIBE.js";
+} from "./chunk-YEWALNNL.js";
 import {
   ClipboardTextField
-} from "./chunk-A7EIBWSW.js";
+} from "./chunk-2CQTJNB5.js";
 import {
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   standardContentInset
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-N5K6L7VI.js";
+} from "./chunk-MOYKPHLM.js";
 import {
   themeOrWithKey
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   useClipboard
-} from "./chunk-NFQP7P3D.js";
+} from "./chunk-ZG5BNN3K.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-KMGO5XJY.js → chunk-UA7SQQIY.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-SMZPJBL2.js";
+} from "./chunk-63GEHMED.js";
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-5SJQPPJD.cjs → chunk-UBGHNL5C.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVXCQN5B7cjs = require('./chunk-VXCQN5B7.cjs');
+var _chunkTN4YJFMDcjs = require('./chunk-TN4YJFMD.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
 
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkTN4YJFMDcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
     link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunk24X6QUDRcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRC7657RRcjs.Icon,
+    _chunkWUHIPLEUcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRC7657RRcjs.Icon,
+    _chunkWUHIPLEUcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-KBZS2LZP.js → chunk-UBMTV7U6.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 import {
   StyledHeadline,
   getPropDefaults
-} from "./chunk-CT23RURJ.js";
+} from "./chunk-RZFASNV4.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-RIOBPDUM.js → chunk-UF4LJGYR.js}

@@ -3,37 +3,37 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-WR7UPRF2.js";
+} from "./chunk-2AKHQHAZ.js";
 import {
   Dropdown
-} from "./chunk-WDAWAASQ.js";
+} from "./chunk-4F5MMMQP.js";
 import {
   standardBorderColor
-} from "./chunk-YCSXA2KQ.js";
+} from "./chunk-LJJL3R4H.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-PTS427V7.js";
+} from "./chunk-PUHX6WRA.js";
 import {
   Loading
-} from "./chunk-ZRTRNIBE.js";
+} from "./chunk-YEWALNNL.js";
 import {
   UnstyledButton
-} from "./chunk-MMQON4EE.js";
+} from "./chunk-JJR6BLFQ.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-FFB3VX2B.js";
+} from "./chunk-KVZDA2LV.js";
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-KSYTS7QV.cjs → chunk-UGBO4XOA.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFY3HTOPMcjs = require('./chunk-FY3HTOPM.cjs');
+var _chunkBJRDNCGHcjs = require('./chunk-BJRDNCGH.cjs');
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkEINUB4JIcjs.themeOr.call(void 0, _chunkWRQU4F3Ncjs.colors.gray90, _chunkWRQU4F3Ncjs.colors.gray20)};
+  border: 1px solid ${_chunkNNAUX3OGcjs.themeOr.call(void 0, _chunkWRQU4F3Ncjs.colors.gray90, _chunkWRQU4F3Ncjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFY3HTOPMcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBJRDNCGHcjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars}
+  ${_chunkCH7LJMGNcjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/{chunk-J6FE6HJH.cjs → chunk-UIMQT56N.cjs}

@@ -23,7 +23,8 @@ var defaultMsgs = {
   upi: "Please enter a valid UPI.",
   domain: "Please enter a valid domain.",
   domainName: "Please enter a valid domain name.",
-  url: "Please enter a valid URL."
+  url: "Please enter a valid URL.",
+  digitsOnly: "Must contain only digits."
 };
 var regexp = {
   phone: /^[0-9]{7,15}$/,
@@ -72,7 +73,8 @@ var v = {
       return msg;
     }
     return value !== (fields == null ? void 0 : fields[targetField]) ? msg : false;
-  }
+  },
+  digitsOnly: (msg = defaultMsgs.digitsOnly) => (value) => value.length > 0 && !/^\d+$/.test(value) ? msg : false
 };
 var defaultValidators = {
   password: [

package/dist/{chunk-5RL3TVZC.js → chunk-VKIB6VOC.js}

@@ -1,29 +1,29 @@
 import {
   UnstyledButton
-} from "./chunk-MMQON4EE.js";
+} from "./chunk-JJR6BLFQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-SMZPJBL2.js";
+} from "./chunk-63GEHMED.js";
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   standardContentInset
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   themeOr
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   colors
 } from "./chunk-4BTMZ2KB.js";