@lightsparkdev/ui 1.0.5 → 1.0.7

package/dist/chunk-JCNYE37S.cjs

@@ -0,0 +1,200 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkHVSAHGD7cjs = require('./chunk-HVSAHGD7.cjs');
+
+
+var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/CodeBlock.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _prismjs = require('prismjs'); var _prismjs2 = _interopRequireDefault(_prismjs);
+require('prismjs/components/prism-dart.min.js');
+require('prismjs/components/prism-go.min.js');
+require('prismjs/components/prism-graphql.min.js');
+require('prismjs/components/prism-java.min.js');
+require('prismjs/components/prism-json.min.js');
+require('prismjs/components/prism-jsx.min.js');
+require('prismjs/components/prism-kotlin.min.js');
+require('prismjs/components/prism-python.min.js');
+require('prismjs/components/prism-rust.min.js');
+require('prismjs/components/prism-swift.min.js');
+require('prismjs/themes/prism-tomorrow.css');
+var _react = require('react');
+var _reactselect = require('react-select'); var _reactselect2 = _interopRequireDefault(_reactselect);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var ProgrammingLanguageOptions = {
+  Bash: "bash",
+  Flutter: "dart",
+  Go: "go",
+  GraphQL: "graphql",
+  Java: "java",
+  JavaScript: "js",
+  JSON: "json",
+  Kotlin: "kotlin",
+  Python: "python",
+  React: "react",
+  ReactNative: "tsx",
+  Rust: "rust",
+  Swift: "swift",
+  Text: "txt"
+};
+var backgroundColor = "#2d2d2d";
+var InlineCode = _styled2.default.span`
+  font-family: "Roboto Mono", monospace;
+  background-color: #2d2d2d;
+  border: 1px solid ${_chunkPDZ23BEDcjs.themeOr.call(void 0, _chunkKSKKC6C2cjs.colors.gray90, _chunkKSKKC6C2cjs.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), {
+    display: "flex"
+  }),
+  control: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    backgroundColor,
+    border: "none",
+    cursor: "pointer",
+    "&:hover": {
+      border: "#none"
+    },
+    boxShadow: "none",
+    minHeight: 0
+  }),
+  dropdownIndicator: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    color: "#ffffff",
+    padding: "0 0 0 4px",
+    "&:hover": {
+      color: "#ffffff"
+    }
+  }),
+  indicatorSeparator: (styles) => ({
+    display: "none"
+  }),
+  input: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    fontSize: "1rem",
+    margin: 0,
+    color: "transparent"
+  }),
+  menu: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    backgroundColor,
+    width: "auto"
+  }),
+  menuList: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    borderRadius: "4px",
+    padding: 0
+  }),
+  option: (styles, state) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    cursor: "pointer",
+    backgroundColor: state.isSelected ? _chunkKSKKC6C2cjs.colors.gray25 : backgroundColor,
+    "&:hover": {
+      backgroundColor: _chunkKSKKC6C2cjs.colors.gray25
+    }
+  }),
+  singleValue: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    color: "#ffffff",
+    margin: 0
+  }),
+  valueContainer: (styles) => _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, styles), {
+    padding: 0
+  })
+};
+var CodeBlock = ({
+  title,
+  children,
+  className,
+  language = "Text",
+  languageOptions,
+  onSelectLanguage,
+  withCopyButton
+}) => {
+  _react.useLayoutEffect.call(void 0, () => {
+    _prismjs2.default.highlightAll();
+  }, [children, language]);
+  const header = withCopyButton || languageOptions && onSelectLanguage ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CodeBlockHeader, { children: [
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CodeBlockHeaderTitle, { children: title }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        css: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: title ? "flex-end" : "space-between",
+          width: "100%"
+        },
+        children: [
+          languageOptions && onSelectLanguage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { margin: title ? "0 16px 0 auto" : "0" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _reactselect2.default,
+            {
+              value: { value: language, label: language },
+              options: languageOptions.map((lang) => ({
+                value: lang,
+                label: lang
+              })),
+              onChange: (selected) => {
+                if (selected == null ? void 0 : selected.value) {
+                  onSelectLanguage(selected.value);
+                }
+              },
+              styles: codeSelectStyles
+            }
+          ) }) : null,
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHVSAHGD7cjs.CopyToClipboardButton, { value: children }) : null
+        ]
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCodeBlock, { className, children: [
+    header,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CodeBlockContainer, { hasHeader: header !== null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { className: `language-${ProgrammingLanguageOptions[language]}`, children }) })
+  ] });
+};
+var StyledCodeBlock = _styled2.default.div``;
+var CodeBlockHeader = _styled2.default.div`
+  align-items: center;
+  background-color: #2d2d2d;
+  border-bottom: 1px solid ${_chunkKSKKC6C2cjs.colors.gray25};
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 16px 20px;
+`;
+var CodeBlockContainer = _styled2.default.pre`
+  ${_chunkSODYHHOBcjs.overflowAutoWithoutScrollbars}
+  &[class*="language-"] {
+    padding: 20px;
+    font-weight: 500;
+    ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+    ${(props) => props.hasHeader ? `border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            margin-top: 0;` : ""}
+  }
+`;
+var CodeBlockHeaderTitle = _styled2.default.div`
+  width: 100%;
+  font-weight: 500;
+  color: ${({ theme }) => theme.hcNeutralFromBg(backgroundColor)};
+`;
+
+
+
+
+
+
+exports.ProgrammingLanguageOptions = ProgrammingLanguageOptions; exports.InlineCode = InlineCode; exports.CodeBlock = CodeBlock; exports.StyledCodeBlock = StyledCodeBlock;

package/dist/chunk-JE624NDF.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowUp.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowUp() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 17 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M1 3.75904L3.88111 0.87793M3.88111 0.87793L6.76222 3.75904M3.88111 0.87793L3.88111 12.4024",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ArrowUp = ArrowUp;

package/dist/chunk-JEEFB6LD.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/NotEye.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function NotEye() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.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: "M1 14L15 2",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M1.5 7.99986C1.5 7.17871 2.17312 6.0791 3.46017 5.13192C4.7117 4.21088 6.37168 3.57129 8 3.57129C9.61784 3.57129 11.2669 4.20267 12.5156 5.11417L13.6804 4.11579C13.5977 4.05032 13.5138 3.9863 13.4289 3.92381C11.9617 2.84404 9.99667 2.07129 8 2.07129C6.00332 2.07129 4.0383 2.84404 2.57108 3.92381C1.13938 4.97744 0 6.46711 0 7.99986C0 9.5326 1.13938 11.0223 2.57108 12.0759C2.89623 12.3152 3.24581 12.5394 3.61478 12.7435L4.84569 11.6884C4.34877 11.4558 3.88134 11.1778 3.46017 10.8678C2.17312 9.92062 1.5 8.82101 1.5 7.99986ZM6.48982 12.2547L5.1284 13.4217C6.04079 13.741 7.01656 13.9284 8 13.9284C9.99667 13.9284 11.9617 13.1557 13.4289 12.0759C14.8606 11.0223 16 9.5326 16 7.99986C16 6.99641 15.5117 6.01143 14.7727 5.15516L13.6346 6.13069C14.2058 6.79245 14.5 7.457 14.5 7.99986C14.5 8.82101 13.8269 9.92062 12.5398 10.8678C11.2883 11.7888 9.62832 12.4284 8 12.4284C7.49528 12.4284 6.98752 12.367 6.48982 12.2547ZM10.7583 8.59603C10.4961 9.81498 9.44641 10.7413 8.16793 10.8164L10.7583 8.59603ZM10.5527 6.79664C10.1011 5.84021 9.12785 5.17843 8 5.17843C6.44177 5.17843 5.17857 6.44163 5.17857 7.99986C5.17857 8.97302 5.67126 9.83111 6.42081 10.3383L7.6591 9.2769C7.09451 9.12657 6.67857 8.61179 6.67857 7.99986C6.67857 7.27006 7.2702 6.67843 8 6.67843C8.68203 6.67843 9.24338 7.19514 9.31395 7.85845L10.5527 6.79664Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.NotEye = NotEye;

package/dist/chunk-JFMGOEGC.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/PaperPlane.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function PaperPlane() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M5.10092 6.89819L6.93999 5.06257M11.5 0.5L0.5 4.16667L5.08333 6.91667L7.83333 11.5L11.5 0.5Z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.PaperPlane = PaperPlane;

package/dist/chunk-JGHR6XRE.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CreditCard.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CreditCard() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2.25 5.9375H9.375", stroke: "currentColor", strokeWidth: "1.125" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: "1.5",
+            y: "2.9375",
+            width: "9",
+            height: "7.125",
+            rx: "1",
+            stroke: "currentColor",
+            strokeWidth: "1.125",
+            mask: "url(#path-1-inside-1_865_26901)"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.CreditCard = CreditCard;

package/dist/chunk-JMQYZAL2.cjs

@@ -0,0 +1,89 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk3FA4RQGHcjs = require('./chunk-3FA4RQGH.cjs');
+
+
+var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/ButtonRow.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ButtonRow({
+  buttons,
+  className,
+  smSticky = true,
+  headerHeight = 0
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowContainer, { smSticky, headerHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
+    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FA4RQGHcjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, button), idx)
+  ) }) });
+}
+var ButtonRowContainer = _styled2.default.div`
+  max-width: 100%;
+  ${({ theme }) => _chunkKW3JYLRIcjs.bp.sm(`background: ${theme.bg}`)}
+  ${({ headerHeight, smSticky }) => _chunkKW3JYLRIcjs.bp.sm(
+  `
+        ${smSticky ? `
+            display: block;
+            position: sticky;
+            top: ${headerHeight}px;
+            margin-top: 24px;
+            margin-left: -${_chunkMNAZ4BDQcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkMNAZ4BDQcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkMNAZ4BDQcjs.standardContentInset.smPx * 2}px);
+            z-index: 2;` : `position: relative;`}
+        z-index: 2;
+        &:before {
+          content: "";
+          box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.09);
+          height: 1px;
+          position: absolute;
+          background: black;
+          bottom: 1px;
+          width: 100%;
+          z-index: 0;
+        }
+      `
+)}
+`;
+var ButtonRowDivider = _styled2.default.div`
+  border-left: 1px #d9d9d9 solid;
+  margin-left: 16px;
+  padding-left: 16px;
+`;
+var StyledButtonRow = _styled2.default.div`
+  ${_chunkSODYHHOBcjs.overflowAutoWithoutScrollbars}
+  background: ${({ theme }) => theme.bg};
+  display: flex;
+  position: relative;
+  z-index: 1;
+
+  & button:not(:first-of-type),
+  & a:not(:first-of-type) {
+    margin-left: 8px;
+  }
+
+  & ${ButtonRowDivider} + button,
+  & ${ButtonRowDivider} + a {
+    margin-left: 0;
+  }
+
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+    padding: ${_chunkMNAZ4BDQcjs.standardContentInset.smPx}px;
+  `)}
+`;
+
+
+
+
+
+exports.ButtonRow = ButtonRow; exports.ButtonRowContainer = ButtonRowContainer; exports.StyledButtonRow = StyledButtonRow;

package/dist/{chunk-D4DFISYR.js → chunk-JQV6H76U.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-AXNQ7BDD.js → chunk-KH5NEXIW.js}

@@ -1,15 +1,15 @@
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-H47HIU2F.js";
 import {
   standardLineHeightEms
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 import {
   themeOr
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 import {
   colors
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";

package/dist/chunk-KPGYI4CN.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/CommandKey.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var CommandKey = ({
+  keyboardKey,
+  size,
+  color,
+  backgroundColor
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledCommandKey,
+    {
+      color,
+      size,
+      backgroundColor,
+      children: keyboardKey
+    }
+  );
+};
+var StyledCommandKey = _styled2.default.div`
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 500;
+  color: ${(props) => props.color || "black"};
+  ${(props) => props.backgroundColor ? `background-color: ${props.backgroundColor};` : ""}
+  border-radius: 3.6px;
+  min-width: ${(props) => props.size === "sm" ? 20 : 24}px;
+  height: ${(props) => props.size === "sm" ? 20 : 24}px;
+  font-size: ${(props) => props.size === "sm" ? 12 : 14}px;
+  padding: 3px 6px;
+`;
+
+
+
+exports.CommandKey = CommandKey;

package/dist/chunk-KPMZD7KJ.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CircleCheckOutline.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CircleCheckOutline() {
+  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",
+        {
+          d: "M6 10L8.5 12.5L13.5 7.5M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z",
+          stroke: "currentColor",
+          strokeWidth: "2"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.CircleCheckOutline = CircleCheckOutline;

package/dist/{chunk-PZTZ4436.js → chunk-KQ475V76.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-5JJUXAVA.js";
+} from "./chunk-EKU37RBB.js";
 import {
   standardBorderRadius
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/chunk-KS6GHRZI.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/constants.tsx
+var invertFillColor = "invert-fill-color";
+var invertStrokeColor = "invert-stroke-color";
+
+
+
+
+exports.invertFillColor = invertFillColor; exports.invertStrokeColor = invertStrokeColor;

package/dist/chunk-KSKKC6C2.cjs

@@ -0,0 +1,126 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/styles/colors.tsx
+var neutral = {
+  black: "#000000",
+  gray5: "#0D0D0D",
+  gray10: "#1A1A1A",
+  gray15: "#262626",
+  gray20: "#333333",
+  gray25: "#404040",
+  gray30: "#4D4D4D",
+  gray40: "#666666",
+  gray50: "#808080",
+  gray60: "#999999",
+  gray70: "#B3B3B3",
+  gray80: "#CCCCCC",
+  gray85: "#D9D9D9",
+  gray90: "#E6E6E6",
+  gray91: "#171717",
+  gray95: "#F2F2F2",
+  gray98: "#F9F9F9",
+  white: "#FFFFFF"
+};
+var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
+var primary = "#FFF14E";
+var baseColors = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, neutral), {
+  // green
+  success: "#17C27C",
+  green33: "#179257",
+  // blue
+  blue43: "#145BC6",
+  blue22: "#0E2E60",
+  blue39: "#0068C9",
+  blue37: "#21529c",
+  blue58: "#28BFFF",
+  // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
+  grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
+  grayBlue32: "#4F5156",
+  grayBlue43: "#686A72",
+  grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
+  grayBlue67: "#9BA7B9",
+  grayBlue69: "#A6A9BA",
+  grayBlue80: "#C0C9D6",
+  grayBlue88: "#DEDFE4",
+  grayBlue94: "#EBEEF2",
+  grayBlue96: "#F2F5F7",
+  // purple
+  purple43: "#820AD1",
+  purple55: "#8B38DE",
+  // red
+  red42a10: "#D800271A",
+  // yellow
+  primary,
+  warning: primary,
+  // orange
+  danger: "#FD2C0F",
+  // neutral
+  secondary: neutral.black
+});
+var colors = baseColors;
+function isColorKey(key) {
+  return key in colors;
+}
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
+  const bgRGB = hexToRGB(bgHex);
+  const hcRGB = hexToRGB(defaultHex);
+  if (!bgRGB || !hcRGB)
+    return defaultHex;
+  const c = contrast(bgRGB, hcRGB);
+  if (c < 4.5) {
+    return altHex;
+  }
+  return defaultHex;
+}
+function luminance(r, g, b) {
+  const a = [r, g, b].map(function(v) {
+    v /= 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+function contrast(rgb1, rgb2) {
+  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
+  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function componentToHex(c) {
+  const hex = c.toString(16);
+  return hex.length === 1 ? "0" + hex : hex;
+}
+function rgbToHex(r, g, b) {
+  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
+}
+function hexToRGB(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : [0, 0, 0];
+}
+function hexToRGBAStr(hex, alpha) {
+  const rgb = hexToRGB(hex);
+  return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+exports.darkGradient = darkGradient; exports.colors = colors; exports.isColorKey = isColorKey; exports.hcNeutralFromBg = hcNeutralFromBg; exports.luminance = luminance; exports.contrast = contrast; exports.componentToHex = componentToHex; exports.rgbToHex = rgbToHex; exports.hexToRGB = hexToRGB; exports.hexToRGBAStr = hexToRGBAStr;