@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/{chunk-NK7WH3TK.js → chunk-ZGPNVPST.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-SIYZ5PZT.js";
+} from "./chunk-7GCXP2EW.js";
 import {
   renderTypography
-} from "./chunk-RQLRNKOP.js";
+} from "./chunk-SUTN4O34.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   Link
-} from "./chunk-SCIQSZSW.js";
+} from "./chunk-34MTU3ER.js";
 import {
   applyTypography
-} from "./chunk-OPUCWQMK.js";
+} from "./chunk-L3BNIBK3.js";
 import {
   Tooltip
-} from "./chunk-H3UUVMZ3.js";
+} from "./chunk-FLYNOCPZ.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-H47HIU2F.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 import {
   getFocusOutline
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 import {
   TokenSize
 } from "./chunk-ENBUKLVT.js";
@@ -168,8 +168,8 @@ function Button(props) {
     to,
     id,
     hash,
-    href,
-    hrefFilename,
+    externalLink,
+    filename,
     toParams,
     onClick,
     icon,
@@ -180,6 +180,7 @@ function Button(props) {
     hoverBorderColor,
     iconSide = "left",
     loading = false,
+    loadingKind = "primary",
     fullWidth = false,
     disabled = false,
     mt = 0,
@@ -201,7 +202,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ jsx(Loading, { size: iconSize, center: false })
+        children: /* @__PURE__ */ jsx(Loading, { size: iconSize, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -278,11 +279,11 @@ function Button(props) {
   if (to) {
     return /* @__PURE__ */ jsx(ButtonLink, __spreadProps(__spreadValues({}, commonProps), { to, params: toParams, hash, children: content }));
   }
-  return href ? /* @__PURE__ */ jsx(
+  return externalLink ? /* @__PURE__ */ jsx(
     ButtonHrefLink,
     __spreadProps(__spreadValues({}, commonProps), {
-      href,
-      download: hrefFilename,
+      href: externalLink,
+      download: filename,
       target: "_blank",
       children: content
     })
@@ -309,7 +310,6 @@ var buttonStyle = ({
   return css`
     display: inline-flex;
     opacity: ${disabled && !isLoading ? 0.2 : 1};
-    ${disabled ? "pointer-events: none;" : ""}
     transition: opacity 0.2s;
     position: relative;
 

package/dist/chunk-ZJTRXOA5.cjs

@@ -0,0 +1,105 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk73LM7UGPcjs = require('./chunk-73LM7UGP.cjs');
+
+
+
+
+
+
+
+var _chunkHKSBGUB7cjs = require('./chunk-HKSBGUB7.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/utils/toReactNodes.tsx
+var _lodashes = require('lodash-es');
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function toReactNodes(toReactNodesArg) {
+  const toReactNodesArray = Array.isArray(toReactNodesArg) ? toReactNodesArg : [toReactNodesArg];
+  const reactNodes = toReactNodesArray.map((node, i) => {
+    let content;
+    if (!node) {
+      return null;
+    } else if (typeof node !== "string" && "typography" in node && node.typography.type) {
+      const props = node.typography.props || {};
+      content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _chunk73LM7UGPcjs.renderTypography.call(void 0, 
+        node.typography.type,
+        Object.assign(props, { content: node })
+      ) }, `typography-${i}-${node.text.substr(0, 10)}`);
+    } else {
+      content = _chunkHKSBGUB7cjs.toNonTypographicReactNodes.call(void 0, node);
+    }
+    return content || null;
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: reactNodes });
+}
+function setReactNodesTypography(nodesArg, nodesTypographyMap, replaceExistingTypography = true) {
+  const nodes = Array.isArray(nodesArg) ? nodesArg : [nodesArg];
+  const nodesWithTypography = nodes.map((node, i) => {
+    if (_chunkHKSBGUB7cjs.isIconNode.call(void 0, node)) {
+      return node;
+    } else if (typeof node === "string") {
+      if (nodesTypographyMap.text) {
+        return {
+          text: node,
+          typography: nodesTypographyMap.text
+        };
+      }
+    } else if (!node) {
+      return node;
+    }
+    const useExistingTypography = !replaceExistingTypography && _lodashes.isObject.call(void 0, node) && "typography" in node ? node.typography : void 0;
+    if (_chunkHKSBGUB7cjs.isLinkNode.call(void 0, node)) {
+      if (nodesTypographyMap.link) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.link
+        });
+      }
+    } else if (_chunkHKSBGUB7cjs.isExternalLinkNode.call(void 0, node)) {
+      if (nodesTypographyMap.externalLink) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.externalLink
+        });
+      }
+    } else if (_chunkHKSBGUB7cjs.isNextLinkNode.call(void 0, node)) {
+      if (nodesTypographyMap.nextLink) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.nextLink
+        });
+      }
+    } else if (_chunkHKSBGUB7cjs.isTextNode.call(void 0, node)) {
+      if (nodesTypographyMap.text) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.text
+        });
+      }
+    }
+    return node;
+  });
+  return nodesWithTypography;
+}
+function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap) {
+  if (!nodesArg) {
+    return null;
+  }
+  const nodesWithTypography = setReactNodesTypography(
+    nodesArg,
+    nodesTypographyMap
+  );
+  const nodes = toReactNodes(nodesWithTypography);
+  return nodes;
+}
+function setDefaultReactNodesTypography(nodesArg, nodesTypographyMap) {
+  return setReactNodesTypography(nodesArg, nodesTypographyMap, false);
+}
+
+
+
+
+
+
+exports.toReactNodes = toReactNodes; exports.setReactNodesTypography = setReactNodesTypography; exports.toReactNodesWithTypographyMap = toReactNodesWithTypographyMap; exports.setDefaultReactNodesTypography = setDefaultReactNodesTypography;

package/dist/chunk-ZR3J7SMI.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CirclePlus.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CirclePlus() {
+  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",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11.0994 8.10001C11.0994 7.60295 11.5024 7.20001 11.9994 7.20001C12.4965 7.20001 12.8994 7.60296 12.8994 8.10001V11.1001L15.8998 11.1001C16.3969 11.1001 16.7998 11.503 16.7998 12.0001C16.7998 12.4971 16.3969 12.9001 15.8998 12.9001H12.8994V15.9C12.8994 16.3971 12.4965 16.8 11.9994 16.8C11.5024 16.8 11.0994 16.3971 11.0994 15.9V12.9001H8.09982C7.60276 12.9001 7.19982 12.4971 7.19982 12.0001C7.19982 11.503 7.60276 11.1001 8.09982 11.1001H11.0994V8.10001Z",
+      fill: "#FFF14E"
+    }
+  ) });
+}
+
+
+
+exports.CirclePlus = CirclePlus;

package/dist/chunk-ZRHJQUKS.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Info.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Info() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M15.351 8.00008C15.351 12.0502 12.0677 15.3334 8.01766 15.3334C3.96757 15.3334 0.684326 12.0502 0.684326 8.00008C0.684326 3.94999 3.96757 0.666748 8.01766 0.666748C12.0677 0.666748 15.351 3.94999 15.351 8.00008Z",
+            stroke: "currentColor",
+            strokeWidth: "1.33333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.01758 11.1429V8.00008M8.01758 4.85732V4.83276",
+            stroke: "currentColor",
+            strokeWidth: "1.66667",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.01758 4.85732V4.83276",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Info = Info;

package/dist/chunk-ZSGQEOY3.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/LogoOnCircle.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LogoOnCircle() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 30 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#clip0_469_6261)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "15", cy: "15", r: "15", fill: "#FFF14E" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M14.901 15.6596H8.94529L17.3565 8.29803L15.7099 11.8657H16.6535L19.8216 5L6.66797 16.5166H14.5062L14.901 15.6596Z",
+              fill: "black"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M14.9638 13.4834L14.569 14.3404H20.5247L12.1135 21.702L13.7601 18.1343H12.8165L12.1713 19.5354L9.64844 25L22.802 13.4834H14.9638Z",
+              fill: "black"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clip0_469_6261", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "30", height: "30", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+
+
+
+exports.LogoOnCircle = LogoOnCircle;

package/dist/chunk-ZU72XWNE.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/styles/z-index.tsx
+var z = {
+  card: 1,
+  fieldError: 1,
+  textInput: 2,
+  select: 3,
+  selectFocused: 4,
+  walletActionPreviewTopGradient: 1,
+  headerContainer: 99,
+  smBanner: 99,
+  headerTop: 100,
+  navMenu: 100,
+  smNavMenu: 100,
+  navAction: 101,
+  smNavAction: 100,
+  // keep under navDropdown
+  notificationBanner: 170,
+  qrReaderVideo: 180,
+  qrReaderOverlay: 181,
+  modalOverlay: 190,
+  modalContainer: 191,
+  dropdown: 192,
+  tooltip: 193,
+  toast: 200
+};
+
+
+
+exports.z = z;

package/dist/chunk-ZUAO4DW3.cjs

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/styles/tokens/spacing.tsx
+var n = {
+  "4xs": 2,
+  "3xs": 4,
+  "2xs": 6,
+  xs: 8,
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32,
+  "2xl": 40,
+  "3xl": 48,
+  "4xl": 56,
+  "5xl": 64,
+  "6xl": 72,
+  "7xl": 80,
+  "8xl": 96,
+  "9xl": 112,
+  "10xl": 128,
+  "11xl": 160
+};
+var Spacing = {
+  "4xs": n["4xs"],
+  "3xs": n["3xs"],
+  "2xs": n["2xs"],
+  xs: n.xs,
+  sm: n.sm,
+  md: n.md,
+  lg: n.lg,
+  xl: n.xl,
+  "2xl": n["2xl"],
+  "3xl": n["3xl"],
+  "4xl": n["4xl"],
+  "5xl": n["5xl"],
+  "6xl": n["6xl"],
+  "7xl": n["7xl"],
+  "8xl": n["8xl"],
+  "9xl": n["9xl"],
+  "10xl": n["10xl"],
+  "11xl": n["11xl"],
+  px: {
+    "4xs": `${n["4xs"]}px`,
+    "3xs": `${n["3xs"]}px`,
+    "2xs": `${n["2xs"]}px`,
+    xs: `${n.xs}px`,
+    sm: `${n.sm}px`,
+    md: `${n.md}px`,
+    lg: `${n.lg}px`,
+    xl: `${n.xl}px`,
+    "2xl": `${n["2xl"]}px`,
+    "3xl": `${n["3xl"]}px`,
+    "4xl": `${n["4xl"]}px`,
+    "5xl": `${n["5xl"]}px`,
+    "6xl": `${n["6xl"]}px`,
+    "7xl": `${n["7xl"]}px`,
+    "8xl": `${n["8xl"]}px`,
+    "9xl": `${n["9xl"]}px`,
+    "10xl": `${n["10xl"]}px`,
+    "11xl": `${n["11xl"]}px`
+  }
+};
+
+
+
+exports.Spacing = Spacing;

package/dist/{chunk-XQIQOMNE.js → chunk-ZV5IAOIM.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-IH5SIRJL.js";
+} from "./chunk-DPK5MAQL.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";