@lightsparkdev/ui 1.1.1 → 1.1.3

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

@@ -1,74 +1,77 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkWXN7CK2Ocjs = require('./chunk-WXN7CK2O.cjs');
+var _chunkGQGF4LNPcjs = require('./chunk-GQGF4LNP.cjs');
 
 
-var _chunkP4R7LALXcjs = require('./chunk-P4R7LALX.cjs');
+var _chunkWN65QM5Wcjs = require('./chunk-WN65QM5W.cjs');
 
 
-var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
+var _chunk6GF56M42cjs = require('./chunk-6GF56M42.cjs');
 
 
-var _chunkAQ3YLJHIcjs = require('./chunk-AQ3YLJHI.cjs');
+var _chunkSH52BJQTcjs = require('./chunk-SH52BJQT.cjs');
 
 
-var _chunkOTVMB2IWcjs = require('./chunk-OTVMB2IW.cjs');
+var _chunkP3TDMHFScjs = require('./chunk-P3TDMHFS.cjs');
 
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
 
 
-var _chunkVDSQAXIMcjs = require('./chunk-VDSQAXIM.cjs');
+var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
 
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkT4UBZ7NBcjs = require('./chunk-T4UBZ7NB.cjs');
 
 
-var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
+var _chunkFCBVJB3Ycjs = require('./chunk-FCBVJB3Y.cjs');
 
 
-var _chunkYIT3HB4Tcjs = require('./chunk-YIT3HB4T.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
+var _chunkD2W2ROKQcjs = require('./chunk-D2W2ROKQ.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunk734KB425cjs = require('./chunk-734KB425.cjs');
 
 
-var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
 
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
-var _chunkI6MQ5VOEcjs = require('./chunk-I6MQ5VOE.cjs');
 
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
+var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
 
 
 
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
-var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+
+var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
 
 
 
@@ -92,7 +95,12 @@ function resolveProps(args, theme) {
     "paddingBottom",
     theme
   );
-  const paddingX = resolveCardFormProp(void 0, args.kind, "paddingX", theme);
+  const paddingX = resolveCardFormProp(
+    args.paddingX,
+    args.kind,
+    "paddingX",
+    theme
+  );
   const textAlign = resolveCardFormProp(
     args.textAlign,
     args.kind,
@@ -162,8 +170,10 @@ function CardForm({
   children,
   disabled,
   topContent = null,
+  aboveHeaderContent,
   title,
   titleSize = "Large",
+  titleMarginLeft,
   description,
   full = false,
   onSubmit,
@@ -177,10 +187,17 @@ function CardForm({
   textAlign: textAlignProp,
   paddingTop: paddingTopProp,
   paddingBottom: paddingBottomProp,
+  paddingX: paddingXProp,
   belowFormContent,
   belowFormContentGap = 0,
   forceMarginAfterSubtitle = true,
-  afterTitleMargin = 40
+  afterTitleMargin = 40,
+  graphicHeader,
+  centeredContent = false,
+  contentMarginTop,
+  formButtonTopMargin,
+  selectMarginTop,
+  smDontAdjustWidth = false
 }) {
   const theme = _react.useTheme.call(void 0, );
   const {
@@ -202,7 +219,8 @@ function CardForm({
       textAlign: textAlignProp,
       shadow: shadowProp,
       paddingTop: paddingTopProp,
-      paddingBottom: paddingBottomProp
+      paddingBottom: paddingBottomProp,
+      paddingX: paddingXProp
     },
     theme
   );
@@ -218,22 +236,24 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? _chunkSFVPZBMVcjs.toReactNodesWithTypographyMap.call(void 0, 
+  const formattedDescription = description ? _chunkFCBVJB3Ycjs.toReactNodesWithTypographyMap.call(void 0, 
     description,
     defaultDescriptionTypographyMap,
     false
   ) : null;
-  const belowFormContentNodes = belowFormContent ? _chunk6OSTNEFIcjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const belowFormContentNodes = belowFormContent ? _chunkK57M5KQ5cjs.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, 
+  const headerData = [
+    aboveHeaderContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.Fragment, { children: aboveHeaderContent }, "card-form-above-header") : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       CardHeadline,
       {
         hasTopContent: Boolean(topContent),
         afterTitleMargin,
+        contentMarginTop,
+        titleMarginLeft,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWXN7CK2Ocjs.Headline,
+          _chunkGQGF4LNPcjs.Headline,
           {
             content: [
               title,
@@ -243,9 +263,14 @@ function CardForm({
             size: titleSize
           }
         )
-      }
-    ),
-    formattedDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormSubtitle, { children: formattedDescription }),
+      },
+      "card-form-title"
+    ) : null,
+    formattedDescription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormSubtitle, { children: formattedDescription }, "card-form-subtitle") : null
+  ];
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContentTarget, { children: [
+    topContent,
+    centeredContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CenteredHeader, { children: headerData }) : headerData,
     children
   ] });
   const commonProps = {
@@ -261,23 +286,37 @@ function CardForm({
     backgroundColor,
     smBackgroundColor,
     smBorderWidth,
-    forceMarginAfterSubtitle
+    forceMarginAfterSubtitle,
+    smDontAdjustWidth
   };
   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 })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { paddingBottom, children: [
+    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YBZV2K6cjs.Flex, { column: true, align: "center", height: full ? "100%" : "auto", children: [
+      graphicHeader && graphicHeader,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        StyledCardForm,
+        _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
+          onSubmit: onSubmitForm,
+          noValidate: true
+        }, commonProps), {
+          forceMarginAfterSubtitle,
+          graphicHeader: graphicHeader ? true : false,
+          formButtonTopMargin,
+          selectMarginTop,
+          children: content
+        })
+      )
+    ] }),
+    belowFormContentNodes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
+var CenteredHeader = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  height: 100%;
+  justify-content: center;
+`;
 var CardFormContainer = _styled2.default.div`
   display: flex;
   flex-direction: column;
@@ -292,6 +331,7 @@ var CardFormContentFull = _styled2.default.div`
   flex-direction: column;
   align-self: center;
   height: 100%;
+  padding-bottom: ${({ paddingBottom }) => paddingBottom != null ? paddingBottom : 0}px;
 `;
 var BelowCardFormContent = _styled2.default.div`
   text-align: center;
@@ -312,7 +352,7 @@ var CardFormButtonRow = _styled2.default.div`
   justify === "center" ? "center" : "left"
 )};
   margin-top: 32px;
-  ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, "* + ")} {
+  ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, "* + ")} {
     margin-left: 10px;
   }
 
@@ -323,9 +363,9 @@ var CardFormButtonRow = _styled2.default.div`
 var fieldLabelMarginPx = 12;
 var CardFormFieldLabel = _styled2.default.label`
   display: block;
-  margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+  margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
   color: ${({ theme }) => theme.text};
-  font-size: ${_chunkXQNOVNF4cjs.pxToRems.call(void 0, 14)};
+  font-size: ${_chunkWX5R7NU7cjs.pxToRems.call(void 0, 14)};
   font-weight: 700;
   & + * {
     margin-top: ${fieldLabelMarginPx}px;
@@ -338,7 +378,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, _chunkI6MQ5VOEcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2W2ROKQcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
 var StyledCardFormDataFieldValue = _styled2.default.div`
   margin-top: 4px;
@@ -346,9 +386,9 @@ var StyledCardFormDataFieldValue = _styled2.default.div`
 `;
 var CardFormFullWidth = _styled2.default.div``;
 var CardFormFullTopContent = _styled2.default.div`
-  ${_chunkKW3JYLRIcjs.bp.minSm(`
-    border-radius: 16px 16px 0 0;
+  ${({ borderRadius = "16px 16px 0 0" }) => _chunkKW3JYLRIcjs.bp.minSm(`
     overflow: hidden;
+    border-radius: ${borderRadius};
   `)}
 `;
 var StyledCardFormCheckboxParagraph = _styled2.default.div`
@@ -359,7 +399,9 @@ var formInset = ({
   wide,
   paddingX,
   paddingTop,
-  paddingBottom
+  paddingBottom,
+  smDontAdjustWidth,
+  graphicHeader
 }) => _react.css`
   margin-left: auto;
   margin-right: auto;
@@ -374,18 +416,18 @@ var formInset = ({
   `)}
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: 0;
+    padding: ${graphicHeader ? "24px" : "0"};
   `)}
 
-  ${_chunkU35SY546cjs.standardContentInset.smCSS}
+  ${graphicHeader || smDontAdjustWidth ? `width: 100%;` : _chunk545K27C4cjs.standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
-    ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkU35SY546cjs.standardContentInset.smPx}px;
+    ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.sm(`
+      width: calc(100% + ${_chunk545K27C4cjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunk545K27C4cjs.standardContentInset.smPx}px;
     `)}
 
-    ${_chunkKW3JYLRIcjs.bp.minSm(`
+    ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.minSm(`
       width: calc(100% + ${paddingX * 2}px);
       margin-left: -${paddingX}px;
     `)}
@@ -411,27 +453,45 @@ var StyledCardFormStyle = ({
   backgroundColor,
   smBackgroundColor,
   smBorderWidth,
-  forceMarginAfterSubtitle = true
+  forceMarginAfterSubtitle = true,
+  graphicHeader,
+  formButtonTopMargin = 32,
+  selectMarginTop = _chunkO3NYVYX5cjs.inputSpacingPx,
+  smDontAdjustWidth = false
 }) => {
   return _react.css`
-    ${formInset({ wide, paddingX, paddingTop, paddingBottom })}
-    ${shadow === "soft" ? _chunkU35SY546cjs.standardCardShadow : shadow === "hard" ? _chunkU35SY546cjs.standardCardShadowHard : ""}
+    ${graphicHeader ? formInset({
+    wide,
+    paddingX,
+    paddingTop,
+    paddingBottom,
+    graphicHeader,
+    smDontAdjustWidth
+  }) : formInset({
+    wide,
+    paddingX,
+    paddingTop,
+    paddingBottom,
+    smDontAdjustWidth
+  })}
+
+    ${shadow === "soft" ? _chunk545K27C4cjs.standardCardShadow : shadow === "hard" ? _chunk545K27C4cjs.standardCardShadowHard : ""}
 
     position: relative;
     height: 100%;
     border-style: solid;
     border-width: ${borderWidth}px;
-    border-color: ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, borderColor)};
-    background-color: ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, backgroundColor)};
+    border-color: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, backgroundColor)};
 
     ${_chunkKW3JYLRIcjs.bp.sm(`
       box-shadow: none;
-      background-color: ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      background-color: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, smBackgroundColor)};
       border-width: ${smBorderWidth}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      border-radius: ${borderRadius}px;
+      border-radius: ${graphicHeader ? `0 0 ${borderRadius}px ${borderRadius}px` : `${borderRadius}px`};
     `)}
 
     ${CardHeadline}, ${CardFormSubtitle} {
@@ -442,40 +502,40 @@ var StyledCardFormStyle = ({
       margin-top: 40px !important;
     }` : ""}
 
-    ${CardFormButtonRow}, ${_chunkVDSQAXIMcjs.StyledButtonRowButton} {
-      ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )} {
+    ${CardFormButtonRow}, ${_chunk734KB425cjs.StyledButtonRowButton} {
+      ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )} {
         margin-top: 0;
       }
     }
 
-    ${_chunkP4R7LALXcjs.StyledSelect}, ${_chunkAQ3YLJHIcjs.ToggleContainer} {
-      margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+    ${_chunkWN65QM5Wcjs.StyledSelect}, ${_chunkSH52BJQTcjs.ToggleContainer} {
+      margin-top: ${selectMarginTop}px;
     }
 
     ${CardFormFieldLabel} {
-      margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+      margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
 
-      & + ${_chunkP4R7LALXcjs.StyledSelect} {
+      & + ${_chunkWN65QM5Wcjs.StyledSelect} {
         margin-top: ${fieldLabelMarginPx}px;
       }
     }
 
-    ${_chunkYZ2C4D6Ncjs.TextInputHalfRow} > ${_chunkP4R7LALXcjs.StyledSelect} {
+    ${_chunk6GF56M42cjs.TextInputHalfRow} > ${_chunkWN65QM5Wcjs.StyledSelect} {
       margin-top: 0;
     }
 
-    ${_chunk2VEWSENQcjs.LoadingWrapper} {
+    ${_chunk5VSTXVUIcjs.LoadingWrapper} {
       margin: 32px 0;
       * + * {
         margin-top: 0;
       }
     }
 
-    ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )} ${_chunk2VEWSENQcjs.LoadingWrapper} {
+    ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )} ${_chunk5VSTXVUIcjs.LoadingWrapper} {
       margin: 0;
     }
 
-    ${_chunkOTVMB2IWcjs.StyledFileInput} {
+    ${_chunkP3TDMHFScjs.StyledFileInput} {
       margin-top: 16px;
     }
 
@@ -484,8 +544,8 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
-        ${_chunk6N7XRYZDcjs.formButtonTopMarginStyle}
+      & > ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
+        ${formButtonTopMargin !== void 0 ? `margin-top: ${formButtonTopMargin}px;` : _chunkO3NYVYX5cjs.formButtonTopMarginStyle}
       }
     }
   `;
@@ -495,7 +555,7 @@ var StyledCardFormDiv = _styled2.default.div(StyledCardFormStyle);
 var CardHeadline = _styled2.default.div`
   padding: 0 ${_chunkZUAO4DW3cjs.Spacing.px.xs};
 
-  ${({ hasTopContent }) => hasTopContent ? "margin-top: 24px;" : ""}
+  ${({ hasTopContent, contentMarginTop }) => hasTopContent || contentMarginTop !== void 0 ? `margin-top: ${contentMarginTop != null ? contentMarginTop : 32}px;` : ""}
 
   & + *:not(${CardFormSubtitle.toString()}) {
     margin-top: ${({ afterTitleMargin }) => afterTitleMargin}px;
@@ -504,6 +564,8 @@ var CardHeadline = _styled2.default.div`
   & + ${CardFormSubtitle} {
     margin-top: 12px;
   }
+
+  ${({ titleMarginLeft }) => titleMarginLeft !== void 0 && `margin-left: ${titleMarginLeft}px;`}
 `;
 function CardFormTextWithLink({
   text,
@@ -511,9 +573,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: _chunkU35SY546cjs.mcBold, children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunk545K27C4cjs.mcBold, children: text }),
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, { to, children: toText })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3LKI5VGcjs.Link, { to, children: toText })
   ] });
 }
 function CardFormCheckboxParagraph({
@@ -522,7 +584,7 @@ function CardFormCheckboxParagraph({
   checked
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIT3HB4Tcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT4UBZ7NBcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
   ] });
 }
@@ -542,7 +604,7 @@ var CardFormOption = ({
 ] });
 var StyledCardFormOption = _styled2.default.div`
   border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
   cursor: pointer;
   margin-top: 10px;
   padding: ${({ selected }) => selected ? "15px" : "16px"};
@@ -551,7 +613,7 @@ var CardFormOptionLabel = _styled2.default.div`
   font-weight: bold;
 `;
 var CardFormOptionDescription = _styled2.default.p`
-  color: ${_chunkK7HWTEGPcjs.colors.gray40};
+  color: ${_chunkDRTADBFRcjs.colors.gray40};
   margin: 6px 0 0;
 `;
 function resolveCardFormProp(prop, kind, defaultKey, theme) {
@@ -559,7 +621,7 @@ function resolveCardFormProp(prop, kind, defaultKey, theme) {
   return (
     /** props may be unset for a given kind but theme defaults always exist,
      * so this will always resolve a value: */
-    prop || ((_a = theme.cardForm.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.cardForm[defaultKey]
+    prop !== void 0 ? prop : ((_a = theme.cardForm.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.cardForm[defaultKey]
   );
 }
 

package/dist/{chunk-EL2GRBE2.js → chunk-HSJUJOFA.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-ZAQNPOEC.js";
+} from "./chunk-L3FZFJNV.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-YNBZC3U6.cjs → chunk-HUFS2MGG.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
 
@@ -56,7 +56,7 @@ var styles = ({ theme, maxWidth }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkU35SY546cjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunk545K27C4cjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: ${maxWidth}px;
   word-break: break-word;

package/dist/{chunk-QOLXSB37.cjs → chunk-HX2DWADB.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunkXQNOVNF4cjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkWX5R7NU7cjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-RQXKAXPR.js → chunk-I5TCLIUL.js}

@@ -1,13 +1,13 @@
-import {
-  Pill
-} from "./chunk-2NFFDKIX.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-UH2H3Y7Y.js";
+} from "./chunk-AO3ZBQ6T.js";
+import {
+  Pill
+} from "./chunk-BOO6NMGY.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";