@lightsparkdev/ui 0.0.13 → 1.0.0

package/dist/chunk-I5PGTS2V.js

@@ -0,0 +1,366 @@
+import {
+  toReactNodes
+} from "./chunk-VENBTZHV.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
+import {
+  UnstyledButton
+} from "./chunk-HGYVPOA7.js";
+import {
+  extend,
+  flexCenter,
+  pxToRems
+} from "./chunk-JXXIU52B.js";
+import {
+  Icon
+} from "./chunk-UAFWDZRG.js";
+import {
+  standardContentInset
+} from "./chunk-52POF2W4.js";
+import {
+  themeOr
+} from "./chunk-ZFDYANKZ.js";
+import {
+  colors
+} from "./chunk-KYTOF4WO.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/components/Toasts.tsx
+import styled from "@emotion/styled";
+import { isEqual } from "lodash-es";
+import { Fragment, useCallback, useEffect, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var firstDur = 0.3;
+function Toasts({
+  queue,
+  onHide,
+  fromTop = 29,
+  stackDir = "above",
+  maxVisible = 3,
+  removeExpiredAndNotVisible = true,
+  dedupeConsecutive = true
+}) {
+  const queuedToastIds = useRef(/* @__PURE__ */ new Set());
+  const prevToastQueue = useRef([]);
+  const [toastQueue, setToastQueue] = useState([]);
+  const autoHideTimeoutRef = useRef(null);
+  const hidingTimeoutRefs = useRef({});
+  const nodeRef = useRef(null);
+  const [nodeReady, setNodeReady] = useState(false);
+  const hideToast = useCallback(
+    (id) => {
+      setToastQueue((currentToastQueue) => {
+        const hideToastIndex = currentToastQueue.findIndex((t) => t.id === id);
+        const newToastQueue = currentToastQueue.map((toast, i) => {
+          if (i === hideToastIndex) {
+            return __spreadProps(__spreadValues({}, toast), {
+              isActive: false,
+              isHiding: true
+            });
+          }
+          return toast;
+        });
+        return newToastQueue;
+      });
+      const hidingTimeoutRef = hidingTimeoutRefs.current[id];
+      if (hidingTimeoutRef) {
+        clearTimeout(hidingTimeoutRef);
+      }
+      hidingTimeoutRefs.current[id] = setTimeout(() => {
+        setToastQueue((currentToastQueue) => {
+          const newToastQueue = currentToastQueue.filter((t) => t.id !== id);
+          setTimeout(() => onHide(id), 0);
+          hidingTimeoutRefs.current[id] = null;
+          return newToastQueue;
+        });
+      }, firstDur * 1e3);
+      if (autoHideTimeoutRef.current) {
+        clearTimeout(autoHideTimeoutRef.current);
+        autoHideTimeoutRef.current = null;
+      }
+    },
+    [onHide, setToastQueue]
+  );
+  useEffect(() => {
+    const newToastQueueArgs = queue.reduce((acc, toast) => {
+      if (toast.expires < Date.now()) {
+        onHide(toast.id);
+        return acc;
+      }
+      if (!queuedToastIds.current.has(toast.id)) {
+        return [...acc, toast];
+      }
+      return acc;
+    }, []);
+    if (newToastQueueArgs.length) {
+      const newToasts = newToastQueueArgs.reduce((acc, toast) => {
+        if (dedupeConsecutive && acc.length) {
+          const lastToast = acc[acc.length - 1];
+          if (isEqual(toast.text, lastToast.text)) {
+            return acc;
+          }
+        }
+        queuedToastIds.current.add(toast.id);
+        return [
+          ...acc,
+          __spreadProps(__spreadValues({}, toast), {
+            isActive: true,
+            isHiding: false
+          })
+        ];
+      }, []);
+      setToastQueue((currentToastQueue) => {
+        const currentToast2 = currentToastQueue[currentToastQueue.length - 1];
+        if (dedupeConsecutive && currentToast2 && isEqual(newToasts[0].text, currentToast2.text)) {
+          return currentToastQueue;
+        }
+        return [...currentToastQueue, ...newToasts];
+      });
+    }
+  }, [queue, hideToast, onHide, dedupeConsecutive]);
+  useEffect(() => {
+    if (prevToastQueue.current.length !== toastQueue.length) {
+      const currentToast2 = toastQueue[toastQueue.length - 1];
+      if (currentToast2 && !currentToast2.isHiding) {
+        if (autoHideTimeoutRef.current) {
+          clearTimeout(autoHideTimeoutRef.current);
+          autoHideTimeoutRef.current = null;
+        }
+        if (currentToast2.duration) {
+          autoHideTimeoutRef.current = setTimeout(() => {
+            hideToast(currentToast2.id);
+          }, currentToast2.duration);
+        }
+      }
+      prevToastQueue.current = toastQueue;
+    }
+  }, [toastQueue, hideToast, onHide]);
+  useEffect(() => {
+    if (!nodeRef.current) {
+      nodeRef.current = document.createElement("div");
+      document.body.appendChild(nodeRef.current);
+    }
+    setNodeReady(true);
+    return () => {
+      if (nodeRef.current) {
+        document.body.removeChild(nodeRef.current);
+        nodeRef.current = null;
+      }
+    };
+  }, []);
+  const currentToastIndex = toastQueue.length - 1;
+  useEffect(() => {
+    if (removeExpiredAndNotVisible) {
+      setToastQueue((currentToastQueue) => {
+        const newToastQueue = currentToastQueue.filter((toast, i) => {
+          const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
+          return toast.expires > Date.now() || fromCurrent < maxVisible;
+        });
+        return newToastQueue;
+      });
+    }
+  }, [currentToastIndex, maxVisible, removeExpiredAndNotVisible]);
+  const currentToast = toastQueue[currentToastIndex];
+  return nodeReady ? toastQueue.map((toast, i) => {
+    if (!nodeRef.current) {
+      return null;
+    }
+    const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
+    const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
+    const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
+    const textNode = /* @__PURE__ */ jsx("span", { children: toast.text ? toReactNodes(toast.text) : null });
+    return /* @__PURE__ */ jsx(Fragment, { children: ReactDOM.createPortal(
+      /* @__PURE__ */ jsxs(
+        StyledToast,
+        {
+          isActive: toast.isActive,
+          isHiding: toast.isHiding,
+          isVisible: fromCurrent < maxVisible,
+          duration: toast.duration,
+          fromTop: Math.floor(fromTop),
+          isCurrent: i === currentToastIndex,
+          fromCurrent: hidingFromCurrent,
+          currentToastHiding: currentToast.isHiding,
+          maxVisible,
+          activeCount: Math.min(
+            toastQueue.length - (currentToast.isHiding ? 1 : 0),
+            maxVisible
+          ),
+          stackDir: stackDir === "above" ? -1 : 1,
+          movingToCurrent,
+          children: [
+            textNode,
+            /* @__PURE__ */ jsx(
+              UnstyledButton,
+              {
+                css: extend(flexCenter, {
+                  position: "absolute",
+                  right: "5px",
+                  top: "-1px",
+                  height: "50px",
+                  width: "50px",
+                  outlineColor: `${colors.white} !important`
+                }),
+                onClick: () => hideToast(toast.id),
+                children: /* @__PURE__ */ jsx(Icon, { name: "Close", width: 9 })
+              }
+            )
+          ]
+        }
+      ),
+      nodeRef.current
+    ) }, toast.id);
+  }) : null;
+}
+var width = 400;
+var beginTopPx = -100;
+var beginHeightPx = 50;
+var minScale = 0.95;
+var StyledToast = styled.div`
+  position: fixed;
+  z-index: ${z.toast};
+  line-height: ${pxToRems(16)};
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  font-weight: 500;
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? colors.blue43 : themeOr("#2A50B2", colors.blue43)};
+  color: rgba(255, 255, 255, 0);
+  padding: 16px 24px;
+  ${({ duration }) => !duration && "padding-right: 50px;"}
+  ${({ isVisible, isCurrent, movingToCurrent, stackDir }) => {
+  if (!isVisible) {
+    return "";
+  }
+  const sharpOverlayShadow = `0 ${1 * stackDir}px 0px 0px rgba(0, 0, 0, 0.5)`;
+  return isCurrent || movingToCurrent ? `box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.08), ${sharpOverlayShadow};` : `box-shadow: ${sharpOverlayShadow};`;
+}}
+  left: 50%;
+  transform: translateX(-50%);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: calc(100% - ${standardContentInset.smPx * 2}px);
+
+  max-height: ${beginHeightPx}px;
+  width: 0px;
+  border-radius: 3rem;
+  transition:
+    width 0.25s ${firstDur}s cubic-bezier(0.41, 0.52, 0.38, 1.33),
+    border-radius 0.1s ${firstDur}s linear,
+    color 0.1s ${firstDur * 2.1}s linear,
+    opacity 0.1s linear,
+    transform 0.25s cubic-bezier(0.41, 0.52, 0.38, 1.33),
+    background-color 0.3s linear,
+    max-height 0.2s 0.5s linear;
+  top: ${beginTopPx}px;
+
+  a {
+    text-decoration: underline;
+  }
+
+  button {
+    opacity: ${({ duration }) => duration ? "0" : "1"};
+    transition: opacity 0.1s linear;
+  }
+  &:hover {
+    ${({ duration }) => duration ? "button { opacity: 1; }" : ""}
+  }
+
+  ${({
+  isVisible,
+  fromCurrent,
+  movingToCurrent,
+  activeCount,
+  stackDir,
+  maxVisible,
+  currentToastHiding
+}) => {
+  if (fromCurrent && !movingToCurrent) {
+    if (!isVisible) {
+      fromCurrent = maxVisible - 1;
+    }
+    const secondToastTranslateY = 7;
+    const translateY = stackDir * secondToastTranslateY * Math.pow(fromCurrent, 0.75);
+    const scale = Math.max(
+      1 - (1 - minScale) / activeCount * fromCurrent,
+      0
+    );
+    return `transform: translateX(-50%) translateY(${translateY}px) scale(${scale});`;
+  }
+  return "";
+}}
+
+  ${({ fromTop }) => `
+    /* Animations with different values still interfere with each other if they have the same name.
+       Append the variable value to get a unique name for each animation: */
+    @keyframes slideOut-${fromTop} {
+      0% {
+        top: ${fromTop}px;
+      }
+      100% {
+        top: ${beginTopPx}px;
+      }
+    }
+
+    @keyframes slideIn-${fromTop} {
+      0% {
+        top: ${beginTopPx}px;
+      }
+      100% {
+        top: ${fromTop}px;
+      }
+    }
+  `}
+
+  &:before {
+    ${({ duration }) => duration ? 'content: "";' : ""}
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 0%;
+    background-color: rgba(0, 0, 0, 0.1);
+    z-index: -1;
+    // switch back to minimal state instantly so it's ready for the next notification:
+  }
+
+  ${({ duration }) => duration ? `
+        @keyframes progressBar-${duration} {
+          0% {
+            width: 0%;
+          }
+          100% {
+            width: 100%;
+          }
+        }
+      ` : ""}
+
+  ${({ isActive, duration, isHiding, fromTop, isCurrent }) => isActive ? `
+      width: ${width}px;
+      top: ${fromTop}px;
+      border-radius: 1.3rem;
+      animation: ${firstDur}s cubic-bezier(.25,.15,.59,1.28) 0s slideIn-${fromTop};
+      color: rgba(255, 255, 255, 1);
+      max-height: 100px;
+      &:before {
+        ${isCurrent && duration ? `animation: progressBar-${duration} ${duration / 1e3}s linear;` : ""};
+      }
+      ` : `
+      ${isHiding ? `
+          animation: ${firstDur}s cubic-bezier(.57,-0.43,.78,.81) 0s slideOut-${fromTop};
+          &:before {
+            width: 100%;
+          }
+          ` : ""}
+      top: ${beginTopPx}px;
+    `}
+`;
+
+export {
+  Toasts
+};

package/dist/chunk-IOWK2GBE.js

@@ -0,0 +1,30 @@
+import {
+  toNonTypographicReactNodes
+} from "./chunk-QBJ57KNQ.js";
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
+
+// src/components/typography/Code.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+var Code = ({
+  content,
+  color,
+  size = "Medium",
+  children
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = toNonTypographicReactNodes(content);
+  }
+  return /* @__PURE__ */ jsx(StyledCode, { size, colorProp: color, children: reactNodes });
+};
+var StyledCode = styled.div`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Code", size, colorProp)}
+`;
+
+export {
+  Code,
+  StyledCode
+};

package/dist/chunk-IPD2D6QD.js

@@ -0,0 +1,39 @@
+// src/icons/RustTwoTone.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function RustTwoTone() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.8407 1.43262C6.11131 1.43262 1.44824 6.09788 1.44824 11.825C1.44824 17.5522 6.11351 22.2174 11.8407 22.2174C17.5678 22.2174 22.2331 17.5522 22.2331 11.825C22.2331 6.09788 17.5678 1.43262 11.8407 1.43262ZM11.8253 2.356C12.003 2.3606 12.1718 2.43466 12.2959 2.56239C12.4199 2.69012 12.4893 2.86141 12.4892 3.03974C12.4892 3.22108 12.4172 3.39499 12.289 3.52321C12.1607 3.65144 11.9868 3.72348 11.8055 3.72348C11.6241 3.72348 11.4502 3.65144 11.322 3.52321C11.1938 3.39499 11.1217 3.22108 11.1217 3.03974C11.1217 2.94826 11.14 2.8577 11.1756 2.77343C11.2112 2.68916 11.2633 2.61288 11.3289 2.54913C11.3945 2.48537 11.4723 2.43543 11.5575 2.40225C11.6428 2.36908 11.7338 2.35335 11.8253 2.356ZM13.3906 3.48164C14.5909 3.70646 15.7279 4.18988 16.7226 4.89831C17.7173 5.60675 18.5459 6.52322 19.1507 7.58408L18.3439 9.40446C18.2054 9.71885 18.3483 10.0882 18.6605 10.2289L20.2126 10.917C20.2608 11.4022 20.2667 11.8907 20.2302 12.3769H19.3662C19.2805 12.3769 19.2453 12.434 19.2453 12.5176V12.9133C19.2453 13.8455 18.7198 14.0499 18.2581 14.1005C17.8184 14.1511 17.3326 13.9158 17.271 13.6476C17.0116 12.19 16.5807 11.88 15.8991 11.3414C16.7456 10.8049 17.625 10.0113 17.625 8.95156C17.625 7.80613 16.8401 7.08502 16.3059 6.73106C15.554 6.23639 14.7229 6.13746 14.4987 6.13746H5.57267C6.80692 4.75863 8.46132 3.82518 10.2797 3.48164L11.3328 4.5853C11.5702 4.83373 11.9638 4.84472 12.2122 4.60508L13.3906 3.48164ZM3.67315 8.54264C3.85103 8.54779 4.01991 8.62209 4.14388 8.74976C4.26786 8.87744 4.33717 9.04842 4.3371 9.22638C4.3371 9.40772 4.26506 9.58163 4.13684 9.70986C4.00861 9.83808 3.8347 9.91012 3.65336 9.91012C3.47202 9.91012 3.29811 9.83808 3.16988 9.70986C3.04166 9.58163 2.96962 9.40772 2.96962 9.22638C2.96958 9.1349 2.9879 9.04434 3.02349 8.96007C3.05908 8.8758 3.11122 8.79953 3.17683 8.73577C3.24243 8.67201 3.32016 8.62207 3.40541 8.58889C3.49066 8.55572 3.58171 8.53999 3.67315 8.54264ZM19.9752 8.57342C20.1531 8.57857 20.3219 8.65287 20.4459 8.78054C20.5699 8.90822 20.6392 9.0792 20.6391 9.25716C20.6391 9.4385 20.5671 9.61241 20.4389 9.74064C20.3107 9.86886 20.1367 9.9409 19.9554 9.9409C19.7741 9.9409 19.6002 9.86886 19.4719 9.74064C19.3437 9.61241 19.2717 9.4385 19.2717 9.25716C19.2716 9.16568 19.2899 9.07512 19.3255 8.99085C19.3611 8.90658 19.4133 8.8303 19.4789 8.76655C19.5445 8.70279 19.6222 8.65285 19.7075 8.61967C19.7927 8.5865 19.8837 8.57077 19.9752 8.57342ZM4.96148 8.68334H6.15308V14.0565H3.7479C3.45085 13.0134 3.35828 11.9227 3.47528 10.8445L4.94829 10.1893C5.26268 10.0486 5.40558 9.68147 5.26488 9.36708L4.96148 8.68334ZM9.93454 8.7405H12.7728C12.9201 8.7405 13.8083 8.90979 13.8083 9.57594C13.8083 10.1278 13.1268 10.3256 12.5662 10.3256H9.93234L9.93454 8.7405ZM9.93454 12.6011H12.1089C12.3067 12.6011 13.1708 12.6583 13.4456 13.7619C13.5313 14.1005 13.7226 15.2042 13.8523 15.5581C13.982 15.9539 14.5075 16.7453 15.0681 16.7453H18.6165C18.3787 17.0638 18.1186 17.365 17.8382 17.6467L16.3938 17.3367C16.0574 17.2642 15.7254 17.4796 15.6529 17.816L15.3099 19.4165C14.207 19.9161 13.0093 20.1718 11.7986 20.1661C10.5878 20.1604 9.39257 19.8935 8.29444 19.3836L7.95147 17.783C7.87892 17.4467 7.54914 17.2312 7.21277 17.3037L5.79912 17.6071C5.53679 17.3365 5.29293 17.0486 5.06921 16.7453H11.944C12.0209 16.7453 12.0737 16.7321 12.0737 16.6596V14.228C12.0737 14.1577 12.0209 14.1423 11.944 14.1423H9.93234L9.93454 12.6011ZM6.76207 18.17C6.93996 18.1751 7.10883 18.2494 7.23281 18.3771C7.35678 18.5048 7.4261 18.6757 7.42602 18.8537C7.42602 19.035 7.35399 19.209 7.22576 19.3372C7.09753 19.4654 6.92362 19.5374 6.74228 19.5374C6.56094 19.5374 6.38703 19.4654 6.25881 19.3372C6.13058 19.209 6.05854 19.035 6.05854 18.8537C6.0585 18.7622 6.07682 18.6717 6.11242 18.5874C6.14801 18.5031 6.20015 18.4269 6.26575 18.3631C6.33135 18.2993 6.40908 18.2494 6.49433 18.2162C6.57959 18.183 6.67063 18.1673 6.76207 18.17ZM16.8863 18.2007C17.0642 18.2059 17.233 18.2802 17.357 18.4079C17.481 18.5355 17.5503 18.7065 17.5502 18.8845C17.5502 19.0658 17.4782 19.2397 17.35 19.368C17.2217 19.4962 17.0478 19.5682 16.8665 19.5682C16.6851 19.5682 16.5112 19.4962 16.383 19.368C16.2548 19.2397 16.1827 19.0658 16.1827 18.8845C16.1827 18.793 16.201 18.7025 16.2366 18.6182C16.2722 18.5339 16.3243 18.4576 16.3899 18.3939C16.4555 18.3301 16.5333 18.2802 16.6185 18.247C16.7038 18.2138 16.7948 18.1981 16.8863 18.2007Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M21.6541 11.825C21.6541 14.4273 20.6203 16.923 18.7802 18.7631C16.9401 20.6032 14.4444 21.637 11.8421 21.637C9.23977 21.637 6.74404 20.6032 4.90394 18.7631C3.06383 16.923 2.03007 14.4273 2.03007 11.825C2.03007 9.22267 3.06383 6.72695 4.90394 4.88685C6.74404 3.04674 9.23977 2.01298 11.8421 2.01298C14.4444 2.01298 16.9401 3.04674 18.7802 4.88685C20.6203 6.72695 21.6541 9.22267 21.6541 11.825ZM21.4694 10.8774L22.9996 11.825L21.4694 12.7725L22.7841 14.0015L21.1 14.6325L22.1509 16.0945L20.3723 16.3847L21.1198 18.0248L19.3192 17.9611L19.7326 19.7155L17.9781 19.3022L18.0419 21.1027L16.4018 20.3552L16.1116 22.1339L14.6496 21.083L14.0186 22.767L12.7896 21.4523L11.8421 22.9825L10.8945 21.4523L9.66553 22.767L9.03456 21.083L7.57254 22.1339L7.28234 20.3552L5.64224 21.1027L5.706 19.3022L3.95157 19.7155L4.3649 17.9611L2.56431 18.0248L3.3118 16.3847L1.5332 16.0945L2.58409 14.6325L0.900026 14.0015L2.21474 12.7725L0.68457 11.825L2.21474 10.8774L0.900026 9.64844L2.58409 9.01747L1.5332 7.55545L3.3118 7.26525L2.56431 5.62515L4.3649 5.68891L3.95157 3.93448L5.706 4.34781L5.64224 2.54722L7.28234 3.29471L7.57254 1.51611L9.03456 2.567L9.66553 0.882936L10.8945 2.19765L11.8421 0.66748L12.7896 2.19765L14.0186 0.882936L14.6496 2.567L16.1116 1.51611L16.4018 3.29471L18.0419 2.54722L17.9781 4.34781L19.7326 3.93448L19.3192 5.68891L21.1198 5.62515L20.3723 7.26525L22.1509 7.55545L21.1 9.01747L22.7841 9.64844L21.4694 10.8774Z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: "0.659557",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  RustTwoTone
+};

package/dist/chunk-IX5TIDMO.js

@@ -0,0 +1,36 @@
+// src/icons/FramedLetterI.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function FramedLetterI() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 13 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.8999 1.5H2.8999C2.34762 1.5 1.8999 1.94772 1.8999 2.5V9.5C1.8999 10.0523 2.34762 10.5 2.8999 10.5H9.8999C10.4522 10.5 10.8999 10.0523 10.8999 9.5V2.5C10.8999 1.94772 10.4522 1.5 9.8999 1.5Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.3999 4V8",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  FramedLetterI
+};

package/dist/chunk-IYEEAOW3.js

@@ -0,0 +1,26 @@
+// src/icons/Checkmark.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Checkmark() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 9",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.5004 1.84998L5.79662 6.63103C4.99697 7.44383 4.59714 7.85023 4.1003 7.85023C3.60346 7.85023 3.20363 7.44383 2.40398 6.63103L1.5 5.7122",
+          stroke: "currentColor",
+          strokeWidth: "1.90917",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Checkmark
+};

package/dist/chunk-J5NYACJ7.js

@@ -0,0 +1,26 @@
+// src/icons/Restart.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Restart() {
+  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: "M0.5 7.96429C1.28571 9.53571 2.85714 11.5 6 11.5C9.14286 11.5 10.7143 9.53571 11.5 7.96429M11.5 7.96429H8.75M11.5 7.96429V11.1071M11.5 4.03571C10.7143 2.46429 9.14286 0.5 6 0.5C2.85714 0.5 1.28571 2.46429 0.5 4.03571M0.5 4.03571H3.25M0.5 4.03571V0.892857",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Restart
+};

package/dist/chunk-JJC2AUQ3.js

@@ -0,0 +1,6 @@
+// src/components/PageSection/constants.tsx
+var pageSectionScrollOffset = 20;
+
+export {
+  pageSectionScrollOffset
+};

package/dist/chunk-JLD7MGLC.js

@@ -0,0 +1,27 @@
+// src/icons/ArrowCircleTier2.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ArrowCircleTier2() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "14", cy: "14.9639", r: "14", fill: "white" }),
+        /* @__PURE__ */ jsx(
+          "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: "#8B38DE"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  ArrowCircleTier2
+};

package/dist/chunk-JWMMGYNV.js

@@ -0,0 +1,36 @@
+// src/icons/Uma.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Uma() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "18",
+      viewBox: "0 0 40 18",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M30.6127 11.5888C30.9753 11.5888 31.2799 11.5259 31.5265 11.4002C31.778 11.2697 31.9762 11.1222 32.1213 10.9578C32.2712 10.7934 32.3727 10.6556 32.4259 10.5444C32.5274 10.3316 32.5854 10.085 32.6 9.80459C32.6126 9.61777 32.6211 9.45169 32.6255 9.30635C32.3053 9.38884 32.0235 9.44143 31.7972 9.48367L31.7876 9.48546C31.425 9.54832 31.1324 9.60634 30.91 9.65953C30.6876 9.71272 30.4918 9.77074 30.3225 9.8336C30.1291 9.91096 29.972 9.99558 29.8511 10.0875C29.7351 10.1745 29.648 10.2712 29.59 10.3776C29.5368 10.4839 29.5102 10.6024 29.5102 10.733C29.5102 10.9119 29.5537 11.0666 29.6408 11.1971C29.7326 11.3229 29.8608 11.4196 30.0252 11.4873C30.1896 11.555 30.3854 11.5888 30.6127 11.5888Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M0.506832 2.74799C0 3.7427 0 5.04485 0 7.64916V10.3512C0 12.9555 0 14.2577 0.506832 15.2524C0.952653 16.1274 1.66403 16.8387 2.539 17.2846C3.53372 17.7914 4.83587 17.7914 7.44018 17.7914H32.5163C35.1206 17.7914 36.4228 17.7914 37.4175 17.2846C38.2925 16.8387 39.0038 16.1274 39.4497 15.2524C39.9565 14.2577 39.9565 12.9555 39.9565 10.3512V7.64916C39.9565 5.04485 39.9565 3.7427 39.4497 2.74799C39.0038 1.87301 38.2925 1.16164 37.4175 0.715816C36.4228 0.208984 35.1206 0.208984 32.5163 0.208984H7.44018C4.83587 0.208984 3.53372 0.208984 2.539 0.715816C1.66403 1.16164 0.952653 1.87301 0.506832 2.74799ZM30.192 13.1409C29.6311 13.1409 29.1548 13.0345 28.7632 12.8218C28.3763 12.6042 28.0814 12.3165 27.8783 11.9587C27.6801 11.5961 27.5809 11.1971 27.5809 10.762C27.5809 10.3993 27.6101 10.1905 27.7213 9.89067C27.8326 9.59088 28.0075 9.32106 28.2541 9.0938C28.5055 8.86171 28.8516 8.70218 29.1317 8.61725C29.4118 8.53232 29.9345 8.40989 30.2676 8.35398C30.3758 8.33582 30.5032 8.31555 30.649 8.29235L30.6491 8.29234L30.6493 8.29231C30.9523 8.24411 31.3345 8.1833 31.7876 8.10271C32.1373 8.04051 32.4065 7.94077 32.649 7.80203C32.6185 7.44774 32.5103 7.17964 32.3243 6.99772C32.1019 6.78013 31.7296 6.67134 31.2074 6.67134C30.9173 6.67134 30.6151 6.74145 30.3008 6.88167C29.9865 7.02189 29.7665 7.27091 29.6408 7.62872L27.8566 7.06299C28.0548 6.41507 28.4271 5.88802 28.9735 5.48186C29.5199 5.0757 30.2645 4.87262 31.2074 4.87262C31.8988 4.87262 32.5129 4.97899 33.0496 5.19174C33.5863 5.4045 33.9925 5.77198 34.2681 6.29419C34.4228 6.5843 34.5147 6.87442 34.5437 7.16453C34.5727 7.45465 34.5872 7.77861 34.5872 8.13642V12.9233H32.8611V11.9618C32.5494 12.329 32.2182 12.606 31.8674 12.7928C31.4274 13.0249 30.8689 13.1409 30.192 13.1409ZM24.1572 12.9231V8.29575C24.1572 7.77837 24.0339 7.37705 23.7873 7.09177C23.5456 6.80165 23.2095 6.65659 22.7792 6.65659C22.5036 6.65659 22.2642 6.72187 22.0611 6.85242C21.8581 6.97814 21.6985 7.15704 21.5825 7.38914C21.4712 7.61639 21.4156 7.87992 21.4156 8.1797V12.9231H19.4428V8.29575C19.4428 7.77837 19.3195 7.37705 19.073 7.09177C18.8312 6.80165 18.4951 6.65659 18.0648 6.65659C17.6538 6.65659 17.3226 6.79923 17.0711 7.08451C16.8246 7.36496 16.7013 7.73002 16.7013 8.1797V12.9231H14.714V5.08997H16.4547V5.94818C16.6819 5.6683 16.9599 5.43784 17.2887 5.25678C17.7239 5.01986 18.2099 4.90139 18.7466 4.90139C19.3606 4.90139 19.8635 5.03194 20.2552 5.29305C20.5823 5.50848 20.8387 5.78317 21.0243 6.11711C21.2732 5.74915 21.5946 5.45996 21.9886 5.24953C22.419 5.01744 22.8952 4.90139 23.4174 4.90139C24.312 4.90139 24.9865 5.16733 25.441 5.69921C25.9003 6.22625 26.13 6.9177 26.13 7.77354V12.9231H24.1572ZM6.92079 12.8433C7.30762 13.0512 7.80807 13.1552 8.42214 13.1552C9.19095 13.1552 9.82679 12.9884 10.3297 12.6547C10.5683 12.4979 10.7786 12.3181 10.9607 12.1154V12.9231H12.7014V5.08997H10.7141V9.06456C10.7141 9.54809 10.6585 9.93975 10.5472 10.2395C10.4409 10.5345 10.3031 10.7593 10.1338 10.9141C9.96459 11.0639 9.78327 11.1655 9.58986 11.2187C9.39645 11.2719 9.21513 11.2985 9.04589 11.2985C8.62523 11.2985 8.29884 11.2042 8.06675 11.0156C7.83949 10.827 7.6751 10.5925 7.57355 10.3121C7.47201 10.0316 7.41157 9.75359 7.39223 9.47798C7.37289 9.19753 7.36322 8.96786 7.36322 8.78895V5.08997H5.36142V9.48523C5.36142 9.61578 5.37109 9.8237 5.39043 10.109C5.40977 10.3943 5.46538 10.711 5.55725 11.0591C5.64912 11.4024 5.80143 11.7336 6.01418 12.0528C6.23177 12.3719 6.53397 12.6354 6.92079 12.8433Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Uma
+};

package/dist/{chunk-FCZJILMW.js → chunk-JXXIU52B.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-JK4BP73A.js";
+} from "./chunk-52POF2W4.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/chunk-K6KKTYTR.js

@@ -0,0 +1,27 @@
+// src/icons/LightningOnRoundedSquare.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function LightningOnRoundedSquare() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "16", height: "16", rx: "2", fill: "#FFF14E" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.73918 10.2677L5.48342 13L12.0306 7.24169H8.59885L8.9703 6.43284L10.5472 3L4 8.75831H7.43176L7.06031 9.56716L6.73918 10.2677Z",
+            fill: "black"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  LightningOnRoundedSquare
+};