@lightsparkdev/ui 1.1.1 → 1.1.3

package/dist/{chunk-UL6O4F7D.js → chunk-NC6VCEIB.js}

@@ -1,33 +1,33 @@
 import {
   LabelString
-} from "./chunk-E6QPVXC5.js";
+} from "./chunk-V4TKL6RP.js";
 import {
   LabelModerateString
-} from "./chunk-XK6WXVWL.js";
+} from "./chunk-4IYA4DYI.js";
 import {
   LabelStrongString
-} from "./chunk-OIVDJXHX.js";
+} from "./chunk-JGNVFGXJ.js";
 import {
   OverlineString
-} from "./chunk-4C6DRJZF.js";
+} from "./chunk-KKJGJQ6B.js";
 import {
-  BodyStrongString
-} from "./chunk-J4JUSV5P.js";
+  TitleString
+} from "./chunk-NOYVLFG4.js";
 import {
   CodeString
-} from "./chunk-6SXB34S4.js";
+} from "./chunk-I7644XFN.js";
 import {
   DisplayString
-} from "./chunk-4S2OUM3H.js";
-import {
-  TitleString
-} from "./chunk-CEV6D4MN.js";
+} from "./chunk-B5OPCMGB.js";
 import {
   BodyString
-} from "./chunk-ZAQNPOEC.js";
+} from "./chunk-L3FZFJNV.js";
+import {
+  BodyStrongString
+} from "./chunk-CWAEMX6M.js";
 import {
   HeadlineString
-} from "./chunk-CE3IOBBS.js";
+} from "./chunk-46IQK5NT.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-R46DRG52.cjs → chunk-NCVALN33.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkU35SY546cjs.standardFocusOutline}
+  ${_chunk545K27C4cjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/chunk-NI6YZUVY.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/LightningBoltOutline.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LightningBoltOutline() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M13.1985 5.83316H9.16663C8.98257 5.83316 8.8333 5.68392 8.8333 5.49982V1.57029C8.8333 1.24319 8.41123 1.11177 8.22557 1.38104L2.52703 9.64389C2.37453 9.86502 2.53282 10.1665 2.80143 10.1665H6.8333C7.01737 10.1665 7.16663 10.3158 7.16663 10.4998V14.4294C7.16663 14.7565 7.58863 14.8879 7.77437 14.6186L13.4729 6.35574C13.6254 6.13461 13.4671 5.83316 13.1985 5.83316Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+
+
+exports.LightningBoltOutline = LightningBoltOutline;

package/dist/{chunk-6HENA5PI.js → chunk-NMELWOSZ.js}

@@ -1,11 +1,14 @@
 // src/icons/ShieldCheckLite.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ShieldCheckLite() {
+function ShieldCheckLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -13,10 +16,10 @@ function ShieldCheckLite() {
         "path",
         {
           d: "M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z",
-          stroke: "#16171A",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-CEV6D4MN.js → chunk-NOYVLFG4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-RELY2KLK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-TXPTCNIG.cjs → chunk-NPGGMT7Y.cjs}

@@ -1,6 +1,6 @@
 "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 _chunkILL2GVLFcjs = require('./chunk-ILL2GVLF.cjs');
+var _chunk3LSZAQEVcjs = require('./chunk-3LSZAQEV.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -37,7 +37,7 @@ function NextLink({
   const InternalNextLink = NextLinkRef.current;
   let content = children;
   if (text) {
-    content = typography ? _chunkILL2GVLFcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunk3LSZAQEVcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-YWIW4JSQ.cjs → chunk-NSJ4Y3VX.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFAI2JG7Ucjs = require('./chunk-FAI2JG7U.cjs');
+var _chunkUU2HXWUQcjs = require('./chunk-UU2HXWUQ.cjs');
 
 
-var _chunkP4R7LALXcjs = require('./chunk-P4R7LALX.cjs');
+var _chunkWN65QM5Wcjs = require('./chunk-WN65QM5W.cjs');
 
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -39,7 +39,7 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXW4GOMOcjs.Button,
+      _chunkCZJ6JPXBcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,11 +59,11 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFAI2JG7Ucjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkP4R7LALXcjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUU2HXWUQcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWN65QM5Wcjs.Select_default,
       {
         zIndex: _chunkZU72XWNEcjs.z.dropdown + 1,
-        placeholder: "Select event",
+        placeholder: "Select value",
         options,
         onChange: (option) => {
           if (option) {

package/dist/{chunk-JIV33B22.js → chunk-O3E3EVFM.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-6O44WIUE.js";
+} from "./chunk-MSTQVB76.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-6N7XRYZD.cjs → chunk-O3NYVYX5.cjs}

@@ -1,21 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
+
+
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
 
 
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -30,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkEGKT7YHPcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkU35SY546cjs.subtext.call(void 0, { theme })}
+  ${_chunk545K27C4cjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -55,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkXUEKQQJVcjs.isBridge.call(void 0, theme) ? _chunkK7HWTEGPcjs.colors.gray4 : _chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkEGKT7YHPcjs.isBridge.call(void 0, theme) ? _chunkDRTADBFRcjs.colors.gray4 : _chunkEGKT7YHPcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkEGKT7YHPcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -67,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkEGKT7YHPcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -126,7 +129,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
+  ${_chunkWUF4FEGOcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -190,14 +193,18 @@ var aboveFieldError = ({
 var inputSubtextSeconds = 0.25;
 function InputSubtext({
   text,
+  content,
   hasError = false,
-  tooltipId
+  hasSuccess = false,
+  tooltipId,
+  hideNonErrorsIfBlurred = false,
+  focused = false
 }) {
   const timeoutRef = _react3.useRef.call(void 0, null);
   const [subtext2, setSubtext] = _react3.useState.call(void 0, text);
   const [visible, setVisible] = _react3.useState.call(void 0, Boolean(text));
   _react3.useLayoutEffect.call(void 0, () => {
-    if (text) {
+    if (text || content) {
       setSubtext(text);
       setVisible(true);
       if (timeoutRef.current) {
@@ -209,20 +216,34 @@ function InputSubtext({
         setSubtext(void 0);
       }, inputSubtextSeconds * 1e3);
     }
-  }, [text]);
+  }, [text, content]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledInputSubtext,
     {
-      visible,
+      visible: visible && (hasError || focused || !hideNonErrorsIfBlurred),
       hasError,
+      hasSuccess,
       cursorPointer: Boolean(tooltipId),
-      children: tooltipId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-tooltip-id": tooltipId, children: subtext2 }) : subtext2
+      usingContent: content !== void 0,
+      children: tooltipId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-tooltip-id": tooltipId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputSubtextContent, { text: subtext2, content }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputSubtextContent, { text: subtext2, content })
     }
   );
 }
+function InputSubtextContent({
+  text,
+  content
+}) {
+  if (content) {
+    return content;
+  }
+  if (typeof text === "string") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
+  }
+  return _chunkK57M5KQ5cjs.toReactNodes.call(void 0, text);
+}
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
-  margin-left: ${({ visible }) => visible ? "8px" : "0px"};
+  margin-left: ${({ visible, usingContent }) => visible && !usingContent ? "8px" : "0px"};
   font-size: 12px;
   font-size: ${({ visible }) => visible ? "12px" : "0px"};
   opacity: ${({ visible }) => visible ? "1" : "0"};
@@ -231,7 +252,7 @@ var StyledInputSubtext = _styled2.default.div`
     font-size ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
     opacity ${inputSubtextSeconds * 0.8}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
     margin ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23);
-  color: ${({ hasError, theme }) => hasError ? theme.danger : theme.text};
+  color: ${({ hasError, hasSuccess, theme }) => hasError ? theme.danger : hasSuccess ? theme.success : theme.text};
   cursor: ${({ cursorPointer }) => cursorPointer ? "pointer" : "auto"};
 `;
 var labelStyle = ({
@@ -251,11 +272,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkU35SY546cjs.subtext}
+  ${_chunk545K27C4cjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkU35SY546cjs.subtext}
+  ${_chunk545K27C4cjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-FGL6AQO2.cjs → chunk-O6ZZH3J5.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
 
-var _chunkYAS6CAZOcjs = require('./chunk-YAS6CAZO.cjs');
+var _chunkX5M7YMZDcjs = require('./chunk-X5M7YMZD.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkYAS6CAZOcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkX5M7YMZDcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkK57M5KQ5cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYAS6CAZOcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX5M7YMZDcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-DTK72LXN.cjs → chunk-O7MJGVAC.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFAI2JG7Ucjs = require('./chunk-FAI2JG7U.cjs');
+var _chunkUU2HXWUQcjs = require('./chunk-UU2HXWUQ.cjs');
 
 
-var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
+var _chunk6GF56M42cjs = require('./chunk-6GF56M42.cjs');
 
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
 
 
@@ -82,7 +82,7 @@ var IdFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXW4GOMOcjs.Button,
+      _chunkCZJ6JPXBcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -102,8 +102,8 @@ var IdFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFAI2JG7Ucjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYZ2C4D6Ncjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUU2HXWUQcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk6GF56M42cjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-4HPURCWW.cjs → chunk-OBEIPRVI.cjs}

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJNEL3EPCcjs = require('./chunk-JNEL3EPC.cjs');
+var _chunk6JR2JCSGcjs = require('./chunk-6JR2JCSG.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkQWAPH5RVcjs = require('./chunk-QWAPH5RV.cjs');
+var _chunkM5VEEETGcjs = require('./chunk-M5VEEETG.cjs');
 
 
-var _chunkSIDAD2FYcjs = require('./chunk-SIDAD2FY.cjs');
+var _chunkCPDVTP2Zcjs = require('./chunk-CPDVTP2Z.cjs');
 
 
-var _chunkJ6J6O5BRcjs = require('./chunk-J6J6O5BR.cjs');
+var _chunkDAID3TUPcjs = require('./chunk-DAID3TUP.cjs');
 
 
-var _chunkYAS6CAZOcjs = require('./chunk-YAS6CAZO.cjs');
+var _chunkX5M7YMZDcjs = require('./chunk-X5M7YMZD.cjs');
 
 
 
-var _chunkUBQ5BC6Mcjs = require('./chunk-UBQ5BC6M.cjs');
+var _chunkKP6R6CBPcjs = require('./chunk-KP6R6CBP.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -34,7 +34,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
 
 // src/components/typography/Article.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -52,51 +52,51 @@ function Article({ defaultTypography, children }) {
 var StyledArticle = _styled2.default.article`
   ${({ theme, type, size }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkSIDAD2FYcjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkDAID3TUPcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkKP6R6CBPcjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkKP6R6CBPcjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkKP6R6CBPcjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkKP6R6CBPcjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkKP6R6CBPcjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkUBQ5BC6Mcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkKP6R6CBPcjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkYAS6CAZOcjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkX5M7YMZDcjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkJNEL3EPCcjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunk6JR2JCSGcjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,7 +110,7 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkUBQ5BC6Mcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkJ6J6O5BRcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkQWAPH5RVcjs.StyledCode)})
+  *:not(${_chunkKP6R6CBPcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkM5VEEETGcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkCPDVTP2Zcjs.StyledCode)})
     > a {
     ${({ theme }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
@@ -136,14 +136,14 @@ var StyledArticle = _styled2.default.article`
 
   code:not([class|="language"]) {
     ${({ theme }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
-    background: ${_chunkK7HWTEGPcjs.colors.grayBlue94};
+    background: ${_chunkDRTADBFRcjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
-    ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -154,7 +154,7 @@ var StyledArticle = _styled2.default.article`
   code[class|="language"] {
     ${({ theme }) => _chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
+    ${_chunkWX5R7NU7cjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/{chunk-CENFKSI4.js → chunk-ODU5OQUG.js}

@@ -3,37 +3,37 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-GMBFE2Y7.js";
+} from "./chunk-QBQZHXOQ.js";
 import {
   Dropdown
-} from "./chunk-VUXLRZHO.js";
+} from "./chunk-DZW5Q6CT.js";
 import {
   standardBorderColor
-} from "./chunk-UH2H3Y7Y.js";
+} from "./chunk-AO3ZBQ6T.js";
+import {
+  Badge,
+  badgeSmVPadding
+} from "./chunk-2YSHIEYY.js";
+import {
+  toReactNodes
+} from "./chunk-H37TWCVW.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-KDCMTDLB.js";
+} from "./chunk-2LFZ5QQV.js";
 import {
   Loading
-} from "./chunk-WW3KFUFD.js";
+} from "./chunk-HGYZXUCB.js";
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
-import {
-  Badge,
-  badgeSmVPadding
-} from "./chunk-E62AL352.js";
-import {
-  toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-P6GYMAUR.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-EA22C7OJ.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-IDXB6JJF.js → chunk-OEX3MY36.js}

@@ -8,8 +8,7 @@ function EmailNotification({
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",

package/dist/{chunk-4LGS7DX5.js → chunk-OJJJPSJQ.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-XW7TPKTP.js";
+} from "./chunk-M2PGQLYF.js";
 import {
   textInputBorderColor
-} from "./chunk-UH2H3Y7Y.js";
+} from "./chunk-AO3ZBQ6T.js";
 import {
   __spreadProps,
   __spreadValues