@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-24SOCRDH.cjs

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/styles/themeDefaults/buttons.tsx
+var buttonBorderRadiuses = [8, 32, 999];
+var allowedButtonTypographyTypes = [
+  "Body",
+  "Body Strong",
+  "Title",
+  "Label",
+  "Label Moderate",
+  "Label Strong"
+];
+var buttonsThemeBase = {
+  defaultSize: "Small",
+  defaultTypographyType: "Body Strong",
+  defaultColor: "text",
+  defaultBorderRadius: 32,
+  defaultBorderWidth: 1,
+  defaultBackgroundColor: "bg",
+  defaultBorderColor: "bg",
+  defaultHoverBackgroundColor: "bg",
+  defaultHoverBorderColor: "bg",
+  defaultOutlineOffset: 1,
+  defaultPaddingsY: {
+    ExtraSmall: 4,
+    Small: {
+      short: 8,
+      regular: 12
+    },
+    Schmedium: 12,
+    Medium: 12,
+    Mlarge: 12,
+    Large: 12
+  },
+  kinds: {}
+};
+var defaultButtonsTheme = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, buttonsThemeBase), {
+  kinds: {
+    primary: {
+      defaultColor: "bg",
+      defaultBorderWidth: 0,
+      defaultBackgroundColor: "c9Neutral",
+      defaultBorderColor: "c9Neutral",
+      defaultHoverBackgroundColor: "c8Neutral",
+      defaultHoverBorderColor: "c8Neutral"
+    },
+    ghost: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderWidth: 0,
+      defaultHoverBackgroundColor: "transparent",
+      defaultHoverBorderColor: "transparent",
+      defaultPaddingsY: {
+        ExtraSmall: 0,
+        Small: 0,
+        Schmedium: 0,
+        Medium: 0,
+        Mlarge: 0,
+        Large: 0
+      }
+    },
+    secondary: {
+      defaultBackgroundColor: ["bg", "c1Neutral"],
+      defaultBorderColor: ["gray90", "gray20"],
+      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
+      defaultHoverBorderColor: ["gray90", "gray20"]
+    },
+    blue39: {
+      defaultBorderColor: "blue39",
+      defaultColor: "gray98"
+    },
+    blue43: {
+      defaultColor: "white"
+    },
+    green33: {
+      defaultColor: "white"
+    },
+    purple55: {
+      defaultColor: "white"
+    },
+    danger: {
+      defaultColor: "white"
+    }
+  }
+});
+
+
+
+
+
+
+exports.buttonBorderRadiuses = buttonBorderRadiuses; exports.allowedButtonTypographyTypes = allowedButtonTypographyTypes; exports.buttonsThemeBase = buttonsThemeBase; exports.defaultButtonsTheme = defaultButtonsTheme;

package/dist/chunk-2C4Z2X45.cjs

@@ -0,0 +1,81 @@
+"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 _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+
+
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+
+// src/components/Badge.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Badge({
+  content: contentProp,
+  kind,
+  icon,
+  ml = 0,
+  mr = 0,
+  size = "sm",
+  block = false,
+  typography: typographyProp
+}) {
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Label Moderate",
+    props: {
+      size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+      color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : "text")
+    }
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    externalLink: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography
+  };
+  let content = _chunkGCE3EVF6cjs.setDefaultReactNodesTypography.call(void 0, 
+    contentProp,
+    defaultTypographyMap
+  );
+  content = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
+  return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, size, block, children: [
+    icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBY47I7ZPcjs.Icon,
+      {
+        name: icon.name,
+        width: 20,
+        color: icon.color ? icon.color : kind === "danger" ? "danger" : void 0
+      }
+    ) : null,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BadgeContent, { children: content })
+  ] }) : null;
+}
+var badgeSmVPadding = 2;
+var badgeSmHPadding = 6;
+var StyledBadge = _styled2.default.div`
+  ${({ size }) => _chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
+
+  display: ${({ block }) => block ? "flex" : "inline-flex"};
+  gap: ${({ size }) => size === "sm" ? badgeSmHPadding : 12}px;
+  align-items: center;
+  padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
+  background-color: ${({ theme, kind }) => {
+  if (kind === "danger") {
+    return _chunkWTHHP7G2cjs.getColor.call(void 0, theme, "red42a10");
+  } else {
+    return _chunkWTHHP7G2cjs.getColor.call(void 0, theme, theme.badge.bg);
+  }
+}};
+`;
+var BadgeContent = _styled2.default.div``;
+
+
+
+
+exports.Badge = Badge; exports.badgeSmVPadding = badgeSmVPadding;

package/dist/chunk-2ON6YBGL.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/UmaBridgeLoadingTransparent.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function UmaBridgeLoadingTransparent() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "ellipse",
+          {
+            opacity: "0.3",
+            cx: "10.4996",
+            cy: "9.99998",
+            rx: "8.74961",
+            ry: "8.74986",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.2503 9.99998C19.2503 8.61916 18.9235 7.25795 18.2966 6.02763C17.6697 4.79731 16.7606 3.73282 15.6435 2.9212C14.5265 2.10957 13.2332 1.57386 11.8694 1.35785C10.5056 1.14184 9.11007 1.25168 7.79688 1.67837",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.UmaBridgeLoadingTransparent = UmaBridgeLoadingTransparent;

package/dist/chunk-2R4K7WK4.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Sort.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Sort() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M1.5 2.5H10.5M4.5 9.5H7.5M3 6H9",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Sort = Sort;

package/dist/chunk-2WREDS5B.cjs

@@ -0,0 +1,73 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+
+
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+
+
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/CopyToClipboardButton.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _nanoid = require('nanoid');
+var _react = require('react');
+var _jsxruntime = 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 : _nanoid.nanoid.call(void 0, )}`;
+  const [tooltipContent, setTooltipContent] = _react.useState.call(void 0, originalTooltipContent);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      Button,
+      {
+        type: "button",
+        onClick: () => {
+          void (() => _chunkLKKJVJCGcjs.__async.call(void 0, void 0, null, function* () {
+            try {
+              yield navigator.clipboard.writeText(props.value);
+              setTooltipContent("Copied!");
+            } catch (err) {
+              setTooltipContent("Unable to copy");
+            }
+            setTimeout(() => {
+              setTooltipContent(originalTooltipContent);
+            }, 2e3);
+          }))();
+        },
+        css: props.buttonCSS,
+        ml: props.ml,
+        "data-tooltip-id": id,
+        children: [
+          props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLZ24FX6Ccjs.Tooltip,
+      {
+        id,
+        place: props.place || "right",
+        content: tooltipContent
+      }
+    )
+  ] });
+};
+var Children = _styled2.default.span`
+  margin-right: 4px;
+`;
+var Button = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+  background: rgba(0, 0, 0, 0);
+  vertical-align: middle;
+  ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};
+`;
+
+
+
+exports.CopyToClipboardButton = CopyToClipboardButton;

package/dist/{chunk-SCIQSZSW.js → chunk-34MTU3ER.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-EDN2QDCB.js";
 import {
   colors
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 
 // src/router.tsx
 import { omit } from "lodash-es";
@@ -42,6 +42,7 @@ function Link({
   to,
   id,
   externalLink,
+  filename,
   params,
   children,
   css,
@@ -77,6 +78,7 @@ function Link({
       css,
       onClick,
       className,
+      download: filename,
       style: { color: blue ? colors.blue43 : "inherit" },
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noopener noreferrer" : void 0,

package/dist/chunk-3JDF42CW.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Explorer.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Explorer() {
+  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: "M8.90625 6.38889L8.21689 6.09345L7.76885 7.13889H8.90625V6.38889ZM11.3229 0.75L12.0123 1.04544C12.149 0.726338 12.0489 0.355085 11.7703 0.148013C11.4916 -0.0590584 11.1072 -0.0478189 10.8412 0.175182L11.3229 0.75ZM0.75 9.61111L0.268248 9.03629C0.0265337 9.23887 -0.0626239 9.57103 0.0451549 9.86742C0.152934 10.1638 0.43462 10.3611 0.75 10.3611L0.75 9.61111ZM7.09375 9.61111L7.78311 9.90655L8.23115 8.86111H7.09375V9.61111ZM4.67708 15.25L3.98772 14.9546C3.85097 15.2737 3.95109 15.6449 4.22974 15.852C4.5084 16.0591 4.89275 16.0478 5.15884 15.8248L4.67708 15.25ZM15.25 6.38889L15.7318 6.96371C15.9735 6.76113 16.0626 6.42897 15.9548 6.13258C15.8471 5.83619 15.5654 5.63889 15.25 5.63889V6.38889ZM9.59561 6.68433L12.0123 1.04544L10.6336 0.454561L8.21689 6.09345L9.59561 6.68433ZM10.8412 0.175182L0.268248 9.03629L1.23175 10.1859L11.8047 1.32482L10.8412 0.175182ZM0.75 10.3611H7.09375V8.86111H0.75V10.3611ZM6.40439 9.31567L3.98772 14.9546L5.36644 15.5454L7.78311 9.90655L6.40439 9.31567ZM5.15884 15.8248L15.7318 6.96371L14.7682 5.81407L4.19533 14.6752L5.15884 15.8248ZM15.25 5.63889H8.90625V7.13889H15.25V5.63889Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Explorer = Explorer;

package/dist/chunk-3JTH7BHI.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useResizeObserver.tsx
+var _lodashes = require('lodash-es');
+var _react = require('react');
+function useResizeObserver(resizeProperties) {
+  const resizeObserver = _react.useRef.call(void 0, null);
+  const [rect, setRect] = _react.useState.call(void 0, null);
+  const [selectedProperties, setSelectedProperties] = _react.useState.call(void 0, null);
+  const mounted = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const onResize = _react.useCallback.call(void 0, 
+    (entries) => {
+      setTimeout(() => {
+        if (mounted.current) {
+          const changedRect = entries[0].contentRect;
+          setRect(changedRect);
+        } else if (resizeObserver.current) {
+          resizeObserver.current.disconnect();
+        }
+      }, 0);
+    },
+    [setRect]
+  );
+  const ref = _react.useCallback.call(void 0, 
+    (node) => {
+      if (node && node instanceof Element && resizeProperties && resizeProperties.length > 0) {
+        resizeObserver.current = new ResizeObserver(onResize);
+        resizeObserver.current.observe(node);
+      }
+    },
+    [onResize, resizeProperties]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (resizeProperties) {
+      const selectedProps = _lodashes.pick.call(void 0, rect, resizeProperties);
+      if (JSON.stringify(selectedProperties) !== JSON.stringify(selectedProps)) {
+        setSelectedProperties(selectedProps);
+      }
+    }
+  }, [rect, resizeProperties, setSelectedProperties, selectedProperties]);
+  return {
+    ref,
+    rect: selectedProperties
+  };
+}
+
+
+
+exports.useResizeObserver = useResizeObserver;

package/dist/chunk-3MCK6I7V.js

@@ -0,0 +1,40 @@
+// src/icons/UmaBridgeLoadingTransparent.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function UmaBridgeLoadingTransparent() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            opacity: "0.3",
+            cx: "10.4996",
+            cy: "9.99998",
+            rx: "8.74961",
+            ry: "8.74986",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.2503 9.99998C19.2503 8.61916 18.9235 7.25795 18.2966 6.02763C17.6697 4.79731 16.7606 3.73282 15.6435 2.9212C14.5265 2.10957 13.2332 1.57386 11.8694 1.35785C10.5056 1.14184 9.11007 1.25168 7.79688 1.67837",
+            stroke: "#F9F9F9",
+            strokeWidth: "2.09994",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  UmaBridgeLoadingTransparent
+};

package/dist/chunk-3NYFUIYG.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowCircleTier1.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowCircleTier1() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 28 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "14", cy: "14.9639", r: "14", fill: "white" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.7144 18.998L19.4944 10.298L10.7944 10.098L10.8144 11.998L16.6144 11.958L8.73438 19.838L9.97438 21.078L17.8344 13.218L17.7944 18.978L19.7144 18.998Z",
+            fill: "#179257"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.ArrowCircleTier1 = ArrowCircleTier1;

package/dist/chunk-3RJBB7Q6.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/WalletSDKIcon.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function WalletSDKIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "36",
+      height: "33",
+      viewBox: "0 0 36 33",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M32 7.5V7.5C32 6.10444 32 5.40666 31.8278 4.83886C31.44 3.56046 30.4395 2.56004 29.1611 2.17224C28.5933 2 27.8956 2 26.5 2H8.4C6.15979 2 5.03968 2 4.18404 2.43597C3.43139 2.81947 2.81947 3.43139 2.43597 4.18404C2 5.03968 2 6.15979 2 8.4V24.6C2 26.8402 2 27.9603 2.43597 28.816C2.81947 29.5686 3.43139 30.1805 4.18404 30.564C5.03968 31 6.15979 31 8.4 31H25.6C27.8402 31 28.9603 31 29.816 30.564C30.5686 30.1805 31.1805 29.5686 31.564 28.816C32 27.9603 32 26.8402 32 24.6V24.5",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "24", y: "12", width: "12", height: "8", rx: "1", fill: "#7808D0" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19 30C19 21.1634 11.8366 14 3 14",
+            stroke: "currentColor",
+            strokeWidth: "3"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.WalletSDKIcon = WalletSDKIcon;

package/dist/chunk-3TXLQOT4.cjs

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
+
+
+var _chunkGWCVYEJGcjs = require('./chunk-GWCVYEJG.cjs');
+
+
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+// src/components/PageSection/PageSectionNav.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _core = require('@lightsparkdev/core');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var StyledPageSectionNav = _styled2.default.div`
+  display: none;
+  flex-direction: column;
+  margin-right: 32px;
+  position: relative;
+
+  ${_chunkKW3JYLRIcjs.bp.minMd(`
+    display: flex;
+    width: 150px;
+  `)}
+
+  ${_chunkKW3JYLRIcjs.bp.lg(`
+    width: 200px;
+  `)}
+`;
+var PageSectionList = _styled2.default.ul`
+  margin: 0;
+  padding: 0;
+  position: sticky;
+  top: ${({ top }) => top}px;
+`;
+var StyledPageSectionNavItem = _styled2.default.li`
+  align-items: center;
+  color: ${_chunkKSKKC6C2cjs.colors.gray40};
+  display: flex;
+  list-style: none;
+
+  ${_chunkBY47I7ZPcjs.IconContainer}:not(:first-of-type) {
+    visibility: hidden;
+  }
+
+  &:hover {
+    color: ${({ theme }) => theme.hcNeutral};
+
+    ${_chunkBY47I7ZPcjs.IconContainer} {
+      visibility: visible;
+    }
+  }
+`;
+var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _chunkGWCVYEJGcjs.TextButton,
+  {
+    text: label,
+    padding: "8px 0",
+    leftIcon: { name: leftIcon },
+    onClick: () => {
+      if (sectionId) {
+        window.location.replace(`#${sectionId}`);
+      } else {
+        window.location.replace("#");
+      }
+    }
+  }
+) });
+function PageSectionNav({
+  headerOffset = 0,
+  pageSectionNavItems
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNav, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionList, { top: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: pageSectionNavItems.filter(_core.notNullUndefined).map((item) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PageSectionListItem,
+      {
+        leftIcon: item.leftIcon,
+        label: item.label,
+        sectionId: item.sectionId
+      },
+      item.sectionId
+    );
+  }) }) });
+}
+
+
+
+exports.PageSectionNav = PageSectionNav;