@lightsparkdev/ui 1.0.7 → 1.0.9

package/dist/chunk-QTX2AMWH.cjs

@@ -0,0 +1,129 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkJT3HYZXJcjs = require('./chunk-JT3HYZXJ.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+
+
+var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/IdFilter.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var DEFAULT_ERROR_MESSAGE = 'Please ensure ID is formatted correctly, e.g. "User:01896631-99e6-04f8-0000-6df5455fabcd"';
+var isIdFilterState = (state) => state.type === "id" /* ID */;
+var onValidate = (state, isMulti) => {
+  var _a;
+  const { value, allowedEntities } = state;
+  if (!value) {
+    return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state);
+  }
+  let uuid = value;
+  if (allowedEntities) {
+    const entityPrefix = allowedEntities.find(
+      (entity) => value.startsWith(`${entity}:`)
+    );
+    const hasValidEntityPrefix = !!entityPrefix;
+    if (!hasValidEntityPrefix) {
+      return false;
+    }
+    uuid = value.replace(`${entityPrefix}:`, "");
+  }
+  const isUuid = uuid.match(
+    /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/
+  );
+  if (!isUuid) {
+    return false;
+  }
+  let updatedAppliedValues = [];
+  if (isMulti) {
+    updatedAppliedValues = ((_a = state.appliedValues) == null ? void 0 : _a.filter((appliedValue) => appliedValue !== value)) || [];
+  }
+  updatedAppliedValues.push(uuid);
+  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+    value: uuid,
+    appliedValues: updatedAppliedValues
+  });
+};
+var getDefaultIdFilterState = (allowedEntities) => ({
+  type: "id" /* ID */,
+  value: "",
+  errorMessage: "",
+  allowedEntities,
+  isApplied: false,
+  onValidate: (filterState, isMulti) => onValidate(filterState, isMulti)
+});
+var cleanValue = (value) => {
+  return value.trim();
+};
+var IdFilter = ({
+  updateFilterState,
+  state,
+  placeholder,
+  label
+}) => {
+  var _a;
+  const handleChange = (rawValue) => {
+    var _a2;
+    const value = cleanValue(rawValue);
+    updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+      value,
+      isApplied: !!value || !!((_a2 = state.appliedValues) == null ? void 0 : _a2.length),
+      errorMessage: void 0
+    }));
+  };
+  const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3XWROTDTcjs.Button,
+      {
+        kind: "primary",
+        size: "ExtraSmall",
+        text: value,
+        icon: "Close",
+        iconSide: "right",
+        onClick: () => {
+          var _a2;
+          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+            appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
+              (appliedValue) => appliedValue !== value
+            )
+          }));
+        }
+      },
+      value
+    );
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJT3HYZXJcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkGFKY6YX2cjs.TextInput,
+      {
+        placeholder: placeholder || "",
+        onChange: handleChange,
+        value: state.value,
+        error: state.errorMessage
+      }
+    ) }),
+    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppliedButtonsContainer, { children: appliedValueButtons }) : null
+  ] });
+};
+var AppliedButtonsContainer = _styled2.default.div`
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+  display: flex;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+  flex-wrap: wrap;
+`;
+
+
+
+
+
+
+exports.DEFAULT_ERROR_MESSAGE = DEFAULT_ERROR_MESSAGE; exports.isIdFilterState = isIdFilterState; exports.getDefaultIdFilterState = getDefaultIdFilterState; exports.IdFilter = IdFilter;

package/dist/chunk-QV2SZAAX.js

@@ -0,0 +1,58 @@
+import {
+  styles
+} from "./chunk-7ZBJZ4GA.js";
+import {
+  useQRReader
+} from "./chunk-SNAEIQF4.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/QRReader/QRReader.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function QRReader({
+  videoContainerStyle = {},
+  containerStyle = {},
+  videoStyle = {},
+  constraints,
+  scanDelay,
+  className,
+  onResult,
+  videoId
+}) {
+  useQRReader({
+    constraints,
+    scanDelay,
+    onResult,
+    videoId
+  });
+  return /* @__PURE__ */ jsx("section", { className, style: containerStyle, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: __spreadValues(__spreadValues({}, styles.container), videoContainerStyle),
+      children: /* @__PURE__ */ jsx(
+        "video",
+        {
+          muted: true,
+          id: videoId,
+          style: __spreadProps(__spreadValues(__spreadValues({}, styles.video), videoStyle), {
+            transform: (constraints == null ? void 0 : constraints.facingMode) === "user" ? "scaleX(-1)" : void 0
+          })
+        }
+      )
+    }
+  ) });
+}
+QRReader.displayName = "QRReader";
+QRReader.defaultProps = {
+  constraints: {
+    facingMode: "user"
+  },
+  videoId: "video",
+  scanDelay: 500
+};
+
+export {
+  QRReader
+};

package/dist/chunk-QXSIVX4U.js

@@ -0,0 +1,34 @@
+import {
+  LabelModerate
+} from "./chunk-NKLYOJV4.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+
+// src/components/DataManagerTable/Filter.tsx
+import styled from "@emotion/styled";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var Filter = ({
+  label,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(FilterHeader, { children: /* @__PURE__ */ jsx(LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ jsx(FilterBody, { children })
+  ] });
+};
+var Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${Spacing.px.sm};
+`;
+var FilterHeader = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+var FilterBody = styled.div``;
+
+export {
+  Filter
+};

package/dist/chunk-QYB65ZJC.js

@@ -0,0 +1,291 @@
+import {
+  QRReader
+} from "./chunk-QV2SZAAX.js";
+import {
+  FieldError,
+  aboveFieldError,
+  standardBorderColor
+} from "./chunk-W5NH2F3D.js";
+import {
+  pxToRems
+} from "./chunk-IGZYEIQS.js";
+import {
+  Button
+} from "./chunk-R35JXTPE.js";
+import {
+  UnstyledButton
+} from "./chunk-EYWGUIVP.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
+import {
+  Icon
+} from "./chunk-K3DMPJSX.js";
+import {
+  standardBorderRadius
+} from "./chunk-ZMK4RE5I.js";
+import {
+  colors
+} from "./chunk-RTRS42I3.js";
+
+// src/components/QRReaderButton.tsx
+import styled from "@emotion/styled";
+import { isError } from "@lightsparkdev/core";
+import { useEffect, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var containerStyle = {};
+var videoContainerStyle = {
+  position: "static",
+  width: "auto",
+  height: "auto",
+  overflow: "initial"
+};
+var videoStyle = {};
+function QRReaderOverlay({
+  captureModeTitle,
+  onClickBack
+}) {
+  return /* @__PURE__ */ jsxs(StyledQRReaderOverlay, { children: [
+    /* @__PURE__ */ jsxs(ScreenContext, { children: [
+      /* @__PURE__ */ jsxs(OverlayHeader, { children: [
+        /* @__PURE__ */ jsx(BackButton, { onClick: onClickBack, children: /* @__PURE__ */ jsx(Icon, { name: "LeftArrow", width: 25 }) }),
+        captureModeTitle ? /* @__PURE__ */ jsx("div", { children: captureModeTitle }) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          css: {
+            position: "absolute",
+            width: "146px",
+            top: "13%",
+            left: "0px",
+            right: "0px",
+            margin: "auto"
+          },
+          children: "Scan a BTC or Lightning QR code"
+        }
+      ),
+      /* @__PURE__ */ jsxs(OverlayFooter, { children: [
+        /* @__PURE__ */ jsx("div", { children: "or" }),
+        /* @__PURE__ */ jsx(Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        height: "100%",
+        viewBox: "0 0 1784 623",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M1784 0H0V623H1784V0ZM774.107 136C756.375 136 742 150.327 742 168V404C742 421.673 756.375 436 774.107 436H1009.89C1027.63 436 1042 421.673 1042 404V168C1042 150.327 1027.63 136 1009.89 136H774.107Z",
+              fill: "black",
+              fillOpacity: "0.5"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: "742",
+              y: "136",
+              width: "300",
+              height: "300",
+              rx: "32",
+              stroke: "white",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeDasharray: "4 6"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function QRReaderButton({
+  onResult,
+  onUserDenyAccess,
+  captureModeTitle
+}) {
+  const [capturing, setCapturing] = useState(false);
+  const [errorMsg, setErrorMsg] = useState(null);
+  const nodeRef = useRef(null);
+  useEffect(() => {
+    if (!nodeRef.current) {
+      nodeRef.current = document.createElement("div");
+      document.body.appendChild(nodeRef.current);
+    }
+    return () => {
+      if (nodeRef.current) {
+        document.body.removeChild(nodeRef.current);
+        nodeRef.current = null;
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (capturing) {
+      document.body.style.overflow = "hidden";
+      document.body.style.overscrollBehavior = "none";
+      document.body.style.touchAction = "none";
+    } else {
+      document.body.style.overflow = "";
+      document.body.style.overscrollBehavior = "";
+      document.body.style.touchAction = "";
+    }
+  }, [capturing]);
+  return /* @__PURE__ */ jsxs(QRReaderButtonContainer, { children: [
+    capturing && nodeRef.current ? (
+      // portal needed to break outside card stacking context and stay above header
+      ReactDOM.createPortal(
+        /* @__PURE__ */ jsxs(QRContainer, { children: [
+          /* @__PURE__ */ jsx(
+            QRReaderOverlay,
+            {
+              captureModeTitle: captureModeTitle || "Scan QR Code",
+              onClickBack: () => setCapturing(false)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            QRReader,
+            {
+              constraints: {
+                facingMode: "environment"
+              },
+              onResult: (result, error) => {
+                if (result) {
+                  setCapturing(false);
+                  onResult(result, error);
+                }
+                if (error) {
+                  if (isError(error)) {
+                    if (error.message.match(/Permission denied/)) {
+                      setErrorMsg(
+                        "You must allow access to your camera to scan QR codes."
+                      );
+                      onUserDenyAccess();
+                    }
+                  }
+                }
+              },
+              containerStyle,
+              videoContainerStyle,
+              videoStyle
+            }
+          )
+        ] }),
+        nodeRef.current
+      )
+    ) : null,
+    /* @__PURE__ */ jsxs(
+      ScanQRButton,
+      {
+        onClick: () => setCapturing(true),
+        hasError: Boolean(errorMsg),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ jsx("div", { css: { marginTop: "21px" }, children: "Scan QR Code" })
+        ]
+      }
+    ),
+    errorMsg ? /* @__PURE__ */ jsx(FieldError, { children: errorMsg }) : null
+  ] });
+}
+var StyledQRReaderOverlay = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  z-index: ${z.qrReaderOverlay};
+  left: 50%;
+  transform: translateX(-50%);
+`;
+var QRContainer = styled.div`
+  // some of these styles aren't applied properly via the provided props, override:
+  video {
+    z-index: ${z.qrReaderVideo} !important;
+    padding: 0 !important;
+    position: fixed !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    left: 50% !important;
+    transform: translateX(-50%) !important;
+    object-fit: cover !important;
+  }
+`;
+var QRReaderButtonContainer = styled.div``;
+var ScanQRButton = styled(UnstyledButton)`
+  ${standardBorderColor}
+  ${aboveFieldError}
+  margin-top: 16px;
+  border-style: solid;
+  border-width: 1px;
+  ${standardBorderRadius(8)}
+  width: 100%;
+  padding: 24px 16px 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: ${({ theme }) => theme.lcNeutral};
+  div:last-of-type {
+    color: ${({ theme }) => theme.c4Neutral};
+    font-weight: 600;
+  }
+`;
+var ScreenContext = styled.div`
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  left: 50%;
+  transform: translateX(-50%);
+  color: ${colors.white};
+  text-align: center;
+`;
+var qrOverlayHeaderHeightPx = 80;
+var BackButton = styled(UnstyledButton)`
+  height: ${qrOverlayHeaderHeightPx}px;
+  width: ${qrOverlayHeaderHeightPx}px;
+  color: ${colors.white};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+var OverlayHeader = styled.div`
+  position: absolute;
+  top: 0;
+  font-size: ${pxToRems(16)};
+  text-align: center;
+  width: 100%;
+  height: ${qrOverlayHeaderHeightPx}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+var OverlayFooter = styled.div`
+  padding: 16px 0;
+  position: absolute;
+  height: 32%;
+  max-height: 250px;
+  background: ${colors.black};
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  font-size: ${pxToRems(16)};
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+`;
+
+export {
+  QRReaderButton
+};

package/dist/{chunk-ZGPNVPST.js → chunk-R35JXTPE.js}

@@ -1,42 +1,42 @@
-import {
-  Loading
-} from "./chunk-7GCXP2EW.js";
-import {
-  renderTypography
-} from "./chunk-SUTN4O34.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
-  Link
-} from "./chunk-34MTU3ER.js";
+  Loading
+} from "./chunk-QJPQJXJ2.js";
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
-import {
-  Tooltip
-} from "./chunk-FLYNOCPZ.js";
+} from "./chunk-U4Y4CF4A.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-EYWGUIVP.js";
+import {
+  Tooltip
+} from "./chunk-GUGOSES5.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-K3DMPJSX.js";
 import {
   getFocusOutline
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-ZMK4RE5I.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-GZW6KBUI.js";
 import {
   TokenSize
-} from "./chunk-ENBUKLVT.js";
+} from "./chunk-VASG2BKI.js";
+import {
+  Link
+} from "./chunk-ELHOJIVP.js";
+import {
+  renderTypography
+} from "./chunk-5GLOHTP6.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/Button.tsx
 import { css, useTheme } from "@emotion/react";
@@ -52,7 +52,8 @@ var buttonKinds = [
   "purple55",
   "blue43",
   "blue39",
-  "danger"
+  "danger",
+  "tertiary"
 ];
 var roundPaddingsX = {
   [TokenSize.ExtraSmall]: 10,
@@ -362,7 +363,7 @@ var ButtonIcon = styled.div`
 var StyledButton = styled(UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = styled(Link)`
+var ButtonLink = styled(LinkWithoutTypography)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = styled.a`
@@ -371,6 +372,9 @@ var ButtonHrefLink = styled.a`
 var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${select(StyledButton)}, ${select(ButtonLink)}, ${select(
   ButtonHrefLink
 )})${append}`;
+function LinkWithoutTypography(props) {
+  return /* @__PURE__ */ jsx(Link, __spreadValues({}, props));
+}
 
 export {
   buttonKinds,

package/dist/{chunk-PXZFQWMN.cjs → chunk-RDSI3OMQ.cjs}

@@ -1,9 +1,9 @@
 "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 _chunk425MNRRKcjs = require('./chunk-425MNRRK.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHVSAHGD7cjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk425MNRRKcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-TZ4KOSZV.cjs → chunk-RSQWIVP4.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/static/images/Logo.svg
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { viewBox: "0 0 169 34", width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { viewBox: "0 0 169 34", width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M44.898 21.7971H39.3337V11.6397H37.8989V23.2049H46.3245V18.0239H44.898V21.7971Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M50.796 13.0393H53.8242V21.7971H50.796V23.2049H58.2456V21.7971H55.2591V13.0393H58.2456V11.6397H50.796V13.0393Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M70.3 21.7972H67.2217C65.6868 21.7972 65.1445 21.5516 64.9527 21.4125C64.6607 21.1915 64.5189 20.7577 64.5189 20.1275V14.7582C64.5189 14.1116 64.6523 13.645 64.9193 13.4158C65.0778 13.2767 65.545 13.0393 66.838 13.0393H70.8339V11.6315H66.838C65.3948 11.6315 64.4605 11.8689 63.9099 12.3682C63.3676 12.8675 63.0923 13.6696 63.0923 14.75V20.1193C63.0923 20.6267 63.1507 21.0687 63.2675 21.437C63.401 21.8708 63.6513 22.231 64.0183 22.5093C64.352 22.763 64.8025 22.9512 65.3531 23.0576C65.8453 23.1559 66.4793 23.205 67.2301 23.205H71.7349V18.1385H70.3V21.7972Z", fill: "currentColor" }),

package/dist/{chunk-REL56P3K.js → chunk-RTRS42I3.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/styles/colors.tsx
 var neutral = {
@@ -16,6 +16,7 @@ var neutral = {
   gray50: "#808080",
   gray60: "#999999",
   gray70: "#B3B3B3",
+  gray75: "#BFBFBF",
   gray80: "#CCCCCC",
   gray85: "#D9D9D9",
   gray90: "#E6E6E6",
@@ -70,8 +71,7 @@ function isColorKey(key) {
 function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
   const bgRGB = hexToRGB(bgHex);
   const hcRGB = hexToRGB(defaultHex);
-  if (!bgRGB || !hcRGB)
-    return defaultHex;
+  if (!bgRGB || !hcRGB) return defaultHex;
   const c = contrast(bgRGB, hcRGB);
   if (c < 4.5) {
     return altHex;