@lightsparkdev/ui 0.0.13 → 1.0.0

package/dist/chunk-44UNWWP3.js

@@ -0,0 +1,58 @@
+import {
+  Label
+} from "./chunk-3TKO2L4T.js";
+import {
+  LabelModerate
+} from "./chunk-NMJGBK5W.js";
+import {
+  LabelStrong
+} from "./chunk-FUC2Z5QZ.js";
+import {
+  Overline
+} from "./chunk-AHIR5UAO.js";
+import {
+  Title
+} from "./chunk-HV6SRK57.js";
+import {
+  Code
+} from "./chunk-IOWK2GBE.js";
+import {
+  Display
+} from "./chunk-YQP6EWZY.js";
+import {
+  Headline
+} from "./chunk-4YN25H5H.js";
+import {
+  Body
+} from "./chunk-POTDIFIX.js";
+import {
+  BodyStrong
+} from "./chunk-MGXWKJDU.js";
+import {
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/components/typography/renderTypography.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+var typographyMap = {
+  Display,
+  Headline,
+  Title,
+  Body,
+  "Body Strong": BodyStrong,
+  Label,
+  "Label Moderate": LabelModerate,
+  "Label Strong": LabelStrong,
+  Overline,
+  Code,
+  "Code Strong": () => /* @__PURE__ */ jsx("div", { children: "Unimplemented" })
+};
+var renderTypography = (type, props) => {
+  const TypographyComponent = typographyMap[type];
+  return /* @__PURE__ */ jsx(TypographyComponent, __spreadValues({}, props));
+};
+
+export {
+  typographyMap,
+  renderTypography
+};

package/dist/chunk-4CYGTH2J.js

@@ -0,0 +1,327 @@
+import {
+  SingleCodeInput
+} from "./chunk-QSVZXM35.js";
+import {
+  textInputBorderColor
+} from "./chunk-FEJU2K4L.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/components/CodeInput/CodeInput.tsx
+import styled from "@emotion/styled";
+import { isNumber } from "lodash-es";
+import { nanoid } from "nanoid";
+import { createRef, useCallback, useRef, useState } from "react";
+import { isChrome, isMobile, isMobileSafari } from "react-device-detect";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function codeFromInputState(inputState) {
+  return Object.values(inputState).map((input) => input.value).join("");
+}
+function getRef(key, refsObj) {
+  if (key && refsObj && typeof refsObj === "object" && refsObj.current) {
+    const ref = refsObj.current[key];
+    if (ref && typeof ref === "object" && ref.current && ref.current instanceof HTMLInputElement) {
+      return ref.current;
+    }
+  }
+  return null;
+}
+function CodeInput({
+  codeLength = 8,
+  onChange,
+  onSubmit,
+  inputCSS,
+  autoFocus = true,
+  onBlur
+}) {
+  const componentId = useRef(nanoid(5));
+  const inputRefs = useRef({});
+  const autofillValuesRef = useRef("");
+  const getInputId = useCallback((index) => {
+    const idPrefix = `two-factor-input-${componentId.current}-`;
+    return `${idPrefix}-${index}`;
+  }, []);
+  function getInputIndex(id) {
+    return Number.parseInt(id.charAt(id.length - 1), 10);
+  }
+  const firstFieldRefCb = useCallback(
+    (ref) => {
+      if (ref) {
+        inputRefs.current[ref.id] = createRef();
+        inputRefs.current[ref.id].current = ref;
+        if (ref.id === getInputId(0) && autoFocus) {
+          ref.focus();
+        }
+      }
+    },
+    [getInputId, autoFocus]
+  );
+  const [inputState, setInputState] = useState(
+    Array(codeLength).fill(0).reduce((acc, item, i) => {
+      return __spreadProps(__spreadValues({}, acc), {
+        [getInputId(i)]: {
+          value: ""
+        }
+      });
+    }, {})
+  );
+  const onKeyDown = useCallback(
+    (event, inputId) => {
+      const handleKeys = /* @__PURE__ */ new Set([
+        "0",
+        "1",
+        "2",
+        "3",
+        "4",
+        "5",
+        "6",
+        "7",
+        "8",
+        "9",
+        "Enter",
+        "Escape",
+        "Backspace",
+        "Delete",
+        "ArrowLeft",
+        "ArrowRight"
+      ]);
+      if (["e", "E", "+", "-", "."].includes(event.key)) {
+        event.preventDefault();
+        return;
+      }
+      if (!handleKeys.has(event.key)) {
+        return;
+      }
+      let replaceEntireState = false;
+      const currentInputIndex = getInputIndex(inputId);
+      const isFirstInput = currentInputIndex === 0;
+      const isLastInput = currentInputIndex === codeLength - 1;
+      const nextInputIndex = isLastInput ? void 0 : currentInputIndex + 1;
+      const prevInputIndex = isFirstInput ? void 0 : currentInputIndex - 1;
+      const nextInputId = isNumber(nextInputIndex) ? getInputId(nextInputIndex) : void 0;
+      const prevInputId = isNumber(prevInputIndex) ? getInputId(prevInputIndex) : void 0;
+      const nextInput = nextInputId ? inputState[nextInputId] : void 0;
+      const prevInput = prevInputId ? inputState[prevInputId] : void 0;
+      const currentInputRef = getRef(inputId, inputRefs);
+      const nextInputRef = getRef(nextInputId, inputRefs);
+      const prevInputRef = getRef(prevInputId, inputRefs);
+      const firstInputRef = getRef(getInputId(0), inputRefs);
+      const lastInputRef = getRef(getInputId(codeLength - 1), inputRefs);
+      if (event.key === "ArrowLeft") {
+        if (firstInputRef && (event.metaKey || event.ctrlKey || event.altKey)) {
+          firstInputRef.focus();
+          return;
+        }
+        if (prevInput && prevInputRef) {
+          prevInputRef.focus();
+          prevInputRef.select();
+        }
+        return;
+      }
+      if (event.key === "ArrowRight") {
+        if (lastInputRef && (event.metaKey || event.ctrlKey || event.altKey)) {
+          lastInputRef.focus();
+          return;
+        }
+        if (nextInput && nextInputRef) {
+          nextInputRef.focus();
+          nextInputRef.select();
+        }
+        return;
+      }
+      if (event.key === "Enter" && onSubmit) {
+        const code2 = codeFromInputState(inputState);
+        onSubmit(code2);
+        return;
+      }
+      if (event.key === "Escape" && currentInputRef) {
+        currentInputRef.blur();
+        return;
+      }
+      if (event.key === "Backspace" && (event.metaKey || event.ctrlKey || event.altKey)) {
+        replaceEntireState = __spreadValues({}, inputState);
+        Object.keys(replaceEntireState).forEach((inputId2) => {
+          const newState2 = replaceEntireState;
+          newState2[inputId2] = __spreadProps(__spreadValues({}, newState2[inputId2]), {
+            value: ""
+          });
+        });
+      }
+      let value = event.key;
+      if (event.key === "Backspace" && !event.metaKey && !event.ctrlKey && !event.altKey) {
+        value = "";
+        if (!isFirstInput && prevInput && prevInputRef) {
+          prevInputRef.focus();
+        }
+      } else if (event.key === "Delete") {
+        value = "";
+        if (!isLastInput && nextInput && nextInputRef) {
+          nextInputRef.focus();
+        }
+      } else if (replaceEntireState) {
+        const lastInputWithValue = Object.entries(replaceEntireState).reverse().find(([, { value: value2 }]) => value2 !== "");
+        if (lastInputWithValue) {
+          const inputId2 = lastInputWithValue[0];
+          const inputRef = getRef(inputId2, inputRefs);
+          inputRef == null ? void 0 : inputRef.focus();
+          inputRef == null ? void 0 : inputRef.select();
+        } else if (firstInputRef) {
+          firstInputRef.focus();
+        }
+      } else if (isLastInput) {
+      } else if (nextInput && nextInputRef) {
+        nextInputRef.focus();
+        nextInputRef.select();
+      }
+      const newState = replaceEntireState ? replaceEntireState : __spreadProps(__spreadValues({}, inputState), {
+        [inputId]: { value }
+      });
+      const code = codeFromInputState(newState);
+      if (onChange) {
+        onChange(code);
+      }
+      setInputState(newState);
+    },
+    [onChange, setInputState, onSubmit, getInputId, inputState, codeLength]
+  );
+  const onPasteCb = useCallback(
+    (event) => {
+      event.preventDefault();
+      const rawText = event.clipboardData.getData("text");
+      const text = rawText == null ? void 0 : rawText.replace(/[\s.]/g, "");
+      if (!text || Number.isNaN(Number.parseInt(text))) {
+        return;
+      }
+      const inputValues = text.split("");
+      const newState = __spreadValues({}, inputState);
+      inputValues.forEach((value, i) => {
+        const inputId = getInputId(i);
+        newState[inputId] = __spreadProps(__spreadValues({}, newState[inputId]), {
+          value
+        });
+      });
+      const firstInputRef = getRef(getInputId(0), inputRefs);
+      const lastInputWithValue = Object.entries(newState).reverse().find(([, { value }]) => value !== "");
+      if (lastInputWithValue) {
+        const inputId = lastInputWithValue[0];
+        const inputRef = getRef(inputId, inputRefs);
+        inputRef == null ? void 0 : inputRef.focus();
+        inputRef == null ? void 0 : inputRef.select();
+      } else if (firstInputRef) {
+        firstInputRef.focus();
+      }
+      const code = codeFromInputState(newState);
+      if (onChange) {
+        onChange(code);
+      }
+      setInputState(newState);
+    },
+    [getInputId, inputState, onChange, setInputState]
+  );
+  const onBlurCb = useCallback(() => {
+    setTimeout(() => {
+      let hasCodeFocused = false;
+      if (inputRefs.current) {
+        Object.values(inputRefs.current).forEach((ref) => {
+          if (ref && ref.current && ref.current === document.activeElement) {
+            hasCodeFocused = true;
+          }
+        });
+        if (!hasCodeFocused && onBlur) {
+          onBlur();
+        }
+      }
+    }, 0);
+  }, [onBlur]);
+  const inputsPerGroup = Math.ceil(codeLength / 2);
+  const inputs = [];
+  for (let i = 0; i < codeLength; i += 1) {
+    const inputId = getInputId(i);
+    inputs.push(
+      /* @__PURE__ */ jsx(
+        SingleCodeInput,
+        {
+          value: inputState[inputId].value,
+          id: inputId,
+          inputRef: firstFieldRefCb,
+          onPaste: onPasteCb,
+          onKeyDown: (event) => onKeyDown(event, inputId),
+          onChange: (event) => {
+            if (isMobileSafari && event.nativeEvent instanceof CustomEvent) {
+              autofillValuesRef.current += event.target.value;
+              if (autofillValuesRef.current.length === codeLength) {
+                const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
+                  return __spreadProps(__spreadValues({}, acc), {
+                    [getInputId(i2)]: {
+                      value: autofillValuesRef.current[i2]
+                    }
+                  });
+                }, {});
+                setInputState(newState);
+                if (onSubmit) {
+                  onSubmit(autofillValuesRef.current);
+                }
+                autofillValuesRef.current = "";
+              }
+            } else if (isMobile && isChrome && event.target.value.length === codeLength) {
+              const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
+                return __spreadProps(__spreadValues({}, acc), {
+                  [getInputId(i2)]: {
+                    value: event.target.value[i2]
+                  }
+                });
+              }, {});
+              setInputState(newState);
+              if (onSubmit) {
+                onSubmit(event.target.value);
+              }
+            }
+          },
+          type: "number",
+          ariaLabel: `Code input ${i + 1} of ${codeLength}`,
+          cssProp: inputCSS,
+          onBlur: onBlurCb,
+          width: `${(100 / inputsPerGroup).toFixed(2)}%`,
+          max: 9
+        },
+        inputId
+      )
+    );
+  }
+  return /* @__PURE__ */ jsxs(StyledCodeInput, { children: [
+    /* @__PURE__ */ jsx(CodeInputGroup, { children: inputs.slice(0, inputsPerGroup) }),
+    /* @__PURE__ */ jsx(CodeInputGroupSeparator, {}),
+    /* @__PURE__ */ jsx(CodeInputGroup, { children: inputs.slice(inputsPerGroup, inputs.length) })
+  ] });
+}
+var StyledCodeInput = styled.div`
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+`;
+var separatorWidth = 12;
+var separatorMargin = 8;
+var CodeInputGroup = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  width: calc(50% - ${(separatorWidth + separatorMargin * 2) / 2}px);
+`;
+var CodeInputGroupSeparator = styled.div`
+  width: ${separatorWidth}px;
+  height: 4px;
+  background-color: ${textInputBorderColor};
+  border-radius: 2px;
+  margin: 0 ${separatorMargin}px;
+`;
+
+export {
+  CodeInput,
+  StyledCodeInput
+};

package/dist/chunk-4EKGRFUQ.js

@@ -0,0 +1,27 @@
+// src/icons/DollarManrope.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function DollarManrope() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 10 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.00003 2.3291V0.84668M5.00003 15.6709V17.1533M8.53134 4.55273C7.82641 3.66654 6.50905 3.07031 5.00003 3.07031H4.54706C2.54571 3.07031 0.92334 4.25023 0.92334 5.70572V5.81886C0.92334 6.85997 1.73211 7.81163 3.01249 8.27722L6.98757 9.72275C8.26797 10.1883 9.07666 11.14 9.07666 12.1811C9.07666 13.699 7.3847 14.9296 5.29736 14.9296H5.00003C3.49101 14.9296 2.17365 14.3334 1.46872 13.4472",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  DollarManrope
+};

package/dist/chunk-4FM66VF3.js

@@ -0,0 +1,28 @@
+// src/icons/CheckmarkCircleGreen.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function CheckmarkCircleGreen() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 32 33",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { y: "0.5", width: "32", height: "32", rx: "16", fill: "#17C27C" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8 16.4995L13 21.4995L24 10.4995",
+            stroke: "white",
+            strokeWidth: "2.00003"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  CheckmarkCircleGreen
+};

package/dist/{chunk-QCXXJZDC.js → chunk-4QVTXKRX.js}

@@ -1,9 +1,9 @@
 import {
   isString
-} from "./chunk-LAMQKQU3.js";
+} from "./chunk-EDN2QDCB.js";
 import {
   colors
-} from "./chunk-2VBDEO6M.js";
+} from "./chunk-KYTOF4WO.js";
 
 // src/router.tsx
 import { omit } from "lodash-es";

package/dist/chunk-4YN25H5H.js

@@ -0,0 +1,59 @@
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
+import {
+  toNonTypographicReactNodes
+} from "./chunk-QBJ57KNQ.js";
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
+
+// src/components/typography/Headline.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+var headlineElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
+var Headline = ({
+  content,
+  color,
+  size = "Medium",
+  children,
+  heading = "h1",
+  id,
+  display = "block"
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = toNonTypographicReactNodes(content);
+  }
+  return /* @__PURE__ */ jsx(
+    StyledHeadline,
+    {
+      as: heading,
+      id,
+      size,
+      colorProp: color,
+      displayProp: display,
+      children: reactNodes
+    }
+  );
+};
+var StyledHeadline = styled.span`
+  /* Margins should always be set in display contexts eg Article */
+  margin: 0;
+
+  display: ${({ displayProp }) => displayProp};
+
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Headline", size, colorProp)}
+`;
+function headlineSelector(heading) {
+  return `${heading}${select(StyledHeadline)}`;
+}
+var ALL_HEADLINE_SELECTORS = headlineElements.map(headlineSelector).join(",");
+
+export {
+  headlineElements,
+  Headline,
+  StyledHeadline,
+  headlineSelector,
+  ALL_HEADLINE_SELECTORS
+};

package/dist/{chunk-JK4BP73A.js → chunk-52POF2W4.js}

@@ -1,11 +1,13 @@
 import {
-  colors,
-  darkGradient,
   themeOr
-} from "./chunk-2VBDEO6M.js";
+} from "./chunk-ZFDYANKZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  colors,
+  darkGradient
+} from "./chunk-KYTOF4WO.js";
 
 // src/styles/common.tsx
 import { css } from "@emotion/react";
@@ -64,6 +66,15 @@ var standardCardShadow = css`
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),
     0px 8px 24px 0px rgba(0, 0, 0, 0.04);
 `;
+var standardCardShadowHard = css`
+  box-shadow:
+    0px 24px 24px -12px rgba(0, 0, 0, 0.06),
+    0px 12px 12px -6px rgba(0, 0, 0, 0.06),
+    0px 6px 6px -3px rgba(0, 0, 0, 0.06),
+    0px 3px 3px -1.5px rgba(0, 0, 0, 0.06),
+    0px 1px 1px -0.5px rgba(0, 0, 0, 0.06),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.06);
+`;
 var pageBorderRadiusPx = 16;
 var pageBorderRadius = `
   border-radius: ${pageBorderRadiusPx}px;
@@ -136,6 +147,7 @@ export {
   cardBorderRadiusPx,
   standardBorderRadius,
   standardCardShadow,
+  standardCardShadowHard,
   pageBorderRadiusPx,
   pageBorderRadius,
   getFocusOutline,

package/dist/{chunk-J4FJQ3FN.js → chunk-54WKLEUU.js}

@@ -1,8 +1,9 @@
 import {
   Icon
-} from "./chunk-RWIZ7Q74.js";
+} from "./chunk-UAFWDZRG.js";
 
 // src/components/Loading.tsx
+import { useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var defaultProps = {
@@ -15,7 +16,8 @@ function Loading({
   size = defaultProps.size,
   ml = defaultProps.ml
 }) {
-  return /* @__PURE__ */ jsx(LoadingWrapper, { center, ml, children: /* @__PURE__ */ jsx(Rotate, { children: /* @__PURE__ */ jsx(Icon, { name: "LoadingSpinner", width: size }) }) });
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(LoadingWrapper, { center, ml, children: /* @__PURE__ */ jsx(Rotate, { children: /* @__PURE__ */ jsx(Icon, { name: theme.loading, width: size }) }) });
 }
 Loading.defaultProps = defaultProps;
 var LoadingWrapper = styled.div`

package/dist/chunk-5522HZOC.js

@@ -0,0 +1,25 @@
+// src/icons/TapSingle.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function TapSingle() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "21",
+      height: "28",
+      viewBox: "0 0 21 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11.3704 14H10.3704C10.3704 14.5523 10.8181 15 11.3704 15V14ZM7.22223 16.0556L6.77821 16.9516C7.08819 17.1052 7.45547 17.0876 7.74947 16.9052C8.04347 16.723 8.22227 16.4015 8.22227 16.0556H7.22223ZM3.07408 18.1111L2.14676 17.7368C2.02255 18.0446 2.05911 18.3939 2.24433 18.6692L3.07408 18.1111ZM16.4919 8.68545C16.5841 9.22998 17.1003 9.59669 17.6448 9.50451C18.1893 9.41233 18.556 8.89617 18.4639 8.35163L16.4919 8.68545ZM0.128733 11.4262C0.22092 11.9707 0.73708 12.3375 1.28161 12.2452C1.82615 12.1531 2.19287 11.637 2.10068 11.0924L0.128733 11.4262ZM12.3704 14V9.88891H10.3704V14H12.3704ZM6.22223 9.88891V16.0556H8.22227V9.88891H6.22223ZM7.66627 15.1596L7.58893 15.1212L6.70095 16.9134L6.77821 16.9516L7.66627 15.1596ZM2.41327 17.0766L2.14676 17.7368L4.0014 18.4854L4.26791 17.8251L2.41327 17.0766ZM2.24433 18.6692L6.13327 24.4506L7.7928 23.3343L3.90381 17.553L2.24433 18.6692ZM11.5649 27.3334H12.7531V25.3334H11.5649V27.3334ZM20.6667 19.4815V18.1111H18.6667V19.4815H20.6667ZM15.5185 13H11.3704V15H15.5185V13ZM20.6667 18.1111C20.6667 15.2799 18.3533 13 15.5185 13V15C17.2657 15 18.6667 16.4014 18.6667 18.1111H20.6667ZM7.58893 15.1212C5.62571 14.1484 3.23445 15.0419 2.41327 17.0766L4.26791 17.8251C4.64845 16.8822 5.77005 16.452 6.70095 16.9134L7.58893 15.1212ZM12.7531 27.3334C17.1152 27.3334 20.6667 23.8264 20.6667 19.4815H18.6667C18.6667 22.705 16.0276 25.3334 12.7531 25.3334V27.3334ZM9.29627 6.83335C7.60707 6.83335 6.22223 8.19294 6.22223 9.88891H8.22227C8.22227 9.31438 8.69467 8.83335 9.29627 8.83335V6.83335ZM6.13327 24.4506C7.34627 26.2538 9.38533 27.3334 11.5649 27.3334V25.3334C10.0461 25.3334 8.63133 24.581 7.7928 23.3343L6.13327 24.4506ZM12.3704 9.88891C12.3704 8.19294 10.9856 6.83335 9.29627 6.83335V8.83335C9.898 8.83335 10.3704 9.31438 10.3704 9.88891H12.3704ZM2 9.88891C2 5.90862 5.25819 2.66669 9.29627 2.66669V0.666687C4.17057 0.666687 0 4.78718 0 9.88891H2ZM9.29627 2.66669C12.9176 2.66669 15.9148 5.27615 16.4919 8.68545L18.4639 8.35163C17.7244 3.98349 13.8967 0.666687 9.29627 0.666687V2.66669ZM2.10068 11.0924C2.03453 10.7016 2 10.2996 2 9.88891H0C0 10.412 0.044 10.9256 0.128733 11.4262L2.10068 11.0924Z",
+          fill: "black"
+        }
+      )
+    }
+  );
+}
+
+export {
+  TapSingle
+};

package/dist/chunk-55PXMNOG.js

@@ -0,0 +1,65 @@
+// src/icons/GoTwoTone.tsx
+import { useTheme } from "@emotion/react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function GoTwoTone() {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: theme.hcNeutral }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.20792 11.1836C4.17676 11.1836 4.16897 11.168 4.18455 11.1447L4.34813 10.9343C4.36371 10.911 4.40266 10.8954 4.43382 10.8954H7.21476C7.24592 10.8954 7.25371 10.9188 7.23813 10.9421L7.1057 11.1447C7.09012 11.168 7.05118 11.1914 7.02781 11.1914L4.20792 11.1836Z",
+            fill: theme.bg
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.03116 11.9003C3 11.9003 2.99221 11.8847 3.00779 11.8613L3.17137 11.651C3.18695 11.6276 3.2259 11.6121 3.25706 11.6121H6.80919C6.84035 11.6121 6.85593 11.6354 6.84814 11.6588L6.78582 11.8458C6.77803 11.8769 6.74687 11.8925 6.71571 11.8925L3.03116 11.9003Z",
+            fill: theme.bg
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.9169 12.6171C4.88574 12.6171 4.87795 12.5937 4.89353 12.5703L5.00259 12.3756C5.01817 12.3522 5.04933 12.3289 5.08049 12.3289H6.63844C6.6696 12.3289 6.68517 12.3522 6.68517 12.3834L6.6696 12.5703C6.6696 12.6015 6.63844 12.6249 6.61507 12.6249L4.9169 12.6171Z",
+            fill: theme.bg
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M13.0035 11.0434C12.5128 11.168 12.1778 11.2615 11.6948 11.3862C11.578 11.4173 11.5702 11.4251 11.4689 11.3083C11.3521 11.1758 11.2664 11.0901 11.1028 11.0122C10.6121 10.7707 10.1369 10.8409 9.69287 11.1291C9.16316 11.4719 8.89052 11.9782 8.89831 12.6092C8.9061 13.2324 9.33454 13.7465 9.94993 13.8322C10.4796 13.9023 10.9236 13.7154 11.2742 13.3181C11.3443 13.2324 11.4066 13.1389 11.4845 13.0299C11.2041 13.0299 10.8535 13.0299 9.98109 13.0299C9.8175 13.0299 9.77855 12.9286 9.83308 12.7962C9.93435 12.5547 10.1213 12.1496 10.2304 11.947C10.2537 11.9003 10.3083 11.8224 10.4251 11.8224H13.2606C13.245 12.0327 13.245 12.2431 13.2138 12.4534C13.1281 13.0143 12.9178 13.5284 12.5751 13.9802C12.0142 14.7203 11.282 15.1799 10.355 15.3046C9.5916 15.4058 8.88273 15.2578 8.25955 14.7904C7.68311 14.3542 7.35594 13.7777 7.27025 13.061C7.16899 12.2119 7.41826 11.4485 7.93238 10.7785C8.48545 10.0541 9.21769 9.59445 10.1135 9.43086C10.8457 9.29843 11.5468 9.38412 12.1778 9.81257C12.5907 10.0852 12.8867 10.4591 13.0814 10.911C13.1281 10.9811 13.097 11.02 13.0035 11.0434Z",
+            fill: theme.bg
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.582 15.3513C14.8731 15.3357 14.2266 15.1332 13.6813 14.6658C13.2217 14.2685 12.9335 13.7621 12.84 13.1623C12.6998 12.282 12.9413 11.503 13.471 10.8097C14.0396 10.0619 14.7251 9.67236 15.6521 9.50877C16.4467 9.36855 17.1945 9.44645 17.8722 9.90606C18.4876 10.3267 18.8693 10.8954 18.9705 11.6432C19.103 12.6949 18.7992 13.5518 18.0747 14.2841C17.5606 14.806 16.9296 15.1332 16.2052 15.2812C15.9949 15.3201 15.7845 15.3279 15.582 15.3513ZM17.436 12.2041C17.4282 12.1029 17.4282 12.025 17.4126 11.9471C17.2724 11.1758 16.5635 10.7396 15.8235 10.911C15.099 11.0746 14.6317 11.5342 14.4603 12.2664C14.3201 12.8741 14.6161 13.4895 15.1769 13.7388C15.6054 13.9257 16.0338 13.9024 16.4467 13.692C17.0621 13.3726 17.397 12.8741 17.436 12.2041Z",
+            fill: theme.bg
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  GoTwoTone
+};