@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-MSBDBEM7.cjs

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkXIFM5AMTcjs = require('./chunk-XIFM5AMT.cjs');
+
+
+var _chunk4BXMY75Pcjs = require('./chunk-4BXMY75P.cjs');
+
+
+var _chunkBQG6DASDcjs = require('./chunk-BQG6DASD.cjs');
+
+
+var _chunkTRIJJTMXcjs = require('./chunk-TRIJJTMX.cjs');
+
+
+var _chunkRKBBY43Dcjs = require('./chunk-RKBBY43D.cjs');
+
+
+var _chunkVYKXX3SHcjs = require('./chunk-VYKXX3SH.cjs');
+
+
+var _chunkSEJXEWOJcjs = require('./chunk-SEJXEWOJ.cjs');
+
+
+var _chunk5O6LWFY4cjs = require('./chunk-5O6LWFY4.cjs');
+
+
+var _chunkLLVW7HU4cjs = require('./chunk-LLVW7HU4.cjs');
+
+
+var _chunkXZKD27Y2cjs = require('./chunk-XZKD27Y2.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkRKBBY43Dcjs.Display,
+  Headline: _chunkLLVW7HU4cjs.Headline,
+  Title: _chunkVYKXX3SHcjs.Title,
+  Body: _chunkSEJXEWOJcjs.Body,
+  "Body Strong": _chunk5O6LWFY4cjs.BodyStrong,
+  Label: _chunkXZKD27Y2cjs.Label,
+  "Label Moderate": _chunkXIFM5AMTcjs.LabelModerate,
+  "Label Strong": _chunk4BXMY75Pcjs.LabelStrong,
+  Overline: _chunkBQG6DASDcjs.Overline,
+  Code: _chunkTRIJJTMXcjs.Code,
+  "Code Strong": _chunkTRIJJTMXcjs.Code
+};
+var renderTypography = (type, props) => {
+  const TypographyComponent = typographyMap[type];
+  const _a = props, { children } = _a, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _a, ["children"]);
+  return _react2.default.createElement(TypographyComponent, rest, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/chunk-MT2C62ED.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Flex.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Flex({ center = false, children, as = "div" }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledFlex, { center, as, children });
+}
+var StyledFlex = _styled2.default.div`
+  display: flex;
+  ${({ center }) => center && `
+    justify-content: center;
+    align-items: center;
+  `}
+`;
+
+
+
+exports.Flex = Flex;

package/dist/{chunk-GMOJB7PP.js → chunk-N5A5ZNNB.js}

@@ -3,46 +3,46 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-LKJ7QTWL.js";
+} from "./chunk-DGS7USD6.js";
 import {
   Dropdown
-} from "./chunk-4IHNUHE3.js";
+} from "./chunk-ISVMIEHD.js";
 import {
   standardBorderColor
-} from "./chunk-Q76C6FJ5.js";
+} from "./chunk-RZMG2TID.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-ERNTWEIJ.js";
+} from "./chunk-SI63PJGM.js";
 import {
   toReactNodes
-} from "./chunk-AKGW3FMJ.js";
+} from "./chunk-JZJQOZEN.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-N67Y7GWR.js";
+} from "./chunk-JSOZMOEJ.js";
 import {
   Loading
-} from "./chunk-SIYZ5PZT.js";
+} from "./chunk-RT4SDUU6.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-APUV4UN4.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 import {
   __spreadValues
 } from "./chunk-LOPKRCGI.js";
@@ -331,6 +331,8 @@ var PageSectionRowSubSection = styled.div`
       margin-top: 0;
     }
   `)}
+
+  ${({ fullWidth }) => fullWidth ? "width: 100% !important;" : ""}
 `;
 
 export {

package/dist/chunk-N7NM6ELD.cjs

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

package/dist/chunk-N7QYPDKF.cjs

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

package/dist/chunk-NMRDZ23R.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/LoadingCircleLines.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LoadingCircleLines() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M10.0004 3.57361e-09C10.4146 4.00036e-05 10.7503 0.33585 10.7503 0.75007L10.75 4.25007C10.75 4.66428 10.4141 5.00004 9.9999 5C9.5857 4.99996 9.25 4.66415 9.25 4.24993L9.2503 0.74993C9.2503 0.33572 9.5862 -3.99964e-05 10.0004 3.57361e-09ZM2.92919 2.92867C3.22211 2.6358 3.69699 2.63584 3.98985 2.92876L6.46451 5.40385C6.75738 5.69677 6.75734 6.17164 6.46442 6.46451C6.1715 6.75738 5.69663 6.75734 5.40376 6.46442L2.9291 3.98933C2.63623 3.69641 2.63628 3.22154 2.92919 2.92867ZM17.0716 2.92943C17.3645 3.22232 17.3645 3.69719 17.0716 3.99009L14.5967 6.46496C14.3038 6.75785 13.8289 6.75785 13.536 6.46496C13.2431 6.17207 13.2431 5.69719 13.536 5.4043L16.0109 2.92943C16.3038 2.63653 16.7787 2.63653 17.0716 2.92943ZM0 10.0007C0 9.5865 0.33579 9.2507 0.75 9.2507H4.25C4.66421 9.2507 5 9.5865 5 10.0007C5 10.4149 4.66421 10.7507 4.25 10.7507H0.75C0.33579 10.7507 0 10.4149 0 10.0007ZM15 10.0007C15 9.5865 15.3358 9.2507 15.75 9.2507H19.25C19.6642 9.2507 20 9.5865 20 10.0007C20 10.4149 19.6642 10.7507 19.25 10.7507H15.75C15.3358 10.7507 15 10.4149 15 10.0007ZM13.5357 13.5353C13.8286 13.2424 14.3035 13.2424 14.5964 13.5353L17.0713 16.0102C17.3642 16.3031 17.3642 16.778 17.0713 17.0709C16.7784 17.3637 16.3035 17.3637 16.0106 17.0709L13.5357 14.596C13.2429 14.3031 13.2429 13.8282 13.5357 13.5353ZM6.46496 13.536C6.75785 13.8289 6.75785 14.3038 6.46496 14.5967L3.99009 17.0716C3.69719 17.3645 3.22232 17.3645 2.92943 17.0716C2.63653 16.7787 2.63653 16.3038 2.92943 16.0109L5.4043 13.536C5.69719 13.2431 6.17207 13.2431 6.46496 13.536ZM10.0003 15C10.4145 15 10.7503 15.3358 10.7503 15.75V19.25C10.7503 19.6642 10.4145 20 10.0003 20C9.5861 20 9.2503 19.6642 9.2503 19.25V15.75C9.2503 15.3358 9.5861 15 10.0003 15Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.LoadingCircleLines = LoadingCircleLines;

package/dist/chunk-NN23LWC7.cjs

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

package/dist/chunk-NNTGGG2C.cjs

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
+
+// src/components/CodeInput/SingleCodeInput.tsx
+var _react = require('@emotion/react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var defaultWidth = "42px";
+var vPadding = 15;
+function SingleCodeInput({
+  id,
+  maxLength,
+  onChange = () => {
+  },
+  value,
+  inputRef = null,
+  onKeyUp = () => {
+  },
+  onKeyDown = () => {
+  },
+  onPaste = () => {
+  },
+  type,
+  max,
+  cssProp,
+  ariaLabel,
+  disabled,
+  onBlur,
+  width = defaultWidth
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  const defaultCSS = _react.css.call(void 0, 
+    `
+      ${_chunkKLC2OBTGcjs.textInputStyle.call(void 0, {
+      theme,
+      disabled: Boolean(disabled),
+      hasError: false
+    }).styles}
+      width: ${width};
+      max-width: ${defaultWidth};
+      padding: ${vPadding}px 0px;
+      text-align: center;
+      &:not(:last-of-type):not(:focus-visible) {
+        border-right: none;
+      }
+      &:not(:first-of-type):not(:last-of-type) {
+        border-radius: 0;
+      }
+      &:first-of-type {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+      &:last-of-type {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+      &:focus,
+      &:active {
+        padding: ${vPadding - 1}px 0px !important;
+      }
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+        margin: 0;
+      }
+      -moz-appearance:textfield; /* Firefox */
+    `,
+    cssProp
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      id,
+      maxLength,
+      onChange: (event) => onChange(event, id),
+      value,
+      ref: inputRef,
+      type,
+      "aria-label": ariaLabel,
+      onKeyUp: (event) => onKeyUp(event, id),
+      onKeyDown: (event) => onKeyDown(event, id),
+      onPaste: (event) => onPaste(event),
+      max,
+      css: defaultCSS,
+      onBlur,
+      inputMode: "numeric",
+      pattern: "[0-9]*"
+    }
+  );
+}
+
+
+
+exports.SingleCodeInput = SingleCodeInput;