@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-YJJBABLW.cjs

@@ -0,0 +1,75 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
+
+
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+// src/components/TextIconAligner.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function TextIconAligner({
+  content: contentProp,
+  typography: typographyProp,
+  rightIcon,
+  leftIcon,
+  onClick
+}) {
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    props: {
+      size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+      color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
+    }
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    externalLink: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography
+  };
+  let content = _chunkGCE3EVF6cjs.setDefaultReactNodesTypography.call(void 0, 
+    contentProp,
+    defaultTypographyMap
+  );
+  console.log(content);
+  content = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
+  const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkBY47I7ZPcjs.Icon,
+    {
+      name: leftIcon.name,
+      width: leftIcon.width ? leftIcon.width : 12,
+      mr: leftIcon.mr || 6,
+      color: leftIcon.color
+    }
+  ) : null;
+  const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkBY47I7ZPcjs.Icon,
+    {
+      name: rightIcon.name,
+      width: rightIcon.width ? rightIcon.width : 12,
+      ml: rightIcon.ml || 6,
+      color: rightIcon.color
+    }
+  ) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "span",
+    {
+      css: {
+        cursor: onClick ? "pointer" : "inherit",
+        display: "inline-flex",
+        alignItems: "center"
+      },
+      onClick,
+      children: [
+        leftIconNode,
+        content,
+        rightIconNode
+      ]
+    }
+  );
+}
+
+
+
+exports.TextIconAligner = TextIconAligner;

package/dist/chunk-YPCTBP2X.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Person.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Person() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M15.7485 6.5C15.7485 8.57107 14.0696 10.25 11.9985 10.25C9.92747 10.25 8.24854 8.57107 8.24854 6.5C8.24854 4.42893 9.92747 2.75 11.9985 2.75C14.0696 2.75 15.7485 4.42893 15.7485 6.5Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M11.9985 13.25C8.20293 13.25 5.43245 15.7735 4.67009 19.1657C4.54089 19.7406 5.0077 20.25 5.59696 20.25H18.4001C18.9894 20.25 19.4562 19.7406 19.327 19.1657C18.5646 15.7735 15.7941 13.25 11.9985 13.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Person = Person;

package/dist/chunk-YZVHWN44.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+
+
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+
+
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+// src/components/Toggle.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var defaultProps = {
+  on: false,
+  ml: 0,
+  mt: 0,
+  mb: 0,
+  disabled: false
+};
+function Toggle({
+  onChange,
+  bg,
+  ml = defaultProps.ml,
+  mt = defaultProps.mt,
+  mb = defaultProps.mb,
+  on = defaultProps.on,
+  disabled = defaultProps.disabled,
+  label,
+  id
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ToggleContainer, { mb, ml, mt, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ToggleButton,
+      {
+        bg,
+        isOn: on,
+        onClick: () => onChange(!on),
+        disabled,
+        type: "button",
+        id
+      }
+    ),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToggleLabel, { htmlFor: id, children: label })
+  ] });
+}
+var width = 44;
+var circleDim = 20;
+var circleOffset = 2;
+var ToggleButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+  color: ${_chunkKSKKC6C2cjs.colors.white};
+  font-weight: 500;
+  border-radius: 44px;
+  width: ${width}px;
+  height: 24px;
+  opacity: ${({ disabled }) => disabled ? 0.3 : 1};
+  background-color: ${({ bg, theme, isOn }) => {
+  if (bg) {
+    return bg;
+  } else if (isOn) {
+    return theme.success;
+  }
+  return _chunkWTHHP7G2cjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+}};
+  position: relative;
+  &:after {
+    content: "";
+    display: block;
+    position: absolute;
+    border-radius: 50%;
+    transition: right 0.1s;
+    box-shadow:
+      0 3px 8px 0 rgba(0, 0, 0, 0.15),
+      0 3px 1px 0 rgba(0, 0, 0, 0.06);
+    background-color: ${_chunkKSKKC6C2cjs.colors.white};
+    width: ${circleDim}px;
+    height: ${circleDim}px;
+    top: ${circleOffset}px;
+    right: ${({ isOn }) => isOn ? `${circleOffset}px` : `${width - circleDim - circleOffset}px`};
+  }
+`;
+var ToggleContainer = _styled2.default.span`
+  display: flex;
+  margin-bottom: ${({ mb }) => mb}px;
+  margin-top: ${({ mt }) => mt}px;
+  margin-left: ${({ ml }) => ml}px;
+  align-items: center;
+`;
+var ToggleLabel = _styled2.default.label`
+  margin-left: 12px;
+  cursor: pointer;
+  height: ${_chunkPYL3O7AFcjs.standardLineHeightEms}em;
+`;
+
+
+
+
+exports.Toggle = Toggle; exports.ToggleContainer = ToggleContainer;

package/dist/chunk-Z5IAIRIS.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CheckmarkCircleTier1.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CheckmarkCircleTier1() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "14", cy: "14", r: "14", fill: "white" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8 13.9752L11.644 17.6192C11.644 17.6192 15.8995 13.3636 19.2631 10",
+            stroke: "#179257",
+            strokeWidth: "2"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.CheckmarkCircleTier1 = CheckmarkCircleTier1;

package/dist/chunk-ZBBVZQKJ.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+
+
+var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
+
+// src/styles/typography.tsx
+var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
+  const selector = applyToAll ? "&, & *" : "&";
+  return `
+    ${selector} {
+      ${_chunkTMTEVKSDcjs.getTypographyString.call(void 0, theme, typographyType, size)};
+      color: ${_chunkWTHHP7G2cjs.getFontColor.call(void 0, theme, color)};
+    }
+  `;
+};
+
+
+
+exports.applyTypography = applyTypography;

package/dist/{chunk-GGWFUEDW.js → chunk-ZHCJTMTX.js}

@@ -1,28 +1,46 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-HNK2KIC7.js";
+} from "./chunk-UC6SP4KJ.js";
+import {
+  typographyStyles
+} from "./chunk-EGOOSBGG.js";
 import {
   applyTypography
-} from "./chunk-OPUCWQMK.js";
+} from "./chunk-GHXNMLAB.js";
 
 // src/components/typography/LabelModerate.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var LabelModerate = ({
-  content,
+  block = false,
+  children,
   color,
-  size = "Medium",
-  children
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
     reactNodes = toNonTypographicReactNodes(content);
   }
-  return /* @__PURE__ */ jsx(StyledLabelModerate, { size, colorProp: color, children: reactNodes });
+  return /* @__PURE__ */ jsx(
+    StyledLabelModerate,
+    {
+      block,
+      colorProp: color,
+      displayProp: display,
+      hideOverflow,
+      id,
+      size,
+      children: reactNodes
+    }
+  );
 };
-var StyledLabelModerate = styled.label`
+var StyledLabelModerate = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Label Moderate", size, colorProp)}
-  cursor: inherit;
+  ${typographyStyles}
 `;
 
 export {

package/dist/chunk-ZPIJMKJZ.cjs

@@ -0,0 +1,218 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
+
+
+var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
+
+
+var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
+
+
+var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+
+
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+// src/components/Banner/Banner.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Banner({
+  content,
+  to,
+  color,
+  maxMdContentJustify,
+  offsetTop = 0,
+  onHeightChange,
+  right,
+  left,
+  bgProgressDuration,
+  borderProgress,
+  minHeight = 0,
+  hPadding = 0,
+  borderColor
+}) {
+  const [width, setWidth] = _react.useState.call(void 0, 70);
+  const resizeProps = _react.useMemo.call(void 0, () => ["height"], []);
+  const { ref, rect } = _chunk3JTH7BHIcjs.useResizeObserver.call(void 0, resizeProps);
+  _react.useEffect.call(void 0, () => {
+    if (bgProgressDuration) {
+      setTimeout(() => {
+        setWidth(100);
+      }, 0);
+    }
+  }, [bgProgressDuration]);
+  _react.useEffect.call(void 0, () => {
+    if (onHeightChange && typeof (rect == null ? void 0 : rect.height) === "number") {
+      onHeightChange(rect.height);
+    }
+  }, [onHeightChange, rect == null ? void 0 : rect.height]);
+  let contentNode = null;
+  if (content) {
+    const contentNodes = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
+    if (to) {
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQCJWZRIPcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+        contentNodes,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "RightArrow", width: 12, ml: 6 })
+      ] }) });
+    } else {
+      contentNode = contentNodes;
+    }
+  }
+  const innerContent = content ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    BannerInnerContent,
+    {
+      isVisible: Boolean(content),
+      maxMdContentJustify: maxMdContentJustify || "center",
+      minHeight,
+      children: contentNode
+    }
+  ) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    StyledBanner,
+    {
+      colorProp: color,
+      borderColor,
+      isVisible: Boolean(content),
+      offsetTop,
+      hasSideContent: Boolean(right || left),
+      ref,
+      borderProgress,
+      hPadding,
+      children: [
+        left,
+        innerContent,
+        right,
+        bgProgressDuration && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          BannerGradientBg,
+          {
+            duration: bgProgressDuration,
+            width,
+            isVisible: Boolean(content)
+          }
+        )
+      ]
+    }
+  );
+}
+var BannerInnerContent = _styled2.default.div`
+  z-index: 1;
+  padding: ${({ isVisible }) => isVisible ? `0px 17.5px` : "0px"};
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
+
+  & > * {
+    position: relative;
+    z-index: 1;
+    width: 100%;
+
+    ${({ maxMdContentJustify }) => _chunkKW3JYLRIcjs.bp.maxMd(
+  maxMdContentJustify ? `justify-content: ${maxMdContentJustify};` : ""
+)};
+  }
+`;
+var StyledBanner = _styled2.default.div`
+  position: fixed;
+  left: 0;
+
+  width: 100%;
+  z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
+  color: ${_chunkKSKKC6C2cjs.colors.white};
+  font-weight: 500;
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkWTHHP7G2cjs.getColor.call(void 0, theme, colorProp) : "none"};
+  display: flex;
+  justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
+  align-items: center;
+  padding: ${({ hPadding }) => `0 ${hPadding}px`};
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkWTHHP7G2cjs.getColor.call(void 0, theme, borderColor)};` : ""}
+
+  ${({ borderProgress }) => {
+  if (typeof borderProgress === "number") {
+    return `
+        &:before {
+          content: "";
+          position: absolute;
+          left: 0;
+          width: 100%;
+          background-color: #C1C5CD;
+          top: 0;
+          height: 4px;
+          ${_chunkKW3JYLRIcjs.bp.sm(`
+            height: 2px;
+            top: initial;
+            bottom: 0;
+          `)}
+        }
+        &:after {
+          content: "";
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          width: ${borderProgress}%;
+          background-color: #2B66C2;
+          transition: width 0.3s ease-in;
+          top: 0;
+          height: 4px;
+          ${_chunkKW3JYLRIcjs.bp.sm(`
+            height: 2px;
+            top: initial;
+            bottom: 0;
+          `)}
+        }
+      `;
+  }
+  return "";
+}}
+
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+    z-index: ${_chunkZU72XWNEcjs.z.smBanner};
+  `)}
+`;
+var BannerGradientBg = _styled2.default.div`
+  position: absolute;
+  z-index: 0;
+  top: 0;
+  left: 0;
+  width: ${({ width }) => width}%;
+  height: 100%;
+
+  background: linear-gradient(
+    90deg,
+    #000000 -25.9%,
+    #1b4077 14.55%,
+    #a152c7 82.22%,
+    #3f2e7e 115.32%
+  );
+
+  transition: all ${_chunk4VVPSX5Ocjs.bannerTiming};
+  height: ${({ isVisible }) => isVisible ? "auto" : "0"}px;
+
+  transition: width ${({ duration }) => duration}s
+    cubic-bezier(0.33, 0.54, 0.47, 0.87);
+`;
+var BannerFlexInnerContent = _styled2.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+
+
+
+exports.Banner = Banner;

package/dist/chunk-ZR3J7SMI.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CirclePlus.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CirclePlus() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11.0994 8.10001C11.0994 7.60295 11.5024 7.20001 11.9994 7.20001C12.4965 7.20001 12.8994 7.60296 12.8994 8.10001V11.1001L15.8998 11.1001C16.3969 11.1001 16.7998 11.503 16.7998 12.0001C16.7998 12.4971 16.3969 12.9001 15.8998 12.9001H12.8994V15.9C12.8994 16.3971 12.4965 16.8 11.9994 16.8C11.5024 16.8 11.0994 16.3971 11.0994 15.9V12.9001H8.09982C7.60276 12.9001 7.19982 12.4971 7.19982 12.0001C7.19982 11.503 7.60276 11.1001 8.09982 11.1001H11.0994V8.10001Z",
+      fill: "#FFF14E"
+    }
+  ) });
+}
+
+
+
+exports.CirclePlus = CirclePlus;

package/dist/chunk-ZRHJQUKS.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Info.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Info() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.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: "M15.351 8.00008C15.351 12.0502 12.0677 15.3334 8.01766 15.3334C3.96757 15.3334 0.684326 12.0502 0.684326 8.00008C0.684326 3.94999 3.96757 0.666748 8.01766 0.666748C12.0677 0.666748 15.351 3.94999 15.351 8.00008Z",
+            stroke: "currentColor",
+            strokeWidth: "1.33333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.01758 11.1429V8.00008M8.01758 4.85732V4.83276",
+            stroke: "currentColor",
+            strokeWidth: "1.66667",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.01758 4.85732V4.83276",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Info = Info;

package/dist/chunk-ZSGQEOY3.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/LogoOnCircle.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LogoOnCircle() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 30 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#clip0_469_6261)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "15", cy: "15", r: "15", fill: "#FFF14E" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M14.901 15.6596H8.94529L17.3565 8.29803L15.7099 11.8657H16.6535L19.8216 5L6.66797 16.5166H14.5062L14.901 15.6596Z",
+              fill: "black"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M14.9638 13.4834L14.569 14.3404H20.5247L12.1135 21.702L13.7601 18.1343H12.8165L12.1713 19.5354L9.64844 25L22.802 13.4834H14.9638Z",
+              fill: "black"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clip0_469_6261", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "30", height: "30", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+
+
+
+exports.LogoOnCircle = LogoOnCircle;