@lightsparkdev/ui 1.0.8 → 1.0.9

package/dist/chunk-BT3OMKYC.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkJT3HYZXJcjs = require('./chunk-JT3HYZXJ.cjs');
+
+
+var _chunkPPHIMPONcjs = require('./chunk-PPHIMPON.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/BooleanFilter.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var isBooleanFilterState = (state) => state.type === "boolean" /* BOOLEAN */;
+var getDefaultBooleanFilterState = () => ({
+  type: "boolean" /* BOOLEAN */,
+  value: void 0,
+  isApplied: false
+});
+var BooleanFilter = ({
+  updateFilterState,
+  state,
+  label
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJT3HYZXJcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkPPHIMPONcjs.Radio,
+    {
+      radioOptions: [
+        { label: "Yes" /* YES */ },
+        { label: "No" /* NO */ },
+        { label: "Both" /* BOTH */ }
+      ],
+      defaultOption: "Both" /* BOTH */,
+      onChange: (selectedOption) => {
+        updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+          value: selectedOption === "Yes" /* YES */ ? true : selectedOption === "No" /* NO */ ? false : void 0,
+          isApplied: true
+        }));
+      }
+    }
+  ) }) });
+};
+
+
+
+
+
+exports.isBooleanFilterState = isBooleanFilterState; exports.getDefaultBooleanFilterState = getDefaultBooleanFilterState; exports.BooleanFilter = BooleanFilter;

package/dist/{chunk-LIVPDWXD.cjs → chunk-CG4ZE3JV.cjs}

@@ -3,10 +3,10 @@
 var _chunkMT2C62EDcjs = require('./chunk-MT2C62ED.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
-var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -14,10 +14,10 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function IconWithCircleBackground({
   iconName = "WarningSign"
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT2C62EDcjs.Flex, { center: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: iconName, width: 40, color: "grayBlue9" }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT2C62EDcjs.Flex, { center: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: iconName, width: 40, color: "grayBlue9" }) }) });
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background-color: ${({ theme }) => _chunkWTHHP7G2cjs.getColor.call(void 0, theme, "grayBlue94")};
+  background-color: ${({ theme }) => _chunkJX6HEEEQcjs.getColor.call(void 0, theme, "grayBlue94")};
   border-radius: 50%;
   padding: 20px;
 `;

package/dist/{chunk-VYKXX3SH.cjs → chunk-CJ3GSEW5.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 
 
-var _chunkG5HBO2FIcjs = require('./chunk-G5HBO2FI.cjs');
+var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
 
 
-var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
 
 // src/components/typography/Title.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -23,7 +23,7 @@ var Title = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, content);
+    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledTitle,
@@ -39,8 +39,8 @@ var Title = ({
   );
 };
 var StyledTitle = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
-  ${_chunkG5HBO2FIcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-SXY5KR2T.js → chunk-CN6AMXLK.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-DNRHVCOE.js";
+} from "./chunk-IGZYEIQS.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/chunk-CSO64ZMV.cjs

@@ -0,0 +1,117 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkVZEYA2KHcjs = require('./chunk-VZEYA2KH.cjs');
+
+
+var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+
+
+
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+
+
+var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+
+// src/components/PendingValue.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var bgPosition = _react.keyframes`
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+`;
+function PendingValue({
+  animate = true,
+  content: contentProp,
+  typography: typographyProp,
+  width,
+  forceTheme
+}) {
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "text",
+    hideOverflow: true
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography
+  };
+  const nodesWithTypography = _chunkVZEYA2KHcjs.setDefaultReactNodesTypography.call(void 0, 
+    contentProp,
+    defaultTypographyMap
+  );
+  const content = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    StyledPendingValue,
+    {
+      typographyType: defaultTypography.type,
+      typographySize: defaultTypography.size,
+      widthProp: width,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPendingValueBg, { visible: !contentProp, animate }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPendingValueContent, { children: content })
+      ]
+    }
+  );
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkJX6HEEEQcjs.themes[forceTheme], children: nodes }) : nodes;
+}
+var StyledPendingValue = _styled2.default.div`
+  position: relative;
+  height: ${({ typographyType, typographySize, theme }) => _chunkDCQM7IVKcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+
+  ${({ widthProp }) => widthProp ? `width: ${widthProp}px;` : "width: 100%;"}
+  max-width: 100%;
+`;
+var StyledPendingValueContent = _styled2.default.div`
+  position: relative;
+  z-index: 1;
+`;
+var vSpacing = 2;
+var StyledPendingValueBg = _styled2.default.div`
+  z-index: 0;
+  height: calc(100% - ${vSpacing * 2}px);
+  width: 100%;
+  position: absolute;
+  top: ${vSpacing}px;
+  border-radius: 999px;
+
+  ${({ visible }) => visible ? "opacity: 1;" : "opacity: 0;"}
+  transition: opacity 0.01s ease;
+
+  background: linear-gradient(
+    90deg,
+    ${_chunkJX6HEEEQcjs.themeOrWithKey.call(void 0, "c15Neutral", "c25Neutral")} 0%,
+    ${_chunkJX6HEEEQcjs.themeOrWithKey.call(void 0, "c2Neutral", "c3Neutral")} 50%,
+    ${_chunkJX6HEEEQcjs.themeOrWithKey.call(void 0, "c15Neutral", "c25Neutral")} 100%
+  );
+
+  background-size: 200% 100%;
+  background-position: 0% 0%;
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  ${({ animate }) => {
+  return animate ? _react.css`
+          animation: ${bgPosition} 2s linear infinite;
+        ` : "";
+}}
+`;
+
+
+
+
+
+exports.PendingValue = PendingValue; exports.StyledPendingValueContent = StyledPendingValueContent; exports.StyledPendingValueBg = StyledPendingValueBg;

package/dist/{chunk-ZPIJMKJZ.cjs → chunk-CT4WHEVU.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
-
-
 var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 
 
-var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 
-var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
-var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+
+
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -62,11 +62,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQCJWZRIPcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDTPEU32cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "RightArrow", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "RightArrow", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -134,14 +134,14 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkKSKKC6C2cjs.colors.white};
+  color: ${_chunkO7USIZI6cjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkWTHHP7G2cjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkJX6HEEEQcjs.getColor.call(void 0, theme, colorProp) : "none"};
   display: flex;
   justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
   align-items: center;
   padding: ${({ hPadding }) => `0 ${hPadding}px`};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkWTHHP7G2cjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkJX6HEEEQcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/chunk-CTPC457D.js

@@ -0,0 +1,27 @@
+// src/icons/Notebook.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Notebook() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.3998 1H2.5998C2.15798 1 1.7998 1.35818 1.7998 1.8V14.2C1.7998 14.6418 2.15798 15 2.5998 15H5.3998M5.3998 1H13.3998C13.8416 1 14.1998 1.35818 14.1998 1.8V14.2C14.1998 14.6418 13.8416 15 13.3998 15H5.3998M5.3998 1V15M8.5998 4.6H10.9998M8.5998 7.8H10.9998",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Notebook
+};

package/dist/{chunk-5O6LWFY4.cjs → chunk-CXZGUQNC.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 
 
-var _chunkG5HBO2FIcjs = require('./chunk-G5HBO2FI.cjs');
+var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
 
 
-var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
 
 // src/components/typography/BodyStrong.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -23,7 +23,7 @@ var BodyStrong = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, content);
+    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledBodyStrong,
@@ -39,8 +39,8 @@ var BodyStrong = ({
   );
 };
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
-  ${_chunkG5HBO2FIcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-TMTEVKSD.cjs → chunk-DCQM7IVK.cjs}

@@ -17,6 +17,7 @@ var FONT_FAMILIES = {
 };
 var LINE_HEIGHTS = {
   ["Lightspark" /* Lightspark */]: {
+    "8xl": "72px",
     "7xl": "72px",
     "6xl": "60px",
     "5xl": "44px",
@@ -31,6 +32,7 @@ var LINE_HEIGHTS = {
     xs: "16px"
   },
   ["LightsparkDocs" /* LightsparkDocs */]: {
+    "8xl": "72px",
     "7xl": "72px",
     "6xl": "60px",
     "5xl": "44px",
@@ -45,6 +47,9 @@ var LINE_HEIGHTS = {
     xs: "16px"
   },
   ["UmaAuthSdk" /* UmaAuthSdk */]: {
+    "8xl": "72px",
+    "7xl": "72px",
+    "6xl": "72px",
     "5xl": "72px",
     "4xl": "60px",
     "3xl": "44px",
@@ -57,6 +62,9 @@ var LINE_HEIGHTS = {
     xs: "20px"
   },
   ["UmameDocs" /* UmameDocs */]: {
+    "8xl": "72px",
+    "7xl": "72px",
+    "6xl": "72px",
     "5xl": "72px",
     "4xl": "60px",
     "3xl": "44px",
@@ -75,6 +83,7 @@ var LINE_HEIGHTS = {
     "5xl": "40px",
     "4xl": "36px",
     "3xl": "32px",
+    "2xs": "16px",
     "2xl": "28px",
     lg: "22px",
     md: "20px",
@@ -83,6 +92,12 @@ var LINE_HEIGHTS = {
     xs: "16px"
   }
 };
+var lineHeightKeys = Object.keys(
+  LINE_HEIGHTS.Lightspark
+);
+function getLineHeightFromKey(key, theme) {
+  return theme.typography.lineHeights[key];
+}
 var FONT_WEIGHTS = {
   main: {
     ExtraBold: 800,
@@ -4046,6 +4061,27 @@ var getTypographyString = (theme, typographyType, size) => {
   `;
   return typographyStr;
 };
+function getLineHeightForTypographyType(type, size, theme) {
+  const desktopTokenGroups = theme.typography.types["Desktop"];
+  const desktopTokenSizes = desktopTokenGroups[type];
+  if (!desktopTokenSizes) {
+    console.error(
+      `getLineHeightForTypographyType: Attempted to use a typography type "${type}" that does not exist in the current theme. Falling back to default tokens.`
+    );
+    return defaultTokens.lineHeight;
+  }
+  const desktopTokens = desktopTokenSizes[size];
+  if (!desktopTokens) {
+    console.error(
+      `getLineHeightForTypographyType: Attempted to use a typography size "${size}" that does not exist for typography type "${type}" in the current theme. Falling back to default tokens.`
+    );
+    return defaultTokens.lineHeight;
+  }
+  return desktopTokens.lineHeight;
+}
+
+
+
 
 
 
@@ -4053,4 +4089,4 @@ var getTypographyString = (theme, typographyType, size) => {
 
 
 
-exports.TypographyGroup = TypographyGroup; exports.TokenSize = TokenSize; exports.TypographyType = TypographyType; exports.getTypography = getTypography; exports.getTypographyString = getTypographyString;
+exports.TypographyGroup = TypographyGroup; exports.lineHeightKeys = lineHeightKeys; exports.getLineHeightFromKey = getLineHeightFromKey; exports.TokenSize = TokenSize; exports.TypographyType = TypographyType; exports.getTypography = getTypography; exports.getTypographyString = getTypographyString; exports.getLineHeightForTypographyType = getLineHeightForTypographyType;

package/dist/{chunk-VMYRYEML.cjs → chunk-DDAP7HQS.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2WREDS5Bcjs = require('./chunk-2WREDS5B.cjs');
+var _chunk425MNRRKcjs = require('./chunk-425MNRRK.cjs');
 
 
-var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
+var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
-var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/CodeBlock.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -55,16 +55,16 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkWTHHP7G2cjs.themeOr.call(void 0, _chunkKSKKC6C2cjs.colors.gray90, _chunkKSKKC6C2cjs.colors.gray20)};
+  border: 1px solid ${_chunkJX6HEEEQcjs.themeOr.call(void 0, _chunkO7USIZI6cjs.colors.gray90, _chunkO7USIZI6cjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
 `;
 var codeSelectStyles = {
-  container: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  container: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     display: "flex"
   }),
-  control: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  control: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     backgroundColor,
     border: "none",
     cursor: "pointer",
@@ -74,41 +74,41 @@ var codeSelectStyles = {
     boxShadow: "none",
     minHeight: 0
   }),
-  dropdownIndicator: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  dropdownIndicator: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     color: "#ffffff",
     padding: "0 0 0 4px",
     "&:hover": {
       color: "#ffffff"
     }
   }),
-  indicatorSeparator: (styles) => ({
+  indicatorSeparator: () => ({
     display: "none"
   }),
-  input: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  input: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     fontSize: "1rem",
     margin: 0,
     color: "transparent"
   }),
-  menu: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  menu: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     backgroundColor,
     width: "auto"
   }),
-  menuList: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  menuList: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     borderRadius: "4px",
     padding: 0
   }),
-  option: (styles, state) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  option: (styles, state) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     cursor: "pointer",
-    backgroundColor: state.isSelected ? _chunkKSKKC6C2cjs.colors.gray25 : backgroundColor,
+    backgroundColor: state.isSelected ? _chunkO7USIZI6cjs.colors.gray25 : backgroundColor,
     "&:hover": {
-      backgroundColor: _chunkKSKKC6C2cjs.colors.gray25
+      backgroundColor: _chunkO7USIZI6cjs.colors.gray25
     }
   }),
-  singleValue: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  singleValue: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     color: "#ffffff",
     margin: 0
   }),
-  valueContainer: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+  valueContainer: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     padding: 0
   })
 };
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2WREDS5Bcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk425MNRRKcjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -166,7 +166,7 @@ var StyledCodeBlock = _styled2.default.div``;
 var CodeBlockHeader = _styled2.default.div`
   align-items: center;
   background-color: #2d2d2d;
-  border-bottom: 1px solid ${_chunkKSKKC6C2cjs.colors.gray25};
+  border-bottom: 1px solid ${_chunkO7USIZI6cjs.colors.gray25};
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   color: #ffffff;
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
+  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}