@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/chunk-I7ENJICA.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Leading.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Leading({
+  strokeWidth = "1.5",
+  strokeLinecap = "square",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M9.37492 7.70869H13.1249C14.9658 7.70869 16.4583 9.20108 16.4583 11.042V11.5247C16.4583 14.8249 13.7828 17.5003 10.4826 17.5003C8.26398 17.5003 6.22797 16.2712 5.19465 14.3078L2.70825 9.58366L3.33376 8.80174C3.90878 8.083 4.95759 7.96647 5.67637 8.54149L6.45825 9.16699V3.75033C6.45825 2.94491 7.11117 2.29199 7.91659 2.29199C8.722 2.29199 9.37492 2.94491 9.37492 3.75033V7.70869Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Leading = Leading;

package/dist/chunk-ILL2GVLF.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkWOKD2LBDcjs = require('./chunk-WOKD2LBD.cjs');
+
+
+var _chunkXYZWSNVMcjs = require('./chunk-XYZWSNVM.cjs');
+
+
+var _chunkO2CZN7HHcjs = require('./chunk-O2CZN7HH.cjs');
+
+
+var _chunkENUWW557cjs = require('./chunk-ENUWW557.cjs');
+
+
+var _chunkI3KL3NAGcjs = require('./chunk-I3KL3NAG.cjs');
+
+
+var _chunkQWAPH5RVcjs = require('./chunk-QWAPH5RV.cjs');
+
+
+var _chunkSIDAD2FYcjs = require('./chunk-SIDAD2FY.cjs');
+
+
+var _chunkJ6J6O5BRcjs = require('./chunk-J6J6O5BR.cjs');
+
+
+var _chunkYAS6CAZOcjs = require('./chunk-YAS6CAZO.cjs');
+
+
+var _chunkUBQ5BC6Mcjs = require('./chunk-UBQ5BC6M.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkSIDAD2FYcjs.DisplayString,
+  Headline: _chunkUBQ5BC6Mcjs.HeadlineString,
+  Title: _chunkJ6J6O5BRcjs.TitleString,
+  Body: _chunkYAS6CAZOcjs.BodyString,
+  "Body Strong": _chunkI3KL3NAGcjs.BodyStrongString,
+  Label: _chunkWOKD2LBDcjs.LabelString,
+  "Label Moderate": _chunkXYZWSNVMcjs.LabelModerateString,
+  "Label Strong": _chunkO2CZN7HHcjs.LabelStrongString,
+  Overline: _chunkENUWW557cjs.OverlineString,
+  Code: _chunkQWAPH5RVcjs.CodeString,
+  "Code Strong": _chunkQWAPH5RVcjs.CodeString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return _react2.default.createElement(TypographyComponent, typographyProps, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

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

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
 
-var _chunkVK4EJLJ6cjs = require('./chunk-VK4EJLJ6.cjs');
+var _chunkQWAPH5RVcjs = require('./chunk-QWAPH5RV.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 = _chunkQWAPH5RVcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk6OSTNEFIcjs.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, _chunkQWAPH5RVcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-B2IBAKQN.js → chunk-IUVT7TDD.js}

@@ -1,6 +1,6 @@
 import {
   DateWidget
-} from "./chunk-G2UHA5JS.js";
+} from "./chunk-XPV3XQ5D.js";
 import {
   DateRangeOperation,
   MAX_DATE,
@@ -12,22 +12,22 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   Filter
-} from "./chunk-C3ZJV5MQ.js";
+} from "./chunk-K7OIWNQA.js";
 import {
   Select_default
-} from "./chunk-Y4T7OW76.js";
+} from "./chunk-YVINHMMA.js";
 import {
   TextInput
-} from "./chunk-JU2FTCTN.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-JBKOX4EH.js";
 import {
   Button
-} from "./chunk-U6EBWLCK.js";
+} from "./chunk-2OE2VPDJ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-IWQDUW5F.js

@@ -0,0 +1,32 @@
+// src/icons/CheckmarkGreen.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function CheckmarkGreen({
+  strokeWidth = "4",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 49 49",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          id: "Vector",
+          d: "M6 30.6876L18.5 41L43 8",
+          stroke: "#559057",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  CheckmarkGreen
+};

package/dist/{chunk-3RGO6Q6G.cjs → chunk-J2OW4W7T.cjs}

@@ -3,28 +3,28 @@
 var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 
 
-var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
 
 
-var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -39,11 +39,14 @@ function Banner({
   onHeightChange,
   right,
   left,
+  fixed,
   bgProgressDuration,
   borderProgress,
   minHeight = 0,
   hPadding = 0,
-  borderColor
+  vPadding = 0,
+  borderColor,
+  blurScroll = false
 }) {
   const [width, setWidth] = _react.useState.call(void 0, 70);
   const resizeProps = _react.useMemo.call(void 0, () => ["height"], []);
@@ -62,11 +65,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4L4UO26cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -77,7 +80,6 @@ function Banner({
     {
       isVisible: Boolean(content),
       maxMdContentJustify: maxMdContentJustify || "center",
-      minHeight,
       children: contentNode
     }
   ) : null;
@@ -92,6 +94,10 @@ function Banner({
       ref,
       borderProgress,
       hPadding,
+      vPadding,
+      minHeight,
+      fixed,
+      blurScroll,
       children: [
         left,
         innerContent,
@@ -116,7 +122,6 @@ var BannerInnerContent = _styled2.default.div`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
 
   & > * {
     position: relative;
@@ -129,19 +134,23 @@ var BannerInnerContent = _styled2.default.div`
   }
 `;
 var StyledBanner = _styled2.default.div`
-  position: fixed;
-  left: 0;
+  ${({ fixed }) => fixed ? "position: fixed; left: 0;" : ""};
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkQYVQII3Icjs.colors.white};
+  color: ${_chunkK7HWTEGPcjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkHGCI5IAMcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  ${({ blurScroll }) => blurScroll ? `
+      background: rgba(249, 249, 249, 0.8);
+      backdrop-filter: blur(32px);
+      ` : ""}
   display: flex;
   justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
   align-items: center;
-  padding: ${({ hPadding }) => `0 ${hPadding}px`};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkHGCI5IAMcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  padding: ${({ hPadding, vPadding }) => `${vPadding}px ${hPadding}px`};
+  min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-FGZFMWJU.js → chunk-J3TUZRIL.js}

@@ -205,8 +205,8 @@ var LETTER_SPACING = {
     loose: ".1em"
   },
   ["Bridge" /* Bridge */]: {
-    tight: "-2%",
-    normal: "0%",
+    tight: "-0.48px",
+    normal: "0",
     wide: "10%"
   }
 };

package/dist/{chunk-H2R5LMTF.js → chunk-J44WQFQT.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   getTypographyString
-} from "./chunk-FGZFMWJU.js";
+} from "./chunk-J3TUZRIL.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-TCPAMMYH.js → chunk-J4JUSV5P.js}

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

package/dist/{chunk-2L6PVYRN.cjs → chunk-J6J6O5BR.cjs}

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

package/dist/{chunk-JU2FTCTN.js → chunk-JBKOX4EH.js}

@@ -1,41 +1,41 @@
 import {
   ToggleContainer
-} from "./chunk-FXDEUNPF.js";
+} from "./chunk-ALFU7MBM.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-KU4X4VPI.js";
-import {
-  CheckboxContainer
-} from "./chunk-C2LNBFQJ.js";
+} from "./chunk-UH2H3Y7Y.js";
 import {
   Loading
-} from "./chunk-MYRSWJPJ.js";
+} from "./chunk-WW3KFUFD.js";
+import {
+  CheckboxContainer
+} from "./chunk-RKYLP4HY.js";
 import {
   Tooltip
-} from "./chunk-KPNJ6H7M.js";
+} from "./chunk-D2TOV5JJ.js";
 import {
   UnstyledButton
-} from "./chunk-Z6I64NIF.js";
+} from "./chunk-3HIDFTSK.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   standardBorderRadius
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   applyTypography
-} from "./chunk-H2R5LMTF.js";
+} from "./chunk-J44WQFQT.js";
 import {
   getFontColor
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   __spreadProps,
   __spreadValues
@@ -159,6 +159,7 @@ function TextInput(textInputProps) {
           }
         },
         borderRadius: props.borderRadius,
+        borderWidth: props.borderWidth,
         enterKeyHint: props.enterKeyHint,
         autoFocus: props.autoFocus
       }
@@ -198,13 +199,14 @@ function TextInput(textInputProps) {
   }
   const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
   const { select } = props;
-  return /* @__PURE__ */ jsxs(StyledTextInput, { widthProp: textInputWidth, children: [
+  return /* @__PURE__ */ jsxs(StyledTextInput, { widthProp: textInputWidth, marginTop: props.marginTop, children: [
     props.label ? /* @__PURE__ */ jsx(TextInputLabel, { hasError, children: props.label }) : null,
     select && /* @__PURE__ */ jsx(
       TextInputSelect,
       {
         value: select.value,
         widthProp: select.width,
+        heightProp: select.height,
         typography: props.typography,
         onChange: (event) => {
           var _a2;
@@ -234,7 +236,7 @@ var TextInputSelect = styled.select`
   background-color: transparent;
   top: 0;
   left: ${selectLeftOffset}px;
-  height: 48px;
+  height: ${({ heightProp }) => `${heightProp}px`};
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = styled.div`
@@ -259,7 +261,6 @@ var TextInputIconContainer = styled.div`
 `;
 var Input = styled.input`
   ${textInputStyle};
-
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -314,6 +315,8 @@ var TextInputHalfRow = styled.div`
 var StyledTextInput = styled.div`
   width: ${({ widthProp }) => widthProp};
   position: relative;
+  /* Apply marginTop to every TextInput when specified */
+  margin-top: ${({ marginTop }) => marginTop !== void 0 ? `${marginTop}px` : ""};
 
   /* eg forms, should be left consistent: */
   & + & {

package/dist/{chunk-RRSCTSPM.cjs → chunk-JG37EZLJ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3JLBYFZXcjs = require('./chunk-3JLBYFZX.cjs');
+var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
 
 
-var _chunk3GKIKZL2cjs = require('./chunk-3GKIKZL2.cjs');
+var _chunkCBZWRFNUcjs = require('./chunk-CBZWRFNU.cjs');
 
 
 
@@ -31,7 +31,7 @@ function NumberInput(_a) {
     handleOnFocus,
     handleOnKeyDown,
     handleOnKeyUp
-  } = _chunk3JLBYFZXcjs.useNumberInput.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
+  } = _chunkCBZWRFNUcjs.useNumberInput.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
     onChange: onChangeProp,
     ref
   }));
@@ -60,7 +60,7 @@ function NumberInput(_a) {
     [handleOnKeyDown]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3GKIKZL2cjs.TextInput,
+    _chunkYZ2C4D6Ncjs.TextInput,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-XQWHIGTV.cjs → chunk-JHMM3LEX.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-CC3VPMH3.cjs → chunk-JIUGPX3A.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
+var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
 
 // src/components/CodeInput/SingleCodeInput.tsx
 var _react = require('@emotion/react');
@@ -31,10 +31,11 @@ function SingleCodeInput({
   const theme = _react.useTheme.call(void 0, );
   const defaultCSS = _react.css.call(void 0, 
     `
-      ${_chunk2PI3XHGDcjs.textInputStyle.call(void 0, {
+      ${_chunk6N7XRYZDcjs.textInputStyle.call(void 0, {
       theme,
       disabled: Boolean(disabled),
-      hasError: false
+      hasError: false,
+      borderRadius: 8
     }).styles}
       width: ${width};
       max-width: ${defaultWidth};

package/dist/{chunk-RRYCIVLA.js → chunk-JIV33B22.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-4WLQDWEJ.js";
+} from "./chunk-6O44WIUE.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-QSHSTJDS.js → chunk-JMDDJ2I2.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-43EQF4CG.cjs → chunk-JNEL3EPC.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 _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.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, _chunk4N5EXQIScjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/chunk-JOT3EVGV.js

@@ -0,0 +1,6 @@
+// src/hooks/useWhatChanged.tsx
+import { useWhatChanged } from "@simbathesailor/use-what-changed";
+
+export {
+  useWhatChanged
+};

package/dist/chunk-JVA433WN.js

@@ -0,0 +1,33 @@
+// src/icons/central/Leading.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Leading({
+  strokeWidth = "1.5",
+  strokeLinecap = "square",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.37492 7.70869H13.1249C14.9658 7.70869 16.4583 9.20108 16.4583 11.042V11.5247C16.4583 14.8249 13.7828 17.5003 10.4826 17.5003C8.26398 17.5003 6.22797 16.2712 5.19465 14.3078L2.70825 9.58366L3.33376 8.80174C3.90878 8.083 4.95759 7.96647 5.67637 8.54149L6.45825 9.16699V3.75033C6.45825 2.94491 7.11117 2.29199 7.91659 2.29199C8.722 2.29199 9.37492 2.94491 9.37492 3.75033V7.70869Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Leading
+};