@lightsparkdev/ui 1.1.2 → 1.1.4

package/dist/{chunk-5KCSS7WC.cjs → chunk-DBFSKCI7.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUGDFDCYDcjs = require('./chunk-UGDFDCYD.cjs');
+var _chunk2KOCOKP5cjs = require('./chunk-2KOCOKP5.cjs');
 
 
-var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
+var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 
-var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
+var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
 
 
 
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkQI7YHMJZcjs.themeOr.call(void 0, _chunkGICIJWP3cjs.colors.gray90, _chunkGICIJWP3cjs.colors.gray20)};
+  border: 1px solid ${_chunkFFXUPRYTcjs.themeOr.call(void 0, _chunkIJMYMSSCcjs.colors.gray90, _chunkIJMYMSSCcjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -99,9 +99,9 @@ var codeSelectStyles = {
   }),
   option: (styles, state) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
     cursor: "pointer",
-    backgroundColor: state.isSelected ? _chunkGICIJWP3cjs.colors.gray25 : backgroundColor,
+    backgroundColor: state.isSelected ? _chunkIJMYMSSCcjs.colors.gray25 : backgroundColor,
     "&:hover": {
-      backgroundColor: _chunkGICIJWP3cjs.colors.gray25
+      backgroundColor: _chunkIJMYMSSCcjs.colors.gray25
     }
   }),
   singleValue: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUGDFDCYDcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2KOCOKP5cjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -166,7 +166,7 @@ var StyledCodeBlock = _styled2.default.div``;
 var CodeBlockHeader = _styled2.default.div`
   align-items: center;
   background-color: #2d2d2d;
-  border-bottom: 1px solid ${_chunkGICIJWP3cjs.colors.gray25};
+  border-bottom: 1px solid ${_chunkIJMYMSSCcjs.colors.gray25};
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   color: #ffffff;
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
+  ${_chunkW4UIZ5DJcjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/{chunk-S56RD2PP.cjs → chunk-DH2DCOYB.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkH5V7U2JVcjs = require('./chunk-H5V7U2JV.cjs');
+var _chunk3GJEQK5Bcjs = require('./chunk-3GJEQK5B.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.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, _chunkH5V7U2JVcjs.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, _chunk3GJEQK5Bcjs.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, _chunk4JJ5GJLEcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunk267QLBXGcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-LDNG63AK.cjs → chunk-DIH23YCL.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 
 var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
@@ -11,7 +11,7 @@ var applyTypography = (theme, typographyType, size, color = "inherit", applyToAl
   return `
     ${selector} {
       ${_chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkQI7YHMJZcjs.getFontColor.call(void 0, theme, color)};
+      color: ${_chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/chunk-DSMLBKPO.js

@@ -0,0 +1,27 @@
+// src/icons/central/Wrench.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Wrench() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.1417 13.4259C15.2163 13.4259 17.7088 10.9334 17.7088 7.8588C17.7088 7.21676 17.6002 6.60011 17.4002 6.02624L15.1394 8.28703C14.1933 9.23308 12.6595 9.23308 11.7135 8.28703C10.7674 7.34099 10.7674 5.80715 11.7135 4.86111L13.9743 2.60031C13.4004 2.40035 12.7838 2.29166 12.1417 2.29166C9.0671 2.29166 6.57459 4.78416 6.57459 7.8588C6.57459 8.618 6.72655 9.34166 7.00172 10.0011L2.4719 14.6025C2.14446 14.9352 2.15402 15.4717 2.49309 15.7925L4.36505 17.5633C4.69484 17.8752 5.21365 17.8658 5.53192 17.5422L9.99943 12.9988C10.6588 13.274 11.3825 13.4259 12.1417 13.4259Z",
+          stroke: "#F1F7FE",
+          "stroke-width": "1.5",
+          "stroke-linejoin": "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Wrench
+};

package/dist/{chunk-R62M65Z7.js → chunk-DTELIM22.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-E7KQDR6U.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   isClipboardTextFieldNode,
   isCurrencyAmountNode,

package/dist/{chunk-ITAEGTRO.js → chunk-DU3JCART.js}

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

package/dist/{chunk-3PQDAHFL.js → chunk-E4V22QOO.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-E7KQDR6U.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-HIT2FCXS.js";
+} from "./chunk-355MG2O6.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-EE76MGHS.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Wrench.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Wrench() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M12.1417 13.4259C15.2163 13.4259 17.7088 10.9334 17.7088 7.8588C17.7088 7.21676 17.6002 6.60011 17.4002 6.02624L15.1394 8.28703C14.1933 9.23308 12.6595 9.23308 11.7135 8.28703C10.7674 7.34099 10.7674 5.80715 11.7135 4.86111L13.9743 2.60031C13.4004 2.40035 12.7838 2.29166 12.1417 2.29166C9.0671 2.29166 6.57459 4.78416 6.57459 7.8588C6.57459 8.618 6.72655 9.34166 7.00172 10.0011L2.4719 14.6025C2.14446 14.9352 2.15402 15.4717 2.49309 15.7925L4.36505 17.5633C4.69484 17.8752 5.21365 17.8658 5.53192 17.5422L9.99943 12.9988C10.6588 13.274 11.3825 13.4259 12.1417 13.4259Z",
+          stroke: "#F1F7FE",
+          "stroke-width": "1.5",
+          "stroke-linejoin": "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Wrench = Wrench;

package/dist/{chunk-VSYUOLR4.cjs → chunk-ERCPYTUR.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.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`
-  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkQI7YHMJZcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkFFXUPRYTcjs.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`
-  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkMODD4YGEcjs.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`
-  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-ADV4UT4X.js → chunk-EWU2MUVI.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-4D4LDRA5.js";
-import {
-  UnstyledButton
-} from "./chunk-BJP4OTMN.js";
+} from "./chunk-XIDZLXAN.js";
 import {
   Tooltip
-} from "./chunk-EOKBV2EI.js";
+} from "./chunk-4CMNSEWA.js";
+import {
+  UnstyledButton
+} from "./chunk-VLZUMH7A.js";
 import {
   Icon
-} from "./chunk-JWFDHULW.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   getFocusOutline
-} from "./chunk-HQN2LS2G.js";
+} from "./chunk-IQQ7XKJO.js";
 import {
   Link
-} from "./chunk-YIEDSI2X.js";
+} from "./chunk-3NEARZTN.js";
 import {
   renderTypography
-} from "./chunk-MSMN63ZY.js";
+} from "./chunk-PGWPSTYB.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-I6WJCP2T.js";
+} from "./chunk-PNFXJZAS.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   __objRest,
   __spreadProps,
@@ -65,7 +65,8 @@ var buttonKinds = [
   "gray",
   "grayGradient",
   "gray99",
-  "white21"
+  "white21",
+  "locked"
 ];
 function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;

package/dist/{chunk-TXKJAPBD.cjs → chunk-FC2E3OGR.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkKGBWMBLAcjs = require('./chunk-KGBWMBLA.cjs');
 
 
-var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
+var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -36,7 +36,7 @@ function ButtonRow({
       bottomBorder,
       ml,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRowButton, { className, children: buttons.map(
-        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECFNSLYPcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKGBWMBLAcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -52,9 +52,9 @@ var StyledButtonRow = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkO6BZRC56cjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkO6BZRC56cjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkMODD4YGEcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkMODD4YGEcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkMODD4YGEcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -78,7 +78,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRowButton = _styled2.default.div`
-  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
+  ${_chunkW4UIZ5DJcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -91,7 +91,7 @@ var StyledButtonRowButton = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
+    padding: ${_chunkMODD4YGEcjs.standardContentInset.smPx}px;
   `)}
 `;