@lightsparkdev/ui 0.0.6 → 0.0.8

package/dist/components/Pill.d.cts

@@ -0,0 +1,19 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+type PillProps = {
+    onDeleteMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onDeleteMouseUp?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onDeleteFromKeyboard?: () => void;
+    text: string;
+    loading?: boolean;
+    icon?: string;
+    cursor?: "pointer" | "text";
+    isEditing?: boolean;
+    onChangeTextInput?: (newValue: string) => void;
+    onFocusTextInput?: () => void;
+    onBlurTextInput?: () => void;
+    onClickPillBody?: (() => void) | undefined;
+};
+declare function Pill({ text, onDeleteMouseDown, onDeleteMouseUp, onDeleteFromKeyboard, icon, loading, cursor, isEditing, onChangeTextInput, onFocusTextInput, onClickPillBody, onBlurTextInput, }: PillProps): _emotion_react_jsx_runtime.JSX.Element;
+
+export { Pill };

package/dist/components/Pill.d.ts

@@ -0,0 +1,19 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+
+type PillProps = {
+    onDeleteMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onDeleteMouseUp?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onDeleteFromKeyboard?: () => void;
+    text: string;
+    loading?: boolean;
+    icon?: string;
+    cursor?: "pointer" | "text";
+    isEditing?: boolean;
+    onChangeTextInput?: (newValue: string) => void;
+    onFocusTextInput?: () => void;
+    onBlurTextInput?: () => void;
+    onClickPillBody?: (() => void) | undefined;
+};
+declare function Pill({ text, onDeleteMouseDown, onDeleteMouseUp, onDeleteFromKeyboard, icon, loading, cursor, isEditing, onChangeTextInput, onFocusTextInput, onClickPillBody, onBlurTextInput, }: PillProps): _emotion_react_jsx_runtime.JSX.Element;
+
+export { Pill };

package/dist/components/Pill.js

@@ -0,0 +1,16 @@
+import {
+  Pill
+} from "../chunk-YPB5SA65.js";
+import "../chunk-BAO4T4G5.js";
+import "../chunk-2YB7653N.js";
+import "../chunk-4KWTXZRY.js";
+import "../chunk-VHW2KROZ.js";
+import "../chunk-LAMQKQU3.js";
+import "../chunk-HNVQIY5U.js";
+import "../chunk-2VBDEO6M.js";
+import "../chunk-E4EXM4SY.js";
+import "../chunk-JSGRNWSB.js";
+import "../chunk-CIGAQ47A.js";
+export {
+  Pill
+};

package/dist/components/ProgressBar.cjs

@@ -1264,35 +1264,6 @@ function hexToRGB(hex) {
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
-
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
-// src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 var standardContentInsetPx = 32;
@@ -1344,9 +1315,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/components/ProgressBar.tsx
 var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");

package/dist/components/ProgressBar.js

@@ -1,11 +1,10 @@
 import {
   ProgressBar
-} from "../chunk-RTUZVKPK.js";
-import "../chunk-RFGKH3R6.js";
+} from "../chunk-36C653MV.js";
+import "../chunk-HNVQIY5U.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   ProgressBar

package/dist/components/SecretContainer.cjs

@@ -75,7 +75,6 @@ var import_styled5 = __toESM(require("@emotion/styled"), 1);
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1258,6 +1257,10 @@ var umaLightTheme = extend(lightTheme, {
     bg: uma.blue90
   })
 });
+var isLight = (theme) => theme.type === "light" /* Light */;
+var themeOr = (lightValue, darkValue) => ({ theme }) => {
+  return isLight(theme) ? lightValue : darkValue;
+};
 function luminance(r, g, b) {
   const a = [r, g, b].map(function(v) {
     v /= 255;
@@ -1281,32 +1284,6 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
@@ -1374,14 +1351,31 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
+var overlaySurfaceBorderColor = ({
+  theme,
+  important = false
+}) => import_react4.css`
+  border-color: ${themeOr(theme.c1Neutral, theme.c3Neutral)({ theme })}
+    ${important ? "!important" : ""};
+`;
+var overlaySurface = ({
+  theme,
+  important = false
+}) => import_react4.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) ${important ? "!important" : ""};`,
+  ""
+)({ theme })}
 `;
 
 // src/components/CopyToClipboardButton.tsx
 var import_styled4 = __toESM(require("@emotion/styled"), 1);
 var import_nanoid = require("nanoid");
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // src/components/Icon.tsx
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
@@ -1469,6 +1463,87 @@ var IconContainer = import_styled2.default.span`
   `}
 `;
 
+// src/components/LightTooltip.tsx
+var import_css = require("@emotion/css");
+var import_react6 = require("@emotion/react");
+var import_react7 = __toESM(require("react"), 1);
+var import_react_dom = __toESM(require("react-dom"), 1);
+var import_react_tooltip = require("react-tooltip");
+
+// src/styles/z-index.tsx
+var z = {
+  card: 1,
+  fieldError: 1,
+  textInput: 2,
+  select: 3,
+  selectFocused: 4,
+  walletActionPreviewTopGradient: 1,
+  headerContainer: 99,
+  smBanner: 99,
+  headerTop: 100,
+  navMenu: 100,
+  smNavMenu: 100,
+  navAction: 101,
+  smNavAction: 100,
+  // keep under navDropdown
+  notificationBanner: 170,
+  qrReaderVideo: 180,
+  qrReaderOverlay: 181,
+  modalOverlay: 190,
+  modalContainer: 191,
+  dropdown: 192,
+  tooltip: 193,
+  toast: 200
+};
+
+// src/components/LightTooltip.tsx
+var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
+function LightTooltip(props) {
+  const nodeRef = (0, import_react7.useRef)(null);
+  const [nodeReady, setNodeReady] = import_react7.default.useState(false);
+  (0, import_react7.useEffect)(() => {
+    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 theme = (0, import_react6.useTheme)();
+  console.log("LightTooltip.tsx: tooltipProps:", props);
+  return nodeReady && nodeRef.current ? import_react_dom.default.createPortal(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_tooltip.Tooltip,
+      __spreadProps(__spreadValues({}, props), {
+        id: props.id || "",
+        content: props.content || "",
+        noArrow: true,
+        border: "0.05rem solid rgba(0, 0, 0, 0.1)",
+        className: styles({ theme }),
+        variant: "light",
+        delayShow: 180
+      })
+    ),
+    nodeRef.current
+  ) : null;
+}
+var styles = ({ theme }) => import_css.css`
+  font-size: "10px",
+  color: ${theme.c2Neutral};
+  border-radius: 8px !important;
+  padding: 16px !important;
+  z-index: ${z.tooltip};
+  ${overlaySurface({ theme, important: true })};
+
+  max-width: 260px;
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10), 0px 4px 8px 0px rgba(0, 0, 0, 0.08) !important;
+`;
+
 // src/components/UnstyledButton.tsx
 var import_styled3 = __toESM(require("@emotion/styled"), 1);
 var UnstyledButton = import_styled3.default.button`
@@ -1486,15 +1561,15 @@ var UnstyledButton = import_styled3.default.button`
 `;
 
 // src/components/CopyToClipboardButton.tsx
-var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
 var CopyToClipboardButton = (props) => {
   var _a;
   const originalTooltipContent = props.tooltipContent || "Click to copy";
   const icon = props.icon || "Copy";
   const id = `copy-node-name-${(_a = props.id) != null ? _a : (0, import_nanoid.nanoid)()}`;
-  const [tooltipContent, setTooltipContent] = (0, import_react6.useState)(originalTooltipContent);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  const [tooltipContent, setTooltipContent] = (0, import_react8.useState)(originalTooltipContent);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       Button,
       {
         type: "button",
@@ -1515,12 +1590,19 @@ var CopyToClipboardButton = (props) => {
         ml: props.ml,
         "data-tooltip-id": id,
         children: [
-          props.children ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Children, { children: props.children }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          props.children ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Children, { children: props.children }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledTooltip, { id, place: props.place || "right", variant: "dark", children: tooltipContent })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      LightTooltip,
+      {
+        id,
+        place: props.place || "right",
+        content: tooltipContent
+      }
+    )
   ] });
 };
 var Children = import_styled4.default.span`
@@ -1533,10 +1615,10 @@ var Button = (0, import_styled4.default)(UnstyledButton)`
 `;
 
 // src/components/SecretContainer.tsx
-var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime5 = require("@emotion/react/jsx-runtime");
 function SecretContainer(props) {
-  return props.secret ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(StyledSecretContainer, { hasSecret: true, success: props.success, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return props.secret ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(StyledSecretContainer, { hasSecret: true, success: props.success, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "span",
       {
         style: {
@@ -1548,8 +1630,8 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = import_styled5.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};

package/dist/components/SecretContainer.js

@@ -1,15 +1,16 @@
 import {
   SecretContainer
-} from "../chunk-3CZOYF3X.js";
-import "../chunk-WWFDI534.js";
-import "../chunk-IQFU7CM5.js";
-import "../chunk-NZJCJJH5.js";
+} from "../chunk-6FHLZM6N.js";
+import "../chunk-UWN53KLJ.js";
+import "../chunk-4KWTXZRY.js";
+import "../chunk-NRXJA2PM.js";
+import "../chunk-55OQPFLF.js";
+import "../chunk-VHW2KROZ.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-RFGKH3R6.js";
+import "../chunk-HNVQIY5U.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   SecretContainer

package/dist/components/TextIconAligner.cjs

@@ -78,7 +78,6 @@ var import_react5 = require("react");
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1284,32 +1283,6 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
@@ -1356,9 +1329,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/utils/strings.tsx
 function isString(str) {

package/dist/components/TextIconAligner.js

@@ -1,13 +1,12 @@
 import {
   TextIconAligner
-} from "../chunk-N2RDQJQ5.js";
-import "../chunk-NZJCJJH5.js";
+} from "../chunk-WTO7C7WA.js";
+import "../chunk-VHW2KROZ.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-RFGKH3R6.js";
+import "../chunk-HNVQIY5U.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   TextIconAligner

package/dist/components/UnstyledButton.cjs

@@ -55,7 +55,6 @@ var import_styled2 = __toESM(require("@emotion/styled"), 1);
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1261,32 +1260,6 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
@@ -1348,9 +1321,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/components/UnstyledButton.tsx
 var UnstyledButton = import_styled2.default.button`

package/dist/components/UnstyledButton.js

@@ -1,11 +1,10 @@
 import {
   UnstyledButton
-} from "../chunk-IQFU7CM5.js";
-import "../chunk-RFGKH3R6.js";
+} from "../chunk-4KWTXZRY.js";
+import "../chunk-HNVQIY5U.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   UnstyledButton

package/dist/components/documentation/AnchorLinkHeader.cjs

@@ -1362,35 +1362,6 @@ var import_react6 = require("react");
 // src/styles/common.tsx
 var import_react5 = require("@emotion/react");
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
-
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
-// src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 var standardContentInsetPx = 32;
@@ -1436,9 +1407,6 @@ var Subtext = import_styled2.default.div`
 var darkGradientBg = import_react5.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled2.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/utils/strings.tsx
 function isString(str) {

package/dist/components/documentation/AnchorLinkHeader.js

@@ -1,16 +1,15 @@
 "use client";
 import {
   AnchorLinkHeader
-} from "../../chunk-NH25O7PC.js";
+} from "../../chunk-CW3W2VTZ.js";
 import "../../chunk-4TFRLWCC.js";
 import "../../chunk-YMNSXZ5D.js";
-import "../../chunk-NZJCJJH5.js";
+import "../../chunk-VHW2KROZ.js";
 import "../../chunk-LAMQKQU3.js";
-import "../../chunk-RFGKH3R6.js";
+import "../../chunk-HNVQIY5U.js";
 import "../../chunk-2VBDEO6M.js";
 import "../../chunk-E4EXM4SY.js";
 import "../../chunk-JSGRNWSB.js";
-import "../../chunk-CLU2FRJZ.js";
 import "../../chunk-CIGAQ47A.js";
 export {
   AnchorLinkHeader

package/dist/components/documentation/index.cjs

@@ -1363,35 +1363,6 @@ var import_react6 = require("react");
 // src/styles/common.tsx
 var import_react5 = require("@emotion/react");
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
-
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
-// src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 var standardContentInsetPx = 32;
@@ -1437,9 +1408,6 @@ var Subtext = import_styled2.default.div`
 var darkGradientBg = import_react5.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled2.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/utils/strings.tsx
 function isString(str) {

package/dist/components/documentation/index.js

@@ -1,15 +1,14 @@
 import {
   AnchorLinkHeader
-} from "../../chunk-NH25O7PC.js";
+} from "../../chunk-CW3W2VTZ.js";
 import "../../chunk-4TFRLWCC.js";
 import "../../chunk-YMNSXZ5D.js";
-import "../../chunk-NZJCJJH5.js";
+import "../../chunk-VHW2KROZ.js";
 import "../../chunk-LAMQKQU3.js";
-import "../../chunk-RFGKH3R6.js";
+import "../../chunk-HNVQIY5U.js";
 import "../../chunk-2VBDEO6M.js";
 import "../../chunk-E4EXM4SY.js";
 import "../../chunk-JSGRNWSB.js";
-import "../../chunk-CLU2FRJZ.js";
 import "../../chunk-CIGAQ47A.js";
 export {
   AnchorLinkHeader