@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-YQHWVNUW.js

@@ -1,358 +0,0 @@
-import {
-  pageSectionScrollOffset
-} from "./chunk-JJC2AUQ3.js";
-import {
-  TextButton
-} from "./chunk-EB6CFGPX.js";
-import {
-  Dropdown
-} from "./chunk-QEMH2VKO.js";
-import {
-  standardBorderColor
-} from "./chunk-GHLNFY6T.js";
-import {
-  Badge,
-  badgeSmVPadding
-} from "./chunk-BG5UE3X7.js";
-import {
-  toReactNodes
-} from "./chunk-SJ2MVP3F.js";
-import {
-  Heading,
-  headingWithDefaults
-} from "./chunk-WIEZYC5X.js";
-import {
-  Loading
-} from "./chunk-QETS33GL.js";
-import {
-  UnstyledButton
-} from "./chunk-GT2UW67L.js";
-import {
-  Icon
-} from "./chunk-BV25DKRW.js";
-import {
-  standardBorderRadius,
-  standardLineHeightEms
-} from "./chunk-XDL2VYUF.js";
-import {
-  select
-} from "./chunk-YMNSXZ5D.js";
-import {
-  bp
-} from "./chunk-JSGRNWSB.js";
-import {
-  colors
-} from "./chunk-HU2UCL6I.js";
-import {
-  __spreadValues
-} from "./chunk-W7FAWX6T.js";
-
-// src/components/PageSection/PageSection.tsx
-import { useTheme } from "@emotion/react";
-import styled from "@emotion/styled";
-import { Fragment } from "react";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function PageSection({
-  children,
-  title,
-  sectionId,
-  headerOffset = 0
-}) {
-  return /* @__PURE__ */ jsxs(StyledPageSection, { scrollMarginTop: headerOffset + pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ jsx(Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
-    children
-  ] });
-}
-var StyledPageSection = styled.div`
-  &:first-of-type {
-    ${bp.minSm(`
-      margin-top: 4px;
-    `)}
-  }
-
-  &:not(:first-of-type) {
-    margin-top: 72px;
-  }
-
-  h3,
-  h4 {
-    scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
-  }
-`;
-var PageSectionSubheading = headingWithDefaults({
-  type: "h4",
-  mb: 32
-});
-var PageSectionBoxActionColumn = ({
-  label,
-  value,
-  valueId
-}) => /* @__PURE__ */ jsxs(StyledPageSectionBoxActionColumn, { children: [
-  /* @__PURE__ */ jsx(PageSectionBoxActionColumnLabel, { children: label }),
-  value ? /* @__PURE__ */ jsx(PageSectionBoxActionColumnValue, { id: valueId, children: value }) : /* @__PURE__ */ jsx(PageSectionBoxActionColumnNoValue, { children: "Unknown" })
-] });
-var StyledPageSectionBoxActionColumn = styled.div``;
-var PageSectionBoxActionColumnLabel = styled.div`
-  color: ${colors.gray40};
-  font-weight: 500;
-  margin: 0;
-`;
-var PageSectionBoxActionColumnValue = styled.div`
-  font-weight: 700;
-  margin-bottom: 0;
-  margin-top: 6px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-var PageSectionBoxActionColumnNoValue = styled(
-  PageSectionBoxActionColumnValue
-)`
-  color: ${colors.gray80};
-  font-style: italic;
-`;
-function PageSectionBoxAction({
-  dropdownItems,
-  icon,
-  isDelete = false,
-  label,
-  loading = false,
-  onClick,
-  to,
-  toParams
-}) {
-  const theme = useTheme();
-  return loading ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ jsx(Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ jsx(
-    Dropdown,
-    {
-      button: {
-        getContent: () => /* @__PURE__ */ jsx(Icon, { name: "DotGrid1x3Horizontal", width: 16 })
-      },
-      dropdownItems
-    }
-  ) : isDelete ? /* @__PURE__ */ jsx(UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
-    /* Extra div for proper default alignment inside flex contexts */
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      TextButton,
-      {
-        leftIcon: icon,
-        text: label,
-        to,
-        toParams,
-        onClick
-      }
-    ) })
-  ) : null;
-}
-var PageSectionBoxActionRow = ({
-  title,
-  titleBadge,
-  titleBadgeKind = "default",
-  titleRightContent,
-  description,
-  separator,
-  children,
-  action,
-  smFlexColumn = true
-}) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-    SPageSectionBoxActionRow,
-    {
-      separator: Boolean(separator),
-      smFlexColumn: Boolean(smFlexColumn),
-      children: [
-        title ? /* @__PURE__ */ jsxs("div", { css: { flex: 1 }, children: [
-          /* @__PURE__ */ jsxs(PageSectionBoxTitle, { children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              title,
-              titleBadge ? /* @__PURE__ */ jsx(Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
-            ] }),
-            titleRightContent
-          ] }),
-          description ? /* @__PURE__ */ jsx(PageSectionBoxDescription, { children: description }) : null
-        ] }) : null,
-        children,
-        /* @__PURE__ */ jsx(PageSectionBoxAction, __spreadValues({}, action))
-      ]
-    }
-  ) });
-};
-var SPageSectionBoxActionRow = styled.div`
-  display: flex;
-  gap: 12px;
-  align-items: top;
-  flex-direction: row;
-  justify-content: space-between;
-
-  & + & {
-    margin-top: 32px;
-  }
-
-  ${({ smFlexColumn }) => smFlexColumn ? bp.sm(`flex-direction: column;`) : ""}
-
-  &:has(> ${StyledPageSectionBoxActionColumn}) {
-    ${select(StyledPageSectionBoxActionColumn)} {
-      width: 150px;
-    }
-    ${bp.maxMd(`
-      ${select(StyledPageSectionBoxActionColumn)} {
-        width: auto;
-      }
-    `)}
-  }
-
-  ${({ separator, theme }) => separator && `
-      border-top: 1px solid;
-      ${standardBorderColor({ theme }).styles};
-      padding-top: 32px;
-    `}
-`;
-var PageSectionBoxColumn = styled.div``;
-var PageSectionBoxRow = styled.div`
-  display: grid;
-  grid-template-columns: repeat(
-    auto-fit,
-    minmax(215px, 1fr)
-  ); /* This creates as many columns as can fit, each at least 150px wide */
-`;
-function PageSectionBox({
-  action,
-  description,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ jsx(PageSectionBoxDescription, { children: toReactNodes(description) }),
-    children,
-    (action == null ? void 0 : action.label) ? /* @__PURE__ */ jsx("div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ jsx(PageSectionBoxAction, __spreadValues({}, action)) }) : null
-  ] });
-}
-var StyledPageSectionBox = styled.div`
-  & + & {
-    margin-top: 32px;
-  }
-
-  & > ${PageSectionBoxRow}, & {
-    border: 1px solid;
-    ${standardBorderColor}
-  }
-
-  ${standardBorderRadius(8)}
-  padding: 16px;
-
-  /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
-  &:has(> ${PageSectionBoxRow}) {
-    border: none;
-    padding: 0;
-    ${standardBorderRadius(0)}
-  }
-
-  & > ${PageSectionBoxRow} {
-    &:first-of-type {
-      ${standardBorderRadius([12, 12, 0, 0])}
-    }
-
-    &:last-of-type {
-      ${standardBorderRadius([0, 0, 12, 12])}
-    }
-
-    &:only-of-type {
-      ${standardBorderRadius(12)}
-    }
-
-    &:not(:last-of-type) {
-      border-bottom: 0;
-    }
-
-    ${PageSectionBoxColumn} {
-      padding: 32px;
-      ${bp.sm(`padding: 16px;`)}
-      &:not(:first-of-type) {
-        border-left: solid 1px;
-        ${standardBorderColor}
-      }
-    }
-
-    ${({ theme }) => bp.maxMd(`
-        grid-template-columns: none;
-        ${select(PageSectionBoxColumn)} {
-          &:not(:first-of-type) {
-            border-left: 0 !important;
-            border-top: solid 1px;
-            ${standardBorderColor({ theme }).styles};
-          }
-        }
-      `)}
-  }
-`;
-var PageSectionBoxTitle = styled.div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  font-size: ${({ lg }) => lg ? 14 : 12}px;
-  font-weight: 600;
-  line-height: ${({ lg }) => standardLineHeightEms * (lg ? 14 : 12) + badgeSmVPadding * 2}px;
-`;
-var PageSectionBoxDescription = styled.div`
-  color: ${({ theme }) => theme.mcNeutral};
-  ${PageSectionBoxTitle} + & {
-    margin-top: 6px;
-  }
-`;
-var gapPx = 24;
-var PageSectionRow = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${gapPx}px;
-
-  ${bp.minSm(`
-    flex-direction: row;
-  `)}
-
-  margin-top: 40px;
-  &:first-of-type {
-    margin-top: 0;
-  }
-`;
-var PageSectionRowSubSection = styled.div`
-  box-sizing: border-box;
-  width: 100%;
-
-  &:first-of-type {
-    margin-right: 0px;
-  }
-
-  &:last-of-type {
-    margin-left: 0px;
-    margin-top: ${gapPx}px;
-  }
-
-  ${StyledPageSectionBox} + ${StyledPageSectionBox} {
-    /* Less margin for boxes within a single SubSection: */
-    margin-top: 16px;
-  }
-
-  ${bp.minSm(`
-    width: calc(50% - ${gapPx / 2}px);
-
-    &:last-of-type {
-      margin-top: 0;
-    }
-  `)}
-
-  ${({ fullWidth }) => fullWidth ? "width: 100% !important;" : ""}
-`;
-
-export {
-  PageSection,
-  PageSectionSubheading,
-  PageSectionBoxActionColumn,
-  PageSectionBoxActionRow,
-  PageSectionBoxColumn,
-  PageSectionBoxRow,
-  PageSectionBox,
-  StyledPageSectionBox,
-  PageSectionBoxTitle,
-  PageSectionBoxDescription,
-  PageSectionRow,
-  PageSectionRowSubSection
-};

package/dist/chunk-YT3YJ2VR.cjs

@@ -1,53 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
-
-
-var _chunk6IM6TXLBcjs = require('./chunk-6IM6TXLB.cjs');
-
-
-var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
-
-
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
-
-
-var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
-
-// src/components/SatoshiInputLabel.tsx
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-function SatoshiInputLabel({
-  text,
-  availableSats,
-  showTooltip = true
-}) {
-  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkE4MOQFMEcjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
-    "available",
-    " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6IM6TXLBcjs.InfoIconTooltip,
-      {
-        id: "available-balance-tooltip",
-        content: [
-          "Your available balance may differ from your total balance due to operational funds being held on the Lightning Network. ",
-          _chunkCH2PLO6Fcjs.link.call(void 0, {
-            text: "Learn more",
-            externalLink: "https://docs.lightspark.com/lightspark-sdk/api-reference/types/Balances"
-          })
-        ]
-      }
-    )
-  ] }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkE4MOQFMEcjs.Label, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: text }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: availableSats !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
-      _chunkJA7KZV3Qcjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
-      availableSatsTooltipNode
-    ] }) })
-  ] });
-}
-
-
-
-exports.SatoshiInputLabel = SatoshiInputLabel;

package/dist/chunk-YXTL55KM.js

@@ -1,24 +0,0 @@
-import {
-  pxToRems
-} from "./chunk-MFTEQD6P.js";
-
-// src/components/StatusIndicator.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-function StatusIndicator({
-  color = "success",
-  text,
-  size = 12,
-  fontWeight = 700
-}) {
-  return /* @__PURE__ */ jsx(StyledStatusIndicator, { color, size, fontWeight, children: text });
-}
-var StyledStatusIndicator = styled.div`
-  color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => pxToRems(size)};
-  font-weight: ${({ fontWeight }) => fontWeight};
-`;
-
-export {
-  StatusIndicator
-};

package/dist/chunk-ZAB77SSF.js

@@ -1,53 +0,0 @@
-import {
-  Label
-} from "./chunk-GHLNFY6T.js";
-import {
-  InfoIconTooltip
-} from "./chunk-KJG3RAR5.js";
-import {
-  link
-} from "./chunk-FZUV52PP.js";
-import {
-  Icon
-} from "./chunk-BV25DKRW.js";
-import {
-  addCommasToDigits
-} from "./chunk-HAC5YAGQ.js";
-
-// src/components/SatoshiInputLabel.tsx
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function SatoshiInputLabel({
-  text,
-  availableSats,
-  showTooltip = true
-}) {
-  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ jsxs(Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
-    "available",
-    " ",
-    /* @__PURE__ */ jsx(
-      InfoIconTooltip,
-      {
-        id: "available-balance-tooltip",
-        content: [
-          "Your available balance may differ from your total balance due to operational funds being held on the Lightning Network. ",
-          link({
-            text: "Learn more",
-            externalLink: "https://docs.lightspark.com/lightspark-sdk/api-reference/types/Balances"
-          })
-        ]
-      }
-    )
-  ] }) : null;
-  return /* @__PURE__ */ jsxs(Label, { children: [
-    /* @__PURE__ */ jsx("div", { children: text }),
-    /* @__PURE__ */ jsx("div", { children: availableSats !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
-      addCommasToDigits(Math.floor(availableSats)),
-      availableSatsTooltipNode
-    ] }) })
-  ] });
-}
-
-export {
-  SatoshiInputLabel
-};

package/dist/chunk-ZBLXVPL4.cjs

@@ -1,142 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
-
-// src/styles/colors.tsx
-var neutral = {
-  black: "#000000",
-  gray5: "#0D0D0D",
-  gray10: "#1A1A1A",
-  gray15: "#262626",
-  gray20: "#333333",
-  gray25: "#404040",
-  gray30: "#4D4D4D",
-  gray40: "#666666",
-  gray50: "#808080",
-  gray60: "#999999",
-  gray70: "#B3B3B3",
-  gray75: "#BFBFBF",
-  gray80: "#CCCCCC",
-  gray85: "#D9D9D9",
-  gray90: "#E6E6E6",
-  gray91: "#171717",
-  gray95: "#F2F2F2",
-  gray98: "#F9F9F9",
-  white: "#FFFFFF"
-};
-var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-var primary = "#FFF14E";
-var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, neutral), {
-  // green
-  success: "#17C27C",
-  green: "#46ac4a",
-  green33: "#179257",
-  green35: "#19981E",
-  // blue
-  blue43: "#145BC6",
-  blue22: "#0E2E60",
-  blue39: "#0068C9",
-  blue37: "#21529c",
-  blue58: "#28BFFF",
-  // less than 50% saturated blue
-  grayBlue5: "#0c0d0f",
-  grayBlue9: "#16171A",
-  grayBlue10: "#14161D",
-  grayBlue12: "#2D2E34",
-  grayBlue14: "#3A3B41",
-  grayBlue18: "#21283a",
-  grayBlue32: "#4F5156",
-  grayBlue43: "#686A72",
-  grayBlue45: "#676F80",
-  grayBlue57: "#8B8E98",
-  grayBlue67: "#9BA7B9",
-  grayBlue69: "#A6A9BA",
-  grayBlue78: "#C0C6CE",
-  grayBlue80: "#C0C9D6",
-  grayBlue88: "#DEDFE4",
-  grayBlue92: "#E1EBF5",
-  grayBlue93: "#E6EEF6",
-  grayBlue94: "#EBEEF2",
-  grayBlue95: "#F2F3F5",
-  grayBlue96: "#F2F5F7",
-  // purple
-  purple43: "#820AD1",
-  purple55: "#8B38DE",
-  // red
-  red50: "#E31A1A",
-  red42a10: "#D800271A",
-  red42a20: "#D800272D",
-  red42a30: "#D800273F",
-  // yellow
-  primary,
-  warning: primary,
-  // orange
-  danger: "#FD2C0F",
-  // neutral
-  secondary: neutral.black,
-  // transparent
-  transparent: "transparent",
-  transparenta02: "#00000005",
-  transparenta08: "#00000014"
-});
-var colors = baseColors;
-function isColorKey(key) {
-  return key in colors;
-}
-function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
-  const bgRGB = hexToRGB(bgHex);
-  const hcRGB = hexToRGB(defaultHex);
-  if (!bgRGB || !hcRGB) return defaultHex;
-  const c = contrast(bgRGB, hcRGB);
-  if (c < 4.5) {
-    return altHex;
-  }
-  return defaultHex;
-}
-function luminance(r, g, b) {
-  const a = [r, g, b].map(function(v) {
-    v /= 255;
-    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-  });
-  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-}
-function contrast(rgb1, rgb2) {
-  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
-  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function componentToHex(c) {
-  const hex = c.toString(16);
-  return hex.length === 1 ? "0" + hex : hex;
-}
-function rgbToHex(r, g, b) {
-  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
-}
-function hexToRGB(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ] : [0, 0, 0];
-}
-function hexToRGBAStr(hex, alpha) {
-  const rgb = hexToRGB(hex);
-  return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-exports.darkGradient = darkGradient; exports.colors = colors; exports.isColorKey = isColorKey; exports.hcNeutralFromBg = hcNeutralFromBg; exports.luminance = luminance; exports.contrast = contrast; exports.componentToHex = componentToHex; exports.rgbToHex = rgbToHex; exports.hexToRGB = hexToRGB; exports.hexToRGBAStr = hexToRGBAStr;

package/dist/chunk-ZEGF5HFO.cjs

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
-
-
-
-var _chunkNE2ZJLB2cjs = require('./chunk-NE2ZJLB2.cjs');
-
-
-
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
-
-// src/components/typography/Overline.tsx
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Overline(props) {
-  const propsWithDefaults = _chunkNE2ZJLB2cjs.getPropDefaults.call(void 0, props);
-  let reactNodes = props.children || null;
-  if (props.content) {
-    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2ZJLB2cjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
-}
-
-
-
-exports.Overline = Overline;