@lightsparkdev/ui 0.0.12 → 1.0.0

package/dist/chunk-GHIYWOAC.js

@@ -0,0 +1,394 @@
+import {
+  renderTypography
+} from "./chunk-44UNWWP3.js";
+import {
+  Loading
+} from "./chunk-54WKLEUU.js";
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
+import {
+  Link
+} from "./chunk-4QVTXKRX.js";
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
+import {
+  Tooltip
+} from "./chunk-3A6TEYT3.js";
+import {
+  UnstyledButton
+} from "./chunk-HGYVPOA7.js";
+import {
+  Icon
+} from "./chunk-UAFWDZRG.js";
+import {
+  getFocusOutline
+} from "./chunk-52POF2W4.js";
+import {
+  getBackgroundColor,
+  isThemeOrColorKey
+} from "./chunk-ZFDYANKZ.js";
+import {
+  TokenSize
+} from "./chunk-ENBUKLVT.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/components/Button.tsx
+import { css, useTheme } from "@emotion/react";
+import styled from "@emotion/styled";
+import { uniqueId } from "lodash-es";
+import { Fragment, useRef } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var buttonKinds = [
+  "secondary",
+  "primary",
+  "ghost",
+  "green33",
+  "purple55",
+  "blue43",
+  "blue39",
+  "danger"
+];
+function getDefaultTextColor({ kind }) {
+  switch (kind) {
+    case "blue43":
+    case "green33":
+    case "purple55":
+    case "danger":
+      return "white";
+    case "blue39":
+      return "gray98";
+    case "primary": {
+      return "bg";
+    }
+    default:
+      return "text";
+  }
+}
+var roundPaddingsX = {
+  [TokenSize.ExtraSmall]: 10,
+  [TokenSize.Small]: 10,
+  [TokenSize.Schmedium]: 10,
+  [TokenSize.Medium]: 14,
+  [TokenSize.Mlarge]: 19,
+  [TokenSize.Large]: 19
+};
+var paddingsX = {
+  [TokenSize.ExtraSmall]: 16,
+  [TokenSize.Small]: 24,
+  [TokenSize.Schmedium]: 24,
+  [TokenSize.Medium]: 24,
+  [TokenSize.Mlarge]: 24,
+  [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 `${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 && isThemeOrColorKey(kind)) {
+    backgroundColorKey = kind;
+  }
+  const defaultBackgroundColor = theme.buttons[defaultKey];
+  const backgroundColor = getBackgroundColor(
+    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
+  } = _a, rest = __objRest(_a, [
+    "kind",
+    "size",
+    "paddingY",
+    "borderRadius"
+  ]);
+  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"
+  );
+  return __spreadProps(__spreadValues({}, rest), {
+    kind,
+    size,
+    paddingY: typeof defaultPaddingY === "number" ? defaultPaddingY : defaultPaddingY[paddingYType],
+    borderRadius: resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor
+  });
+}
+function Button(props) {
+  const theme = useTheme();
+  const {
+    kind,
+    typography,
+    size,
+    paddingY,
+    text,
+    to,
+    id,
+    hash,
+    href,
+    hrefFilename,
+    toParams,
+    onClick,
+    icon,
+    backgroundColor,
+    borderWidth,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    iconSide = "left",
+    loading = false,
+    fullWidth = false,
+    disabled = false,
+    mt = 0,
+    ml = 0,
+    type = "button",
+    newTab = false,
+    zIndex = void 0,
+    tooltipText,
+    borderRadius
+  } = resolveProps(props, theme);
+  const tooltipId = useRef(uniqueId());
+  const fontColor = (typography == null ? void 0 : typography.color) || getDefaultTextColor({ kind, theme });
+  const buttonTypography = {
+    type: (typography == null ? void 0 : typography.type) || theme.buttons.defaultTypography,
+    size,
+    color: fontColor
+  };
+  const iconSize = size === "ExtraSmall" ? 12 : 16;
+  let currentIcon = null;
+  if (loading) {
+    currentIcon = /* @__PURE__ */ jsx(
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography: buttonTypography,
+        kind,
+        children: /* @__PURE__ */ jsx(Loading, { size: iconSize, center: false })
+      }
+    );
+  } else if (icon) {
+    currentIcon = /* @__PURE__ */ jsx(
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography: buttonTypography,
+        kind,
+        children: /* @__PURE__ */ jsx(Icon, { name: icon, width: iconSize, color: fontColor })
+      }
+    );
+  }
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues({}, tooltipText ? { "data-tooltip-id": tooltipId.current } : {}), {
+        css: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "8px"
+        },
+        children: [
+          iconSide === "left" && currentIcon,
+          text && /* @__PURE__ */ jsx(
+            "div",
+            {
+              css: {
+                textOverflow: "ellipsis",
+                overflow: "hidden"
+              },
+              children: renderTypography(buttonTypography.type, {
+                content: text,
+                color: buttonTypography.color,
+                size: buttonTypography.size
+              })
+            }
+          ),
+          iconSide === "right" && currentIcon
+        ]
+      })
+    ),
+    tooltipText ? /* @__PURE__ */ jsx(Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+  ] });
+  const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
+  const commonProps = {
+    id,
+    kind,
+    type,
+    typography: buttonTypography,
+    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__ */ jsx(ButtonLink, __spreadProps(__spreadValues({}, commonProps), { to, params: toParams, hash, children: content }));
+  }
+  return href ? /* @__PURE__ */ jsx(
+    ButtonHrefLink,
+    __spreadProps(__spreadValues({}, commonProps), {
+      href,
+      download: hrefFilename,
+      target: "_blank",
+      children: content
+    })
+  ) : /* @__PURE__ */ jsx(StyledButton, __spreadProps(__spreadValues({}, commonProps), { children: content }));
+}
+var buttonStyle = ({
+  paddingY,
+  kind,
+  theme,
+  disabled,
+  isLoading,
+  typography,
+  fullWidth,
+  zIndex,
+  iconSide,
+  borderWidth,
+  borderColor,
+  isRound,
+  borderRadius,
+  backgroundColor,
+  hoverBackgroundColor,
+  hoverBorderColor
+}) => {
+  return css`
+    display: inline-flex;
+    opacity: ${disabled && !isLoading ? 0.2 : 1};
+    ${disabled ? "pointer-events: none;" : ""}
+    transition: opacity 0.2s;
+    position: relative;
+
+    ${zIndex && `z-index: ${zIndex};`}
+
+    ${applyTypography(
+    theme,
+    typography.type,
+    typography.size,
+    typography.color
+  )}
+
+    &:focus-visible {
+      outline: ${getFocusOutline({ 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 = styled.div`
+  ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
+`;
+var StyledButton = styled(UnstyledButton)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonLink = styled(Link)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonHrefLink = styled.a`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${select(StyledButton)}, ${select(ButtonLink)}, ${select(
+  ButtonHrefLink
+)})${append}`;
+
+export {
+  buttonKinds,
+  Button,
+  StyledButton,
+  ButtonSelector
+};

package/dist/chunk-GJAG2D3Y.js

@@ -0,0 +1,26 @@
+// src/icons/PaperPlane.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function PaperPlane() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.10092 6.89819L6.93999 5.06257M11.5 0.5L0.5 4.16667L5.08333 6.91667L7.83333 11.5L11.5 0.5Z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  PaperPlane
+};

package/dist/chunk-GKBQAEH5.js

@@ -0,0 +1,79 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/styles/buttons.tsx
+var buttonBorderRadiuses = [8, 32];
+var allowedButtonTypographyTypes = [
+  "Body",
+  "Body Strong",
+  "Title",
+  "Label",
+  "Label Moderate",
+  "Label Strong"
+];
+var buttonsThemeBase = {
+  defaultSize: "Small",
+  defaultTypography: "Body Strong",
+  defaultBorderRadius: 32,
+  defaultBorderWidth: 1,
+  defaultBackgroundColor: "bg",
+  defaultBorderColor: "bg",
+  defaultHoverBackgroundColor: "bg",
+  defaultHoverBorderColor: "bg",
+  defaultOutlineOffset: 1,
+  defaultPaddingsY: {
+    ExtraSmall: 4,
+    Small: {
+      short: 8,
+      regular: 12
+    },
+    Schmedium: 12,
+    Medium: 12,
+    Mlarge: 12,
+    Large: 12
+  },
+  kinds: {}
+};
+var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
+  kinds: {
+    primary: {
+      defaultBorderWidth: 0,
+      defaultBackgroundColor: "c9Neutral",
+      defaultBorderColor: "c9Neutral",
+      defaultHoverBackgroundColor: "c8Neutral",
+      defaultHoverBorderColor: "c8Neutral"
+    },
+    ghost: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderWidth: 0,
+      defaultHoverBackgroundColor: "transparent",
+      defaultHoverBorderColor: "transparent",
+      defaultPaddingsY: {
+        ExtraSmall: 0,
+        Small: 0,
+        Schmedium: 0,
+        Medium: 0,
+        Mlarge: 0,
+        Large: 0
+      }
+    },
+    secondary: {
+      defaultBackgroundColor: ["bg", "c1Neutral"],
+      defaultBorderColor: ["gray90", "gray20"],
+      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
+      defaultHoverBorderColor: ["gray90", "gray20"]
+    },
+    blue39: {
+      defaultBorderColor: "blue39"
+    }
+  }
+});
+
+export {
+  buttonBorderRadiuses,
+  allowedButtonTypographyTypes,
+  buttonsThemeBase,
+  defaultButtonsTheme
+};

package/dist/chunk-GKH3ZH4N.js

@@ -0,0 +1,27 @@
+// src/icons/Figma.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Figma() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M8.01074 9.04831C8.01074 5.43178 10.9425 2.5 14.5591 2.5L25.7952 2.5C29.4118 2.5 32.3435 5.43178 32.3435 9.04831C32.3435 11.3383 31.1681 13.3537 29.3876 14.5242C31.1681 15.6947 32.3435 17.7102 32.3435 20.0001C32.3435 23.6167 29.4118 26.5485 25.7952 26.5485H25.653C23.9575 26.5485 22.4126 25.9041 21.2496 24.847V30.8806C21.2496 34.5453 18.2412 37.5 14.5944 37.5C10.9868 37.5 8.01074 34.5772 8.01074 30.9517C8.01074 28.6617 9.18619 26.6463 10.9666 25.476C9.18618 24.3055 8.01074 22.2901 8.01074 20.0001C8.01074 17.7102 9.1862 15.6947 10.9667 14.5242C9.18621 13.3537 8.01074 11.3383 8.01074 9.04831ZM14.5591 13.4517C12.1272 13.4517 10.1557 11.4802 10.1557 9.04831C10.1557 6.61641 12.1272 4.64497 14.5591 4.64497L19.1047 4.64497V13.4517H14.5591ZM19.1047 15.5966H14.5591C12.1272 15.5966 10.1557 17.5682 10.1557 20.0001C10.1557 22.4321 12.1272 24.4035 14.5591 24.4035H19.1047V15.5966ZM19.1047 26.5485H14.5591C12.1271 26.5485 10.1557 28.5198 10.1557 30.9517C10.1557 33.3746 12.1535 35.355 14.5944 35.355C17.0746 35.355 19.1047 33.3428 19.1047 30.8806V26.5485ZM25.7952 15.5966L25.653 15.5968C23.2211 15.5968 21.2496 17.5682 21.2496 20.0001C21.2496 22.4321 23.2211 24.4035 25.653 24.4035H25.7952C28.2271 24.4035 30.1986 22.4321 30.1986 20.0001C30.1986 17.5682 28.227 15.5967 25.7952 15.5966C25.7953 15.5966 25.7952 15.5966 25.7952 15.5966ZM25.7952 14.5242V13.4517H21.2496V4.64497H25.7952C28.2271 4.64497 30.1986 6.61641 30.1986 9.04831C30.1986 11.4802 28.2271 13.4517 25.7952 13.4517",
+          fill: "black"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Figma
+};

package/dist/chunk-GOURVX6U.js

@@ -0,0 +1,37 @@
+// src/icons/SemiCircleOverlap.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function SemiCircleOverlap() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 31 34",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M10.0472 14.9699C9.50375 14.4264 9.50375 13.5452 10.0472 13.0017C14.8217 8.22728 22.5626 8.22728 27.3371 13.0017C32.1115 17.7762 32.1115 25.5171 27.3371 30.2916C22.5626 35.066 14.8217 35.066 10.0472 30.2916C9.50375 29.7481 9.50375 28.8669 10.0472 28.3234C10.5907 27.7799 11.4719 27.7799 12.0154 28.3234C15.7029 32.0109 21.6815 32.0109 25.3689 28.3234C29.0564 24.6359 29.0564 18.6574 25.3689 14.9699C21.6815 11.2824 15.7029 11.2824 12.0154 14.9699C11.4719 15.5134 10.5907 15.5134 10.0472 14.9699Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M20.9351 18.9665C21.4786 19.51 21.4786 20.3912 20.9351 20.9347C16.1607 25.7091 8.41976 25.7091 3.6453 20.9347C-1.12916 16.1602 -1.12916 8.41927 3.6453 3.64481C8.41976 -1.12965 16.1607 -1.12965 20.9351 3.64481C21.4786 4.1883 21.4786 5.06948 20.9351 5.61297C20.3916 6.15647 19.5105 6.15647 18.967 5.61297C15.2795 1.9255 9.30093 1.9255 5.61346 5.61297C1.92599 9.30044 1.92599 15.279 5.61346 18.9665C9.30093 22.654 15.2795 22.654 18.967 18.9665C19.5105 18.423 20.3916 18.423 20.9351 18.9665Z",
+            fill: "#00AD54"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  SemiCircleOverlap
+};

package/dist/chunk-GY5XKCWS.js

@@ -0,0 +1,24 @@
+// src/icons/Explorer.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Explorer() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "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"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Explorer
+};

package/dist/chunk-H52K5UTT.js

@@ -0,0 +1,27 @@
+// src/icons/Sort.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Sort() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1.5 2.5H10.5M4.5 9.5H7.5M3 6H9",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Sort
+};

package/dist/chunk-H5R5ZG3Z.js

@@ -0,0 +1,27 @@
+// src/icons/QuestionCircle.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function QuestionCircle() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.75 7.25C8.5 5 12.25 5.19156 12.25 7.54132C12.25 9.2008 10 9.4614 10 11.25M10 14V13.99M19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75C15.1086 0.75 19.25 4.89137 19.25 10ZM10.25 14C10.25 14.1381 10.1381 14.25 10 14.25C9.8619 14.25 9.75 14.1381 9.75 14C9.75 13.8619 9.8619 13.75 10 13.75C10.1381 13.75 10.25 13.8619 10.25 14Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  QuestionCircle
+};