@lightsparkdev/ui 1.0.17 → 1.1.0

package/dist/{chunk-WDVBREAE.cjs → chunk-6VHFEC3Y.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 
-var _chunkPIJDG55Scjs = require('./chunk-PIJDG55S.cjs');
+var _chunkWAQVU2I2cjs = require('./chunk-WAQVU2I2.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/BodyStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyStrong(props) {
-  const propsWithDefaults = _chunkPIJDG55Scjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkWAQVU2I2cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPIJDG55Scjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWAQVU2I2cjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-AMXTRBOO.cjs → chunk-6VHPN6NV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunkIMZKCKTIcjs = require('./chunk-IMZKCKTI.cjs');
+var _chunk5SPEBEERcjs = require('./chunk-5SPEBEER.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -37,7 +37,7 @@ function NextLink({
   const InternalNextLink = NextLinkRef.current;
   let content = children;
   if (text) {
-    content = typography ? _chunkIMZKCKTIcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunk5SPEBEERcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-GZ7ZKXUQ.cjs → chunk-6X6QKELE.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
+var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkFZBPLBNDcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkDO3PWX7Qcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function displaySelector(element) {

package/dist/{chunk-NJE4WITH.cjs → chunk-6XON2Q7W.cjs}

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
 
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -46,7 +46,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontImport(theme)};
 
   html {
-    font-size: ${_chunkNWNESPGQcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkFPQ2OUYXcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -76,7 +76,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkNWNESPGQcjs.standardLineHeightEms}em;
+    line-height: ${_chunkFPQ2OUYXcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -123,7 +123,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkN63HBX3Vcjs.useThemeBg.call(void 0, );
+  const bg = _chunkHGCI5IAMcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/chunk-6XPKQVUC.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Pencil.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Pencil({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M13.248 6.24997L16.2909 3.20708C16.6814 2.81655 17.3146 2.81655 17.7051 3.20708L20.7909 6.29286C21.1814 6.68339 21.1814 7.31655 20.7909 7.70708L17.748 10.75M13.248 6.24997L3.04094 16.4571C2.85341 16.6446 2.74805 16.899 2.74805 17.1642V21.25H6.83384C7.09905 21.25 7.35341 21.1446 7.54094 20.9571L17.748 10.75",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Pencil = Pencil;

package/dist/{chunk-XTQV7ZJ6.cjs → chunk-6Z6ZBZEJ.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQ4W2QLTQcjs = require('./chunk-Q4W2QLTQ.cjs');
+var _chunk6A6IMQ3Ocjs = require('./chunk-6A6IMQ3O.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunkQ4W2QLTQcjs.iconMap[name];
-  const w = parseFloat((width / _chunkNWNESPGQcjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunk6A6IMQ3Ocjs.iconMap[name];
+  const w = parseFloat((width / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkNWNESPGQcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkNWNESPGQcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkNWNESPGQcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkNWNESPGQcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkNWNESPGQcjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkN63HBX3Vcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkN63HBX3Vcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-VAKYMPPX.cjs → chunk-74SBZBYA.cjs}

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
+var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
 
 
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
 
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
+
+var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
 
 // src/components/Toggle.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -47,8 +48,8 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
-  color: ${_chunkZBLXVPL4cjs.colors.white};
+var ToggleButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
+  color: ${_chunkQYVQII3Icjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
   width: ${width}px;
@@ -56,11 +57,11 @@ var ToggleButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButto
   opacity: ${({ disabled }) => disabled ? 0.3 : 1};
   background-color: ${({ bg, theme, isOn }) => {
   if (bg) {
-    return bg;
+    return _chunkHGCI5IAMcjs.getColor.call(void 0, theme, bg);
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkN63HBX3Vcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {
@@ -72,7 +73,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.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: ${_chunkZBLXVPL4cjs.colors.white};
+    background-color: ${_chunkQYVQII3Icjs.colors.white};
     width: ${circleDim}px;
     height: ${circleDim}px;
     top: ${circleOffset}px;

package/dist/{chunk-HYCPAGAW.js → chunk-764PTQNO.js}

@@ -1,9 +1,9 @@
 import {
   useNumberInput
-} from "./chunk-T74FAGM4.js";
+} from "./chunk-PPY3QJ2X.js";
 import {
   TextInput
-} from "./chunk-SCB5GKFG.js";
+} from "./chunk-JU2FTCTN.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-7ENTQXB2.js

@@ -0,0 +1,33 @@
+// src/icons/central/SquareArrowTopRight2.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function SquareArrowTopRight2({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.25 3.75H5.35C4.78995 3.75 4.50992 3.75 4.29601 3.85899C4.10785 3.95487 3.95487 4.10785 3.85899 4.29601C3.75 4.50992 3.75 4.78995 3.75 5.35V18.65C3.75 19.2101 3.75 19.4901 3.85899 19.704C3.95487 19.8922 4.10785 20.0451 4.29601 20.141C4.50992 20.25 4.78995 20.25 5.35 20.25H18.65C19.2101 20.25 19.4901 20.25 19.704 20.141C19.8922 20.0451 20.0451 19.8922 20.141 19.704C20.25 19.4901 20.25 19.2101 20.25 18.65V14.75M13.75 3.75H20.25M20.25 3.75V10.25M20.25 3.75L11 13",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  SquareArrowTopRight2
+};

package/dist/{chunk-KJG3RAR5.js → chunk-7GO3GN57.js}

@@ -1,12 +1,12 @@
 import {
   toReactNodes
-} from "./chunk-SJ2MVP3F.js";
+} from "./chunk-AHC2USPG.js";
 import {
   Tooltip
-} from "./chunk-5JWZFCRU.js";
+} from "./chunk-KPNJ6H7M.js";
 import {
   Icon
-} from "./chunk-BV25DKRW.js";
+} from "./chunk-DJOYSVI3.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-VAUZ4W4O.cjs → chunk-7H2OXTEN.cjs}

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

package/dist/{chunk-6IM6TXLB.cjs → chunk-7JIOBZFS.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
-var _chunkWDEX6VIPcjs = require('./chunk-WDEX6VIP.cjs');
+var _chunkE2672QPScjs = require('./chunk-E2672QPS.cjs');
 
 
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDEX6VIPcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2672QPScjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-2OU2WKC2.js → chunk-7JNVMZP7.js}

@@ -1,32 +1,32 @@
 import {
   QRReader
-} from "./chunk-TJKJYY5O.js";
+} from "./chunk-N5DXBEET.js";
 import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-GHLNFY6T.js";
+} from "./chunk-KU4X4VPI.js";
 import {
   pxToRems
-} from "./chunk-MFTEQD6P.js";
+} from "./chunk-RKAVKJX6.js";
 import {
   Button
-} from "./chunk-CEZHIXNR.js";
+} from "./chunk-U6EBWLCK.js";
 import {
   UnstyledButton
-} from "./chunk-GT2UW67L.js";
+} from "./chunk-Z6I64NIF.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-BV25DKRW.js";
+} from "./chunk-DJOYSVI3.js";
 import {
   standardBorderRadius
-} from "./chunk-XDL2VYUF.js";
+} from "./chunk-E46IHC27.js";
 import {
   colors
-} from "./chunk-HU2UCL6I.js";
+} from "./chunk-YJIIP7IY.js";
 
 // src/components/QRReaderButton.tsx
 import styled from "@emotion/styled";

package/dist/chunk-7MCQ77NB.js

@@ -0,0 +1,33 @@
+// src/icons/central/ChevronBottom.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ChevronBottom({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20 9L12.7071 16.2929C12.3166 16.6834 11.6834 16.6834 11.2929 16.2929L4 9",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ChevronBottom
+};

package/dist/{chunk-4GUHURSO.js → chunk-7U5SIH6F.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-YXTL55KM.js";
+} from "./chunk-T3Z7NMDH.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";