@lightsparkdev/ui 1.0.13 → 1.0.15

package/dist/{chunk-GYQ4PT5T.cjs → chunk-NTHCVTEI.cjs}

@@ -1,78 +1,78 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJJXXIS4Wcjs = require('./chunk-JJXXIS4W.cjs');
+var _chunkTYOK4F5Fcjs = require('./chunk-TYOK4F5F.cjs');
 
 
-var _chunkAKDCK7LTcjs = require('./chunk-AKDCK7LT.cjs');
+var _chunkSWGCDNBIcjs = require('./chunk-SWGCDNBI.cjs');
 
 
-var _chunkZ36EORYIcjs = require('./chunk-Z36EORYI.cjs');
+var _chunkJYUEWB2Ocjs = require('./chunk-JYUEWB2O.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunk7WX4HURWcjs = require('./chunk-7WX4HURW.cjs');
 
 
-var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
+var _chunkOHFTMHHWcjs = require('./chunk-OHFTMHHW.cjs');
 
 
-var _chunkUPJ6PK46cjs = require('./chunk-UPJ6PK46.cjs');
 
+var _chunkUJKGOG7Vcjs = require('./chunk-UJKGOG7V.cjs');
 
 
-var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
+var _chunkYHMJPW4Rcjs = require('./chunk-YHMJPW4R.cjs');
 
 
-var _chunkZ5EFUGXGcjs = require('./chunk-Z5EFUGXG.cjs');
+var _chunk2ADYUADYcjs = require('./chunk-2ADYUADY.cjs');
 
 
-var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkXNXC2QV2cjs = require('./chunk-XNXC2QV2.cjs');
+var _chunkV2HGIJA7cjs = require('./chunk-V2HGIJA7.cjs');
 
 
-var _chunkYSH2UK2Bcjs = require('./chunk-YSH2UK2B.cjs');
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
 
 
-var _chunkZWH3ABG3cjs = require('./chunk-ZWH3ABG3.cjs');
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkATTRMONFcjs = require('./chunk-ATTRMONF.cjs');
 
 
-var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
+var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
 
 
-var _chunkZQFSY7WFcjs = require('./chunk-ZQFSY7WF.cjs');
+var _chunkVXRUJP4Qcjs = require('./chunk-VXRUJP4Q.cjs');
 
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+var _chunkONBN7GATcjs = require('./chunk-ONBN7GAT.cjs');
 
 
 
 
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
 
 
-var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
+var _chunkA3ACFWRZcjs = require('./chunk-A3ACFWRZ.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/CardForm/CardForm.tsx
 var _react = require('@emotion/react');
@@ -193,15 +193,15 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? _chunkZWH3ABG3cjs.toReactNodesWithTypographyMap.call(void 0, 
+  const formattedDescription = description ? _chunkV2HGIJA7cjs.toReactNodesWithTypographyMap.call(void 0, 
     description,
     defaultDescriptionTypographyMap
   ) : null;
-  const belowFormContentNodes = belowFormContent ? _chunkSCLUBPNMcjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const belowFormContentNodes = belowFormContent ? _chunkT3KB7JMUcjs.toReactNodes.call(void 0, belowFormContent) : null;
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContent, { children: [
     topContent,
     title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeadline, { hasTopContent: Boolean(topContent), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJJXXIS4Wcjs.Headline,
+      _chunkTYOK4F5Fcjs.Headline,
       {
         content: [
           title,
@@ -227,17 +227,13 @@ function CardForm({
     smBorderWidth
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContainer, { children: [
-    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardForm, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { onSubmit: onSubmitForm, noValidate: true }, commonProps), { children: content })),
+    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 })),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
 var CardFormContainer = _styled2.default.div`
   display: flex;
   flex-direction: column;
-
-  ${_chunkKW3JYLRIcjs.bp.sm(`
-    height: 100%;
-  `)}
 `;
 var CardFormContent = _styled2.default.div`
   display: flex;
@@ -246,15 +242,12 @@ var CardFormContent = _styled2.default.div`
 `;
 var BelowCardFormContent = _styled2.default.div`
   text-align: center;
-  margin-top: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: ${({ gap }) => gap}px;
-
-  ${_chunkKW3JYLRIcjs.bp.sm(`
-    margin-bottom: 32px;
-  `)}
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
+  margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
 `;
 var CardFormSubtitle = _styled2.default.div``;
 var CardFormButtonRow = _styled2.default.div`
@@ -264,7 +257,7 @@ var CardFormButtonRow = _styled2.default.div`
   justify === "center" ? "center" : "left"
 )};
   margin-top: 32px;
-  ${_chunkQ2CWG22Bcjs.ButtonSelector.call(void 0, "* + ")} {
+  ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, "* + ")} {
     margin-left: 10px;
   }
 
@@ -275,9 +268,9 @@ var CardFormButtonRow = _styled2.default.div`
 var fieldLabelMarginPx = 12;
 var CardFormFieldLabel = _styled2.default.label`
   display: block;
-  margin-top: ${_chunkITH4PPTTcjs.inputSpacingPx}px;
+  margin-top: ${_chunkUJKGOG7Vcjs.inputSpacingPx}px;
   color: ${({ theme }) => theme.text};
-  font-size: ${_chunkE36KSEQZcjs.pxToRems.call(void 0, 14)};
+  font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, 14)};
   font-weight: 700;
   & + * {
     margin-top: ${fieldLabelMarginPx}px;
@@ -290,7 +283,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, _chunkZQFSY7WFcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkATTRMONFcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
 var StyledCardFormDataFieldValue = _styled2.default.div`
   margin-top: 4px;
@@ -324,12 +317,12 @@ var formInset = ({ wide, paddingX, paddingY }) => _react.css`
     padding: 0;
   `)}
 
-  ${_chunkD262WAOVcjs.standardContentInset.smCSS}
+  ${_chunk4GO7VWXEcjs.standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkD262WAOVcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunk4GO7VWXEcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunk4GO7VWXEcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
@@ -360,18 +353,18 @@ var StyledCardFormStyle = ({
 }) => {
   return _react.css`
     ${formInset({ wide, paddingX, paddingY })}
-    ${shadow === "soft" ? _chunkD262WAOVcjs.standardCardShadow : shadow === "hard" ? _chunkD262WAOVcjs.standardCardShadowHard : ""}
+    ${shadow === "soft" ? _chunk4GO7VWXEcjs.standardCardShadow : shadow === "hard" ? _chunk4GO7VWXEcjs.standardCardShadowHard : ""}
 
     position: relative;
     height: 100%;
     border-style: solid;
     border-width: ${borderWidth}px;
-    border-color: ${_chunk6DWDBCUJcjs.getColor.call(void 0, theme, borderColor)};
-    background-color: ${_chunk6DWDBCUJcjs.getColor.call(void 0, theme, backgroundColor)};
+    border-color: ${_chunkBW6SKFVJcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunkBW6SKFVJcjs.getColor.call(void 0, theme, backgroundColor)};
 
     ${_chunkKW3JYLRIcjs.bp.sm(`
       box-shadow: none;
-      background-color: ${_chunk6DWDBCUJcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      background-color: ${_chunkBW6SKFVJcjs.getColor.call(void 0, theme, smBackgroundColor)};
       border-width: ${smBorderWidth}px;
     `)}
 
@@ -387,40 +380,40 @@ var StyledCardFormStyle = ({
       margin-top: 40px !important;
     }
 
-    ${CardFormButtonRow}, ${_chunkZ5EFUGXGcjs.StyledButtonRow} {
-      ${_chunkQ2CWG22Bcjs.ButtonSelector.call(void 0, )} {
+    ${CardFormButtonRow}, ${_chunkYHMJPW4Rcjs.StyledButtonRow} {
+      ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, )} {
         margin-top: 0;
       }
     }
 
-    ${_chunkAKDCK7LTcjs.StyledSelect}, ${_chunkUPJ6PK46cjs.ToggleContainer} {
-      margin-top: ${_chunkITH4PPTTcjs.inputSpacingPx}px;
+    ${_chunkSWGCDNBIcjs.StyledSelect}, ${_chunk7WX4HURWcjs.ToggleContainer} {
+      margin-top: ${_chunkUJKGOG7Vcjs.inputSpacingPx}px;
     }
 
     ${CardFormFieldLabel} {
-      margin-top: ${_chunkITH4PPTTcjs.inputSpacingPx}px;
+      margin-top: ${_chunkUJKGOG7Vcjs.inputSpacingPx}px;
 
-      & + ${_chunkAKDCK7LTcjs.StyledSelect} {
+      & + ${_chunkSWGCDNBIcjs.StyledSelect} {
         margin-top: ${fieldLabelMarginPx}px;
       }
     }
 
-    ${_chunk3NRRDBJNcjs.TextInputHalfRow} > ${_chunkAKDCK7LTcjs.StyledSelect} {
+    ${_chunkJYUEWB2Ocjs.TextInputHalfRow} > ${_chunkSWGCDNBIcjs.StyledSelect} {
       margin-top: 0;
     }
 
-    ${_chunkXNXC2QV2cjs.LoadingWrapper} {
+    ${_chunkONBN7GATcjs.LoadingWrapper} {
       margin: 32px 0;
       * + * {
         margin-top: 0;
       }
     }
 
-    ${_chunkQ2CWG22Bcjs.ButtonSelector.call(void 0, )} ${_chunkXNXC2QV2cjs.LoadingWrapper} {
+    ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, )} ${_chunkONBN7GATcjs.LoadingWrapper} {
       margin: 0;
     }
 
-    ${_chunkZ36EORYIcjs.StyledFileInput} {
+    ${_chunkOHFTMHHWcjs.StyledFileInput} {
       margin-top: 16px;
     }
 
@@ -429,8 +422,8 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${_chunkQ2CWG22Bcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
-        ${_chunkITH4PPTTcjs.formButtonTopMarginStyle}
+      & > ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
+        ${_chunkUJKGOG7Vcjs.formButtonTopMarginStyle}
       }
     }
   `;
@@ -454,9 +447,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: _chunkD262WAOVcjs.mcBold, children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunk4GO7VWXEcjs.mcBold, children: text }),
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVUS3VIMScjs.Link, { to, children: toText })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3ACFWRZcjs.Link, { to, children: toText })
   ] });
 }
 function CardFormCheckboxParagraph({
@@ -465,7 +458,7 @@ function CardFormCheckboxParagraph({
   checked
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYSH2UK2Bcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2ADYUADYcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
   ] });
 }
@@ -485,7 +478,7 @@ var CardFormOption = ({
 ] });
 var StyledCardFormOption = _styled2.default.div`
   border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
-  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 8)}
   cursor: pointer;
   margin-top: 10px;
   padding: ${({ selected }) => selected ? "15px" : "16px"};
@@ -494,7 +487,7 @@ var CardFormOptionLabel = _styled2.default.div`
   font-weight: bold;
 `;
 var CardFormOptionDescription = _styled2.default.p`
-  color: ${_chunkJBCEOOZScjs.colors.gray40};
+  color: ${_chunkZBLXVPL4cjs.colors.gray40};
   margin: 6px 0 0;
 `;
 function resolveCardFormProp(prop, kind, defaultKey, theme) {

package/dist/{chunk-PYKAAA4T.js → chunk-NVSSVEIP.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/Tooltip.tsx
 import { css } from "@emotion/css";
@@ -42,7 +42,8 @@ function Tooltip(props) {
         noArrow: true,
         border: "0.05rem solid rgba(0, 0, 0, 0.1)",
         className: styles({ theme }),
-        variant: "light"
+        variant: "light",
+        clickable: Boolean(props.interactive)
       })
     ),
     nodeRef.current

package/dist/{chunk-WY3ZN7KY.js → chunk-NWUW6JKG.js}

@@ -1,20 +1,20 @@
 import {
   getPropDefaultsBase
-} from "./chunk-76FQY6HX.js";
+} from "./chunk-LEMT5P3Z.js";
 import {
   typographyStyles
-} from "./chunk-F3HU3LG5.js";
+} from "./chunk-YW4BJCOL.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XNXBY2U3.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/base/Display.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-DV6LJQJW.js → chunk-NXAP7SVM.js}

@@ -1,19 +1,19 @@
 import {
   iconMap
-} from "./chunk-VGRW2DQS.js";
+} from "./chunk-LNLM737S.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   isString
-} from "./chunk-EDN2QDCB.js";
+} from "./chunk-HAC5YAGQ.js";
 import {
   getFontColor
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-ZNDP2XLL.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";
@@ -23,18 +23,24 @@ function Icon({
   className,
   name,
   width,
+  square = false,
   tutorialStep,
   id,
   mr: mrProp = 0,
   ml: mlProp = 0,
+  mt: mtProp = 0,
+  mb: mbProp = 0,
   color = void 0,
   verticalAlign = "middle",
   iconProps
 }) {
   const IconComponent = iconMap[name];
   const w = parseFloat((width / rootFontSizePx).toFixed(2));
+  const h = square ? w : "auto";
   const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / rootFontSizePx).toFixed(2))}em` : mrProp;
   const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / rootFontSizePx).toFixed(2))}em` : mbProp;
   const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / rootFontSizePx).toFixed(2));
   const icon = React.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ jsx(
@@ -43,8 +49,12 @@ function Icon({
       id,
       className,
       w,
+      h,
+      square,
       mr,
       ml,
+      mt,
+      mb,
       verticalAlign: va,
       fontColor: color,
       "data-tutorial-tip": tutorialStep == null ? void 0 : tutorialStep.toString(),
@@ -55,16 +65,30 @@ function Icon({
 var IconContainer = styled.span`
   pointer-events: none;
   display: inline-flex;
-  ${({ mr, ml, w }) => `
+  align-items: center;
+  justify-content: center;
+  ${({ mr, ml, mt, mb, w, h }) => `
     width: ${w}em;
+    height: ${typeof h === "number" ? `${h}em` : h};
     /* ensure no shrink in flex containers: */
     min-width: ${w}em;
     ${mr ? `margin-right: ${mr};` : ""}
     ${ml ? `margin-left: ${ml};` : ""}
+    ${mt ? `margin-top: ${mt};` : ""}
+    ${mb ? `margin-bottom: ${mb};` : ""}
   `}
 
   vertical-align: ${({ verticalAlign }) => isString(verticalAlign) ? verticalAlign : `${verticalAlign}em`};
 
+  ${({ square }) => {
+  return square ? `
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    ` : "";
+}}
+
   ${({ theme, fontColor }) => {
   const color = getFontColor(theme, fontColor, "inherit");
   return `

package/dist/{chunk-7P4KTLCD.js → chunk-NXVPERBS.js}

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

package/dist/{chunk-ZSDLJZIK.js → chunk-NZP7OSYF.js}

@@ -1,19 +1,19 @@
 import {
   Filter
-} from "./chunk-6DCFPU4Z.js";
+} from "./chunk-MLS3KDG2.js";
+import {
+  TextInput
+} from "./chunk-PGMSWFOT.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
-import {
-  TextInput
-} from "./chunk-SUFXV4SF.js";
 import {
   Button
-} from "./chunk-4U3AAKMA.js";
+} from "./chunk-G375DUHZ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/DataManagerTable/StringFilter.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-KQFTLQPN.cjs → chunk-O5B6YYPN.cjs}

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
+var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
 
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/typography/base/Code.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function CodeString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledCode = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Code", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Code", size, colorProp)}
+  ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 
 

package/dist/{chunk-3XDBPCS7.js → chunk-OBNUXEA2.js}

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

package/dist/{chunk-Z36EORYI.cjs → chunk-OHFTMHHW.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMJZ366UEcjs = require('./chunk-MJZ366UE.cjs');
+var _chunkJ2TZUAYIcjs = require('./chunk-J2TZUAYI.cjs');
 
 
 
-var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
+var _chunkUJKGOG7Vcjs = require('./chunk-UJKGOG7V.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 // src/components/FileInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,7 +59,7 @@ function FileInput({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMJZ366UEcjs.Pill,
+        _chunkJ2TZUAYIcjs.Pill,
         {
           text: fileName,
           cursor: "pointer",
@@ -67,7 +67,7 @@ function FileInput({
           onDeleteFromKeyboard: handleRemoveFile
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkITH4PPTTcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUJKGOG7Vcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
   ] });
 }
 var StyledFileInputContainer = _styled2.default.div``;
@@ -94,7 +94,7 @@ var StyledFileInput = _styled2.default.div`
   label {
     display: block;
     cursor: pointer;
-    ${({ theme, hasValidFileSet }) => _chunkITH4PPTTcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkUJKGOG7Vcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/chunk-OIE4NCND.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+
+
+
+var _chunkON57QYPDcjs = require('./chunk-ON57QYPD.cjs');
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/typography/Display.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Display(props) {
+  const propsWithDefaults = _chunkON57QYPDcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkON57QYPDcjs.StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Display = Display;