@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/{chunk-MMDHIPKS.cjs → chunk-GG32O4Y2.cjs}

@@ -1,74 +1,74 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk37ZNE6RRcjs = require('./chunk-37ZNE6RR.cjs');
+var _chunkWXN7CK2Ocjs = require('./chunk-WXN7CK2O.cjs');
 
 
-var _chunkUNDTHMBScjs = require('./chunk-UNDTHMBS.cjs');
+var _chunkP4R7LALXcjs = require('./chunk-P4R7LALX.cjs');
 
 
-var _chunk3GKIKZL2cjs = require('./chunk-3GKIKZL2.cjs');
+var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
 
 
-var _chunk74SBZBYAcjs = require('./chunk-74SBZBYA.cjs');
+var _chunkAQ3YLJHIcjs = require('./chunk-AQ3YLJHI.cjs');
 
 
-var _chunk5EP2Q5VZcjs = require('./chunk-5EP2Q5VZ.cjs');
+var _chunkOTVMB2IWcjs = require('./chunk-OTVMB2IW.cjs');
 
 
 
-var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
+var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
 
 
-var _chunkDSRVIFSUcjs = require('./chunk-DSRVIFSU.cjs');
+var _chunkVDSQAXIMcjs = require('./chunk-VDSQAXIM.cjs');
 
 
-var _chunkYDN2RZ25cjs = require('./chunk-YDN2RZ25.cjs');
+var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
 
 
-var _chunkFOUSEEFHcjs = require('./chunk-FOUSEEFH.cjs');
+var _chunkYIT3HB4Tcjs = require('./chunk-YIT3HB4T.cjs');
 
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
+var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
 
 
-var _chunkHBDF6JWWcjs = require('./chunk-HBDF6JWW.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
+var _chunkI6MQ5VOEcjs = require('./chunk-I6MQ5VOE.cjs');
 
 
-var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
+var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
 
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
+var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
 
 
 
@@ -80,7 +80,18 @@ var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(
 var _react3 = require('react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function resolveProps(args, theme) {
-  const paddingY = resolveCardFormProp(void 0, args.kind, "paddingY", theme);
+  const paddingTop = resolveCardFormProp(
+    args.paddingTop,
+    args.kind,
+    "paddingTop",
+    theme
+  );
+  const paddingBottom = resolveCardFormProp(
+    args.paddingBottom,
+    args.kind,
+    "paddingBottom",
+    theme
+  );
   const paddingX = resolveCardFormProp(void 0, args.kind, "paddingX", theme);
   const textAlign = resolveCardFormProp(
     args.textAlign,
@@ -132,7 +143,8 @@ function resolveProps(args, theme) {
     theme
   );
   const props = {
-    paddingY,
+    paddingTop,
+    paddingBottom,
     paddingX,
     shadow,
     borderRadius,
@@ -151,7 +163,9 @@ function CardForm({
   disabled,
   topContent = null,
   title,
+  titleSize = "Large",
   description,
+  full = false,
   onSubmit,
   titleRightIcon,
   /* In some cases eg third party libs we can't avoid the need for child forms, so the
@@ -161,12 +175,17 @@ function CardForm({
   kind = "primary",
   shadow: shadowProp,
   textAlign: textAlignProp,
+  paddingTop: paddingTopProp,
+  paddingBottom: paddingBottomProp,
   belowFormContent,
-  belowFormContentGap = 0
+  belowFormContentGap = 0,
+  forceMarginAfterSubtitle = true,
+  afterTitleMargin = 40
 }) {
   const theme = _react.useTheme.call(void 0, );
   const {
-    paddingY,
+    paddingTop,
+    paddingBottom,
     paddingX,
     shadow,
     borderRadius,
@@ -178,7 +197,13 @@ function CardForm({
     smBorderWidth,
     defaultDescriptionTypographyMap
   } = resolveProps(
-    { kind, textAlign: textAlignProp, shadow: shadowProp },
+    {
+      kind,
+      textAlign: textAlignProp,
+      shadow: shadowProp,
+      paddingTop: paddingTopProp,
+      paddingBottom: paddingBottomProp
+    },
     theme
   );
   const onSubmitForm = _react3.useCallback.call(void 0, 
@@ -193,23 +218,33 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? _chunkFOUSEEFHcjs.toReactNodesWithTypographyMap.call(void 0, 
+  const formattedDescription = description ? _chunkSFVPZBMVcjs.toReactNodesWithTypographyMap.call(void 0, 
     description,
-    defaultDescriptionTypographyMap
+    defaultDescriptionTypographyMap,
+    false
   ) : null;
-  const belowFormContentNodes = belowFormContent ? _chunkPMF5K72Fcjs.toReactNodes.call(void 0, belowFormContent) : null;
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContent, { children: [
+  const belowFormContentNodes = belowFormContent ? _chunk6OSTNEFIcjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const CardFormContentTarget = full ? CardFormContentFull : CardFormContent;
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContentTarget, { children: [
     topContent,
-    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeadline, { hasTopContent: Boolean(topContent), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk37ZNE6RRcjs.Headline,
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CardHeadline,
       {
-        content: [
-          title,
-          ...titleRightIcon ? [_chunkCH2PLO6Fcjs.icon.call(void 0, { name: titleRightIcon.name, ml: 4 })] : []
-        ],
-        display: "inline-flex"
+        hasTopContent: Boolean(topContent),
+        afterTitleMargin,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkWXN7CK2Ocjs.Headline,
+          {
+            content: [
+              title,
+              ...titleRightIcon ? [_chunkCH2PLO6Fcjs.icon.call(void 0, { name: titleRightIcon.name, ml: 4 })] : []
+            ],
+            display: "inline-flex",
+            size: titleSize
+          }
+        )
       }
-    ) }),
+    ),
     formattedDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormSubtitle, { children: formattedDescription }),
     children
   ] });
@@ -221,13 +256,25 @@ function CardForm({
     borderColor,
     textAlign,
     paddingX,
-    paddingY,
+    paddingTop,
+    paddingBottom,
     backgroundColor,
     smBackgroundColor,
-    smBorderWidth
+    smBorderWidth,
+    forceMarginAfterSubtitle
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContainer, { children: [
-    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardForm, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { onSubmit: onSubmitForm, noValidate: true }, commonProps), { children: content })),
+  const Container = full ? CardFormContentFull : CardFormContainer;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StyledCardForm,
+      _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
+        onSubmit: onSubmitForm,
+        noValidate: true
+      }, commonProps), {
+        forceMarginAfterSubtitle,
+        children: content
+      })
+    ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
@@ -240,6 +287,12 @@ var CardFormContent = _styled2.default.div`
   flex-direction: column;
   align-self: center;
 `;
+var CardFormContentFull = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  height: 100%;
+`;
 var BelowCardFormContent = _styled2.default.div`
   text-align: center;
   display: flex;
@@ -249,7 +302,9 @@ var BelowCardFormContent = _styled2.default.div`
   margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
   margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
 `;
-var CardFormSubtitle = _styled2.default.div``;
+var CardFormSubtitle = _styled2.default.div`
+  padding: 0 ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+`;
 var CardFormButtonRow = _styled2.default.div`
   display: flex;
   justify-content: ${({ justify }) => (
@@ -257,7 +312,7 @@ var CardFormButtonRow = _styled2.default.div`
   justify === "center" ? "center" : "left"
 )};
   margin-top: 32px;
-  ${_chunk4UFYMBJKcjs.ButtonSelector.call(void 0, "* + ")} {
+  ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, "* + ")} {
     margin-left: 10px;
   }
 
@@ -268,9 +323,9 @@ var CardFormButtonRow = _styled2.default.div`
 var fieldLabelMarginPx = 12;
 var CardFormFieldLabel = _styled2.default.label`
   display: block;
-  margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+  margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
   color: ${({ theme }) => theme.text};
-  font-size: ${_chunk7H2OXTENcjs.pxToRems.call(void 0, 14)};
+  font-size: ${_chunkXQNOVNF4cjs.pxToRems.call(void 0, 14)};
   font-weight: 700;
   & + * {
     margin-top: ${fieldLabelMarginPx}px;
@@ -283,7 +338,7 @@ var CardFormNearButtonColumn = _styled2.default.div`
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 `;
 function CardFormDataFieldValue({ text }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHBDF6JWWcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6MQ5VOEcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
 var StyledCardFormDataFieldValue = _styled2.default.div`
   margin-top: 4px;
@@ -300,29 +355,34 @@ var StyledCardFormCheckboxParagraph = _styled2.default.div`
   display: flex;
   color: ${({ theme }) => theme.mcNeutral};
 `;
-var formInset = ({ wide, paddingX, paddingY }) => _react.css`
+var formInset = ({
+  wide,
+  paddingX,
+  paddingTop,
+  paddingBottom
+}) => _react.css`
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   padding-right: ${paddingX}px;
   padding-left: ${paddingX}px;
-  padding-top: ${paddingY}px;
-  padding-bottom: ${paddingY}px;
+  padding-top: ${paddingTop}px;
+  padding-bottom: ${paddingBottom}px;
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    width: ${wide ? 700 : 505}px;
+    width: ${wide ? 700 : 408}px;
   `)}
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
     padding: 0;
   `)}
 
-  ${_chunkFPQ2OUYXcjs.standardContentInset.smCSS}
+  ${_chunkU35SY546cjs.standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkFPQ2OUYXcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkU35SY546cjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
@@ -333,7 +393,7 @@ var formInset = ({ wide, paddingX, paddingY }) => _react.css`
 
   & ${CardFormFullTopContent} {
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      margin-top: -${paddingY}px;
+      margin-top: -${paddingTop}px;
     `)}
   }
 `;
@@ -346,25 +406,27 @@ var StyledCardFormStyle = ({
   borderColor,
   textAlign,
   paddingX,
-  paddingY,
+  paddingTop,
+  paddingBottom,
   backgroundColor,
   smBackgroundColor,
-  smBorderWidth
+  smBorderWidth,
+  forceMarginAfterSubtitle = true
 }) => {
   return _react.css`
-    ${formInset({ wide, paddingX, paddingY })}
-    ${shadow === "soft" ? _chunkFPQ2OUYXcjs.standardCardShadow : shadow === "hard" ? _chunkFPQ2OUYXcjs.standardCardShadowHard : ""}
+    ${formInset({ wide, paddingX, paddingTop, paddingBottom })}
+    ${shadow === "soft" ? _chunkU35SY546cjs.standardCardShadow : shadow === "hard" ? _chunkU35SY546cjs.standardCardShadowHard : ""}
 
     position: relative;
     height: 100%;
     border-style: solid;
     border-width: ${borderWidth}px;
-    border-color: ${_chunkHGCI5IAMcjs.getColor.call(void 0, theme, borderColor)};
-    background-color: ${_chunkHGCI5IAMcjs.getColor.call(void 0, theme, backgroundColor)};
+    border-color: ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, backgroundColor)};
 
     ${_chunkKW3JYLRIcjs.bp.sm(`
       box-shadow: none;
-      background-color: ${_chunkHGCI5IAMcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      background-color: ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, smBackgroundColor)};
       border-width: ${smBorderWidth}px;
     `)}
 
@@ -376,44 +438,44 @@ var StyledCardFormStyle = ({
       text-align: ${textAlign};
     }
 
-    ${CardFormSubtitle} + * {
+    ${forceMarginAfterSubtitle ? `${CardFormSubtitle.toString()} + * {
       margin-top: 40px !important;
-    }
+    }` : ""}
 
-    ${CardFormButtonRow}, ${_chunkDSRVIFSUcjs.StyledButtonRowButton} {
-      ${_chunk4UFYMBJKcjs.ButtonSelector.call(void 0, )} {
+    ${CardFormButtonRow}, ${_chunkVDSQAXIMcjs.StyledButtonRowButton} {
+      ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )} {
         margin-top: 0;
       }
     }
 
-    ${_chunkUNDTHMBScjs.StyledSelect}, ${_chunk74SBZBYAcjs.ToggleContainer} {
-      margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+    ${_chunkP4R7LALXcjs.StyledSelect}, ${_chunkAQ3YLJHIcjs.ToggleContainer} {
+      margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
     }
 
     ${CardFormFieldLabel} {
-      margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+      margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
 
-      & + ${_chunkUNDTHMBScjs.StyledSelect} {
+      & + ${_chunkP4R7LALXcjs.StyledSelect} {
         margin-top: ${fieldLabelMarginPx}px;
       }
     }
 
-    ${_chunk3GKIKZL2cjs.TextInputHalfRow} > ${_chunkUNDTHMBScjs.StyledSelect} {
+    ${_chunkYZ2C4D6Ncjs.TextInputHalfRow} > ${_chunkP4R7LALXcjs.StyledSelect} {
       margin-top: 0;
     }
 
-    ${_chunkBL5NDVAZcjs.LoadingWrapper} {
+    ${_chunk2VEWSENQcjs.LoadingWrapper} {
       margin: 32px 0;
       * + * {
         margin-top: 0;
       }
     }
 
-    ${_chunk4UFYMBJKcjs.ButtonSelector.call(void 0, )} ${_chunkBL5NDVAZcjs.LoadingWrapper} {
+    ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )} ${_chunk2VEWSENQcjs.LoadingWrapper} {
       margin: 0;
     }
 
-    ${_chunk5EP2Q5VZcjs.StyledFileInput} {
+    ${_chunkOTVMB2IWcjs.StyledFileInput} {
       margin-top: 16px;
     }
 
@@ -422,8 +484,8 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${_chunk4UFYMBJKcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
-        ${_chunk2PI3XHGDcjs.formButtonTopMarginStyle}
+      & > ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
+        ${_chunk6N7XRYZDcjs.formButtonTopMarginStyle}
       }
     }
   `;
@@ -431,10 +493,12 @@ var StyledCardFormStyle = ({
 var StyledCardForm = _styled2.default.form(StyledCardFormStyle);
 var StyledCardFormDiv = _styled2.default.div(StyledCardFormStyle);
 var CardHeadline = _styled2.default.div`
-  ${({ hasTopContent }) => hasTopContent ? "margin-top: 32px;" : ""}
+  padding: 0 ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+
+  ${({ hasTopContent }) => hasTopContent ? "margin-top: 24px;" : ""}
 
-  & + *:not(${CardFormSubtitle}) {
-    margin-top: 40px;
+  & + *:not(${CardFormSubtitle.toString()}) {
+    margin-top: ${({ afterTitleMargin }) => afterTitleMargin}px;
   }
 
   & + ${CardFormSubtitle} {
@@ -447,9 +511,9 @@ function CardFormTextWithLink({
   to
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: { marginTop: "16px", fontWeight: "600" }, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkFPQ2OUYXcjs.mcBold, children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkU35SY546cjs.mcBold, children: text }),
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4L4UO26cjs.Link, { to, children: toText })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, { to, children: toText })
   ] });
 }
 function CardFormCheckboxParagraph({
@@ -458,7 +522,7 @@ function CardFormCheckboxParagraph({
   checked
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDN2RZ25cjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIT3HB4Tcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
   ] });
 }
@@ -478,7 +542,7 @@ var CardFormOption = ({
 ] });
 var StyledCardFormOption = _styled2.default.div`
   border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
   cursor: pointer;
   margin-top: 10px;
   padding: ${({ selected }) => selected ? "15px" : "16px"};
@@ -487,7 +551,7 @@ var CardFormOptionLabel = _styled2.default.div`
   font-weight: bold;
 `;
 var CardFormOptionDescription = _styled2.default.p`
-  color: ${_chunkQYVQII3Icjs.colors.gray40};
+  color: ${_chunkK7HWTEGPcjs.colors.gray40};
   margin: 6px 0 0;
 `;
 function resolveCardFormProp(prop, kind, defaultKey, theme) {

package/dist/{chunk-SRMVVFER.cjs → chunk-GM7RDF3D.cjs}

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

package/dist/{chunk-SNSZGFFQ.js → chunk-GMBFE2Y7.js}

@@ -1,15 +1,15 @@
-import {
-  TextIconAligner
-} from "./chunk-WSQWII3I.js";
 import {
   UnstyledButton
-} from "./chunk-Z6I64NIF.js";
+} from "./chunk-3HIDFTSK.js";
+import {
+  TextIconAligner
+} from "./chunk-N6KLO6D6.js";
 import {
   getFocusOutline
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   Link
-} from "./chunk-5HDXWO2E.js";
+} from "./chunk-PTJ7AVLT.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-MM7L5VFI.js → chunk-GRC7XFET.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-BDL3A6DZ.js";
 import {
   StyledTitle,
   getPropDefaults
-} from "./chunk-NMMCTZPQ.js";
+} from "./chunk-CEV6D4MN.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-AQHIMMV5.js → chunk-GSU6TJQP.js}

@@ -1,17 +1,17 @@
 import {
   Heading
-} from "./chunk-XMTRQXAR.js";
+} from "./chunk-KDCMTDLB.js";
 import {
   StyledButtonRow
-} from "./chunk-32TB2XVD.js";
+} from "./chunk-3N2BVLZJ.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-RKAVKJX6.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+} from "./chunk-KKGZ47R3.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   themeOr
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   bp,
   useBreakpoints