@lightsparkdev/ui 1.1.8 → 1.1.9

package/dist/{chunk-2V62CWB4.js → chunk-LYSM6Z4E.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-T426IS64.js";
+} from "./chunk-TAOQJX3O.js";
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-4FVDOZDA.cjs → chunk-M3TXRVC3.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7CH3ABUNcjs = require('./chunk-7CH3ABUN.cjs');
+var _chunkRLSG4BCFcjs = require('./chunk-RLSG4BCF.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.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 ? _chunk7CH3ABUNcjs.renderTypography.call(void 0, typography.type, {
+      content = typography ? _chunkRLSG4BCFcjs.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 ? _chunk2J2ZDWLFcjs.colors.blue43 : "inherit" },
+        style: { color: blue ? _chunkBQ5MMYMPcjs.colors.blue43 : "inherit" },
         target: newTab ? "_blank" : void 0,
         rel: newTab ? "noopener noreferrer" : void 0,
         ref,

package/dist/{chunk-5TDELL2N.cjs → chunk-M5SCY5B5.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.cjs');
 
 // src/components/Toggle.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -48,8 +48,8 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
-  color: ${_chunk2J2ZDWLFcjs.colors.white};
+var ToggleButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
+  color: ${_chunkBQ5MMYMPcjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
   width: ${width}px;
@@ -57,11 +57,11 @@ var ToggleButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButto
   opacity: ${({ disabled }) => disabled ? 0.3 : 1};
   background-color: ${({ bg, theme, isOn }) => {
   if (bg) {
-    return _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, bg);
+    return _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, bg);
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkLL3KJ7DBcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {
@@ -73,7 +73,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButto
     box-shadow:
       0 3px 8px 0 rgba(0, 0, 0, 0.15),
       0 3px 1px 0 rgba(0, 0, 0, 0.06);
-    background-color: ${_chunk2J2ZDWLFcjs.colors.white};
+    background-color: ${_chunkBQ5MMYMPcjs.colors.white};
     width: ${circleDim}px;
     height: ${circleDim}px;
     top: ${circleOffset}px;

package/dist/chunk-MCZSMCV5.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Brackets1.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Brackets1({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M7.25 3.75H6.75C5.09315 3.75 3.75 5.09315 3.75 6.75V17.25C3.75 18.9069 5.09315 20.25 6.75 20.25H7.25M16.75 3.75H17.25C18.9069 3.75 20.25 5.09315 20.25 6.75V17.25C20.25 18.9069 18.9069 20.25 17.25 20.25H16.75",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin
+    }
+  ) });
+}
+
+
+
+exports.Brackets1 = Brackets1;

package/dist/{chunk-4ST6OTON.js → chunk-MO6QVFYN.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk-PEK53X7W.js";
 import {
   ProgressBar
-} from "./chunk-GCS6YVSS.js";
+} from "./chunk-BI4G5YSG.js";
 import {
   IconWithCircleBackground
-} from "./chunk-ORXREWBE.js";
+} from "./chunk-NX5NTRQO.js";
 import {
   Drawer
-} from "./chunk-2J4DUQA6.js";
+} from "./chunk-6QUYXYDB.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-2MB6EJ7Z.js";
+} from "./chunk-HXJIJX6N.js";
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -25,22 +25,22 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-557I2E7R.js";
+} from "./chunk-7FJN2NNF.js";
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-DAUERVKA.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -107,7 +107,8 @@ function Modal({
   drawerPadding,
   drawerCloseButton = true,
   drawerAlignBottom,
-  drawerDisableTouchMove
+  drawerDisableTouchMove,
+  voidOverlayBackground
 }) {
   const visibleChangedRef = useRef(false);
   const [visibleChanged, setVisibleChanged] = useState(false);
@@ -324,7 +325,13 @@ function Modal({
     );
   } else {
     content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      !(smKind === "fullscreen" && bp2.isSm()) ? /* @__PURE__ */ jsx(ModalOverlay, { ref: overlayRef }) : null,
+      !(smKind === "fullscreen" && bp2.isSm()) ? /* @__PURE__ */ jsx(
+        ModalOverlay,
+        {
+          ref: overlayRef,
+          voidOverlayBackground: voidOverlayBackground != null ? voidOverlayBackground : false
+        }
+      ) : null,
       /* @__PURE__ */ jsx(
         ModalContainer,
         {
@@ -368,7 +375,7 @@ var ModalOverlay = styled.div`
   z-index: ${z.modalOverlay};
   width: 100vw;
   height: 100vh;
-  background: rgba(0, 0, 0, 0.5);
+  background: ${({ voidOverlayBackground }) => voidOverlayBackground ? "transparent" : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = styled.div`
   pointer-events: none;

package/dist/{chunk-ERYX2E23.cjs → chunk-MUKJKRVU.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
 
-var _chunkNQMQX3SXcjs = require('./chunk-NQMQX3SX.cjs');
+var _chunkHUUYBBFMcjs = require('./chunk-HUUYBBFM.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Label.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Label(props) {
-  const propsWithDefaults = _chunkNQMQX3SXcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkHUUYBBFMcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkISSWG34Jcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQMQX3SXcjs.StyledLabel, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUUYBBFMcjs.StyledLabel, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-IRTSMARP.js → chunk-N4BZVRP2.js}

@@ -1,9 +1,9 @@
 import {
   SatoshiInputLabel
-} from "./chunk-DFTKVCPP.js";
+} from "./chunk-TOMY4CYS.js";
 import {
   NumberInput_default
-} from "./chunk-5YGFRMWK.js";
+} from "./chunk-TVZNNAM2.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-GHS4YD3M.js → chunk-NREQUWFJ.js}

@@ -1,32 +1,32 @@
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-557I2E7R.js";
+} from "./chunk-7FJN2NNF.js";
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-DAUERVKA.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   standardContentInset
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   themeOr
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-27AIQ3WT.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-ORXREWBE.js → chunk-NX5NTRQO.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-5ENSQ45B.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   Link
-} from "./chunk-OFIYWU7T.js";
+} from "./chunk-5UPPV33W.js";
 import {
   getColor
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 
 // src/components/IconWithCircleBackground.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-YGKKGDPN.cjs → chunk-NZFRPAUE.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZTIYSEE6cjs = require('./chunk-ZTIYSEE6.cjs');
+var _chunk6RWMAYHKcjs = require('./chunk-6RWMAYHK.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -31,10 +31,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunk6RWMAYHKcjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkISSWG34Jcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, mb, ml, mr, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-GCN5FKVE.js → chunk-O7DWADCV.js}

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