@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-3FA4RQGH.cjs

@@ -0,0 +1,380 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkXZG2GZWIcjs = require('./chunk-XZG2GZWI.cjs');
+
+
+var _chunk73LM7UGPcjs = require('./chunk-73LM7UGP.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+
+
+var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+
+
+var _chunkYHQVDAZWcjs = require('./chunk-YHQVDAZW.cjs');
+
+
+var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+
+var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+
+
+var _chunkEKCGBLIHcjs = require('./chunk-EKCGBLIH.cjs');
+
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/Button.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _lodashes = require('lodash-es');
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var buttonKinds = [
+  "secondary",
+  "primary",
+  "ghost",
+  "green33",
+  "purple55",
+  "blue43",
+  "blue39",
+  "danger"
+];
+var roundPaddingsX = {
+  [_chunkEKCGBLIHcjs.TokenSize.ExtraSmall]: 10,
+  [_chunkEKCGBLIHcjs.TokenSize.Small]: 10,
+  [_chunkEKCGBLIHcjs.TokenSize.Schmedium]: 10,
+  [_chunkEKCGBLIHcjs.TokenSize.Medium]: 14,
+  [_chunkEKCGBLIHcjs.TokenSize.Mlarge]: 19,
+  [_chunkEKCGBLIHcjs.TokenSize.Large]: 19
+};
+var paddingsX = {
+  [_chunkEKCGBLIHcjs.TokenSize.ExtraSmall]: 16,
+  [_chunkEKCGBLIHcjs.TokenSize.Small]: 24,
+  [_chunkEKCGBLIHcjs.TokenSize.Schmedium]: 24,
+  [_chunkEKCGBLIHcjs.TokenSize.Medium]: 24,
+  [_chunkEKCGBLIHcjs.TokenSize.Mlarge]: 24,
+  [_chunkEKCGBLIHcjs.TokenSize.Large]: 24
+};
+function getPaddingX(size, kind, isRound) {
+  return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
+}
+function getPadding({ paddingY, kind, size, iconSide, isRound }) {
+  const paddingX = getPaddingX(size, kind, isRound);
+  const paddingForIcon = 0;
+  return kind === "ghost" ? 0 : `${paddingY}px ${paddingX + (iconSide === "right" ? paddingForIcon : 0)}px ${paddingY}px ${paddingX + (iconSide === "left" ? paddingForIcon : 0)}px`;
+}
+function resolveBackgroundColorKey(theme, kind, defaultKey) {
+  var _a;
+  const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
+  let backgroundColorKey = defaultBackgroundColorKey;
+  if (!backgroundColorKey && _chunkPDZ23BEDcjs.isThemeOrColorKey.call(void 0, kind)) {
+    backgroundColorKey = kind;
+  }
+  const defaultBackgroundColor = theme.buttons[defaultKey];
+  const backgroundColor = _chunkPDZ23BEDcjs.getBackgroundColor.call(void 0, 
+    theme,
+    backgroundColorKey,
+    defaultBackgroundColor
+  );
+  return backgroundColor;
+}
+function resolveProp(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.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.buttons[defaultKey]
+  );
+}
+function resolveProps(props, theme) {
+  const _a = props, {
+    kind = "secondary",
+    size: sizeProp,
+    paddingY: paddingYType = "regular",
+    borderRadius,
+    typography: typographyProp
+  } = _a, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _a, [
+    "kind",
+    "size",
+    "paddingY",
+    "borderRadius",
+    "typography"
+  ]);
+  const size = resolveProp(sizeProp, kind, "defaultSize", theme);
+  const defaultPaddingsY = resolveProp(null, kind, "defaultPaddingsY", theme);
+  const defaultPaddingY = defaultPaddingsY[size];
+  const backgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultBackgroundColor"
+  );
+  const borderWidth = resolveProp(null, kind, "defaultBorderWidth", theme);
+  const borderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultBorderColor"
+  );
+  const hoverBackgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultHoverBackgroundColor"
+  );
+  const hoverBorderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultHoverBorderColor"
+  );
+  const typography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || resolveProp(null, kind, "defaultTypographyType", theme),
+    color: (typographyProp == null ? void 0 : typographyProp.color) || resolveProp(null, kind, "defaultColor", theme),
+    size
+  };
+  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, rest), {
+    kind,
+    size,
+    typography,
+    paddingY: typeof defaultPaddingY === "number" ? defaultPaddingY : defaultPaddingY[paddingYType],
+    borderRadius: resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor
+  });
+}
+function Button(props) {
+  const theme = _react.useTheme.call(void 0, );
+  const {
+    kind,
+    typography,
+    size,
+    paddingY,
+    text,
+    to,
+    id,
+    hash,
+    externalLink,
+    filename,
+    toParams,
+    onClick,
+    icon,
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    iconSide = "left",
+    loading = false,
+    loadingKind = "primary",
+    fullWidth = false,
+    disabled = false,
+    mt = 0,
+    ml = 0,
+    type = "button",
+    newTab = false,
+    zIndex = void 0,
+    tooltipText,
+    borderRadius
+  } = resolveProps(props, theme);
+  const tooltipId = _react3.useRef.call(void 0, _lodashes.uniqueId.call(void 0, ));
+  const iconSize = size === "ExtraSmall" ? 12 : 16;
+  let currentIcon = null;
+  if (loading) {
+    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography,
+        kind,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZG2GZWIcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
+      }
+    );
+  } else if (icon) {
+    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography,
+        kind,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: icon, width: iconSize, color: typography.color })
+      }
+    );
+  }
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react3.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, tooltipText ? { "data-tooltip-id": tooltipId.current } : {}), {
+        css: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "8px"
+        },
+        children: [
+          iconSide === "left" && currentIcon,
+          text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              css: {
+                textOverflow: "ellipsis",
+                overflow: "hidden"
+              },
+              children: _chunk73LM7UGPcjs.renderTypography.call(void 0, typography.type, {
+                content: text,
+                color: typography.color,
+                size
+              })
+            }
+          ),
+          iconSide === "right" && currentIcon
+        ]
+      })
+    ),
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHQVDAZWcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+  ] });
+  const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
+  const commonProps = {
+    id,
+    kind,
+    type,
+    typography,
+    onClick,
+    fullWidth,
+    iconSide,
+    paddingY,
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    isRound: isSingleCharRoundButton,
+    isLoading: loading,
+    disabled: disabled || loading,
+    css: {
+      marginTop: mt ? `${mt}px` : void 0,
+      marginLeft: ml ? `${ml}px` : void 0
+    },
+    newTab,
+    text,
+    borderRadius,
+    zIndex
+  };
+  if (to) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLink, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { to, params: toParams, hash, children: content }));
+  }
+  return externalLink ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ButtonHrefLink,
+    _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), {
+      href: externalLink,
+      download: filename,
+      target: "_blank",
+      children: content
+    })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { children: content }));
+}
+var buttonStyle = ({
+  paddingY,
+  kind,
+  theme,
+  disabled,
+  isLoading,
+  typography,
+  fullWidth,
+  zIndex,
+  iconSide,
+  borderWidth,
+  borderColor,
+  isRound,
+  borderRadius,
+  backgroundColor,
+  hoverBackgroundColor,
+  hoverBorderColor
+}) => {
+  return _react.css`
+    display: inline-flex;
+    opacity: ${disabled && !isLoading ? 0.2 : 1};
+    transition: opacity 0.2s;
+    position: relative;
+
+    ${zIndex && `z-index: ${zIndex};`}
+
+    ${_chunkIXV57HL7cjs.applyTypography.call(void 0, 
+    theme,
+    typography.type,
+    typography.size,
+    typography.color
+  )}
+
+    &:focus-visible {
+      outline: ${_chunkMNAZ4BDQcjs.getFocusOutline.call(void 0, { theme })};
+      /* Slightly different offset for buttons so the outline is visible: */
+      outline-offset: 0px;
+    }
+
+    width: ${fullWidth ? "100%" : "fit-content"};
+
+    & > * {
+      width: 100%;
+      text-align: center;
+      white-space: nowrap;
+      background-color: ${backgroundColor};
+      border: ${borderWidth}px solid;
+      border-color: ${borderColor};
+      border-radius: ${isRound ? "100%" : `${borderRadius}px`};
+      padding: ${getPadding({
+    paddingY,
+    kind,
+    size: typography.size,
+    iconSide,
+    isRound
+  })};
+      transition:
+        background-color 0.2s ease-out,
+        border-color 0.2s ease-out;
+
+      &:hover {
+        background-color: ${hoverBackgroundColor};
+        border-color: ${hoverBorderColor};
+      }
+    }
+  `;
+};
+var ButtonIcon = _styled2.default.div`
+  ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
+`;
+var StyledButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonLink = _styled2.default.call(void 0, _chunkQCJWZRIPcjs.Link)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonHrefLink = _styled2.default.a`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4SAHQcjs.select.call(void 0, StyledButton)}, ${_chunk6VA4SAHQcjs.select.call(void 0, ButtonLink)}, ${_chunk6VA4SAHQcjs.select.call(void 0, 
+  ButtonHrefLink
+)})${append}`;
+
+
+
+
+
+
+exports.buttonKinds = buttonKinds; exports.Button = Button; exports.StyledButton = StyledButton; exports.ButtonSelector = ButtonSelector;

package/dist/chunk-3JDF42CW.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Explorer.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Explorer() {
+  return /* @__PURE__ */ _jsxruntime.jsx.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: "M8.90625 6.38889L8.21689 6.09345L7.76885 7.13889H8.90625V6.38889ZM11.3229 0.75L12.0123 1.04544C12.149 0.726338 12.0489 0.355085 11.7703 0.148013C11.4916 -0.0590584 11.1072 -0.0478189 10.8412 0.175182L11.3229 0.75ZM0.75 9.61111L0.268248 9.03629C0.0265337 9.23887 -0.0626239 9.57103 0.0451549 9.86742C0.152934 10.1638 0.43462 10.3611 0.75 10.3611L0.75 9.61111ZM7.09375 9.61111L7.78311 9.90655L8.23115 8.86111H7.09375V9.61111ZM4.67708 15.25L3.98772 14.9546C3.85097 15.2737 3.95109 15.6449 4.22974 15.852C4.5084 16.0591 4.89275 16.0478 5.15884 15.8248L4.67708 15.25ZM15.25 6.38889L15.7318 6.96371C15.9735 6.76113 16.0626 6.42897 15.9548 6.13258C15.8471 5.83619 15.5654 5.63889 15.25 5.63889V6.38889ZM9.59561 6.68433L12.0123 1.04544L10.6336 0.454561L8.21689 6.09345L9.59561 6.68433ZM10.8412 0.175182L0.268248 9.03629L1.23175 10.1859L11.8047 1.32482L10.8412 0.175182ZM0.75 10.3611H7.09375V8.86111H0.75V10.3611ZM6.40439 9.31567L3.98772 14.9546L5.36644 15.5454L7.78311 9.90655L6.40439 9.31567ZM5.15884 15.8248L15.7318 6.96371L14.7682 5.81407L4.19533 14.6752L5.15884 15.8248ZM15.25 5.63889H8.90625V7.13889H15.25V5.63889Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Explorer = Explorer;

package/dist/chunk-3JTH7BHI.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useResizeObserver.tsx
+var _lodashes = require('lodash-es');
+var _react = require('react');
+function useResizeObserver(resizeProperties) {
+  const resizeObserver = _react.useRef.call(void 0, null);
+  const [rect, setRect] = _react.useState.call(void 0, null);
+  const [selectedProperties, setSelectedProperties] = _react.useState.call(void 0, null);
+  const mounted = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const onResize = _react.useCallback.call(void 0, 
+    (entries) => {
+      setTimeout(() => {
+        if (mounted.current) {
+          const changedRect = entries[0].contentRect;
+          setRect(changedRect);
+        } else if (resizeObserver.current) {
+          resizeObserver.current.disconnect();
+        }
+      }, 0);
+    },
+    [setRect]
+  );
+  const ref = _react.useCallback.call(void 0, 
+    (node) => {
+      if (node && node instanceof Element && resizeProperties && resizeProperties.length > 0) {
+        resizeObserver.current = new ResizeObserver(onResize);
+        resizeObserver.current.observe(node);
+      }
+    },
+    [onResize, resizeProperties]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (resizeProperties) {
+      const selectedProps = _lodashes.pick.call(void 0, rect, resizeProperties);
+      if (JSON.stringify(selectedProperties) !== JSON.stringify(selectedProps)) {
+        setSelectedProperties(selectedProps);
+      }
+    }
+  }, [rect, resizeProperties, setSelectedProperties, selectedProperties]);
+  return {
+    ref,
+    rect: selectedProperties
+  };
+}
+
+
+
+exports.useResizeObserver = useResizeObserver;

package/dist/chunk-3MCK6I7V.js

@@ -0,0 +1,40 @@
+// src/icons/UmaBridgeLoadingTransparent.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function UmaBridgeLoadingTransparent() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            opacity: "0.3",
+            cx: "10.4996",
+            cy: "9.99998",
+            rx: "8.74961",
+            ry: "8.74986",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.2503 9.99998C19.2503 8.61916 18.9235 7.25795 18.2966 6.02763C17.6697 4.79731 16.7606 3.73282 15.6435 2.9212C14.5265 2.10957 13.2332 1.57386 11.8694 1.35785C10.5056 1.14184 9.11007 1.25168 7.79688 1.67837",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  UmaBridgeLoadingTransparent
+};

package/dist/chunk-3NYFUIYG.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowCircleTier1.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowCircleTier1() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "14", cy: "14.9639", r: "14", fill: "white" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.7144 18.998L19.4944 10.298L10.7944 10.098L10.8144 11.998L16.6144 11.958L8.73438 19.838L9.97438 21.078L17.8344 13.218L17.7944 18.978L19.7144 18.998Z",
+            fill: "#179257"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.ArrowCircleTier1 = ArrowCircleTier1;

package/dist/chunk-3O67L2QO.cjs

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+
+// src/components/CodeInput/SingleCodeInput.tsx
+var _react = require('@emotion/react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var defaultWidth = "42px";
+var vPadding = 15;
+function SingleCodeInput({
+  id,
+  maxLength,
+  onChange = () => {
+  },
+  value,
+  inputRef = null,
+  onKeyUp = () => {
+  },
+  onKeyDown = () => {
+  },
+  onPaste = () => {
+  },
+  type,
+  max,
+  cssProp,
+  ariaLabel,
+  disabled,
+  onBlur,
+  width = defaultWidth
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  const defaultCSS = _react.css.call(void 0, 
+    `
+      ${_chunkQR6XKKRKcjs.textInputStyle.call(void 0, {
+      theme,
+      disabled: Boolean(disabled),
+      hasError: false
+    }).styles}
+      width: ${width};
+      max-width: ${defaultWidth};
+      padding: ${vPadding}px 0px;
+      text-align: center;
+      &:not(:last-of-type):not(:focus-visible) {
+        border-right: none;
+      }
+      &:not(:first-of-type):not(:last-of-type) {
+        border-radius: 0;
+      }
+      &:first-of-type {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+      &:last-of-type {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+      &:focus,
+      &:active {
+        padding: ${vPadding - 1}px 0px !important;
+      }
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+        margin: 0;
+      }
+      -moz-appearance:textfield; /* Firefox */
+    `,
+    cssProp
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      id,
+      maxLength,
+      onChange: (event) => onChange(event, id),
+      value,
+      ref: inputRef,
+      type,
+      "aria-label": ariaLabel,
+      onKeyUp: (event) => onKeyUp(event, id),
+      onKeyDown: (event) => onKeyDown(event, id),
+      onPaste: (event) => onPaste(event),
+      max,
+      css: defaultCSS,
+      onBlur,
+      inputMode: "numeric",
+      pattern: "[0-9]*"
+    }
+  );
+}
+
+
+
+exports.SingleCodeInput = SingleCodeInput;

package/dist/chunk-3RJBB7Q6.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/WalletSDKIcon.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function WalletSDKIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "36",
+      height: "33",
+      viewBox: "0 0 36 33",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M32 7.5V7.5C32 6.10444 32 5.40666 31.8278 4.83886C31.44 3.56046 30.4395 2.56004 29.1611 2.17224C28.5933 2 27.8956 2 26.5 2H8.4C6.15979 2 5.03968 2 4.18404 2.43597C3.43139 2.81947 2.81947 3.43139 2.43597 4.18404C2 5.03968 2 6.15979 2 8.4V24.6C2 26.8402 2 27.9603 2.43597 28.816C2.81947 29.5686 3.43139 30.1805 4.18404 30.564C5.03968 31 6.15979 31 8.4 31H25.6C27.8402 31 28.9603 31 29.816 30.564C30.5686 30.1805 31.1805 29.5686 31.564 28.816C32 27.9603 32 26.8402 32 24.6V24.5",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "24", y: "12", width: "12", height: "8", rx: "1", fill: "#7808D0" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19 30C19 21.1634 11.8366 14 3 14",
+            stroke: "currentColor",
+            strokeWidth: "3"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.WalletSDKIcon = WalletSDKIcon;

package/dist/{chunk-JZKGVGBU.js → chunk-3Y63I7BP.js}

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

package/dist/chunk-43KEZLY6.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Chevron.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Chevron() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M3.3335 5.33337L8.00016 10L12.6668 5.33337",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Chevron = Chevron;