@lightsparkdev/ui 1.0.14 → 1.0.16

package/dist/{chunk-XPY4BBIM.cjs → chunk-W57PUAMV.cjs}

@@ -1,46 +1,46 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGSYM5JMBcjs = require('./chunk-GSYM5JMB.cjs');
+var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkOEDOWIS6cjs = require('./chunk-OEDOWIS6.cjs');
+var _chunkUQFZVAJIcjs = require('./chunk-UQFZVAJI.cjs');
 
 
-var _chunkXY4F2W3Jcjs = require('./chunk-XY4F2W3J.cjs');
+var _chunkGSVJ2OFJcjs = require('./chunk-GSVJ2OFJ.cjs');
 
 
-var _chunkGMN76DHFcjs = require('./chunk-GMN76DHF.cjs');
+var _chunkJXTK5PZCcjs = require('./chunk-JXTK5PZC.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
+var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
 
-var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
 
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
 
-var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
 
+var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkNSUGNTKScjs = require('./chunk-NSUGNTKS.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
-var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
+var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
 
 
-var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 
 
 
 
-var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
+var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -50,11 +50,20 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/Modal.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+
+
+
+
+
+
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -77,6 +86,7 @@ function Modal({
   submitLoading,
   submitLoadingKind,
   submitText,
+  submitIcon,
   submitLink,
   cancelText = "Cancel",
   firstFocusRef,
@@ -86,6 +96,7 @@ function Modal({
   autoFocus = true,
   width = 460,
   progressBar,
+  buttonOrder,
   buttonLayout = "horizontal",
   extraActions,
   handleBack,
@@ -94,8 +105,9 @@ function Modal({
   topLeftIcon
 }) {
   const visibleChangedRef = _react.useRef.call(void 0, false);
+  const [visibleChanged, setVisibleChanged] = _react.useState.call(void 0, false);
   const nodeRef = _react.useRef.call(void 0, null);
-  const [defaultFirstFocusRef, defaultFirstFocusRefCb] = _chunkGSYM5JMBcjs.useLiveRef.call(void 0, );
+  const [defaultFirstFocusRef, defaultFirstFocusRefCb] = _chunkKL5ZQSVOcjs.useLiveRef.call(void 0, );
   const ref = firstFocusRef || defaultFirstFocusRef;
   const [nodeReady, setNodeReady] = _react2.default.useState(false);
   const overlayRef = _react.useRef.call(void 0, null);
@@ -106,9 +118,14 @@ function Modal({
   _react.useEffect.call(void 0, () => {
     if (visible !== visibleChangedRef.current) {
       visibleChangedRef.current = visible;
+      setVisibleChanged(true);
     }
   }, [visible]);
-  const visibleChanged = visible !== visibleChangedRef.current;
+  _react.useEffect.call(void 0, () => {
+    if (visibleChanged) {
+      setVisibleChanged(false);
+    }
+  }, [visibleChanged]);
   _react.useEffect.call(void 0, () => {
     prevFocusedElement.current = document.activeElement;
     const elementToAppendTo = appendToElement != null ? appendToElement : document.body;
@@ -179,6 +196,7 @@ function Modal({
   }
   function onSubmitForm(e) {
     e.preventDefault();
+    e.stopPropagation();
     if (!submitDisabled && onSubmit) {
       onSubmit();
     }
@@ -192,13 +210,15 @@ function Modal({
   }
   const linkIsHref = isSubmitLinkWithHref(submitLink);
   const linkIsRoute = !linkIsHref && submitLink;
+  const displayCancelAbove = !!buttonOrder ? buttonOrder === "cancel-first" : !isSm;
+  const displayCancelBelow = !!buttonOrder ? buttonOrder === "submit-first" : isSm;
   const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
-      var _b = _a, { placement, text } = _b, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      var _b = _a, { placement, text } = _b, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _b, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2U6C2FAGcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
-    !isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRSAWZM47cjs.Button,
+    displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2U6C2FAGcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -206,10 +226,11 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRSAWZM47cjs.Button,
+      _chunk2U6C2FAGcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
+        icon: submitIcon,
         text: submitText != null ? submitText : "Continue",
         loading: submitLoading,
         loadingKind: submitLoadingKind,
@@ -220,10 +241,17 @@ function Modal({
         onClick: submitLink ? onSubmit : void 0
       }
     ),
-    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, { onClick: onClose, text: cancelText }),
+    displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2U6C2FAGcjs.Button,
+      {
+        disabled: cancelDisabled,
+        onClick: onClickCancel,
+        text: cancelText
+      }
+    ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
-      var _d = _c, { placement, text } = _d, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      var _d = _c, { placement, text } = _d, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _d, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2U6C2FAGcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -233,10 +261,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkNSUGNTKScjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkKTXJ54RRcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkQXYZAROGcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -244,19 +272,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkNSUGNTKScjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkKTXJ54RRcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkQXYZAROGcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
-    topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMN76DHFcjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topContent)) });
+    if (_chunkDCH43ZYZcjs.isReactNode.call(void 0, topContent)) {
+      topContentNode = topContent;
+    } else {
+      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSVJ2OFJcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topContent)) });
+    }
   }
   const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOEDOWIS6cjs.ProgressBar,
+      _chunkUQFZVAJIcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -271,7 +303,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXY4F2W3Jcjs.Drawer,
+      _chunkJXTK5PZCcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: true,
@@ -291,12 +323,12 @@ function Modal({
           tabIndex: -1,
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkRUDXRW4Rcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunk2KKFVDUDcjs.standardContentInset.smPx : 0),
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
-              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent }),
             bottomContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "auto" }, children: bottomContent })
@@ -310,7 +342,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -355,7 +387,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunkRSAWZM47cjs.ButtonSelector.call(void 0, )} {
+  ${_chunk2U6C2FAGcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -367,7 +399,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkRSAWZM47cjs.ButtonSelector.call(void 0, )} {
+  ${_chunk2U6C2FAGcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -383,22 +415,23 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkRUDXRW4Rcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunk2KKFVDUDcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars}
-  ${_chunkRUDXRW4Rcjs.standardContentInset.smCSS.styles}
+  ${_chunk7QQBTG3Ocjs.overflowAutoWithoutScrollbars}
+  ${_chunk2KKFVDUDcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
   display: flex;
   flex-direction: column;
 
-  ${({ ghost, width }) => `
-    ${ghost ? "" : _chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 16)}
+  ${({ ghost, smKind, width }) => `
+    ${ghost ? "" : _chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
   ${({ smKind }) => smKind === "fullscreen" ? _chunkKW3JYLRIcjs.bp.sm(`
+          border-radius: 0px;
           width: 100%;
           height: 100dvh;
         `) : ""}
@@ -410,14 +443,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
-  ${_chunkRUDXRW4Rcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton)`
+  ${_chunk2KKFVDUDcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
-  ${_chunkRUDXRW4Rcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton)`
+  ${_chunk2KKFVDUDcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-CWMXXUWU.js → chunk-W7FAWX6T.js}

@@ -1,7 +1,11 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -29,10 +33,29 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -58,6 +81,8 @@ export {
   __spreadValues,
   __spreadProps,
   __objRest,
+  __commonJS,
   __export,
+  __toESM,
   __async
 };

package/dist/{chunk-KH6LR2RB.js → chunk-W7I4IP6K.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   StyledHeadline,
   getPropDefaults
-} from "./chunk-2YWWFRRD.js";
+} from "./chunk-GCI4XPLR.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/Headline.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/chunk-WAKFL6HW.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Snowflake.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Snowflake() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.8206 4.5C12.1313 4.5 12.3831 4.75184 12.3831 5.0625V11.0261L17.5482 8.04411C17.8172 7.88878 18.1612 7.98096 18.3165 8.25C18.4719 8.51904 18.3797 8.86306 18.1107 9.01839L12.946 12.0002L18.11 14.9816C18.379 15.1369 18.4712 15.481 18.3159 15.75C18.1605 16.019 17.8165 16.1112 17.5475 15.9559L12.3831 12.9743V18.9375C12.3831 19.2482 12.1313 19.5 11.8206 19.5C11.51 19.5 11.2581 19.2482 11.2581 18.9375V12.9747L6.09457 15.9559C5.82553 16.1112 5.48151 16.019 5.32618 15.75C5.17085 15.481 5.26303 15.1369 5.53207 14.9816L10.696 12.0002L5.53134 9.01839C5.2623 8.86306 5.17012 8.51904 5.32545 8.25C5.48078 7.98096 5.8248 7.88878 6.09384 8.04411L11.2581 11.0257V5.0625C11.2581 4.75184 11.51 4.5 11.8206 4.5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Snowflake = Snowflake;

package/dist/{chunk-3AS7NXWQ.js → chunk-WAKOFEQQ.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-76FQY6HX.js";
+} from "./chunk-LEMT5P3Z.js";
 import {
   typographyStyles
-} from "./chunk-BU6N4DJ3.js";
+} from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-XBZNPA3L.js";
+} from "./chunk-JQLRGNLP.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/base/Label.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-QNPCRFUV.js → chunk-WFSTDMMY.js}

@@ -1,31 +1,31 @@
-import {
-  getTypography
-} from "./chunk-EWNQ3Z3L.js";
 import {
   buttonsThemeBase,
   defaultButtonsTheme
-} from "./chunk-5WH6LRHH.js";
+} from "./chunk-FBYK5UPJ.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
-} from "./chunk-ABVJG7FC.js";
+} from "./chunk-YIJZVE4P.js";
 import {
   defaultLoadingTheme,
   loadingThemeBase
-} from "./chunk-LIVMIDVJ.js";
+} from "./chunk-S5AV3X5O.js";
 import {
-  useBreakpoints
-} from "./chunk-JSGRNWSB.js";
+  getTypography
+} from "./chunk-FGZFMWJU.js";
 import {
   colors,
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
+import {
+  useBreakpoints
+} from "./chunk-JSGRNWSB.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/themes.tsx
 import { css, useTheme } from "@emotion/react";
@@ -43,9 +43,14 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
   Themes2["BridgeDark"] = "bridgeDark";
   return Themes2;
 })(Themes || {});
+function isTheme(theme) {
+  return Object.values(Themes).includes(theme);
+}
 var baseThemeColors = {
   bg: colors.white,
   smBg: colors.white,
+  c02Neutral: colors.gray98,
+  c02NeutralLight: "#F9F9F91A",
   c05Neutral: colors.gray95,
   c1Neutral: colors.gray90,
   c15Neutral: colors.gray85,
@@ -99,6 +104,8 @@ var darkBaseTheme = {
   type: "dark" /* Dark */,
   bg: colors.black,
   smBg: colors.black,
+  c02Neutral: colors.gray98,
+  c02NeutralLight: "#F9F9F91A",
   c05Neutral: colors.gray5,
   c1Neutral: colors.gray10,
   c15Neutral: colors.gray15,
@@ -167,6 +174,13 @@ var darkTheme = extend(darkBaseTheme, {
     smBg: colors.gray40,
     text: colors.white,
     secondary: colors.secondary
+  }),
+  buttons: merge(defaultButtonsTheme, {
+    kinds: {
+      secondary: {
+        defaultBorderColor: "gray15"
+      }
+    }
   })
 });
 var umaAuthSdkLightTheme = extend(lightTheme, {
@@ -240,7 +254,23 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
+        defaultHoverBorderColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        },
+        defaultPaddingsX: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
       },
       secondary: {
         defaultBackgroundColor: "grayBlue94",
@@ -360,7 +390,23 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
+        defaultHoverBorderColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        },
+        defaultPaddingsX: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
       },
       secondary: {
         defaultBackgroundColor: "grayBlue80",
@@ -447,7 +493,7 @@ var bridgeBaseSettings = {
   link: colors.blue39,
   typography: getTypography("Bridge" /* Bridge */, {
     main: "Manrope",
-    code: "Monaco"
+    code: "Roboto Mono"
   }),
   buttons: merge(buttonsThemeBase, {
     defaultTypographyType: "Title",
@@ -477,7 +523,23 @@ var bridgeBaseSettings = {
         defaultHoverBackgroundColor: "transparent",
         defaultBorderColor: "transparent",
         defaultHoverBorderColor: "transparent",
-        defaultActiveBackgroundColor: "transparent"
+        defaultActiveBackgroundColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        },
+        defaultPaddingsX: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
       },
       secondary: {
         defaultBackgroundColor: "transparent",
@@ -550,7 +612,8 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   smBg: colors.gray98,
   text: colors.grayBlue9,
   secondary: colors.grayBlue43,
-  inputBackground: colors.white
+  inputBackground: colors.white,
+  danger: colors.red50
 }));
 var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */
@@ -683,6 +746,7 @@ function useThemeBg() {
 
 export {
   Themes,
+  isTheme,
   themeOrColorKeyValues,
   themes,
   setFonts,

package/dist/chunk-WH23CQTM.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Moon.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Moon({
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M9.4819 5.38385C8.91805 5.77245 8.23465 6 7.49805 6C5.56505 6 3.99804 4.433 3.99804 2.5C3.99804 1.76346 4.22555 1.08006 4.61415 0.516235C2.30956 0.71151 0.5 2.64396 0.5 4.99905C0.5 7.48385 2.5143 9.49815 4.99905 9.49815C7.3542 9.49815 9.2867 7.6885 9.4819 5.38385Z",
+          stroke: "currentColor",
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Moon = Moon;

package/dist/{chunk-TSIPKEXK.js → chunk-WHEBPYIP.js}

@@ -1,12 +1,12 @@
 import {
   StatusIndicator
-} from "./chunk-2TOLXFJU.js";
+} from "./chunk-KN4XTZTT.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/GradientCardHeader.tsx
 import styled from "@emotion/styled";