@lightsparkdev/ui 0.0.4 → 0.0.6

package/dist/components/index.cjs

@@ -1452,6 +1452,12 @@ var standardLineHeightEms = 1.21;
 var standardContentInsetPx = 32;
 var standardContentInsetMdPx = 24;
 var standardContentInsetSmPx = 16;
+var standardBorderRadius = (radius) => {
+  const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
+  return `
+    border-radius: ${borderRadiusPx};
+  `;
+};
 var smContentInset = import_react5.css`
   ${bp.sm(`
     margin-left: auto;
@@ -1510,15 +1516,32 @@ var darkGradientBg = import_react5.css`
 var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
   z-index: ${z.modalOverlay};
 `;
-var overlaySurface = ({ theme }) => import_react5.css`
-  background-color: ${themeOr(colors.white, theme.c1Neutral)({ theme })};
-  border: 0.5px solid ${themeOr(theme.c1Neutral, theme.c3Neutral)({ theme })};
+var overlaySurfaceBorderColor = ({
+  theme,
+  important = false
+}) => import_react5.css`
+  border-color: ${themeOr(theme.c1Neutral, theme.c3Neutral)({ theme })}
+    ${important ? "!important" : ""};
+`;
+var overlaySurface = ({
+  theme,
+  important = false
+}) => import_react5.css`
+  background-color: ${themeOr(colors.white, theme.c1Neutral)({ theme })}
+    ${important ? "!important" : ""};
+  border: 0.5px solid ${important ? "!important" : ""};
+  ${overlaySurfaceBorderColor({ theme, important })};
   ${themeOr(
-  "box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1);",
+  `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}
 `;
 
+// src/utils/emotion.tsx
+function select(component) {
+  return component.toString();
+}
+
 // src/components/Icon.tsx
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
 var import_react6 = require("react");
@@ -1894,7 +1917,9 @@ var ButtonLink = (0, import_styled5.default)(Link)`
 var ButtonHrefLink = import_styled5.default.a`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonSelector = (prepend = "", append = "") => `${prepend}${StyledButton.toString()}${append}, ${prepend}${ButtonLink.toString()}${append}, ${prepend}${ButtonHrefLink.toString()}${append}`;
+var ButtonSelector = (prepend = "", append = "") => `${prepend}${select(StyledButton)}${append}, ${prepend}${select(
+  ButtonLink
+)}${append}, ${prepend}${select(ButtonHrefLink)}${append}`;
 
 // src/components/ButtonRow.tsx
 var import_styled6 = __toESM(require("@emotion/styled"), 1);
@@ -2069,7 +2094,7 @@ var StyledCollapsibleButton = import_styled7.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  border-radius: 8px;
+  ${standardBorderRadius(8)}
   padding: 0;
 `;
 var IconContainer2 = import_styled7.default.div`
@@ -2446,6 +2471,7 @@ var globalComponentStyles = ({ theme }) => import_react12.css`
     /* required for iOS https://bit.ly/3Q8syG8 */
     -webkit-text-size-adjust: none;
     text-size-adjust: none;
+    scroll-behavior: smooth;
   }
 
   body {
@@ -2526,7 +2552,7 @@ function GlobalStyles() {
 
     :root {
       ${cssVars.docHeight}: 100vh;
-      --rt-opacity: 1;
+      --rt-opacity: 1 !important;
     }
 
     html {
@@ -2560,7 +2586,7 @@ function LightsparkProvider({ children }) {
 
 // src/components/Modal.tsx
 var import_styled13 = __toESM(require("@emotion/styled"), 1);
-var import_react17 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 
 // src/hooks/useLiveRef.tsx
@@ -2577,10 +2603,32 @@ function useLiveRef() {
   return [ready ? ref : { current: null }, refCb];
 }
 
-// src/components/ProgressBar.tsx
-var import_styled12 = __toESM(require("@emotion/styled"), 1);
+// src/utils/toReactNodes.tsx
 var import_react16 = require("react");
 var import_jsx_runtime14 = require("@emotion/react/jsx-runtime");
+var ToReactNodesTypes = {
+  Link: "link"
+};
+function toReactNodes(toReactNodesArg) {
+  const toReactNodesArray = Array.isArray(toReactNodesArg) ? toReactNodesArg : [toReactNodesArg];
+  const reactNodes = toReactNodesArray.map((node, i) => {
+    if (typeof node === "string") {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react16.Fragment, { children: node.split("\n").map((str, j, strArr) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react16.Fragment, { children: [
+        str,
+        j < strArr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("br", {})
+      ] }, `str-${i}-break-${j}`)) }, `str-${i}`);
+    } else if (node.type === ToReactNodesTypes.Link) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Link, { to: node.to, children: node.text }, `link-${i}`);
+    }
+    return null;
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react16.Fragment, { children: reactNodes });
+}
+
+// src/components/ProgressBar.tsx
+var import_styled12 = __toESM(require("@emotion/styled"), 1);
+var import_react17 = require("react");
+var import_jsx_runtime15 = require("@emotion/react/jsx-runtime");
 var defaultProps2 = {
   isSm: false,
   stepDuration: 0.5
@@ -2591,18 +2639,17 @@ function ProgressBar({
   isSm = defaultProps2.isSm,
   stepDuration = defaultProps2.stepDuration
 }) {
-  const [percentage, setPercentage] = (0, import_react16.useState)(5);
-  if (progressPercentage === void 0) {
-    setTimeout(() => {
-      setPercentage(100);
-    }, 0);
-  }
-  (0, import_react16.useEffect)(() => {
+  const [percentage, setPercentage] = (0, import_react17.useState)(5);
+  (0, import_react17.useEffect)(() => {
     if (progressPercentage !== void 0) {
       setPercentage(progressPercentage);
+    } else {
+      setTimeout(() => {
+        setPercentage(100);
+      }, 0);
     }
   }, [progressPercentage]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProgressBarContainer, { isSm, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Bar, { isSm, percentage, stepDuration, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ProgressBarContainer, { isSm, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Bar, { isSm, percentage, stepDuration, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     BarBg,
     {
       background,
@@ -2614,8 +2661,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps2;
 var ProgressBarContainer = import_styled12.default.div`
+  ${standardBorderRadius(16)}
   background-color: ${({ theme }) => themeOr(theme.c05Neutral, theme.c1Neutral)({ theme })};
-  border-radius: 16px;
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -2624,7 +2671,7 @@ var ProgressBarContainer = import_styled12.default.div`
   position: relative;
 `;
 var BarBg = import_styled12.default.div`
-  border-radius: 16px;
+  ${standardBorderRadius(16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -2638,8 +2685,8 @@ var BarBg = import_styled12.default.div`
   )`};
 `;
 var Bar = import_styled12.default.div`
+  ${standardBorderRadius(16)}
   overflow: hidden;
-  border-radius: ${({ isSm }) => isSm ? "6px" : "16px"};
   box-sizing: border-box;
   display: inline-block;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -2649,7 +2696,7 @@ var Bar = import_styled12.default.div`
 `;
 
 // src/components/Modal.tsx
-var import_jsx_runtime15 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime16 = require("@emotion/react/jsx-runtime");
 function Modal({
   visible,
   title,
@@ -2671,23 +2718,24 @@ function Modal({
   width = 460,
   progressBar
 }) {
-  const visibleChangedRef = (0, import_react17.useRef)(false);
-  const nodeRef = (0, import_react17.useRef)(null);
+  const visibleChangedRef = (0, import_react18.useRef)(false);
+  const nodeRef = (0, import_react18.useRef)(null);
   const [defaultFirstFocusRef, defaultFirstFocusRefCb] = useLiveRef();
   const ref = firstFocusRef || defaultFirstFocusRef;
-  const [nodeReady, setNodeReady] = import_react17.default.useState(false);
-  const overlayRef = (0, import_react17.useRef)(null);
-  const prevFocusedElement = (0, import_react17.useRef)();
-  const modalContainerRef = (0, import_react17.useRef)(null);
+  const [nodeReady, setNodeReady] = import_react18.default.useState(false);
+  const overlayRef = (0, import_react18.useRef)(null);
+  const prevFocusedElement = (0, import_react18.useRef)();
+  const modalContainerRef = (0, import_react18.useRef)(null);
   const bp2 = useBreakpoints();
   const isSm = bp2.current("sm" /* sm */);
-  (0, import_react17.useEffect)(() => {
+  const formattedDescription = description ? toReactNodes(description) : null;
+  (0, import_react18.useEffect)(() => {
     if (visible !== visibleChangedRef.current) {
       visibleChangedRef.current = visible;
     }
   }, [visible]);
   const visibleChanged = visible !== visibleChangedRef.current;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     prevFocusedElement.current = document.activeElement;
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
@@ -2701,7 +2749,7 @@ function Modal({
       }
     };
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const handleOutsideClick = (event) => {
       if (visible && overlayRef.current && event.target && overlayRef.current.contains(event.target) && !nonDismissable) {
         onClose();
@@ -2738,7 +2786,7 @@ function Modal({
       }
     };
   }, [onClose, visible, nonDismissable]);
-  (0, import_react17.useLayoutEffect)(() => {
+  (0, import_react18.useLayoutEffect)(() => {
     if (visible) {
       if (visibleChanged) {
         prevFocusedElement.current = document.activeElement;
@@ -2767,9 +2815,9 @@ function Modal({
       onClose();
     }
   }
-  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ModalOverlay, { ref: overlayRef }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ModalOverlay, { ref: overlayRef }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ModalContainer,
       {
         "aria-modal": true,
@@ -2777,22 +2825,22 @@ function Modal({
         tabIndex: -1,
         role: "dialog",
         ref: modalContainerRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ModalContent, { width, ghost, children: [
-          !firstFocusRef && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
-          !(nonDismissable || ghost) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "Close", width: 9 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ModalContentInner, { ghost, children: [
-            progressBar ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ModalContent, { width, ghost, children: [
+          !firstFocusRef && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
+          !(nonDismissable || ghost) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "Close", width: 9 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ModalContentInner, { ghost, children: [
+            progressBar ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               ProgressBar,
               {
                 progressPercentage: progressBar.progressPercentage,
                 isSm: progressBar.isSm
               }
             ) }) : null,
-            title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h4", { children: title }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Description, { children: description }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children }),
-            onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ModalButtonRow, { children: [
-              !isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h4", { children: title }) : null,
+            formattedDescription ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Description, { children: formattedDescription }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children }),
+            onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ModalButtonRow, { children: [
+              !isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 Button,
                 {
                   disabled: cancelDisabled,
@@ -2800,7 +2848,7 @@ function Modal({
                   text: cancelText != null ? cancelText : "Cancel"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 Button,
                 {
                   disabled: submitDisabled,
@@ -2810,7 +2858,7 @@ function Modal({
                   type: "submit"
                 }
               ),
-              isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { onClick: onClose, text: "Cancel" })
+              isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { onClick: onClose, text: "Cancel" })
             ] }) : null
           ] })
         ] })
@@ -2818,7 +2866,7 @@ function Modal({
     )
   ] });
   return visible && nodeReady && nodeRef.current ? import_react_dom.default.createPortal(
-    onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("form", { onSubmit: onSubmitForm, children: modalContent }) : modalContent,
+    onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("form", { onSubmit: onSubmitForm, children: modalContent }) : modalContent,
     nodeRef.current
   ) : null;
 }
@@ -2886,13 +2934,13 @@ var ModalButtonRow = import_styled13.default.div`
 var ModalContent = import_styled13.default.div`
   ${overflowAutoWithoutScrollbars}
   ${smContentInset}
+  ${standardBorderRadius(16)}
   ${(props) => props.ghost ? "" : overlaySurface}
   pointer-events: auto;
   transition: width 0.25s ease-in;
   width: ${(props) => props.width}px;
   max-width: 100%;
   max-height: 100%;
-  border-radius: 16px;
   position: absolute;
   ${(props) => props.ghost ? "" : "padding: 16px 16px 40px;"}
 
@@ -2900,7 +2948,7 @@ var ModalContent = import_styled13.default.div`
     margin: 0;
     font-weight: 800;
     font-size: ${pxToRems(21)};
-    & + *:not(${Description}) {
+    & + *:not(${select(Description)}) {
       margin-top: ${contentTopMarginPx}px;
     }
   }
@@ -2920,10 +2968,10 @@ var ModalContentInner = import_styled13.default.div`
 
 // src/components/SecretContainer.tsx
 var import_styled14 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime16 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime17 = require("@emotion/react/jsx-runtime");
 function SecretContainer(props) {
-  return props.secret ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(StyledSecretContainer, { hasSecret: true, success: props.success, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return props.secret ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(StyledSecretContainer, { hasSecret: true, success: props.success, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "span",
       {
         style: {
@@ -2935,12 +2983,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = import_styled14.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  border-radius: 8px;
+  ${standardBorderRadius(8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px
@@ -2950,14 +2998,14 @@ var StyledSecretContainer = import_styled14.default.div`
 `;
 
 // src/components/TextIconAligner.tsx
-var import_jsx_runtime17 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime18 = require("@emotion/react/jsx-runtime");
 function TextIconAligner({
   text,
   rightIcon,
   leftIcon,
   onClick
 }) {
-  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Icon,
     {
       name: leftIcon.name,
@@ -2966,7 +3014,7 @@ function TextIconAligner({
       color: leftIcon.color
     }
   ) : null;
-  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Icon,
     {
       name: rightIcon.name,
@@ -2975,7 +3023,7 @@ function TextIconAligner({
       color: rightIcon.color
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "span",
     {
       css: {

package/dist/components/index.js

@@ -3,64 +3,66 @@ import {
 } from "../chunk-SVQELXFK.js";
 import {
   LightsparkProvider
-} from "../chunk-VV7F7VVL.js";
-import "../chunk-YHSFWCFN.js";
+} from "../chunk-2WYVO6B2.js";
+import "../chunk-T33SBHYI.js";
 import "../chunk-IJVWYT5G.js";
 import {
   Modal
-} from "../chunk-6R6A5H4I.js";
+} from "../chunk-G2PZZFJL.js";
+import "../chunk-TAI352I3.js";
 import "../chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "../chunk-ZQTE53SK.js";
+} from "../chunk-RTUZVKPK.js";
 import {
   SecretContainer
-} from "../chunk-PVUPVJ3F.js";
+} from "../chunk-3CZOYF3X.js";
 import {
   TextIconAligner
-} from "../chunk-WEPQ7LRL.js";
+} from "../chunk-N2RDQJQ5.js";
 import {
   ButtonRow,
   ButtonRowContainer
-} from "../chunk-U6LQLAWI.js";
+} from "../chunk-JYWYEOM6.js";
 import {
   Button,
   ButtonSelector,
   StyledButton
-} from "../chunk-SUD5NOKE.js";
-import "../chunk-6RXFA73Z.js";
+} from "../chunk-FKETYVPP.js";
+import "../chunk-M56R3RJ7.js";
+import "../chunk-YMNSXZ5D.js";
 import {
   Loading,
   LoadingWrapper
-} from "../chunk-OLAFBUE5.js";
+} from "../chunk-NGS4OSWT.js";
 import {
   Collapsible
-} from "../chunk-WB6FFT7Y.js";
+} from "../chunk-I74XQIVV.js";
 import "../chunk-3XSQV5U4.js";
-import "../chunk-SV5QPU7N.js";
+import "../chunk-UO6U7AYM.js";
 import {
   CommandKey
 } from "../chunk-WOR7J4KZ.js";
 import {
   CopyToClipboardButton
-} from "../chunk-FRIQXHPR.js";
+} from "../chunk-WWFDI534.js";
 import {
   UnstyledButton
-} from "../chunk-DHNWT2E5.js";
+} from "../chunk-IQFU7CM5.js";
 import {
   CurrencyAmount,
   CurrencyIcon
-} from "../chunk-3PB5DNAL.js";
+} from "../chunk-23SR7TFO.js";
 import {
   Icon,
   IconContainer
-} from "../chunk-MYG24ZWT.js";
+} from "../chunk-NZJCJJH5.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-XUGLVWSH.js";
-import "../chunk-CLU2FRJZ.js";
+import "../chunk-RFGKH3R6.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
+import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   Button,

package/dist/icons/DotGrid1x3Horizontal.cjs

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icons/DotGrid1x3Horizontal.tsx
+var DotGrid1x3Horizontal_exports = {};
+__export(DotGrid1x3Horizontal_exports, {
+  default: () => DotGrid1x3Horizontal_default
+});
+module.exports = __toCommonJS(DotGrid1x3Horizontal_exports);
+var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+var DotGrid1x3Horizontal = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "dot-grid-1x3-horizontal, menu, drag, grab", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { id: "Icon", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M4.00001 6.66663H1.33334V9.33329H4.00001V6.66663Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M9.33334 6.66663H6.66668V9.33329H9.33334V6.66663Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M14.6667 6.66663H12V9.33329H14.6667V6.66663Z",
+          fill: "currentColor"
+        }
+      )
+    ] }) })
+  }
+);
+var DotGrid1x3Horizontal_default = DotGrid1x3Horizontal;

package/dist/icons/DotGrid1x3Horizontal.d.cts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare const DotGrid1x3Horizontal: () => _emotion_react_jsx_runtime.JSX.Element;
+
+export { DotGrid1x3Horizontal as default };

package/dist/icons/DotGrid1x3Horizontal.d.ts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare const DotGrid1x3Horizontal: () => _emotion_react_jsx_runtime.JSX.Element;
+
+export { DotGrid1x3Horizontal as default };

package/dist/icons/DotGrid1x3Horizontal.js

@@ -0,0 +1,41 @@
+import "../chunk-CIGAQ47A.js";
+
+// src/icons/DotGrid1x3Horizontal.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var DotGrid1x3Horizontal = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx("g", { id: "dot-grid-1x3-horizontal, menu, drag, grab", children: /* @__PURE__ */ jsxs("g", { id: "Icon", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4.00001 6.66663H1.33334V9.33329H4.00001V6.66663Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.33334 6.66663H6.66668V9.33329H9.33334V6.66663Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14.6667 6.66663H12V9.33329H14.6667V6.66663Z",
+          fill: "currentColor"
+        }
+      )
+    ] }) })
+  }
+);
+var DotGrid1x3Horizontal_default = DotGrid1x3Horizontal;
+export {
+  DotGrid1x3Horizontal_default as default
+};

package/dist/icons/Home.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icons/Home.tsx
+var Home_exports = {};
+__export(Home_exports, {
+  Home: () => Home,
+  default: () => Home_default
+});
+module.exports = __toCommonJS(Home_exports);
+var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+function Home() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.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"
+        }
+      )
+    }
+  );
+}
+var Home_default = Home;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Home
+});

package/dist/icons/Home.d.cts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare function Home(): _emotion_react_jsx_runtime.JSX.Element;
+
+export { Home, Home as default };

package/dist/icons/Home.d.ts

@@ -0,0 +1,5 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+declare function Home(): _emotion_react_jsx_runtime.JSX.Element;
+
+export { Home, Home as default };