@lightsparkdev/ui 1.1.2 → 1.1.4

package/dist/{chunk-IWGKLRFS.js → chunk-LOGFZK7Y.js}

@@ -1,77 +1,74 @@
 import {
   Headline
-} from "./chunk-B7Z7ECLO.js";
+} from "./chunk-D3P3STPT.js";
 import {
   StyledSelect
-} from "./chunk-ZHKLSHFU.js";
+} from "./chunk-SND77246.js";
 import {
   TextInputHalfRow
-} from "./chunk-DFYU5VPB.js";
+} from "./chunk-UZVCEPZZ.js";
 import {
   ToggleContainer
-} from "./chunk-R2AGQ3JJ.js";
+} from "./chunk-K27IPM4F.js";
 import {
   StyledFileInput
-} from "./chunk-DP3CK7ZD.js";
+} from "./chunk-2SMHXYLT.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-TKOYRZ7J.js";
+} from "./chunk-WZFG7LSB.js";
 import {
-  Flex
-} from "./chunk-NPKEAEDV.js";
+  StyledButtonRowButton
+} from "./chunk-SOZ7BJDT.js";
+import {
+  ButtonSelector
+} from "./chunk-EWU2MUVI.js";
+import {
+  LoadingWrapper
+} from "./chunk-XIDZLXAN.js";
 import {
   Checkbox
-} from "./chunk-KMV6MVFT.js";
+} from "./chunk-HABYIBKT.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-R62M65Z7.js";
+} from "./chunk-DTELIM22.js";
 import {
   toReactNodes
-} from "./chunk-E7KQDR6U.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   icon
 } from "./chunk-FZUV52PP.js";
 import {
   ClipboardTextField
-} from "./chunk-MKERXZUC.js";
-import {
-  StyledButtonRowButton
-} from "./chunk-VLMFSAAH.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-WLB5CQQV.js";
 import {
   pxToRems
-} from "./chunk-YWNKHN46.js";
-import {
-  ButtonSelector
-} from "./chunk-ADV4UT4X.js";
-import {
-  LoadingWrapper
-} from "./chunk-4D4LDRA5.js";
+} from "./chunk-VHE37AWV.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-HQN2LS2G.js";
+} from "./chunk-IQQ7XKJO.js";
 import {
   Link
-} from "./chunk-YIEDSI2X.js";
+} from "./chunk-3NEARZTN.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-QPO3F72O.js";
+} from "./chunk-GUCFCDNY.js";
 import {
   __spreadProps,
   __spreadValues
@@ -80,7 +77,7 @@ import {
 // src/components/CardForm/CardForm.tsx
 import { css, useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
-import { Fragment, useCallback } from "react";
+import { Fragment, useCallback, useEffect, useMemo } from "react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 function resolveProps(args, theme) {
   const paddingTop = resolveCardFormProp(
@@ -193,6 +190,7 @@ function CardForm({
   forceMarginAfterSubtitle = true,
   afterTitleMargin = 40,
   graphicHeader,
+  statusHeaderProps,
   centeredContent = false,
   contentMarginTop,
   formButtonTopMargin,
@@ -290,8 +288,21 @@ function CardForm({
     smDontAdjustWidth
   };
   const Container = full ? CardFormContentFull : CardFormContainer;
+  const statusHeader = useMemo(
+    () => statusHeaderProps ? /* @__PURE__ */ jsx(StatusHeader, __spreadValues({}, statusHeaderProps)) : null,
+    [statusHeaderProps]
+  );
+  useEffect(() => {
+    var _a;
+    (_a = document.querySelector("meta[name='theme-color']")) == null ? void 0 : _a.setAttribute("content", statusHeader ? theme.linkLight : theme.bg);
+    return () => {
+      var _a2;
+      (_a2 = document.querySelector("meta[name='theme-color']")) == null ? void 0 : _a2.setAttribute("content", theme.bg);
+    };
+  }, [statusHeader, theme.linkLight, theme.bg]);
   return /* @__PURE__ */ jsxs(Container, { paddingBottom, children: [
-    hasChildForm ? /* @__PURE__ */ jsx(StyledCardFormDiv, __spreadProps(__spreadValues({}, commonProps), { children: content })) : /* @__PURE__ */ jsxs(Flex, { column: true, align: "center", height: full ? "100%" : "auto", children: [
+    hasChildForm ? /* @__PURE__ */ jsx(StyledCardFormDiv, __spreadProps(__spreadValues({}, commonProps), { children: content })) : /* @__PURE__ */ jsxs(StyledCardFormContainer, { full, statusHeader: !!statusHeader, children: [
+      statusHeader,
       graphicHeader && graphicHeader,
       /* @__PURE__ */ jsx(
         StyledCardForm,
@@ -300,7 +311,8 @@ function CardForm({
           noValidate: true
         }, commonProps), {
           forceMarginAfterSubtitle,
-          graphicHeader: graphicHeader ? true : false,
+          graphicHeader: !!graphicHeader,
+          statusHeader: !!statusHeader,
           formButtonTopMargin,
           selectMarginTop,
           children: content
@@ -310,6 +322,38 @@ function CardForm({
     belowFormContentNodes && /* @__PURE__ */ jsx(BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
+var StatusHeader = ({ content, onClick }) => {
+  return /* @__PURE__ */ jsx(StatusHeaderContainer, { onClick, children: toReactNodes(content) });
+};
+var StatusHeaderContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
+  gap: 2px;
+  width: 100%;
+  min-height: 49px;
+  background-color: ${({ theme }) => theme.linkLight};
+  padding: ${Spacing.px.xs} ${Spacing.px.lg};
+
+  ${bp.minSm(`
+    margin-bottom: ${Spacing.px.xs};
+    width: fit-content;
+    border-radius: 32px;
+  `)}
+`;
+var StyledCardFormContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: ${({ full }) => full ? "100%" : "auto"};
+  background-color: ${({ statusHeader, theme }) => statusHeader ? theme.linkLight : theme.bg};
+  ${bp.minSm(`
+    background-color: #F9F9F9;
+  `)}
+`;
 var CenteredHeader = styled.div`
   display: flex;
   flex-direction: column;
@@ -423,12 +467,14 @@ var formInset = ({
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
     ${smDontAdjustWidth ? "" : bp.sm(`
-      width: calc(100% + ${standardContentInset.smPx * 2}px);
+      padding-right: ${standardContentInset.smPx}px;
+      padding-left: ${standardContentInset.smPx}px;
       margin-left: -${standardContentInset.smPx}px;
     `)}
 
     ${smDontAdjustWidth ? "" : bp.minSm(`
-      width: calc(100% + ${paddingX * 2}px);
+      padding-right: ${paddingX}px;
+      padding-left: ${paddingX}px;
       margin-left: -${paddingX}px;
     `)}
   }
@@ -455,6 +501,7 @@ var StyledCardFormStyle = ({
   smBorderWidth,
   forceMarginAfterSubtitle = true,
   graphicHeader,
+  statusHeader,
   formButtonTopMargin = 32,
   selectMarginTop = inputSpacingPx,
   smDontAdjustWidth = false
@@ -488,6 +535,8 @@ var StyledCardFormStyle = ({
       box-shadow: none;
       background-color: ${getColor(theme, smBackgroundColor)};
       border-width: ${smBorderWidth}px;
+      border-radius: ${statusHeader ? `${borderRadius}px ${borderRadius}px 0 0` : 0};
+      ${statusHeader ? `box-shadow: 0 -0.5px 0 0px ${getColor(theme, borderColor)};` : ""}
     `)}
 
     ${bp.minSm(`

package/dist/{chunk-6LPPYQXI.cjs → chunk-LZCDVTDT.cjs}

@@ -3,6 +3,9 @@
 var _chunkLUCFZGLGcjs = require('./chunk-LUCFZGLG.cjs');
 
 
+var _chunkEE76MGHScjs = require('./chunk-EE76MGHS.cjs');
+
+
 var _chunkGDG5YSJCcjs = require('./chunk-GDG5YSJC.cjs');
 
 
@@ -180,7 +183,7 @@ var _chunkESBJE62Ecjs = require('./chunk-ESBJE62E.cjs');
 var _chunkYEBNI6T5cjs = require('./chunk-YEBNI6T5.cjs');
 
 
-var _chunkOBAVFHD2cjs = require('./chunk-OBAVFHD2.cjs');
+var _chunkGPQARGLLcjs = require('./chunk-GPQARGLL.cjs');
 
 
 var _chunkDAXG55MZcjs = require('./chunk-DAXG55MZ.cjs');
@@ -257,7 +260,7 @@ _chunkZ6EUSUADcjs.__export.call(void 0, central_exports, {
   CentralChevronLeft: () => _chunkYBHALQ7Fcjs.ChevronLeft,
   CentralChevronLeftSm: () => _chunkESBJE62Ecjs.ChevronLeftSm,
   CentralChevronLeftXs: () => _chunkYEBNI6T5cjs.ChevronLeftXs,
-  CentralChevronRight: () => _chunkOBAVFHD2cjs.ChevronRight,
+  CentralChevronRight: () => _chunkGPQARGLLcjs.ChevronRight,
   CentralChevronRightSm: () => _chunkDAXG55MZcjs.ChevronRightSm,
   CentralChevronRightXs: () => _chunk4KGDYJKAcjs.ChevronRightXs,
   CentralCircleCheckFilled: () => _chunkQTY3GSBTcjs.CircleCheckFilled,
@@ -312,7 +315,8 @@ _chunkZ6EUSUADcjs.__export.call(void 0, central_exports, {
   CentralTrashCan: () => _chunkAFSQFTQOcjs.TrashCan,
   CentralTriangleExclamation: () => _chunkE4DYTGSOcjs.TriangleExclamation,
   CentralTriangleExclamationFilled: () => _chunkE4Z4BCP2cjs.TriangleExclamationFilled,
-  CentralWeakStrengthIcon: () => _chunkLUCFZGLGcjs.WeakStrengthIcon
+  CentralWeakStrengthIcon: () => _chunkLUCFZGLGcjs.WeakStrengthIcon,
+  CentralWrench: () => _chunkEE76MGHScjs.Wrench
 });
 
 

package/dist/{chunk-JY2GP4ST.js → chunk-M6HKACGD.js}

@@ -1,6 +1,9 @@
 import {
   WeakStrengthIcon
 } from "./chunk-D4UK7XQF.js";
+import {
+  Wrench
+} from "./chunk-DSMLBKPO.js";
 import {
   SparklesSoft
 } from "./chunk-XVFF35KL.js";
@@ -180,7 +183,7 @@ import {
 } from "./chunk-L2FEPOWM.js";
 import {
   ChevronRight
-} from "./chunk-45JK224Z.js";
+} from "./chunk-VXPJQOCQ.js";
 import {
   ChevronRightSm
 } from "./chunk-M5ADA2BD.js";
@@ -312,7 +315,8 @@ __export(central_exports, {
   CentralTrashCan: () => TrashCan,
   CentralTriangleExclamation: () => TriangleExclamation,
   CentralTriangleExclamationFilled: () => TriangleExclamationFilled,
-  CentralWeakStrengthIcon: () => WeakStrengthIcon
+  CentralWeakStrengthIcon: () => WeakStrengthIcon,
+  CentralWrench: () => Wrench
 });
 
 export {

package/dist/{chunk-THLN4TVD.js → chunk-MEANACQ4.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-R62M65Z7.js";
+} from "./chunk-DTELIM22.js";
 import {
   toReactNodes
-} from "./chunk-E7KQDR6U.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   Icon
-} from "./chunk-JWFDHULW.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-OPCYCGCF.cjs → chunk-MECYTRP3.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkKGBWMBLAcjs = require('./chunk-KGBWMBLA.cjs');
 
 
-var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
-var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -105,7 +105,7 @@ var Drawer = (props) => {
             children: [
               props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
               props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkECFNSLYPcjs.Button,
+                _chunkKGBWMBLAcjs.Button,
                 {
                   onClick: props.handleBack,
                   icon: { name: "ChevronLeft" },
@@ -114,7 +114,7 @@ var Drawer = (props) => {
                 }
               ) }),
               props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk4JJ5GJLEcjs.Icon,
+                _chunk267QLBXGcjs.Icon,
                 {
                   name: "CentralCrossLarge",
                   square: true,
@@ -236,8 +236,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
-  ${_chunkO6BZRC56cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
+  ${_chunkMODD4YGEcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-7XHWXQLE.js → chunk-MLVP4XYS.js}

@@ -1,13 +1,13 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-R62M65Z7.js";
+} from "./chunk-DTELIM22.js";
 import {
   toReactNodes
-} from "./chunk-E7KQDR6U.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   getLineHeightForTypographyType
 } from "./chunk-J3TUZRIL.js";

package/dist/{chunk-FRX5ZBIV.cjs → chunk-MMTLTGEP.cjs}

@@ -3,28 +3,28 @@
 var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 
 
-var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
+var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
 
 
-var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
 
 
-var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -65,11 +65,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DJ33XMZcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7KHYVDQ6cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -138,9 +138,9 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkGICIJWP3cjs.colors.white};
+  color: ${_chunkIJMYMSSCcjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkFFXUPRYTcjs.getColor.call(void 0, theme, colorProp) : "none"};
   ${({ blurScroll }) => blurScroll ? `
       background: rgba(249, 249, 249, 0.8);
       backdrop-filter: blur(32px);
@@ -150,7 +150,7 @@ var StyledBanner = _styled2.default.div`
   align-items: center;
   padding: ${({ hPadding, vPadding }) => `${vPadding}px ${hPadding}px`};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkQI7YHMJZcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkFFXUPRYTcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-O6BZRC56.cjs → chunk-MODD4YGE.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
+var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
 
 // src/styles/common.tsx
 var _react = require('@emotion/react');
@@ -20,21 +20,27 @@ function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx, smDontAdjustWidth =
     ${_chunkKW3JYLRIcjs.bp.sm(`
       margin-left: auto;
       margin-right: auto;
-      width: ${smDontAdjustWidth ? "100%" : `calc(100% - ${smPx * 2}px)`};
+      width: 100%;
+      padding-right: ${smDontAdjustWidth ? 0 : smPx}px;
+      padding-left: ${smDontAdjustWidth ? 0 : smPx}px;
     `)}
   `;
   const minSmMaxLgCSS = _react.css`
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
       margin-left: auto;
       margin-right: auto;
-      width: calc(100% - ${minSmMaxLgPx * 2}px);
+      width: 100%;
+      padding-right: ${smDontAdjustWidth ? 0 : minSmMaxLgPx}px;
+      padding-left: ${smDontAdjustWidth ? 0 : minSmMaxLgPx}px;
     `)}
   `;
   const lgCSS = _react.css`
     ${_chunkKW3JYLRIcjs.bp.lg(`
       margin-left: auto;
       margin-right: auto;
-      width: calc(100% - ${lgPx * 2}px);
+      width: 100%;
+      padding-right: ${smDontAdjustWidth ? 0 : lgPx}px;
+      padding-left: ${smDontAdjustWidth ? 0 : lgPx}px;
       max-width: 1280px;
     `)}
   `;
@@ -109,13 +115,13 @@ var Subtext = _styled2.default.div`
   ${subtext}
 `;
 var darkGradientBg = _react.css`
-  background: ${_chunkGICIJWP3cjs.darkGradient};
+  background: ${_chunkIJMYMSSCcjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkQI7YHMJZcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +129,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkQI7YHMJZcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkFFXUPRYTcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkQI7YHMJZcjs.themeOr.call(void 0, 
+  ${_chunkFFXUPRYTcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

package/dist/{chunk-OJRM5YGG.js → chunk-MXPPOSOB.js}

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

package/dist/{chunk-BJJLSMLZ.cjs → chunk-MYEAKADT.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZNA5ILKBcjs = require('./chunk-ZNA5ILKB.cjs');
+var _chunkVRKSWRR6cjs = require('./chunk-VRKSWRR6.cjs');
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkQI7YHMJZcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZNA5ILKBcjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkFFXUPRYTcjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRKSWRR6cjs.GlobalStyles, {}),
     children
   ] });
 }

package/dist/{chunk-STCHSKF7.js → chunk-MZPKC6AW.js}

@@ -1,12 +1,12 @@
-import {
-  toReactNodes
-} from "./chunk-E7KQDR6U.js";
 import {
   Tooltip
-} from "./chunk-EOKBV2EI.js";
+} from "./chunk-4CMNSEWA.js";
+import {
+  toReactNodes
+} from "./chunk-AQ72FLUP.js";
 import {
   Icon
-} from "./chunk-JWFDHULW.js";
+} from "./chunk-XJB6VA4O.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";