@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-GB3YA32U.cjs

@@ -0,0 +1,425 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkGSYM5JMBcjs = require('./chunk-GSYM5JMB.cjs');
+
+
+var _chunkYINNADVFcjs = require('./chunk-YINNADVF.cjs');
+
+
+var _chunkYD6ZGALScjs = require('./chunk-YD6ZGALS.cjs');
+
+
+var _chunkQQ2MHKHVcjs = require('./chunk-QQ2MHKHV.cjs');
+
+
+var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+
+
+
+var _chunk3FA4RQGHcjs = require('./chunk-3FA4RQGH.cjs');
+
+
+var _chunkE42IFW4Ecjs = require('./chunk-E42IFW4E.cjs');
+
+
+
+var _chunk7OBPNS6Wcjs = require('./chunk-7OBPNS6W.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+
+
+var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+
+
+
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkEKCGBLIHcjs = require('./chunk-EKCGBLIH.cjs');
+
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/Modal.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function isSubmitLinkWithHref(submitLink) {
+  return Boolean(submitLink && "href" in submitLink);
+}
+function Modal({
+  visible,
+  topContent,
+  title,
+  description,
+  children,
+  onClose,
+  onCancel,
+  cancelDisabled,
+  cancelHidden,
+  ghost,
+  onSubmit,
+  submitDisabled,
+  submitLoading,
+  submitLoadingKind,
+  submitText,
+  submitLink,
+  cancelText = "Cancel",
+  firstFocusRef,
+  smKind = "default",
+  top,
+  nonDismissable = false,
+  autoFocus = true,
+  width = 460,
+  progressBar,
+  buttonLayout = "horizontal",
+  extraActions,
+  handleBack,
+  appendToElement
+}) {
+  const visibleChangedRef = _react.useRef.call(void 0, false);
+  const nodeRef = _react.useRef.call(void 0, null);
+  const [defaultFirstFocusRef, defaultFirstFocusRefCb] = _chunkGSYM5JMBcjs.useLiveRef.call(void 0, );
+  const ref = firstFocusRef || defaultFirstFocusRef;
+  const [nodeReady, setNodeReady] = _react2.default.useState(false);
+  const overlayRef = _react.useRef.call(void 0, null);
+  const prevFocusedElement = _react.useRef.call(void 0, );
+  const modalContainerRef = _react.useRef.call(void 0, null);
+  const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
+  const isSm = bp2.current("sm" /* sm */);
+  _react.useEffect.call(void 0, () => {
+    if (visible !== visibleChangedRef.current) {
+      visibleChangedRef.current = visible;
+    }
+  }, [visible]);
+  const visibleChanged = visible !== visibleChangedRef.current;
+  _react.useEffect.call(void 0, () => {
+    prevFocusedElement.current = document.activeElement;
+    const elementToAppendTo = appendToElement != null ? appendToElement : document.body;
+    if (!nodeRef.current) {
+      nodeRef.current = document.createElement("div");
+      elementToAppendTo.appendChild(nodeRef.current);
+    }
+    setNodeReady(true);
+    return () => {
+      if (nodeRef.current) {
+        elementToAppendTo.removeChild(nodeRef.current);
+        nodeRef.current = null;
+      }
+    };
+  }, [appendToElement]);
+  _react.useEffect.call(void 0, () => {
+    const handleOutsideClick = (event) => {
+      if (visible && overlayRef.current && event.target && overlayRef.current.contains(event.target) && !nonDismissable) {
+        onClose();
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (visible && event.key === "Escape" && !nonDismissable) {
+        onClose();
+      }
+    };
+    if (visible) {
+      if (modalContainerRef.current) {
+        modalContainerRef.current.addEventListener("keydown", handleKeyDown);
+      }
+      if (overlayRef.current) {
+        overlayRef.current.addEventListener("click", handleOutsideClick);
+      }
+    } else {
+      if (modalContainerRef.current) {
+        modalContainerRef.current.removeEventListener("keydown", handleKeyDown);
+      }
+      if (overlayRef.current) {
+        overlayRef.current.removeEventListener("click", handleOutsideClick);
+      }
+    }
+    const containerRef = modalContainerRef.current;
+    const overlayRefVar = overlayRef.current;
+    return () => {
+      if (containerRef) {
+        containerRef.removeEventListener("keydown", handleKeyDown);
+      }
+      if (overlayRefVar) {
+        overlayRefVar.removeEventListener("click", handleOutsideClick);
+      }
+    };
+  }, [onClose, visible, nonDismissable]);
+  _react.useLayoutEffect.call(void 0, () => {
+    if (visible) {
+      if (visibleChanged) {
+        prevFocusedElement.current = document.activeElement;
+      }
+      if (typeof ref === "object" && (ref == null ? void 0 : ref.current) && autoFocus) {
+        ref.current.focus();
+      }
+    } else if (visibleChanged && prevFocusedElement.current) {
+      prevFocusedElement.current.focus();
+    }
+  }, [visible, visibleChanged, ref, autoFocus]);
+  function onClickCloseButton(event) {
+    event == null ? void 0 : event.stopPropagation();
+    onClose();
+  }
+  function onSubmitForm(e) {
+    e.preventDefault();
+    if (!submitDisabled && onSubmit) {
+      onSubmit();
+    }
+  }
+  function onClickCancel() {
+    if (onCancel) {
+      onCancel();
+    } else {
+      onClose();
+    }
+  }
+  const linkIsHref = isSubmitLinkWithHref(submitLink);
+  const linkIsRoute = !linkIsHref && submitLink;
+  const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
+      var _b = _a, { placement, text } = _b, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _b, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FA4RQGHcjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+    }),
+    !isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3FA4RQGHcjs.Button,
+      {
+        disabled: cancelDisabled,
+        onClick: onClickCancel,
+        text: cancelText
+      }
+    ),
+    (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3FA4RQGHcjs.Button,
+      {
+        kind: "primary",
+        disabled: submitDisabled,
+        text: submitText != null ? submitText : "Continue",
+        loading: submitLoading,
+        loadingKind: submitLoadingKind,
+        to: linkIsRoute ? submitLink.to : void 0,
+        externalLink: linkIsHref ? submitLink.href : void 0,
+        filename: linkIsHref ? submitLink.filename : void 0,
+        type: submitLink ? "button" : "submit",
+        onClick: submitLink ? onSubmit : void 0
+      }
+    ),
+    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FA4RQGHcjs.Button, { onClick: onClose, text: cancelText }),
+    extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
+      var _d = _c, { placement, text } = _d, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _d, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FA4RQGHcjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+    })
+  ] });
+  let titleContent = null;
+  if (title) {
+    if (typeof title === "string") {
+      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7OBPNS6Wcjs.Headline, { heading: "h4", size: _chunkEKCGBLIHcjs.TokenSize.Small, children: title });
+    } else {
+      titleContent = _chunkZJTRXOA5cjs.toReactNodes.call(void 0, title);
+    }
+  }
+  let descriptionContent = null;
+  if (description) {
+    if (typeof description === "string") {
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE42IFW4Ecjs.Body, { size: "ExtraSmall", content: description }) });
+    } else {
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: _chunkZJTRXOA5cjs.toReactNodes.call(void 0, description) });
+    }
+  }
+  let topContentNode = null;
+  if (topContent) {
+    topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYD6ZGALScjs.IconWithCircleBackground, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, topContent)) });
+  }
+  const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+    progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYINNADVFcjs.ProgressBar,
+      {
+        progressPercentage: progressBar.progressPercentage,
+        isSm: progressBar.isSm
+      }
+    ) }) : null,
+    topContentNode,
+    titleContent,
+    descriptionContent,
+    children,
+    onSubmit || onCancel || submitLink ? buttonLayout === "horizontal" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalButtonRow, { children: buttonContent }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalButtonColumn, { children: buttonContent }) : null
+  ] });
+  let content;
+  if (smKind === "drawer" && isSm) {
+    content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkQQ2MHKHVcjs.Drawer,
+      {
+        onClose: () => onClickCloseButton(),
+        closeButton: true,
+        nonDismissable,
+        handleBack,
+        children: modalContent
+      }
+    );
+  } else {
+    content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+      !(smKind === "fullscreen" && bp2.isSm()) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalOverlay, { ref: overlayRef }) : null,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ModalContainer,
+        {
+          "aria-modal": true,
+          "aria-hidden": true,
+          tabIndex: -1,
+          role: "dialog",
+          ref: modalContainerRef,
+          top: top || (smKind === "default" ? _chunkMNAZ4BDQcjs.standardContentInset.smPx : 0),
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
+            !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
+            !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
+              handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "ChevronLeft", width: 16 }) }),
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "Close", width: 9 }) })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent })
+          ] })
+        }
+      )
+    ] });
+  }
+  return visible && nodeReady && nodeRef.current ? _reactdom2.default.createPortal(
+    onSubmit ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { onSubmit: onSubmitForm, children: content }) : content,
+    nodeRef.current
+  ) : null;
+}
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+  position: absolute;
+  top: -30px;
+  width: 0;
+  height: 0;
+`;
+var ModalOverlay = _styled2.default.div`
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.5);
+`;
+var ModalContainer = _styled2.default.div`
+  pointer-events: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: ${_chunkZU72XWNEcjs.z.modalContainer};
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${({ theme }) => theme.text};
+  ${(props) => `top: ${props.top}px;`}
+`;
+var contentTopMarginPx = 24;
+var Description = _styled2.default.div`
+  color: ${({ theme }) => theme.mcNeutral};
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+  & + * {
+    margin-top: ${contentTopMarginPx}px;
+  }
+`;
+var ModalButtonRow = _styled2.default.div`
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.lg};
+  ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
+  gap: 10px;
+
+  ${_chunk3FA4RQGHcjs.ButtonSelector.call(void 0, )} {
+    width: 50%;
+    ${_chunkKW3JYLRIcjs.bp.sm(`
+      width: 100%;
+    `)}
+  }
+`;
+var ModalButtonColumn = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+
+  ${_chunk3FA4RQGHcjs.ButtonSelector.call(void 0, )} {
+    width: 100%;
+  }
+
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.lg};
+`;
+var ModalContent = _styled2.default.div`
+  pointer-events: auto;
+  transition: width 0.25s ease-in;
+
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkMNAZ4BDQcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${_chunkSODYHHOBcjs.overflowAutoWithoutScrollbars}
+  ${(props) => props.smKind === "fullscreen" && _chunkKW3JYLRIcjs.bp.isSm() ? `
+    width: 100%;
+    height: 100%;
+  ` : `
+    ${props.ghost ? "" : _chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 16)}
+    ${_chunkMNAZ4BDQcjs.standardContentInset.smCSS.styles}
+    width: ${props.width}px;
+    max-width: 100%;
+    max-height: 100%;
+    position: absolute;
+  `}
+  ${(props) => props.ghost ? "" : "padding: 16px 16px 40px;"}
+
+  ${_chunk7OBPNS6Wcjs.headlineSelector.call(void 0, "h4")} { {
+    margin: 0;
+    & + *:not(${_chunk6VA4SAHQcjs.select.call(void 0, Description)}) {
+      margin-top: ${contentTopMarginPx}px;
+    }
+  }
+`;
+var ModalNavigation = _styled2.default.div`
+  display: grid;
+  grid-auto-flow: column;
+  width: 100%;
+`;
+var BackButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+  width: 24px;
+  height: 24px;
+  justify-self: flex-start;
+`;
+var CloseButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+  width: 24px;
+  height: 24px;
+  justify-self: flex-end;
+`;
+var ModalContentInner = _styled2.default.div`
+  ${(props) => props.ghost ? "" : "padding: 32px 24px 0;"}
+  ${(props) => props.ghost ? "" : `${_chunkKW3JYLRIcjs.bp.sm(`
+    padding-left: 10px;
+    padding-right: 10px;
+  `)}`}
+`;
+
+
+
+exports.Modal = Modal;

package/dist/{chunk-ILCC45G7.js → chunk-GCUBVU4U.js}

@@ -3,33 +3,33 @@ import {
 } from "./chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "./chunk-3DXU76SI.js";
+} from "./chunk-VI4JM4DQ.js";
 import {
   IconWithCircleBackground
-} from "./chunk-QTPYP3IK.js";
+} from "./chunk-OHMAC2V5.js";
 import {
   Drawer
-} from "./chunk-QBRCVOJ4.js";
+} from "./chunk-W42LDOH4.js";
 import {
   toReactNodes
-} from "./chunk-AKGW3FMJ.js";
+} from "./chunk-XCEI3WIL.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-NK7WH3TK.js";
+} from "./chunk-ZGPNVPST.js";
 import {
   Body
-} from "./chunk-PBLWYVQF.js";
+} from "./chunk-4DPM62TI.js";
 import {
   Headline,
   headlineSelector
-} from "./chunk-BNHCCR3C.js";
+} from "./chunk-WONQPE5P.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-H47HIU2F.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -38,16 +38,16 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-D4DFISYR.js";
+} from "./chunk-JQV6H76U.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 import {
   TokenSize
 } from "./chunk-ENBUKLVT.js";
@@ -82,6 +82,7 @@ function Modal({
   onSubmit,
   submitDisabled,
   submitLoading,
+  submitLoadingKind,
   submitText,
   submitLink,
   cancelText = "Cancel",
@@ -94,7 +95,8 @@ function Modal({
   progressBar,
   buttonLayout = "horizontal",
   extraActions,
-  handleBack
+  handleBack,
+  appendToElement
 }) {
   const visibleChangedRef = useRef(false);
   const nodeRef = useRef(null);
@@ -114,18 +116,19 @@ function Modal({
   const visibleChanged = visible !== visibleChangedRef.current;
   useEffect(() => {
     prevFocusedElement.current = document.activeElement;
+    const elementToAppendTo = appendToElement != null ? appendToElement : document.body;
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
-      document.body.appendChild(nodeRef.current);
+      elementToAppendTo.appendChild(nodeRef.current);
     }
     setNodeReady(true);
     return () => {
       if (nodeRef.current) {
-        document.body.removeChild(nodeRef.current);
+        elementToAppendTo.removeChild(nodeRef.current);
         nodeRef.current = null;
       }
     };
-  }, []);
+  }, [appendToElement]);
   useEffect(() => {
     const handleOutsideClick = (event) => {
       if (visible && overlayRef.current && event.target && overlayRef.current.contains(event.target) && !nonDismissable) {
@@ -214,9 +217,10 @@ function Modal({
         disabled: submitDisabled,
         text: submitText != null ? submitText : "Continue",
         loading: submitLoading,
+        loadingKind: submitLoadingKind,
         to: linkIsRoute ? submitLink.to : void 0,
-        href: linkIsHref ? submitLink.href : void 0,
-        hrefFilename: linkIsHref ? submitLink.filename : void 0,
+        externalLink: linkIsHref ? submitLink.href : void 0,
+        filename: linkIsHref ? submitLink.filename : void 0,
         type: submitLink ? "button" : "submit",
         onClick: submitLink ? onSubmit : void 0
       }

package/dist/chunk-GDXNYWJH.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Selector.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Selector() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4 5.33331L8 1.33331L12 5.33331",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4 10.6667L8 14.6667L12 10.6667",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Selector = Selector;

package/dist/{chunk-YG5BANJH.js → chunk-GMM3LRXY.js}

@@ -1,12 +1,12 @@
 import {
   themeOr
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   darkGradient
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 
 // src/styles/common.tsx
 import { css } from "@emotion/react";

package/dist/chunk-GSYM5JMB.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useLiveRef.tsx
+var _react = require('react');
+function useLiveRef() {
+  const [ready, setReady] = _react.useState.call(void 0, false);
+  const ref = _react.useRef.call(void 0, null);
+  const refCb = _react.useCallback.call(void 0, (node) => {
+    if (node !== null) {
+      ref.current = node;
+      setReady(true);
+    }
+  }, []);
+  return [ready ? ref : { current: null }, refCb];
+}
+
+
+
+exports.useLiveRef = useLiveRef;

package/dist/chunk-GVKKUMAK.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Sidebar.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Sidebar() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M5 1H13C14.1046 1 15 1.89543 15 3V8M5 1H3.1875H3C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H5M5 1V5V8M5 15H13C14.1046 15 15 14.1046 15 13V8M5 15V8M5 8H15",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Sidebar = Sidebar;

package/dist/chunk-GZNDFGOK.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Checkmark.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Checkmark() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 9",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "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"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Checkmark = Checkmark;