@lightsparkdev/ui 1.0.14 → 1.0.16

package/dist/chunk-YEN2IQ6Z.cjs

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkYIDQ2YI5cjs = require('./chunk-YIDQ2YI5.cjs');
+
+
+var _chunkBAUCJTNOcjs = require('./chunk-BAUCJTNO.cjs');
+
+
+var _chunkXHXTTU65cjs = require('./chunk-XHXTTU65.cjs');
+
+
+var _chunkGNRTDXICcjs = require('./chunk-GNRTDXIC.cjs');
+
+// src/hooks/useNumberInput/utils/cleanValue.ts
+var cleanValue = ({
+  value,
+  groupSeparator = ",",
+  decimalSeparator = ".",
+  allowDecimals = true,
+  decimalsLimit = 2,
+  allowNegativeValue = true,
+  disableAbbreviations = false,
+  prefix = "",
+  transformRawValue = (rawValue) => rawValue
+}) => {
+  const transformedValue = transformRawValue(value);
+  if (transformedValue === "-") {
+    return transformedValue;
+  }
+  const abbreviations = disableAbbreviations ? [] : ["k", "m", "b"];
+  const reg = new RegExp(`((^|\\D)-\\d)|(-${_chunkGNRTDXICcjs.escapeRegExp.call(void 0, prefix)})`);
+  const isNegative = reg.test(transformedValue);
+  const [prefixWithValue, preValue] = RegExp(`(\\d+)-?${_chunkGNRTDXICcjs.escapeRegExp.call(void 0, prefix)}`).exec(value) || [];
+  const withoutPrefix = prefix ? prefixWithValue ? transformedValue.replace(prefixWithValue, "").concat(preValue) : transformedValue.replace(prefix, "") : transformedValue;
+  const withoutSeparators = _chunkXHXTTU65cjs.removeSeparators.call(void 0, withoutPrefix, groupSeparator);
+  const withoutInvalidChars = _chunkBAUCJTNOcjs.removeInvalidChars.call(void 0, withoutSeparators, [
+    groupSeparator,
+    decimalSeparator,
+    ...abbreviations
+  ]);
+  let valueOnly = withoutInvalidChars;
+  if (!disableAbbreviations) {
+    if (abbreviations.some(
+      (letter) => letter === withoutInvalidChars.toLowerCase().replace(decimalSeparator, "")
+    )) {
+      return "";
+    }
+    const parsed = _chunkYIDQ2YI5cjs.parseAbbrValue.call(void 0, withoutInvalidChars, decimalSeparator);
+    if (parsed) {
+      valueOnly = String(parsed);
+    }
+  }
+  const includeNegative = isNegative && allowNegativeValue ? "-" : "";
+  if (decimalSeparator && valueOnly.includes(decimalSeparator)) {
+    const [int, decimals] = withoutInvalidChars.split(decimalSeparator);
+    const trimmedDecimals = decimalsLimit && decimals ? decimals.slice(0, decimalsLimit) : decimals;
+    const includeDecimals = allowDecimals ? `${decimalSeparator}${trimmedDecimals}` : "";
+    return `${includeNegative}${int}${includeDecimals}`;
+  }
+  return `${includeNegative}${valueOnly}`;
+};
+
+
+
+exports.cleanValue = cleanValue;

package/dist/{chunk-M355VGZ3.cjs → chunk-YHXSJVBN.cjs}

@@ -4,7 +4,7 @@
 var _chunkBGJWTMDWcjs = require('./chunk-BGJWTMDW.cjs');
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/QRReader/hooks.ts
 var _react = require('react');
@@ -16,7 +16,7 @@ var useQRReader = ({
 }) => {
   const mountedRef = _react.useRef.call(void 0, true);
   _react.useEffect.call(void 0, () => {
-    const readQRCode = () => _chunkYM5JDZDQcjs.__async.call(void 0, void 0, null, function* () {
+    const readQRCode = () => _chunkZ6EUSUADcjs.__async.call(void 0, void 0, null, function* () {
       const { BrowserQRCodeReader } = yield Promise.resolve().then(() => _interopRequireWildcard(require(
         /* webpackChunkName: "zxing" */
         "@zxing/browser"

package/dist/chunk-YIDQ2YI5.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGNRTDXICcjs = require('./chunk-GNRTDXIC.cjs');
+
+// src/hooks/useNumberInput/utils/parseAbbrValue.ts
+var abbrValue = (value, decimalSeparator = ".", _decimalPlaces = 10) => {
+  if (value > 999) {
+    let valueLength = ("" + value).length;
+    const p = Math.pow;
+    const d = p(10, _decimalPlaces);
+    valueLength -= valueLength % 3;
+    const abbrValue2 = Math.round(value * d / p(10, valueLength)) / d + " kMGTPE"[valueLength / 3];
+    return abbrValue2.replace(".", decimalSeparator);
+  }
+  return String(value);
+};
+var abbrMap = { k: 1e3, m: 1e6, b: 1e9 };
+var parseAbbrValue = (value, decimalSeparator = ".") => {
+  const reg = new RegExp(
+    `(\\d+(${_chunkGNRTDXICcjs.escapeRegExp.call(void 0, decimalSeparator)}\\d*)?)([kmb])$`,
+    "i"
+  );
+  const match = value.match(reg);
+  if (match) {
+    const [, digits, , abbr] = match;
+    const multiplier = abbrMap[abbr.toLowerCase()];
+    return Number(digits.replace(decimalSeparator, ".")) * multiplier;
+  }
+  return void 0;
+};
+
+
+
+
+exports.abbrValue = abbrValue; exports.parseAbbrValue = parseAbbrValue;

package/dist/{chunk-ABVJG7FC.js → chunk-YIJZVE4P.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/themeDefaults/cardForm.tsx
 var cardFormThemeBaseProps = {

package/dist/{chunk-BD7HXDLN.js → chunk-YOX2SZ45.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-RRXS447G.js";
+} from "./chunk-6HXRUUSC.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-24OTDVHF.js → chunk-YPR6F7JT.js}

@@ -1,12 +1,18 @@
+import {
+  Modal
+} from "./chunk-MGSIBRTB.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-4EXNT44R.js";
+} from "./chunk-ZR5RJNK6.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  useBreakpoints
+} from "./chunk-JSGRNWSB.js";
 
 // src/components/DataManagerTable/Popover.tsx
 import styled from "@emotion/styled";
@@ -19,6 +25,8 @@ var Popover = ({
   onClear,
   children
 }) => {
+  const breakPoint = useBreakpoints();
+  const isSm = breakPoint.isSm();
   const handleApply = () => {
     onApply();
   };
@@ -30,7 +38,7 @@ var Popover = ({
       onApply();
     }
   };
-  return /* @__PURE__ */ jsx(Container, { show, side, onKeyDownCapture: handleKeyPress, children: /* @__PURE__ */ jsxs(Content, { children: [
+  const content = /* @__PURE__ */ jsxs(Content, { onKeyDownCapture: handleKeyPress, isSm, children: [
     children,
     /* @__PURE__ */ jsxs(Footer, { children: [
       /* @__PURE__ */ jsx(Button, { text: "Clear", onClick: handleClear }),
@@ -39,7 +47,11 @@ var Popover = ({
         /* @__PURE__ */ jsx(Button, { text: "Apply", kind: "primary", onClick: handleApply })
       ] })
     ] })
-  ] }) });
+  ] });
+  if (isSm) {
+    return /* @__PURE__ */ jsx(Modal, { visible: show, onClose: () => setShow(false), smKind: "fullscreen", children: content });
+  }
+  return /* @__PURE__ */ jsx(Container, { show, side, children: content });
 };
 var Container = styled.div`
   position: absolute;
@@ -59,7 +71,7 @@ var Content = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${Spacing.px.xl};
-  padding: ${Spacing.px.lg};
+  padding: ${({ isSm }) => isSm ? "0px" : Spacing.px.lg};
 `;
 var Footer = styled.div`
   display: flex;

package/dist/{chunk-TBGADBO7.js → chunk-YQCP77WB.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-76FQY6HX.js";
+} from "./chunk-LEMT5P3Z.js";
 import {
   typographyStyles
-} from "./chunk-BU6N4DJ3.js";
+} from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-XBZNPA3L.js";
+} from "./chunk-JQLRGNLP.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/base/BodyStrong.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-BU6N4DJ3.js → chunk-YW4BJCOL.js}

@@ -6,6 +6,7 @@ var typographyStyles = ({
   hideOverflow,
   displayProp,
   textAlign,
+  underline,
   onClick
 }) => {
   const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
@@ -16,6 +17,10 @@ var typographyStyles = ({
     ${typeof onClick === "function" ? "cursor: pointer;" : ""}
     ${textAlign ? `text-align: ${textAlign};` : ""}
     ${displayValue ? `display: ${displayValue};` : ""}
+
+    /* Tokens have text-decoration set, override with !important if underline specified: */
+    ${underline ? "text-decoration: underline !important;" : ""}
+
     ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;" : ""}
   `;
 };

package/dist/{chunk-IXUJXA5D.cjs → chunk-Z4P3SDK3.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNSUGNTKScjs = require('./chunk-NSUGNTKS.cjs');
+var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
 
 
-var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,10 +28,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkNSUGNTKScjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-RQRWS2Y6.cjs → chunk-Z5SRC6OP.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRWL5BQ2Zcjs = require('./chunk-RWL5BQ2Z.cjs');
+var _chunkLPJUCDZ7cjs = require('./chunk-LPJUCDZ7.cjs');
 
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/documentation/AnchorLinkHeader.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRWL5BQ2Zcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLPJUCDZ7cjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkZFJVBBROcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkAPCRRZMTcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-YM5JDZDQ.cjs → chunk-Z6EUSUAD.cjs}

@@ -1,7 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __create = Object.create;
+var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -29,10 +33,29 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -60,4 +83,6 @@ var __async = (__this, __arguments, generator) => {
 
 
 
-exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest; exports.__export = __export; exports.__async = __async;
+
+
+exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest; exports.__commonJS = __commonJS; exports.__export = __export; exports.__toESM = __toESM; exports.__async = __async;

package/dist/{chunk-JBCEOOZS.cjs → chunk-ZBLXVPL4.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/styles/colors.tsx
 var neutral = {
@@ -27,9 +27,10 @@ var neutral = {
 };
 var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
 var primary = "#FFF14E";
-var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, neutral), {
+var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, neutral), {
   // green
   success: "#17C27C",
+  green: "#46ac4a",
   green33: "#179257",
   green35: "#19981E",
   // blue
@@ -41,6 +42,7 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue10: "#14161D",
   grayBlue12: "#2D2E34",
   grayBlue14: "#3A3B41",
   grayBlue18: "#21283a",
@@ -50,16 +52,19 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue69: "#A6A9BA",
+  grayBlue78: "#C0C6CE",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
   grayBlue92: "#E1EBF5",
   grayBlue93: "#E6EEF6",
   grayBlue94: "#EBEEF2",
+  grayBlue95: "#F2F3F5",
   grayBlue96: "#F2F5F7",
   // purple
   purple43: "#820AD1",
   purple55: "#8B38DE",
   // red
+  red50: "#E31A1A",
   red42a10: "#D800271A",
   red42a20: "#D800272D",
   red42a30: "#D800273F",

package/dist/{chunk-OKWKREJU.cjs → chunk-ZE2AJ7OJ.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVGAI5SFRcjs = require('./chunk-VGAI5SFR.cjs');
+var _chunkIBIDFU2Tcjs = require('./chunk-IBIDFU2T.cjs');
 
 
-var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
+var _chunkVS54P2UScjs = require('./chunk-VS54P2US.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/CodeInput/CodeInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -60,7 +60,7 @@ function CodeInput({
   );
   const [inputState, setInputState] = _react.useState.call(void 0, 
     Array(codeLength).fill(0).reduce((acc, _, i) => {
-      return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
+      return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), {
         [getInputId(i)]: {
           value: ""
         }
@@ -141,10 +141,10 @@ function CodeInput({
         return;
       }
       if (event.key === "Backspace" && (event.metaKey || event.ctrlKey || event.altKey)) {
-        replaceEntireState = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState);
+        replaceEntireState = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, inputState);
         Object.keys(replaceEntireState).forEach((inputId2) => {
           const newState2 = replaceEntireState;
-          newState2[inputId2] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, newState2[inputId2]), {
+          newState2[inputId2] = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, newState2[inputId2]), {
             value: ""
           });
         });
@@ -175,7 +175,7 @@ function CodeInput({
         nextInputRef.focus();
         nextInputRef.select();
       }
-      const newState = replaceEntireState ? replaceEntireState : _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState), {
+      const newState = replaceEntireState ? replaceEntireState : _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, inputState), {
         [inputId]: { value }
       });
       const code = codeFromInputState(newState);
@@ -195,10 +195,10 @@ function CodeInput({
         return;
       }
       const inputValues = text.split("");
-      const newState = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState);
+      const newState = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, inputState);
       inputValues.forEach((value, i) => {
         const inputId = getInputId(i);
-        newState[inputId] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, newState[inputId]), {
+        newState[inputId] = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, newState[inputId]), {
           value
         });
       });
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVGAI5SFRcjs.SingleCodeInput,
+        _chunkIBIDFU2Tcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -253,7 +253,7 @@ function CodeInput({
               autofillValuesRef.current += event.target.value;
               if (autofillValuesRef.current.length === codeLength) {
                 const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
-                  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
+                  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), {
                     [getInputId(i2)]: {
                       value: autofillValuesRef.current[i2]
                     }
@@ -267,7 +267,7 @@ function CodeInput({
               }
             } else if (_reactdevicedetect.isMobile && _reactdevicedetect.isChrome && event.target.value.length === codeLength) {
               const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
-                return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
+                return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), {
                   [getInputId(i2)]: {
                     value: event.target.value[i2]
                   }
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunk3QEUCAATcjs.textInputBorderColor};
+  background-color: ${_chunkVS54P2UScjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-AT3QWLGA.js → chunk-ZIWQJAXM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-2YWWFRRD.js";
+} from "./chunk-GCI4XPLR.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";
@@ -49,7 +49,8 @@ var DocsHeadline = ({
   size = "Medium",
   heading = "h1",
   onClick,
-  textAlign
+  textAlign,
+  underline = false
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ jsx(
@@ -63,6 +64,7 @@ var DocsHeadline = ({
       hideOverflow: false,
       textAlign,
       onClick,
+      underline,
       block: true,
       children
     }