@lightsparkdev/ui 0.0.13 → 1.0.1

package/dist/chunk-NEH2HFAW.js

@@ -0,0 +1,104 @@
+import {
+  Pill
+} from "./chunk-LWYMD7X4.js";
+import {
+  InputSubtext,
+  inputBlockStyle
+} from "./chunk-FEJU2K4L.js";
+import {
+  Icon
+} from "./chunk-UAFWDZRG.js";
+
+// src/components/FileInput.tsx
+import styled from "@emotion/styled";
+import { Fragment, useRef, useState } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function FileInput({
+  name,
+  onChange,
+  filePurpose = "",
+  onRemoveFile
+}) {
+  const [fileName, setFileName] = useState();
+  const [fileContent, setFileContent] = useState();
+  const [fileErrorMsg, setFileErrorMsg] = useState();
+  const fileInputRef = useRef(null);
+  const handleChange = (changeEvent) => {
+    var _a;
+    const file = (_a = changeEvent.target.files) == null ? void 0 : _a[0];
+    if (!file) {
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = (readEvent) => {
+      var _a2;
+      let fileContent2 = (_a2 = readEvent == null ? void 0 : readEvent.target) == null ? void 0 : _a2.result;
+      setFileName(file.name);
+      if (!fileContent2) {
+        setFileErrorMsg("Unable to read file");
+        return;
+      }
+      if (typeof fileContent2 !== "string") {
+        fileContent2 = new TextDecoder().decode(fileContent2);
+      }
+      setFileErrorMsg(void 0);
+      setFileContent(fileContent2);
+      onChange(fileContent2);
+    };
+    reader.readAsText(file);
+  };
+  function handleRemoveFile() {
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+    setFileName(void 0);
+    setFileContent(void 0);
+    setFileErrorMsg(void 0);
+    onRemoveFile();
+  }
+  return /* @__PURE__ */ jsxs(StyledFileInputContainer, { children: [
+    /* @__PURE__ */ jsxs(StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ jsx(
+        Pill,
+        {
+          text: fileName,
+          cursor: "pointer",
+          onDeleteMouseDown: handleRemoveFile,
+          onDeleteFromKeyboard: handleRemoveFile
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        "Upload ",
+        filePurpose || "",
+        " file"
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "file",
+          id: name,
+          onChange: handleChange,
+          ref: fileInputRef
+        }
+      )
+    ] }),
+    fileErrorMsg ? /* @__PURE__ */ jsx(InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+  ] });
+}
+var StyledFileInputContainer = styled.div``;
+var StyledFileInput = styled.div`
+  input[type="file"] {
+    display: none;
+  }
+
+  label {
+    display: block;
+    cursor: pointer;
+    ${({ theme, hasValidFileSet }) => inputBlockStyle({ theme, hasValue: hasValidFileSet, hasError: false })}
+  }
+`;
+
+export {
+  FileInput,
+  StyledFileInput
+};

package/dist/chunk-NESZTWYE.js

@@ -0,0 +1,27 @@
+// src/icons/Bank.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Bank() {
+  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: "M20.2297 8.83298V17.6817M15.6892 17.6817V8.83298M3.77027 8.83298V17.6817M8.31081 17.6817V8.83298M20.5467 17.6817H3.4533C2.9647 17.6817 2.53092 17.9863 2.37642 18.4381L1.99803 19.5442C1.75302 20.2604 2.30012 21 3.07492 21H20.9251C21.6998 21 22.247 20.2604 22.002 19.5442L21.6236 18.4381C21.4691 17.9863 21.0353 17.6817 20.5467 17.6817ZM21.3649 8.83298H2.63514C2.00822 8.83298 1.5 8.33776 1.5 7.72689V7.21615C1.5 6.79885 1.74102 6.41707 2.12328 6.22889L11.4882 1.61883C11.81 1.46039 12.19 1.46039 12.5118 1.61883L21.8767 6.22889C22.259 6.41707 22.5 6.79885 22.5 7.21615V7.72689C22.5 8.33776 21.9918 8.83298 21.3649 8.83298Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "square",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Bank
+};

package/dist/chunk-NETNVCI3.js

@@ -0,0 +1,28 @@
+// src/icons/CheckmarkCircleTier1.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function CheckmarkCircleTier1() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "14", cy: "14", r: "14", fill: "white" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8 13.9752L11.644 17.6192C11.644 17.6192 15.8995 13.3636 19.2631 10",
+            stroke: "#179257",
+            strokeWidth: "2"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  CheckmarkCircleTier1
+};

package/dist/{chunk-PVQCLQNA.js → chunk-NHZO42IA.js}

@@ -1,34 +1,25 @@
 import {
-  Headline
-} from "./chunk-4TFRLWCC.js";
+  DocsHeadline
+} from "./chunk-E6XGSPA6.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   Icon
-} from "./chunk-RWIZ7Q74.js";
+} from "./chunk-UAFWDZRG.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CIGAQ47A.js";
+} from "./chunk-LOPKRCGI.js";
 
 // src/components/documentation/AnchorLinkHeader.tsx
-import { useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 var AnchorLinkHeader = (props) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(StyledAnchorLinkHeader, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(Headline, __spreadProps(__spreadValues({}, props), { children: [
+  return /* @__PURE__ */ jsx(StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ jsxs(DocsHeadline, __spreadProps(__spreadValues({}, props), { children: [
     props.children,
-    /* @__PURE__ */ jsx(
-      IconWrapper,
-      {
-        name: "AnchorLink",
-        color: props.color || theme.text,
-        width: 0
-      }
-    )
-  ] })) }));
+    /* @__PURE__ */ jsx(IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
+  ] })) });
 };
 var IconWrapper = styled(Icon)`
   width: 20px;

package/dist/chunk-NMJGBK5W.js

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

package/dist/chunk-NPY3QVGG.js

@@ -0,0 +1,103 @@
+import {
+  countryCodesToNames
+} from "./chunk-5KSG5D3I.js";
+import {
+  TextInput
+} from "./chunk-HE76YUIL.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-LOPKRCGI.js";
+
+// src/components/PhoneInput.tsx
+import {
+  AsYouType,
+  getCountries,
+  getCountryCallingCode
+} from "libphonenumber-js";
+import { useCallback, useState } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+var countries = getCountries();
+var defaultOptions = countries.map((countryCode) => {
+  if (countryCodesToNames[countryCode] === void 0) {
+    console.log("no name", countryCode);
+  }
+  return {
+    value: countryCode,
+    label: `${getCountryCallingCode(countryCode)} (${countryCodesToNames[countryCode]})`
+  };
+}).sort((a, b) => a.label.localeCompare(b.label));
+function getSelectWidth(value, pxPerChar) {
+  const label = getCountryCallingCode(value);
+  const chars = label.length;
+  return chars * pxPerChar + 30;
+}
+function PhoneInput({
+  typography,
+  onChange: onChangeProp,
+  pxPerChar = 6
+}) {
+  const [countryCode, setCountryCode] = useState("US");
+  const [value, setValue] = useState("");
+  const [width, setWidth] = useState(getSelectWidth(countryCode, pxPerChar));
+  const [wasBlurred, setWasBlurred] = useState(false);
+  const onChangeSelect = useCallback(
+    (newValue) => {
+      setCountryCode(newValue);
+      const newWidth = getSelectWidth(newValue, pxPerChar);
+      setWidth(newWidth);
+    },
+    [setCountryCode, setWidth, pxPerChar]
+  );
+  const options = defaultOptions.map((option) => {
+    if (option.value === countryCode) {
+      return __spreadProps(__spreadValues({}, option), {
+        label: `+ ${getCountryCallingCode(countryCode)}`
+      });
+    }
+    return option;
+  });
+  const onChange = useCallback(
+    (newValue) => {
+      const parsedValue = newValue.startsWith("+") ? newValue.slice(1) : newValue;
+      const formatter2 = new AsYouType(countryCode);
+      const formattedValue2 = formatter2.input(parsedValue);
+      setValue(formattedValue2);
+      const phoneNumber = formatter2.getNumber();
+      if (onChangeProp && phoneNumber) {
+        onChangeProp({
+          number: phoneNumber.number,
+          formatted: formattedValue2,
+          isValid: phoneNumber.isValid()
+        });
+      }
+    },
+    [setValue, countryCode, onChangeProp]
+  );
+  const formatter = new AsYouType(countryCode);
+  const formattedValue = formatter.input(value);
+  const isValidPhone = formatter.isValid();
+  const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      select: {
+        options,
+        value: countryCode,
+        onChange: onChangeSelect,
+        width
+      },
+      pattern: "[0-9,]*",
+      inputMode: "numeric",
+      value: formattedValue,
+      onBlur: () => setWasBlurred(true),
+      onChange,
+      error,
+      typography
+    }
+  );
+}
+
+export {
+  PhoneInput
+};

package/dist/chunk-O6YPHO6M.js

@@ -0,0 +1,28 @@
+// src/icons/CheckmarkCircleTier3.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function CheckmarkCircleTier3() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "14", cy: "14", r: "14", fill: "white" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8 13.9752L11.644 17.6192C11.644 17.6192 15.8995 13.3636 19.2631 10",
+            stroke: "#0048F7",
+            strokeWidth: "2"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  CheckmarkCircleTier3
+};

package/dist/chunk-OPV246QW.js

@@ -0,0 +1,34 @@
+import {
+  __async
+} from "./chunk-LOPKRCGI.js";
+
+// src/utils/NextLink.tsx
+import {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+function NextLink({ href, text, target }) {
+  const NextLinkRef = useRef(null);
+  const [ready, setReady] = useState(false);
+  useEffect(() => {
+    void (() => __async(this, null, function* () {
+      try {
+        const nextLinkModule = yield import("next/link.js");
+        NextLinkRef.current = nextLinkModule.default;
+      } catch (e) {
+      }
+      setReady(true);
+    }))();
+  });
+  const InternalNextLink = NextLinkRef.current;
+  if (!ready || !InternalNextLink) {
+    return /* @__PURE__ */ jsx("a", { href, children: text });
+  }
+  return /* @__PURE__ */ jsx(InternalNextLink, { href, target, children: text });
+}
+
+export {
+  NextLink
+};

package/dist/chunk-OSOHJUPD.js

@@ -0,0 +1,60 @@
+// src/icons/JavaScriptTwoTone.tsx
+import { useTheme } from "@emotion/react";
+import { useId } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function JavaScriptTwoTone() {
+  const id = useId();
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("g", { clipPath: `url(#clip0_286_523-${id})`, children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M24.667 24H0.666992V0H24.667L12.667 12L24.667 24Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("g", { clipPath: `url(#clip1_286_523-${id})`, children: [
+          /* @__PURE__ */ jsx("path", { d: "M24.667 0H0.666992V24H24.667V0Z", fill: "currentColor" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M16.79 18.7499C17.2734 19.5393 17.9024 20.1194 19.0147 20.1194C19.9492 20.1194 20.5462 19.6524 20.5462 19.0071C20.5462 18.2337 19.9328 17.9598 18.9043 17.5099L18.3404 17.268C16.713 16.5747 15.6319 15.7061 15.6319 13.8699C15.6319 12.1785 16.9206 10.8909 18.9347 10.8909C20.3686 10.8909 21.3995 11.3899 22.1424 12.6966L20.3862 13.8242C19.9995 13.1309 19.5824 12.8577 18.9347 12.8577C18.2742 12.8577 17.8555 13.2768 17.8555 13.8242C17.8555 14.5008 18.2745 14.7747 19.2422 15.1937L19.806 15.4352C21.7222 16.257 22.8041 17.0947 22.8041 18.9781C22.8041 21.0086 21.209 22.121 19.0669 22.121C16.9724 22.121 15.6193 21.1229 14.9572 19.8147L16.79 18.7499ZM8.82311 18.9453C9.1774 19.5739 9.49969 20.1053 10.2745 20.1053C11.0155 20.1053 11.4829 19.8154 11.4829 18.6882V11.0196H13.7382V18.7187C13.7382 21.0539 12.369 22.1168 10.3705 22.1168C8.56483 22.1168 7.51911 21.1823 6.9873 20.0568L8.82311 18.9453Z",
+              fill: theme.bg
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsx("clipPath", { id: `clip0_286_523-${id}`, children: /* @__PURE__ */ jsx(
+            "rect",
+            {
+              width: "24",
+              height: "24",
+              fill: theme.bg,
+              transform: "translate(0.666992)"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("clipPath", { id: `clip1_286_523-${id}`, children: /* @__PURE__ */ jsx(
+            "rect",
+            {
+              width: "24",
+              height: "24",
+              fill: theme.bg,
+              transform: "translate(0.666992)"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  JavaScriptTwoTone
+};

package/dist/chunk-PF5SD6AF.js

@@ -0,0 +1,37 @@
+// src/icons/Download.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Download() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.75 14C4.16421 14 4.5 14.3358 4.5 14.75V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V14.75C3 14.3358 3.33579 14 3.75 14Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12 15.75C12.1989 15.75 12.3897 15.671 12.5303 15.5303L16.0303 12.0303C16.3232 11.7374 16.3232 11.2626 16.0303 10.9697C15.7374 10.6768 15.2626 10.6768 14.9697 10.9697L12.75 13.1893V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75V13.1893L9.03033 10.9697C8.73744 10.6768 8.26256 10.6768 7.96967 10.9697C7.67678 11.2626 7.67678 11.7374 7.96967 12.0303L11.4697 15.5303C11.6103 15.671 11.8011 15.75 12 15.75Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Download
+};

package/dist/chunk-PJMGLSAW.js

@@ -0,0 +1,27 @@
+// src/icons/Team.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Team() {
+  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: "M17.7498 19.25H21.4228C22.0042 19.25 22.468 18.754 22.3704 18.1808C21.8389 15.0624 20.0189 12.75 16.9998 12.75C16.5537 12.75 16.1338 12.8005 15.7404 12.8966M11.2497 7C11.2497 8.79493 9.79461 10.25 7.99969 10.25C6.20476 10.25 4.74969 8.79493 4.74969 7C4.74969 5.20507 6.20476 3.75 7.99969 3.75C9.79461 3.75 11.2497 5.20507 11.2497 7ZM19.7497 7.5C19.7497 9.01878 18.5185 10.25 16.9997 10.25C15.4809 10.25 14.2497 9.01878 14.2497 7.5C14.2497 5.98122 15.4809 4.75 16.9997 4.75C18.5185 4.75 19.7497 5.98122 19.7497 7.5ZM1.87029 19.1808C2.4382 15.4997 4.51686 12.75 7.99969 12.75C11.4825 12.75 13.5612 15.4997 14.1291 19.1808C14.2177 19.755 13.7549 20.25 13.1739 20.25H2.82547C2.24447 20.25 1.7817 19.755 1.87029 19.1808Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Team
+};

package/dist/{chunk-7C4MHI6Q.js → chunk-PK4E5P4Q.js}

@@ -1,15 +1,15 @@
 import {
-  UnstyledButton
-} from "./chunk-3GS5EFXV.js";
+  Tooltip
+} from "./chunk-3A6TEYT3.js";
 import {
-  LightTooltip
-} from "./chunk-3EVAP5JT.js";
+  UnstyledButton
+} from "./chunk-HGYVPOA7.js";
 import {
   Icon
-} from "./chunk-RWIZ7Q74.js";
+} from "./chunk-UAFWDZRG.js";
 import {
   __async
-} from "./chunk-CIGAQ47A.js";
+} from "./chunk-LOPKRCGI.js";
 
 // src/components/CopyToClipboardButton.tsx
 import styled from "@emotion/styled";
@@ -50,7 +50,7 @@ var CopyToClipboardButton = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      LightTooltip,
+      Tooltip,
       {
         id,
         place: props.place || "right",

package/dist/chunk-PO5NJLKW.js

@@ -0,0 +1,27 @@
+// src/icons/EyeDropper.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function EyeDropper() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M14.1468 5.84804L13.8883 5.58948L15.21 4.26777C16.1863 3.29146 16.1863 1.70854 15.21 0.732233C14.2337 -0.244078 12.6508 -0.244078 11.6744 0.732233L10.3527 2.05394L10.0942 1.79538C9.50839 1.2096 8.55865 1.2096 7.97286 1.79538C7.38707 2.38117 7.38707 3.33092 7.97286 3.9167L8.26066 4.2045L2.12438 10.3408C2.02485 10.4403 1.9377 10.5515 1.8648 10.6719L0.326364 13.2129C-0.621051 14.7778 1.16487 16.5637 2.72972 15.6163L5.27078 14.0779C5.39118 14.005 5.50235 13.9178 5.60187 13.8183L11.7382 7.682L12.0255 7.96936C12.6113 8.55515 13.561 8.55515 14.1468 7.96936C14.7326 7.38357 14.7326 6.43383 14.1468 5.84804ZM9.32132 5.26516L10.6775 6.62134L4.54121 12.7576C4.527 12.7718 4.51112 12.7843 4.49391 12.7947L1.95286 14.3331C1.88025 14.3771 1.82762 14.3793 1.78992 14.3734C1.7446 14.3663 1.69213 14.3416 1.6466 14.2961C1.60107 14.2505 1.5764 14.198 1.56927 14.1527C1.56334 14.115 1.56556 14.0624 1.60952 13.9898L3.14796 11.4487C3.15837 11.4315 3.17082 11.4157 3.18504 11.4014L9.32132 5.26516Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+export {
+  EyeDropper
+};

package/dist/chunk-POTDIFIX.js

@@ -0,0 +1,33 @@
+import {
+  toNonTypographicReactNodes
+} from "./chunk-QBJ57KNQ.js";
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
+
+// src/components/typography/Body.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+var Body = ({
+  content,
+  color,
+  size = "Medium",
+  children,
+  block = false,
+  tag = "span"
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = toNonTypographicReactNodes(content);
+  }
+  return /* @__PURE__ */ jsx(StyledBody, { size, colorProp: color, block, as: tag, children: reactNodes });
+};
+var StyledBody = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Body", size, colorProp)}
+  ${({ block }) => block ? "display: block;" : ""}
+`;
+
+export {
+  Body,
+  StyledBody
+};

package/dist/chunk-Q3YLC4JA.js

@@ -0,0 +1,27 @@
+// src/icons/ArrowUp.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ArrowUp() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 17 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1 3.75904L3.88111 0.87793M3.88111 0.87793L6.76222 3.75904M3.88111 0.87793L3.88111 12.4024",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ArrowUp
+};

package/dist/chunk-QAWK7SU6.js

@@ -0,0 +1,26 @@
+// src/icons/Home.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Home() {
+  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: "M3.75 9.2582C3.75 8.97962 3.75 8.84033 3.78504 8.71146C3.81609 8.59729 3.86716 8.48953 3.93586 8.39321C4.0134 8.28448 4.12121 8.19628 4.33682 8.01987L10.9868 2.57896C11.3478 2.28362 11.5283 2.13596 11.7291 2.07944C11.9063 2.02959 12.0937 2.02959 12.2709 2.07944C12.4717 2.13596 12.6522 2.28362 13.0132 2.57896L19.6632 8.01987C19.8788 8.19628 19.9866 8.28448 20.0641 8.39321C20.1328 8.48953 20.1839 8.59729 20.215 8.71146C20.25 8.84033 20.25 8.97962 20.25 9.2582V18.65C20.25 19.21 20.25 19.4901 20.141 19.704C20.0451 19.8921 19.8922 20.0451 19.704 20.141C19.4901 20.25 19.2101 20.25 18.65 20.25H5.35C4.78995 20.25 4.50992 20.25 4.29601 20.141C4.10785 20.0451 3.95487 19.8921 3.85899 19.704C3.75 19.4901 3.75 19.21 3.75 18.65V9.2582Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Home
+};