@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-XJPYWPVG.cjs

@@ -0,0 +1,179 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/LoadingSpinner.tsx
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LoadingSpinner() {
+  const id = _react.useId.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 17 17",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: `url(#clip0_448_7848)-${id})`, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "8.5", cy: "8.5", r: "7", stroke: "#E6E6E6", strokeWidth: "2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5",
+              stroke: "black",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "mask",
+            {
+              id: `mask0_448_7848-${id}`,
+              style: { maskType: "alpha" },
+              maskUnits: "userSpaceOnUse",
+              x: "0",
+              y: "0",
+              width: "10",
+              height: "17",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "path",
+                {
+                  d: "M8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5",
+                  stroke: "black",
+                  strokeWidth: "2",
+                  strokeLinecap: "round"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { mask: `url(#mask0_448_7848-${id})`, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { filter: `url(#filter0_f_448_7848)-${id})`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "ellipse",
+              {
+                cx: "9",
+                cy: "4",
+                rx: "47",
+                ry: "19",
+                fill: `url(#paint0_radial_448_7848-${id})`
+              }
+            ) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { filter: `url(#filter1_f_448_7848)-${id})`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "ellipse",
+              {
+                cx: "9.5",
+                cy: "-6.5",
+                rx: "31.5",
+                ry: "25.5",
+                fill: `url(#paint1_radial_448_7848-${id})`
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "filter",
+            {
+              id: `filter0_f_448_7848-${id}`,
+              x: "-44",
+              y: "-21",
+              width: "106",
+              height: "50",
+              filterUnits: "userSpaceOnUse",
+              colorInterpolationFilters: "sRGB",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "feBlend",
+                  {
+                    mode: "normal",
+                    in: "SourceGraphic",
+                    in2: "BackgroundImageFix",
+                    result: "shape"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "feGaussianBlur",
+                  {
+                    stdDeviation: "3",
+                    result: "effect1_foregroundBlur_448_7848"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "filter",
+            {
+              id: `filter1_f_448_7848-${id}`,
+              x: "-28",
+              y: "-38",
+              width: "75",
+              height: "63",
+              filterUnits: "userSpaceOnUse",
+              colorInterpolationFilters: "sRGB",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "feBlend",
+                  {
+                    mode: "normal",
+                    in: "SourceGraphic",
+                    in2: "BackgroundImageFix",
+                    result: "shape"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "feGaussianBlur",
+                  {
+                    stdDeviation: "3",
+                    result: "effect1_foregroundBlur_448_7848"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "radialGradient",
+            {
+              id: `paint0_radial_448_7848-${id}`,
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(9.09573 3.9613) rotate(161.271) scale(31.3334 19.6551)",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#0066FF" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#0066FF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "radialGradient",
+            {
+              id: `paint1_radial_448_7848-${id}`,
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(9.56416 -6.55194) rotate(145.825) scale(24.0388 23.0445)",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#FFC700" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#BF09FF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: `clip0_448_7848-${id}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "rect",
+            {
+              width: "16",
+              height: "16",
+              fill: "white",
+              transform: "translate(0.5 0.5)"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+
+
+
+exports.LoadingSpinner = LoadingSpinner;

package/dist/chunk-XKHTSGK3.cjs

@@ -0,0 +1,145 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
+
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+// src/styles/global.tsx
+var _react = require('@emotion/react');
+var _react3 = require('react');
+require('react-tooltip/dist/react-tooltip.css');
+require('./static/fonts.css');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var globalComponentStyles = ({ theme }) => _react.css`
+  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+
+  html {
+    font-size: ${_chunkMNAZ4BDQcjs.rootFontSizeRems}rem;
+    color: ${theme.text};
+
+    /* required for iOS https://bit.ly/3Q8syG8 */
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+    scroll-behavior: smooth;
+  }
+
+  body {
+    font-family: ${theme.typography.fontFamilies.main}, sans-serif;
+    font-weight: 500;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+    &:before {
+      position: absolute;
+      visibility: hidden;
+    }
+
+    ${_chunkKW3JYLRIcjs.bp.sm(`&:before { content: "${"sm" /* sm */}"; }`)}
+    ${_chunkKW3JYLRIcjs.bp.minSmMaxMd(`&:before { content: "${"minSmMaxMd" /* minSmMaxMd */}"; }`)}
+      ${_chunkKW3JYLRIcjs.bp.minMdMaxLg(
+  `&:before { content: "${"minMdMaxLg" /* minMdMaxLg */}"; }`
+)}
+    ${_chunkKW3JYLRIcjs.bp.lg(`&:before { content: "${"lg" /* lg */}"; }`)}
+  }
+
+  * {
+    box-sizing: border-box;
+    line-height: ${_chunkMNAZ4BDQcjs.standardLineHeightEms}em;
+  }
+
+  code {
+    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+      monospace;
+  }
+
+  a {
+    color: #0d6efd;
+    text-decoration: none;
+  }
+
+  .pretty-scrollbar {
+    scrollbar-width: auto;
+    scrollbar-color: #333333 #000000;
+  }
+
+  .pretty-scrollbar::-webkit-scrollbar {
+    width: 16px;
+  }
+
+  .pretty-scrollbar::-webkit-scrollbar-track {
+    background: #000000;
+  }
+
+  .pretty-scrollbar::-webkit-scrollbar-thumb {
+    background-color: #333333;
+    border-radius: 10px;
+    border: 3px solid #000000;
+  }
+
+  *:focus-visible {
+    outline: ${theme.hcNeutral} dashed 1px;
+  }
+
+  strong {
+    font-weight: 700;
+  }
+
+  // Recaptcha badge invisibility
+  .grecaptcha-badge {
+    visibility: hidden;
+  }
+`;
+function GlobalStyles() {
+  const theme = _react.useTheme.call(void 0, );
+  const bg = _chunkPDZ23BEDcjs.useThemeBg.call(void 0, );
+  _react3.useEffect.call(void 0, () => {
+    const documentHeight = () => {
+      const doc = document.documentElement;
+      doc.style.setProperty(_chunkT7ZB3XF7cjs.cssVars.docHeight, `${window.innerHeight}px`);
+    };
+    window.addEventListener("resize", documentHeight);
+    documentHeight();
+    return () => window.removeEventListener("resize", documentHeight);
+  }, []);
+  const globalStyles = _react.css`
+    ${globalComponentStyles({ theme })}
+
+    :root {
+      ${_chunkT7ZB3XF7cjs.cssVars.docHeight}: 100vh;
+      --rt-opacity: 1 !important;
+      --rt-transition-show-delay: 0.15s !important;
+      --rt-transition-closing-delay: 0.2s !important;
+    }
+
+    html {
+      background: ${bg};
+    }
+
+    body {
+      height: 100%;
+      margin: 0;
+      min-height: var(${_chunkT7ZB3XF7cjs.cssVars.docHeight});
+      overflow-x: hidden;
+      overflow-y: auto;
+      overscroll-behavior: auto;
+    }
+
+    [id="root"] {
+      height: 100%;
+    }
+  `;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Global, { styles: globalStyles });
+}
+
+
+
+
+exports.globalComponentStyles = globalComponentStyles; exports.GlobalStyles = GlobalStyles;

package/dist/chunk-XKQ2XWU5.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CheckmarkCircleGreen.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CheckmarkCircleGreen() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 32 33",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { y: "0.5", width: "32", height: "32", rx: "16", fill: "#17C27C" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8 16.4995L13 21.4995L24 10.4995",
+            stroke: "white",
+            strokeWidth: "2.00003"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.CheckmarkCircleGreen = CheckmarkCircleGreen;

package/dist/chunk-XQBJ74JW.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+
+
+var _chunkYHQVDAZWcjs = require('./chunk-YHQVDAZW.cjs');
+
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+// src/components/InfoIconTooltip.tsx
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function InfoIconTooltip({
+  id,
+  content,
+  verticalAlign = "middle"
+}) {
+  const contentNodes = _chunkZJTRXOA5cjs.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, _chunkCB3IFR2Xcjs.Icon, { name: "Info", width: 12, ml: 4 })
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHQVDAZWcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+  ] });
+}
+
+
+
+exports.InfoIconTooltip = InfoIconTooltip;

package/dist/chunk-XTLPMH2Q.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/DollarManropeSmall.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function DollarManropeSmall() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M10.0005 3.3291V1.84668M10.0005 16.6709V18.1533M13.5318 5.55273C12.8269 4.66654 11.5095 4.07031 10.0005 4.07031H9.54754C7.5462 4.07031 5.92383 5.25023 5.92383 6.70572V6.81886C5.92383 7.85997 6.7326 8.81163 8.01298 9.27722L11.9881 10.7227C13.2685 11.1883 14.0771 12.14 14.0771 13.1811C14.0771 14.699 12.3852 15.9296 10.2978 15.9296H10.0005C8.4915 15.9296 7.17414 15.3334 6.46921 14.4472",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.DollarManropeSmall = DollarManropeSmall;

package/dist/chunk-XTUVGLWQ.cjs

@@ -0,0 +1,87 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+// src/components/CurrencyAmount.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+
+
+
+
+
+var _core = require('@lightsparkdev/core');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CurrencyAmount({
+  amount,
+  displayUnit = _core.CurrencyUnit.SATOSHI,
+  shortNumber = false,
+  showUnits = false,
+  includeEstimatedIndicator = false,
+  fullPrecision = false,
+  ml = 0
+}) {
+  const unit = displayUnit;
+  const amountMap = _core.isCurrencyMap.call(void 0, amount) ? amount : _core.mapCurrencyAmount.call(void 0, amount);
+  const value = amountMap[unit];
+  const defaultFormattedNumber = amountMap.formatted[unit];
+  let formattedNumber = defaultFormattedNumber;
+  if (shortNumber) {
+    formattedNumber = _core.formatCurrencyStr.call(void 0, 
+      { value: Number(value), unit },
+      { precision: 1, compact: true }
+    );
+  } else if (fullPrecision) {
+    formattedNumber = _core.formatCurrencyStr.call(void 0, 
+      { value: Number(value), unit },
+      { precision: "full" }
+    );
+  }
+  if (showUnits) {
+    formattedNumber += ` ${shorttext(unit, value)}`;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCurrencyAmount, { ml, children: [
+    includeEstimatedIndicator && "Est. ",
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CurrencyIcon, { unit }),
+    formattedNumber
+  ] });
+}
+var CurrencyIcon = ({ unit }) => {
+  switch (unit) {
+    case _core.CurrencyUnit.BITCOIN:
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
+    case _core.CurrencyUnit.SATOSHI:
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
+    default:
+      return null;
+  }
+};
+var shorttext = (unit, value) => {
+  const pl = value !== 1;
+  switch (unit) {
+    case _core.CurrencyUnit.BITCOIN:
+      return "BTC";
+    case _core.CurrencyUnit.MILLIBITCOIN:
+      return "mBTC";
+    case _core.CurrencyUnit.MICROBITCOIN:
+      return "\u03BCBTC";
+    case _core.CurrencyUnit.SATOSHI:
+      return `sat${pl ? "s" : ""}`;
+    case _core.CurrencyUnit.MILLISATOSHI:
+      return `msat${pl ? "s" : ""}`;
+    default:
+      return unit;
+  }
+};
+var StyledCurrencyAmount = _styled2.default.span`
+  color: inherit !important;
+  white-space: nowrap;
+  font-feature-settings:
+    "tnum" on,
+    "lnum" on;
+  margin-left: ${({ ml }) => ml}px;
+`;
+
+
+
+
+exports.CurrencyAmount = CurrencyAmount; exports.CurrencyIcon = CurrencyIcon;

package/dist/{chunk-QFVQ6QPA.js → chunk-XUIS5P5Z.js}

@@ -1,12 +1,12 @@
 import {
   DocsHeadline
-} from "./chunk-I3WMJNCP.js";
+} from "./chunk-MXR7SFIZ.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-XYXNI3AO.cjs

@@ -0,0 +1,76 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CameraCapture.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CameraCapture() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "68",
+      height: "68",
+      viewBox: "0 0 68 68",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M23.125 28.8176C23.125 27.1752 24.4564 25.8438 26.0989 25.8438H26.6401C27.871 25.8438 29.0515 25.3548 29.9219 24.4844C30.7923 23.614 31.9728 23.125 33.2037 23.125H34.7963C36.0272 23.125 37.2077 23.614 38.0781 24.4844C38.9485 25.3548 40.129 25.8438 41.3599 25.8438H41.9011C43.5436 25.8438 44.875 27.1752 44.875 28.8176V39.9036C44.875 41.6437 44.875 42.5138 44.5363 43.1785C44.2384 43.7631 43.7631 44.2384 43.1785 44.5363C42.5138 44.875 41.6437 44.875 39.9036 44.875H28.0964C26.3563 44.875 25.4862 44.875 24.8215 44.5363C24.2369 44.2384 23.7616 43.7631 23.4637 43.1785C23.125 42.5138 23.125 41.6437 23.125 39.9036V28.8176Z",
+            stroke: "#999999",
+            strokeWidth: "2.25"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M38.6607 34.7459C38.6607 37.32 36.574 39.4066 34 39.4066C31.426 39.4066 29.3393 37.32 29.3393 34.7459C29.3393 32.1719 31.426 30.0852 34 30.0852C36.574 30.0852 38.6607 32.1719 38.6607 34.7459Z",
+            stroke: "#999999",
+            strokeWidth: "2.25"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M2 18V13.2C2 9.27963 2 7.31945 2.76295 5.82207C3.43407 4.50493 4.50493 3.43407 5.82207 2.76296C7.31945 2 9.27963 2 13.2 2H18",
+            stroke: "#999999",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M50 2L54.8 2C58.7204 2 60.6806 2 62.1779 2.76296C63.4951 3.43407 64.5659 4.50493 65.237 5.82207C66 7.31945 66 9.27963 66 13.2L66 18",
+            stroke: "#999999",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M66 50L66 54.8C66 58.7204 66 60.6806 65.237 62.1779C64.5659 63.4951 63.4951 64.5659 62.1779 65.237C60.6806 66 58.7204 66 54.8 66L50 66",
+            stroke: "#999999",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M18 66L13.2 66C9.27963 66 7.31945 66 5.82207 65.237C4.50493 64.5659 3.43407 63.4951 2.76295 62.1779C2 60.6806 2 58.7204 2 54.8L2 50",
+            stroke: "#999999",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.CameraCapture = CameraCapture;

package/dist/chunk-XZG2GZWI.cjs

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+// src/components/Loading.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var loadingKinds = ["primary", "secondary"];
+function Loading({
+  center = true,
+  size = 60,
+  ml = 0,
+  mt = 0,
+  kind = "primary"
+}) {
+  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, _chunkCB3IFR2Xcjs.Icon, { name: iconName, width: size }) }) });
+}
+var LoadingWrapper = _styled2.default.div`
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+  margin-left: ${({ ml }) => ml}px;
+  margin-top: ${({ mt }) => mt}px;
+
+  ${({ center }) => center && `
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 0 !important;
+  `}
+`;
+var Rotate = _styled2.default.div`
+  display: inline-flex;
+  animation: rotate 0.5s linear infinite;
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+function resolveLoadingProp(prop, kind, defaultKey, theme) {
+  var _a;
+  return (
+    /** props may be unset for a given kind but theme defaults always exist,
+     * so this will always resolve a value: */
+    prop || ((_a = theme.loading.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.loading[defaultKey]
+  );
+}
+
+
+
+
+
+exports.loadingKinds = loadingKinds; exports.Loading = Loading; exports.LoadingWrapper = LoadingWrapper;