@lightsparkdev/ui 1.1.8 → 1.1.10

package/dist/{chunk-LJBYXGLZ.cjs → chunk-LD2AN4YJ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJWHEHYZ5cjs = require('./chunk-JWHEHYZ5.cjs');
+var _chunkQ4PPWLDCcjs = require('./chunk-Q4PPWLDC.cjs');
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkAEJ7VTL4cjs = require('./chunk-AEJ7VTL4.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJWHEHYZ5cjs.SingleCodeInput,
+        _chunkQ4PPWLDCcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkC3FY5BQCcjs.textInputBorderColor};
+  background-color: ${_chunkAEJ7VTL4cjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-XLNISD6K.js → chunk-LLDZKHRK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-TDUDDWTZ.js";
+} from "./chunk-H5MRGJQP.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-NQMQX3SX.cjs → chunk-LNABLXSA.cjs}

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

package/dist/{chunk-OFRPVBSP.js → chunk-LW7PUO7V.js}

@@ -1,12 +1,12 @@
-import {
-  Tooltip
-} from "./chunk-T426IS64.js";
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
+import {
+  Tooltip
+} from "./chunk-RO7YTILY.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-PKWOHFET.cjs → chunk-M45ZHVBH.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJBB32P4Qcjs = require('./chunk-JBB32P4Q.cjs');
+var _chunkPXDYQ6O4cjs = require('./chunk-PXDYQ6O4.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -16,12 +16,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 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, _chunkJBB32P4Qcjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkPXDYQ6O4cjs.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, _chunk5R7OENS4cjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkWF7Z2VITcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-NLY7I2YV.cjs → chunk-M6OIV4DC.cjs}

@@ -3,28 +3,28 @@
 var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4FVDOZDAcjs = require('./chunk-4FVDOZDA.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkGH54P25Bcjs = require('./chunk-GH54P25B.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
+var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -65,11 +65,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FVDOZDAcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGH54P25Bcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -138,9 +138,9 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunk2J2ZDWLFcjs.colors.white};
+  color: ${_chunkQQDRBCBYcjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkOBHJBBPCcjs.getColor.call(void 0, theme, colorProp) : "none"};
   ${({ blurScroll }) => blurScroll ? `
       background: rgba(249, 249, 249, 0.8);
       backdrop-filter: blur(32px);
@@ -150,7 +150,7 @@ var StyledBanner = _styled2.default.div`
   align-items: center;
   padding: ${({ hPadding, vPadding }) => `${vPadding}px ${hPadding}px`};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkLPTWQ2KPcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-5YGFRMWK.js → chunk-M7P5MYNB.js}

@@ -1,9 +1,9 @@
-import {
-  TextInput
-} from "./chunk-TDUDDWTZ.js";
 import {
   useNumberInput
-} from "./chunk-JBQ5HTLA.js";
+} from "./chunk-T6Q43UMB.js";
+import {
+  TextInput
+} from "./chunk-H5MRGJQP.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-PPX5BU2Y.js → chunk-MBQLH3KS.js}

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

package/dist/{chunk-MR36HFD5.js → chunk-MC6ME6U5.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-ANFRTY77.js";
+} from "./chunk-55IID4UH.js";
 import {
   themes
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-VAH342U2.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

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-UMXCOSIJ.cjs → chunk-MFKERIW4.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunkUL22WLXRcjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunkRSHN4K6Ncjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);

package/dist/{chunk-5J7O4QVA.js → chunk-MIIIUXV6.js}

@@ -54,6 +54,7 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   "black-10": "#0000001a",
   "black-04": "#0000000a",
   // gray scale
+  "gray-040": "#fafaf9",
   "gray-050": "#f8f8f7",
   "gray-090": "#eeeeec",
   "gray-100": "#f0f0ee",
@@ -110,6 +111,7 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue58: "#28BFFF",
   blue32: "#0052A4",
   blue90: "#0C3C6F",
+  blue60: "#4CA1E7",
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",

package/dist/{chunk-GQTVFDKF.js → chunk-MJT4VLKE.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-557I2E7R.js";
+} from "./chunk-EZI6E6UO.js";
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-FRUSRVKX.js → chunk-MK67FJ2M.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   renderTypography
-} from "./chunk-JLITQIYZ.js";
+} from "./chunk-KAMBSKAE.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-TJ4BEWEJ.js → chunk-MQIRWNSG.js}

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

package/dist/{chunk-PSZDKHGG.cjs → chunk-MQYA7D6F.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunkEDMCWD63cjs = require('./chunk-EDMCWD63.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
 }
 var StyledHeadline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkEDMCWD63cjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function headlineSelector(heading) {

package/dist/{chunk-T5A2GV3Y.js → chunk-N6HZEKNT.js}

@@ -2,7 +2,7 @@ import {
   InputSubtext,
   Label,
   textInputStyle
-} from "./chunk-B5EUALP4.js";
+} from "./chunk-FTMB6R72.js";
 
 // src/components/TextArea.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-JSMTC5O2.js → chunk-NBYTATDG.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-JLITQIYZ.js";
+} from "./chunk-KAMBSKAE.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-CU6RWGR5.cjs → chunk-OA2TKY4K.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 // src/components/Loading.tsx
 var _react = require('@emotion/react');
@@ -12,11 +12,12 @@ function Loading({
   size = 60,
   ml = 0,
   mt = 0,
-  kind = "primary"
+  kind = "primary",
+  color = void 0
 }) {
   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, _chunk5R7OENS4cjs.Icon, { name: iconName, width: size }) }) });
+  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, _chunkWF7Z2VITcjs.Icon, { name: iconName, width: size, color }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;