@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/{chunk-62UAIR5O.cjs → chunk-NTOIQXCS.cjs}

@@ -1,46 +1,46 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNROZVENVcjs = require('./chunk-NROZVENV.cjs');
+var _chunkNPK4DLGQcjs = require('./chunk-NPK4DLGQ.cjs');
 
 
-var _chunkSFTKSNEKcjs = require('./chunk-SFTKSNEK.cjs');
+var _chunkHEPQ6OV4cjs = require('./chunk-HEPQ6OV4.cjs');
 
 
-var _chunkKM26ZJYZcjs = require('./chunk-KM26ZJYZ.cjs');
+var _chunkB5N2PM7Ecjs = require('./chunk-B5N2PM7E.cjs');
 
 
-var _chunkFRXVOBFVcjs = require('./chunk-FRXVOBFV.cjs');
+var _chunkRDNRIMXDcjs = require('./chunk-RDNRIMXD.cjs');
 
 
-var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
-var _chunkVSBIQ3WKcjs = require('./chunk-VSBIQ3WK.cjs');
+var _chunkDOP5TYRDcjs = require('./chunk-DOP5TYRD.cjs');
 
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
-var _chunkAJP3GW6Dcjs = require('./chunk-AJP3GW6D.cjs');
+var _chunk54JF52UOcjs = require('./chunk-54JF52UO.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
 
 
-var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
+var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
 
 
-var _chunkM72EXGIScjs = require('./chunk-M72EXGIS.cjs');
+var _chunkUL73AXJPcjs = require('./chunk-UL73AXJP.cjs');
 
 
-var _chunkVZEYA2KHcjs = require('./chunk-VZEYA2KH.cjs');
+var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
 
 
 var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
@@ -50,16 +50,23 @@ var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+
+
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
+
+
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/CardForm/CardForm.tsx
 var _react = require('@emotion/react');
@@ -104,24 +111,65 @@ var descriptionTypography = {
     }
   }
 };
-function resolveProps(args) {
-  const isPrimary = args.kind === "primary";
-  const isSecondary = args.kind === "secondary";
-  const isTertiary = args.kind === "tertiary";
-  const paddingY = isPrimary || isTertiary ? 56 : 40;
-  const paddingX = isSecondary || isTertiary ? 40 : 56;
-  const textAlign = args.textAlign || "left";
-  const shadow = isPrimary ? "soft" : isTertiary ? "hard" : "none";
-  const borderRadius = isSecondary ? 8 : 24;
-  const border = isSecondary;
-  return {
+function resolveProps(args, theme) {
+  const paddingY = resolveCardFormProp(void 0, args.kind, "paddingY", theme);
+  const paddingX = resolveCardFormProp(void 0, args.kind, "paddingX", theme);
+  const textAlign = resolveCardFormProp(
+    args.textAlign,
+    args.kind,
+    "textAlign",
+    theme
+  );
+  const shadow = resolveCardFormProp(args.shadow, args.kind, "shadow", theme);
+  const borderRadius = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "borderRadius",
+    theme
+  );
+  const borderWidth = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "borderWidth",
+    theme
+  );
+  const borderColor = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "borderColor",
+    theme
+  );
+  const backgroundColor = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "backgroundColor",
+    theme
+  );
+  const smBackgroundColor = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "smBackgroundColor",
+    theme
+  );
+  const smBorderWidth = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "smBorderWidth",
+    theme
+  );
+  const props = {
     paddingY,
     paddingX,
     shadow,
     borderRadius,
-    border,
-    textAlign
+    borderColor,
+    borderWidth,
+    textAlign,
+    backgroundColor,
+    smBackgroundColor,
+    smBorderWidth
   };
+  return props;
 }
 function CardForm({
   children,
@@ -136,10 +184,26 @@ function CardForm({
   hasChildForm,
   wide = false,
   kind = "primary",
+  shadow: shadowProp,
   textAlign: textAlignProp,
   belowFormContent
 }) {
-  const { paddingY, paddingX, shadow, borderRadius, border, textAlign } = resolveProps({ kind, textAlign: textAlignProp });
+  const theme = _react.useTheme.call(void 0, );
+  const {
+    paddingY,
+    paddingX,
+    shadow,
+    borderRadius,
+    borderWidth,
+    borderColor,
+    textAlign,
+    backgroundColor,
+    smBackgroundColor,
+    smBorderWidth
+  } = resolveProps(
+    { kind, textAlign: textAlignProp, shadow: shadowProp },
+    theme
+  );
   const onSubmitForm = _react3.useCallback.call(void 0, 
     (e) => {
       e.preventDefault();
@@ -152,12 +216,12 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? _chunkVZEYA2KHcjs.toReactNodesWithTypographyMap.call(void 0, description, descriptionTypography[kind]) : null;
-  const belowFormContentNodes = belowFormContent ? _chunkLHXL6GOOcjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const formattedDescription = description ? _chunkQ7C5LR6Icjs.toReactNodesWithTypographyMap.call(void 0, description, descriptionTypography[kind]) : null;
+  const belowFormContentNodes = belowFormContent ? _chunk36SDWEWYcjs.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, 
-      _chunkSFTKSNEKcjs.Headline,
+      _chunkHEPQ6OV4cjs.Headline,
       {
         content: [
           title,
@@ -169,34 +233,21 @@ function CardForm({
     formattedDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormSubtitle, { children: formattedDescription }),
     children
   ] });
+  const commonProps = {
+    wide,
+    shadow,
+    borderRadius,
+    borderWidth,
+    borderColor,
+    textAlign,
+    paddingX,
+    paddingY,
+    backgroundColor,
+    smBackgroundColor,
+    smBorderWidth
+  };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContainer, { children: [
-    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      StyledCardFormDiv,
-      {
-        wide,
-        shadow,
-        borderRadius,
-        border,
-        textAlign,
-        paddingY,
-        paddingX,
-        children: content
-      }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      StyledCardForm,
-      {
-        wide,
-        onSubmit: onSubmitForm,
-        shadow,
-        borderRadius,
-        border,
-        textAlign,
-        paddingY,
-        paddingX,
-        noValidate: true,
-        children: content
-      }
-    ),
+    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 })),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { children: belowFormContentNodes })
   ] });
 }
@@ -229,7 +280,7 @@ var CardFormButtonRow = _styled2.default.div`
   justify === "center" ? "center" : "left"
 )};
   margin-top: 32px;
-  ${_chunk3XWROTDTcjs.ButtonSelector.call(void 0, "* + ")} {
+  ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, "* + ")} {
     margin-left: 10px;
   }
 
@@ -240,16 +291,16 @@ var CardFormButtonRow = _styled2.default.div`
 var fieldLabelMarginPx = 12;
 var CardFormFieldLabel = _styled2.default.label`
   display: block;
-  margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
+  margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
   color: ${({ theme }) => theme.text};
-  font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, 14)};
+  font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, 14)};
   font-weight: 700;
   & + * {
     margin-top: ${fieldLabelMarginPx}px;
   }
 `;
 function CardFormDataFieldValue({ text }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFRXVOBFVcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRDNRIMXDcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
 var StyledCardFormDataFieldValue = _styled2.default.div`
   margin-top: 4px;
@@ -283,12 +334,12 @@ var formInset = ({ wide, paddingX, paddingY }) => _react.css`
     padding: 0;
   `)}
 
-  ${_chunk23NA5VW6cjs.standardContentInset.smCSS}
+  ${_chunkOQEP7VDDcjs.standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
@@ -308,22 +359,30 @@ var StyledCardFormStyle = ({
   wide,
   shadow,
   borderRadius,
-  border,
+  borderWidth,
+  borderColor,
   textAlign,
   paddingX,
-  paddingY
+  paddingY,
+  backgroundColor,
+  smBackgroundColor,
+  smBorderWidth
 }) => {
   return _react.css`
     ${formInset({ wide, paddingX, paddingY })}
-    ${shadow === "soft" ? _chunk23NA5VW6cjs.standardCardShadow : shadow === "hard" ? _chunk23NA5VW6cjs.standardCardShadowHard : ""}
+    ${shadow === "soft" ? _chunkOQEP7VDDcjs.standardCardShadow : shadow === "hard" ? _chunkOQEP7VDDcjs.standardCardShadowHard : ""}
 
-    background-color: ${theme.bg};
     position: relative;
     height: 100%;
-    ${border ? `border: 1px solid ${theme.vlcNeutral};` : ""}
+    border-style: solid;
+    border-width: ${borderWidth}px;
+    border-color: ${_chunk7EIZIKLRcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunk7EIZIKLRcjs.getColor.call(void 0, theme, backgroundColor)};
 
     ${_chunkKW3JYLRIcjs.bp.sm(`
       box-shadow: none;
+      background-color: ${_chunk7EIZIKLRcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      border-width: ${smBorderWidth}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
@@ -338,40 +397,40 @@ var StyledCardFormStyle = ({
       margin-top: 40px !important;
     }
 
-    ${CardFormButtonRow}, ${_chunkAJP3GW6Dcjs.StyledButtonRow} {
-      ${_chunk3XWROTDTcjs.ButtonSelector.call(void 0, )} {
+    ${CardFormButtonRow}, ${_chunk54JF52UOcjs.StyledButtonRow} {
+      ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} {
         margin-top: 0;
       }
     }
 
-    ${_chunkNROZVENVcjs.StyledSelect}, ${_chunkVSBIQ3WKcjs.ToggleContainer} {
-      margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
+    ${_chunkNPK4DLGQcjs.StyledSelect}, ${_chunkDOP5TYRDcjs.ToggleContainer} {
+      margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
     }
 
     ${CardFormFieldLabel} {
-      margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
+      margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
 
-      & + ${_chunkNROZVENVcjs.StyledSelect} {
+      & + ${_chunkNPK4DLGQcjs.StyledSelect} {
         margin-top: ${fieldLabelMarginPx}px;
       }
     }
 
-    ${_chunkGFKY6YX2cjs.TextInputHalfRow} > ${_chunkNROZVENVcjs.StyledSelect} {
+    ${_chunkO64MW4Z4cjs.TextInputHalfRow} > ${_chunkNPK4DLGQcjs.StyledSelect} {
       margin-top: 0;
     }
 
-    ${_chunkST3UQPZYcjs.LoadingWrapper} {
+    ${_chunkFDL4732Lcjs.LoadingWrapper} {
       margin: 32px 0;
       * + * {
         margin-top: 0;
       }
     }
 
-    ${_chunk3XWROTDTcjs.ButtonSelector.call(void 0, )} ${_chunkST3UQPZYcjs.LoadingWrapper} {
+    ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} ${_chunkFDL4732Lcjs.LoadingWrapper} {
       margin: 0;
     }
 
-    ${_chunkKM26ZJYZcjs.StyledFileInput} {
+    ${_chunkB5N2PM7Ecjs.StyledFileInput} {
       margin-top: 16px;
     }
 
@@ -380,8 +439,8 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${_chunk3XWROTDTcjs.ButtonSelector.call(void 0, )} {
-        ${_chunkNVVAOGNLcjs.formButtonTopMarginStyle}
+      & > ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} {
+        ${_chunkBCPM2M3Ycjs.formButtonTopMarginStyle}
       }
     }
   `;
@@ -405,9 +464,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: _chunk23NA5VW6cjs.mcBold, children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkOQEP7VDDcjs.mcBold, children: text }),
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDTPEU32cjs.Link, { to, children: toText })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HIPKMRHcjs.Link, { to, children: toText })
   ] });
 }
 function CardFormCheckboxParagraph({
@@ -416,7 +475,7 @@ function CardFormCheckboxParagraph({
   checked
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM72EXGIScjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUL73AXJPcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
   ] });
 }
@@ -436,7 +495,7 @@ var CardFormOption = ({
 ] });
 var StyledCardFormOption = _styled2.default.div`
   border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
   cursor: pointer;
   margin-top: 10px;
   padding: ${({ selected }) => selected ? "15px" : "16px"};
@@ -445,9 +504,17 @@ var CardFormOptionLabel = _styled2.default.div`
   font-weight: bold;
 `;
 var CardFormOptionDescription = _styled2.default.p`
-  color: ${_chunkO7USIZI6cjs.colors.gray40};
+  color: ${_chunkCFG65CGCcjs.colors.gray40};
   margin: 6px 0 0;
 `;
+function resolveCardFormProp(prop, kind, defaultKey, theme) {
+  var _a;
+  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]
+  );
+}
 
 
 

package/dist/{chunk-XNZEPKAL.cjs → chunk-NTVBNQYA.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function TextArea({
   readOnly = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCPM2M3Ycjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -40,11 +40,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCPM2M3Ycjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkNVVAOGNLcjs.textInputStyle}
+  ${_chunkBCPM2M3Ycjs.textInputStyle}
   resize: none;
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-HHTHXSBF.js → chunk-NVLTKMR6.js}

@@ -18,7 +18,6 @@ var buttonsThemeBase = {
   defaultTypographyType: "Body Strong",
   defaultColor: "text",
   defaultBorderRadius: 32,
-  defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
   defaultBorderColor: "bg",
   defaultHoverBackgroundColor: "bg",
@@ -41,7 +40,6 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
       defaultColor: "bg",
-      defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
       defaultHoverBackgroundColor: "c8Neutral",
@@ -49,7 +47,6 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
     },
     ghost: {
       defaultBackgroundColor: "transparent",
-      defaultBorderWidth: 0,
       defaultHoverBackgroundColor: "transparent",
       defaultHoverBorderColor: "transparent",
       defaultPaddingsY: {

package/dist/{chunk-ZAP2S2HO.cjs → chunk-NXETPPGE.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
 
@@ -102,7 +102,7 @@ function CommaNumberInput(props) {
     [valueWithCommas, onChange]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGFKY6YX2cjs.TextInput,
+    _chunkO64MW4Z4cjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-G4KKDEZ4.cjs → chunk-O25QSADF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGFKY6YX2cjs.TextInput,
+    _chunkO64MW4Z4cjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),