@lightsparkdev/ui 0.0.13 → 1.0.1

package/dist/chunk-24JOGF62.js

@@ -0,0 +1,24 @@
+// src/icons/Github.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Github() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.0001 0C5.3735 0 0 5.50847 0 12.3038C0 17.74 3.43839 22.3519 8.2064 23.9789C8.80613 24.0927 9.02631 23.7119 9.02631 23.387C9.02631 23.0936 9.01518 22.1244 9.01001 21.0963C5.67157 21.8405 4.96712 19.6446 4.96712 19.6446C4.42125 18.2224 3.63473 17.8443 3.63473 17.8443C2.54596 17.0806 3.7168 17.0963 3.7168 17.0963C4.92181 17.1831 5.55632 18.3642 5.55632 18.3642C6.6266 20.2452 8.36359 19.7014 9.04836 19.387C9.15607 18.5918 9.46706 18.049 9.81024 17.7418C7.14486 17.4307 4.34295 16.3757 4.34295 11.6612C4.34295 10.3179 4.81172 9.22032 5.57937 8.35868C5.45477 8.04878 5.04402 6.79737 5.69562 5.10261C5.69562 5.10261 6.70331 4.77193 8.9965 6.3638C9.95372 6.09119 10.9803 5.95447 12.0001 5.94979C13.0199 5.95447 14.0473 6.09119 15.0063 6.3638C17.2967 4.77193 18.303 5.10261 18.303 5.10261C18.9562 6.79737 18.5452 8.04878 18.4206 8.35868C19.1901 9.22032 19.6557 10.3179 19.6557 11.6612C19.6557 16.3869 16.8484 17.4274 14.1762 17.732C14.6067 18.1138 14.9902 18.8626 14.9902 20.0105C14.9902 21.6568 14.9763 22.9817 14.9763 23.387C14.9763 23.7144 15.1923 24.098 15.8006 23.9772C20.566 22.3485 24 17.7381 24 12.3038C24 5.50847 18.6273 0 12.0001 0ZM4.49443 17.527C4.468 17.5882 4.3742 17.6065 4.28876 17.5645C4.20172 17.5244 4.15283 17.4411 4.18105 17.3797C4.20688 17.3168 4.30088 17.2992 4.38772 17.3414C4.47495 17.3816 4.52463 17.4657 4.49443 17.527ZM5.0847 18.0671C5.02747 18.1215 4.91559 18.0962 4.83968 18.0102C4.76119 17.9244 4.74648 17.8097 4.80451 17.7545C4.86353 17.7001 4.97203 17.7256 5.05072 17.8114C5.12921 17.8981 5.14451 18.012 5.0847 18.0671ZM5.48965 18.758C5.41612 18.8104 5.2959 18.7613 5.22158 18.6518C5.14805 18.5424 5.14805 18.4112 5.22317 18.3587C5.29769 18.3061 5.41612 18.3534 5.49144 18.462C5.56476 18.5732 5.56476 18.7044 5.48965 18.758ZM6.1745 19.5582C6.10873 19.6326 5.96863 19.6126 5.86609 19.5111C5.76117 19.4119 5.73196 19.2711 5.79793 19.1968C5.8645 19.1222 6.00539 19.1432 6.10873 19.2438C6.21285 19.3428 6.24465 19.4846 6.1745 19.5582ZM7.05961 19.8283C7.0306 19.9247 6.89567 19.9685 6.75975 19.9276C6.62402 19.8854 6.5352 19.7725 6.56262 19.6751C6.59084 19.5781 6.72636 19.5325 6.86328 19.5763C6.9988 19.6183 7.08783 19.7303 7.05961 19.8283ZM8.0669 19.9429C8.07028 20.0444 7.95502 20.1285 7.81235 20.1304C7.66887 20.1336 7.55282 20.0515 7.55123 19.9517C7.55123 19.8492 7.6639 19.7659 7.80738 19.7634C7.95006 19.7606 8.0669 19.8421 8.0669 19.9429ZM9.05645 19.904C9.07354 20.0031 8.97438 20.1047 8.8327 20.1318C8.6934 20.1579 8.56443 20.0968 8.54674 19.9986C8.52946 19.8971 8.6304 19.7954 8.7695 19.7692C8.91139 19.7439 9.03837 19.8034 9.05645 19.904Z",
+          fill: "#161614"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Github
+};

package/dist/chunk-262GCJFO.js

@@ -0,0 +1,48 @@
+// src/icons/ExclamationPoint.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ExclamationPoint() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 13 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.48828 6.5C1.48828 3.46243 3.95072 0.999999 6.98828 1C10.0258 1 12.4883 3.46243 12.4883 6.5C12.4883 9.53757 10.0258 12 6.98828 12C3.95072 12 1.48828 9.53757 1.48828 6.5Z",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.98828 4.14286L6.98828 6.5M6.98828 8.85707L6.98828 8.87549",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.98828 8.85707L6.98828 8.87549",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  ExclamationPoint
+};

package/dist/{icons/Down.js → chunk-272LB55I.js}

@@ -1,28 +1,26 @@
-import "../chunk-CIGAQ47A.js";
-
-// src/icons/Down.tsx
+// src/icons/ChevronLeft.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-var Down = () => /* @__PURE__ */ jsx(
+var ChevronLeft = () => /* @__PURE__ */ jsx(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 24 24",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M3.3335 5.33337L8.00016 10L12.6668 5.33337",
+        d: "M15 20L7 12L15 4",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   }
 );
-var Down_default = Down;
+
 export {
-  Down_default as default
+  ChevronLeft
 };

package/dist/{chunk-KMTXQD46.js → chunk-2I6UL3CQ.js}

@@ -1,37 +1,50 @@
-import {
-  toReactNodes
-} from "./chunk-5GBDVTL6.js";
 import {
   useLiveRef
 } from "./chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "./chunk-E3AOYBY5.js";
+} from "./chunk-RVT4NV6Z.js";
+import {
+  toReactNodes
+} from "./chunk-VENBTZHV.js";
+import {
+  Drawer
+} from "./chunk-HXKKG2VQ.js";
 import {
-  Button
-} from "./chunk-75VDSSXM.js";
+  Button,
+  ButtonSelector
+} from "./chunk-GHIYWOAC.js";
+import {
+  Headline,
+  headlineSelector
+} from "./chunk-4YN25H5H.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
-  UnstyledButton
-} from "./chunk-3GS5EFXV.js";
+  Body
+} from "./chunk-POTDIFIX.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
-  overflowAutoWithoutScrollbars,
-  pxToRems
-} from "./chunk-FCZJILMW.js";
+  UnstyledButton
+} from "./chunk-HGYVPOA7.js";
+import {
+  overflowAutoWithoutScrollbars
+} from "./chunk-JXXIU52B.js";
 import {
   Icon
-} from "./chunk-RWIZ7Q74.js";
+} from "./chunk-UAFWDZRG.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-JK4BP73A.js";
+} from "./chunk-52POF2W4.js";
+import {
+  TokenSize
+} from "./chunk-ENBUKLVT.js";
 import {
   bp,
   useBreakpoints
@@ -41,7 +54,10 @@ import {
 import styled from "@emotion/styled";
 import React, { Fragment, useEffect, useLayoutEffect, useRef } from "react";
 import ReactDOM from "react-dom";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment2, jsx, jsxs } from "@emotion/react/jsx-runtime";
+function isSubmitLinkWithHref(submitLink) {
+  return Boolean(submitLink && "href" in submitLink);
+}
 function Modal({
   visible,
   title,
@@ -56,12 +72,16 @@ function Modal({
   submitDisabled,
   submitLoading,
   submitText,
+  submitLink,
   cancelText = "Cancel",
   firstFocusRef,
+  smDrawer,
   nonDismissable = false,
   autoFocus = true,
   width = 460,
-  progressBar
+  progressBar,
+  buttonLayout = "horizontal",
+  extraActions
 }) {
   const visibleChangedRef = useRef(false);
   const nodeRef = useRef(null);
@@ -73,7 +93,6 @@ function Modal({
   const modalContainerRef = useRef(null);
   const bp2 = useBreakpoints();
   const isSm = bp2.current("sm" /* sm */);
-  const formattedDescription = description ? toReactNodes(description) : null;
   useEffect(() => {
     if (visible !== visibleChangedRef.current) {
       visibleChangedRef.current = visible;
@@ -144,7 +163,7 @@ function Modal({
     }
   }, [visible, visibleChanged, ref, autoFocus]);
   function onClickCloseButton(event) {
-    event.stopPropagation();
+    event == null ? void 0 : event.stopPropagation();
     onClose();
   }
   function onSubmitForm(e) {
@@ -160,58 +179,89 @@ function Modal({
       onClose();
     }
   }
+  const linkIsHref = isSubmitLinkWithHref(submitLink);
+  const linkIsRoute = !linkIsHref && submitLink;
+  const buttonContent = /* @__PURE__ */ jsxs(Fragment2, { children: [
+    extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((action) => action.content),
+    !isSm && !cancelHidden && /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: cancelDisabled,
+        onClick: onClickCancel,
+        text: cancelText
+      }
+    ),
+    onSubmit && /* @__PURE__ */ jsx(
+      Button,
+      {
+        kind: "primary",
+        disabled: submitDisabled,
+        text: submitText != null ? submitText : "Continue",
+        loading: submitLoading,
+        to: linkIsRoute ? submitLink.to : void 0,
+        href: linkIsHref ? submitLink.href : void 0,
+        hrefFilename: linkIsHref ? submitLink.filename : void 0,
+        type: submitLink ? "button" : "submit",
+        onClick: submitLink ? onSubmit : void 0
+      }
+    ),
+    isSm && !cancelHidden && /* @__PURE__ */ jsx(Button, { onClick: onClose, text: cancelText }),
+    extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((action) => action.content)
+  ] });
+  let titleContent = null;
+  if (title) {
+    if (typeof title === "string") {
+      titleContent = /* @__PURE__ */ jsx(Headline, { heading: "h4", size: TokenSize.Small, children: title });
+    } else {
+      titleContent = toReactNodes(title);
+    }
+  }
+  let descriptionContent = null;
+  if (description) {
+    if (typeof description === "string") {
+      descriptionContent = /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(Body, { size: "ExtraSmall", content: description }) });
+    } else {
+      descriptionContent = /* @__PURE__ */ jsx(Description, { children: toReactNodes(description) });
+    }
+  }
   const modalContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ModalOverlay, { ref: overlayRef }),
-    /* @__PURE__ */ jsx(
-      ModalContainer,
+    progressBar ? /* @__PURE__ */ jsx("div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx(
+      ProgressBar,
       {
-        "aria-modal": true,
-        "aria-hidden": true,
-        tabIndex: -1,
-        role: "dialog",
-        ref: modalContainerRef,
-        children: /* @__PURE__ */ jsxs(ModalContent, { width, ghost, children: [
-          !firstFocusRef && /* @__PURE__ */ jsx(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
-          !(nonDismissable || ghost) && /* @__PURE__ */ jsx(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ jsx(Icon, { name: "Close", width: 9 }) }),
-          /* @__PURE__ */ jsxs(ModalContentInner, { ghost, children: [
-            progressBar ? /* @__PURE__ */ jsx("div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx(
-              ProgressBar,
-              {
-                progressPercentage: progressBar.progressPercentage,
-                isSm: progressBar.isSm
-              }
-            ) }) : null,
-            title ? /* @__PURE__ */ jsx("h4", { children: title }) : null,
-            formattedDescription ? /* @__PURE__ */ jsx(Description, { children: formattedDescription }) : null,
-            /* @__PURE__ */ jsx("div", { children }),
-            onSubmit || onCancel ? /* @__PURE__ */ jsxs(ModalButtonRow, { children: [
-              !isSm && !cancelHidden && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  disabled: cancelDisabled,
-                  onClick: onClickCancel,
-                  text: cancelText
-                }
-              ),
-              onSubmit && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  disabled: submitDisabled,
-                  primary: true,
-                  text: submitText != null ? submitText : "Continue",
-                  loading: submitLoading,
-                  type: "submit"
-                }
-              ),
-              isSm && !cancelHidden && /* @__PURE__ */ jsx(Button, { onClick: onClose, text: cancelText })
-            ] }) : null
-          ] })
-        ] })
+        progressPercentage: progressBar.progressPercentage,
+        isSm: progressBar.isSm
       }
-    )
+    ) }) : null,
+    titleContent,
+    descriptionContent,
+    children,
+    onSubmit || onCancel ? buttonLayout === "horizontal" ? /* @__PURE__ */ jsx(ModalButtonRow, { children: buttonContent }) : /* @__PURE__ */ jsx(ModalButtonColumn, { children: buttonContent }) : null
   ] });
+  let content;
+  if (smDrawer && isSm) {
+    content = /* @__PURE__ */ jsx(Drawer, { onClose: () => onClickCloseButton(), closeButton: true, children: modalContent });
+  } else {
+    content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ModalOverlay, { ref: overlayRef }),
+      /* @__PURE__ */ jsx(
+        ModalContainer,
+        {
+          "aria-modal": true,
+          "aria-hidden": true,
+          tabIndex: -1,
+          role: "dialog",
+          ref: modalContainerRef,
+          children: /* @__PURE__ */ jsxs(ModalContent, { width, ghost, children: [
+            !firstFocusRef && /* @__PURE__ */ jsx(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
+            !(nonDismissable || ghost) && /* @__PURE__ */ jsx(CloseButtonContainer, { children: /* @__PURE__ */ jsx(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ jsx(Icon, { name: "Close", width: 9 }) }) }),
+            /* @__PURE__ */ jsx(ModalContentInner, { ghost, children: modalContent })
+          ] })
+        }
+      )
+    ] });
+  }
   return visible && nodeReady && nodeRef.current ? ReactDOM.createPortal(
-    onSubmit ? /* @__PURE__ */ jsx("form", { onSubmit: onSubmitForm, children: modalContent }) : modalContent,
+    onSubmit ? /* @__PURE__ */ jsx("form", { onSubmit: onSubmitForm, children: content }) : content,
     nodeRef.current
   ) : null;
 }
@@ -229,7 +279,6 @@ var ModalOverlay = styled.div`
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.5);
-  backdrop-filter: blur(2px);
 `;
 var ModalContainer = styled.div`
   pointer-events: none;
@@ -251,33 +300,38 @@ var ModalContainer = styled.div`
 var contentTopMarginPx = 24;
 var Description = styled.div`
   color: ${({ theme }) => theme.mcNeutral};
-  margin-top: 4px;
+  margin-top: ${"12px" /* sm */};
   & + * {
     margin-top: ${contentTopMarginPx}px;
   }
 `;
 var ModalButtonRow = styled.div`
-  margin-top: 32px;
+  margin-top: ${"24px" /* lg */};
   ${bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  button {
+  ${ButtonSelector()} {
     width: 50%;
     ${bp.sm(`
       width: 100%;
     `)}
   }
+`;
+var ModalButtonColumn = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${"12px" /* sm */};
 
-  button:last-of-type {
-    ${bp.sm(`
-      margin-top: 16px;
-    `)}
+  ${ButtonSelector()} {
+    width: 100%;
   }
+
+  margin-top: ${"24px" /* lg */};
 `;
 var ModalContent = styled.div`
   ${overflowAutoWithoutScrollbars}
   ${standardContentInset.smCSS}
-  ${standardBorderRadius(16)}
+  ${(props) => props.ghost ? "" : standardBorderRadius(16)}
   ${(props) => props.ghost ? "" : overlaySurface}
   pointer-events: auto;
   transition: width 0.25s ease-in;
@@ -287,15 +341,19 @@ var ModalContent = styled.div`
   position: absolute;
   ${(props) => props.ghost ? "" : "padding: 16px 16px 40px;"}
 
-  h4 {
+  ${headlineSelector("h4")} { {
     margin: 0;
-    font-weight: 800;
-    font-size: ${pxToRems(21)};
     & + *:not(${select(Description)}) {
       margin-top: ${contentTopMarginPx}px;
     }
   }
 `;
+var CloseButtonContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: flex-end;
+`;
 var CloseButton = styled(UnstyledButton)`
   ${standardFocusOutline}
   width: 24px;

package/dist/chunk-2ITITIZK.js

@@ -0,0 +1,27 @@
+// src/icons/Chevron.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Chevron() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3.3335 5.33337L8.00016 10L12.6668 5.33337",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Chevron
+};

package/dist/chunk-2NT4RAQ3.js

@@ -0,0 +1,11 @@
+// src/utils/isReactNodeWithChildren.tsx
+import { isValidElement } from "react";
+function isReactNodeWithChildren(node) {
+  return Boolean(
+    node && isValidElement(node) && typeof node.props === "object" && node.props !== null && "children" in node.props && node.props.children !== void 0
+  );
+}
+
+export {
+  isReactNodeWithChildren
+};

package/dist/chunk-2TGRHBA5.js

@@ -0,0 +1,102 @@
+// src/icons/QRCodeIcon.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function QRCodeIcon() {
+  const id = useId();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 13 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxs("g", { clipPath: `url(#clip0_3508_2717-${id})`, children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M1.19725 4.03679H4.28314C4.54577 4.03679 4.75859 3.82397 4.75859 3.56134V0.475449C4.75859 0.21282 4.54577 0 4.28314 0H1.19725C0.935188 0 0.721802 0.21282 0.721802 0.475449V3.56134C0.721802 3.82397 0.934622 4.03679 1.19725 4.03679V4.03679ZM1.6727 0.950899H3.80769V3.08589H1.6727V0.950899Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M12.2458 0H9.1599C8.89727 0 8.68445 0.21282 8.68445 0.475449V3.56191C8.68445 3.82454 8.89727 4.03736 9.1599 4.03736H12.2458C12.5084 4.03736 12.7212 3.82454 12.7212 3.56191V0.476015C12.7212 0.213386 12.5084 0 12.2458 0ZM11.7703 3.08589H9.63591V0.951465H11.7703V3.08589Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M4.3161 7.96387H1.23021C0.967581 7.96387 0.754761 8.17669 0.754761 8.43932V11.5252C0.754761 11.7878 0.967581 12.0007 1.23021 12.0007H4.3161C4.57873 12.0007 4.79155 11.7878 4.79155 11.5252V8.43932C4.79155 8.17669 4.57873 7.96387 4.3161 7.96387ZM3.84065 11.0498H1.70566V8.91533H3.84065V11.0498V11.0498Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M12.2458 7.96375H9.1599C8.89727 7.96375 8.68445 8.17657 8.68445 8.43919V11.5251C8.68445 11.7877 8.89727 12.0005 9.1599 12.0005H12.2458C12.5084 12.0005 12.7212 11.7877 12.7212 11.5251V8.43919C12.7212 8.17657 12.5084 7.96375 12.2458 7.96375ZM11.7703 11.0496H9.63591V8.91521H11.7703V11.0496Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6.7379 0C6.47527 0 6.26245 0.21282 6.26245 0.475449V3.56191C6.26245 3.82454 6.47527 4.03736 6.7379 4.03736C7.00053 4.03736 7.21335 3.82454 7.21335 3.56191V0.476015C7.21335 0.213386 7.00053 0 6.7379 0Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M12.2458 5.54126L9.19164 5.54126C8.92901 5.54126 8.71619 5.75408 8.71619 6.01671C8.71619 6.27934 8.92901 6.49216 9.19164 6.49216L12.2458 6.49216C12.5084 6.49216 12.7212 6.27934 12.7212 6.01671C12.7212 5.75408 12.5084 5.54126 12.2458 5.54126Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M7.541 5.54126L6.95616 5.54126C6.69353 5.54126 6.48071 5.75408 6.48071 6.01671C6.48071 6.27934 6.69353 6.49216 6.95616 6.49216L7.541 6.49216C7.80363 6.49216 8.01645 6.27934 8.01645 6.01671C8.01645 5.75408 7.80363 5.54126 7.541 5.54126Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6.7379 10.2861C6.47527 10.2861 6.26245 10.499 6.26245 10.7616V11.5246C6.26245 11.7872 6.47527 12 6.7379 12C7.00053 12 7.21335 11.7872 7.21335 11.5246V10.7616C7.21335 10.499 7.00053 10.2861 6.7379 10.2861Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6.7379 5.54126H4.91478C4.65215 5.54126 4.43933 5.75408 4.43933 6.01671C4.43933 6.27934 4.65215 6.49216 4.91478 6.49216H6.26415V8.93676C6.26415 9.19939 6.47697 9.41221 6.7396 9.41221C7.00223 9.41221 7.21505 9.19939 7.21505 8.93676V6.01671C7.21505 5.89049 7.16467 5.7688 7.07524 5.67994C6.98582 5.59107 6.86412 5.5407 6.7379 5.54126V5.54126Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M1.19725 6.49216H2.87264C3.13527 6.49216 3.34809 6.27934 3.34809 6.01671C3.34809 5.75408 3.13527 5.54126 2.87264 5.54126H1.19725C0.934622 5.54126 0.721802 5.75408 0.721802 6.01671C0.721802 6.27934 0.934622 6.49216 1.19725 6.49216Z",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `clip0_3508_2717-${id}`, children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "11.9994",
+            height: "12",
+            fill: "white",
+            transform: "translate(0.721802)"
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+export {
+  QRCodeIcon
+};

package/dist/chunk-36ATWJ72.js

@@ -0,0 +1,27 @@
+// src/icons/LeftArrow.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function LeftArrow() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 18 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16.4744 8.00005L1.52344 8.00005M1.52344 8.00005L7.52344 14.2858M1.52344 8.00005L7.52344 1.71434",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  LeftArrow
+};

package/dist/chunk-36RZWQ7S.js

@@ -0,0 +1,28 @@
+// src/icons/AI.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function AI() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11.4485 18.5547L10.5 21.875L9.5515 18.5547C9.30635 17.697 8.84672 16.9159 8.21597 16.2852C7.58522 15.6544 6.80416 15.1948 5.9465 14.9497L2.625 14L5.94533 13.0515C6.803 12.8064 7.58405 12.3467 8.2148 11.716C8.84555 11.0852 9.30518 10.3042 9.55033 9.4465L10.5 6.125L11.4485 9.44533C11.6936 10.303 12.1533 11.0841 12.784 11.7148C13.4148 12.3455 14.1958 12.8052 15.0535 13.0503L18.375 14L15.0547 14.9485C14.197 15.1936 13.4159 15.6533 12.7852 16.284C12.1544 16.9148 11.6948 17.6958 11.4497 18.5535L11.4485 18.5547ZM21.3022 10.1675L21 11.375L20.6978 10.1675C20.5249 9.47519 20.167 8.84289 19.6625 8.3382C19.1581 7.83351 18.5259 7.47541 17.8337 7.30217L16.625 7L17.8337 6.69783C18.5259 6.52459 19.1581 6.16649 19.6625 5.6618C20.167 5.15711 20.5249 4.52481 20.6978 3.8325L21 2.625L21.3022 3.8325C21.4752 4.52496 21.8332 5.15735 22.3379 5.66205C22.8426 6.16675 23.475 6.52478 24.1675 6.69783L25.375 7L24.1675 7.30217C23.475 7.47522 22.8426 7.83325 22.3379 8.33795C21.8332 8.84265 21.4752 9.47504 21.3022 10.1675ZM19.7097 23.9948L19.25 25.375L18.7903 23.9948C18.6615 23.6082 18.4444 23.2569 18.1562 22.9688C17.868 22.6806 17.5168 22.4635 17.1302 22.3347L15.75 21.875L17.1302 21.4153C17.5168 21.2865 17.868 21.0694 18.1562 20.7812C18.4444 20.493 18.6615 20.1418 18.7903 19.7552L19.25 18.375L19.7097 19.7552C19.8385 20.1418 20.0556 20.493 20.3438 20.7812C20.6319 21.0694 20.9832 21.2865 21.3698 21.4153L22.75 21.875L21.3698 22.3347C20.9832 22.4635 20.6319 22.6806 20.3438 22.9688C20.0556 23.2569 19.8385 23.6082 19.7097 23.9948Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  AI
+};