@lightsparkdev/ui 1.0.10 → 1.0.11

package/dist/chunk-7Q6ORFK3.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/LabelModerate.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelModerateString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledLabelModerate, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+}
+var StyledLabelModerate = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+
+exports.LabelModerateString = LabelModerateString; exports.getPropDefaults = getPropDefaults; exports.StyledLabelModerate = StyledLabelModerate;

package/dist/{chunk-WZJTXJM5.js → chunk-7SNXBUCU.js}

@@ -1,6 +1,6 @@
 import {
   standardFocusOutline
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 
 // src/components/UnstyledButton.tsx
 import styled from "@emotion/styled";

package/dist/chunk-7ZMAKSA7.js

@@ -0,0 +1,35 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/base/Title.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function TitleString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledTitle, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.tag || "span" });
+}
+var StyledTitle = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Title", size, colorProp)}
+  ${typographyStyles}
+`;
+
+export {
+  TitleString,
+  getPropDefaults,
+  StyledTitle
+};

package/dist/{chunk-IGNDJHKO.js → chunk-A35Y4ISY.js}

@@ -1,3 +1,6 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
 import {
   typographyStyles
 } from "./chunk-X5SBSJ3Z.js";
@@ -6,44 +9,24 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-R4JQUMCP.js";
+} from "./chunk-FH6BM3M7.js";
 import {
-  toReactNodesBase
-} from "./chunk-DILTUDQN.js";
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
 
-// src/components/typography/Headline.tsx
+// src/components/typography/base/Headline.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var headlineElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
-var Headline = ({
-  block = false,
-  children,
-  color,
-  content,
-  display,
-  heading = "h1",
-  hideOverflow = false,
-  id,
-  size = "Medium"
-}) => {
-  let reactNodes = children || null;
-  if (content) {
-    reactNodes = toReactNodesBase(content);
-  }
-  return /* @__PURE__ */ jsx(
-    StyledHeadline,
-    {
-      as: heading,
-      block,
-      colorProp: color,
-      displayProp: display,
-      hideOverflow,
-      id,
-      size,
-      children: reactNodes
-    }
-  );
-};
+function HeadlineString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledHeadline, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.heading || "h1" });
+}
 var StyledHeadline = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Headline", size, colorProp)}
   ${typographyStyles}
@@ -55,7 +38,8 @@ var ALL_HEADLINE_SELECTORS = headlineElements.map(headlineSelector).join(",");
 
 export {
   headlineElements,
-  Headline,
+  HeadlineString,
+  getPropDefaults,
   StyledHeadline,
   headlineSelector,
   ALL_HEADLINE_SELECTORS

package/dist/{chunk-5MLMGZJG.cjs → chunk-A3WQPTLF.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
 
@@ -54,7 +54,7 @@ var styles = ({ theme }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkDIMJISMHcjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunkOQEP7VDDcjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: 260px;
   box-shadow:

package/dist/{chunk-TBB3GUOK.js → chunk-A5IQAGAS.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-73ETEREG.js";
+} from "./chunk-ANBLLKL6.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";
@@ -40,7 +40,7 @@ function NextLink({
     content = typography ? renderTypography(typography.type, {
       size: typography.size,
       color: typography.color,
-      content: text
+      children: text
     }) : text;
   }
   if (!ready || !InternalNextLink) {

package/dist/{chunk-3V52MNZC.js → chunk-AISFIJCR.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-62K3RQJB.js";
+} from "./chunk-L23G6XLY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-MOEVMNK6.js → chunk-AJBJNU3D.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-2C73WWPT.js";
+} from "./chunk-LQKIJF4I.js";
 import {
   UnstyledButton
-} from "./chunk-WZJTXJM5.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   standardFocusOutline
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   colors
 } from "./chunk-MN4NUSPL.js";

package/dist/chunk-AK7B5554.js

@@ -0,0 +1,44 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/styles/themeDefaults/cardForm.tsx
+var cardFormThemeBaseProps = {
+  paddingY: 56,
+  paddingX: 56,
+  shadow: "soft",
+  borderRadius: 24,
+  borderWidth: 0,
+  borderColor: "vlcNeutral",
+  textAlign: "left",
+  backgroundColor: "bg",
+  smBackgroundColor: "bg",
+  smBorderWidth: 0
+};
+var cardFormThemeBase = __spreadProps(__spreadValues({}, cardFormThemeBaseProps), {
+  kinds: {
+    primary: {},
+    secondary: {},
+    tertiary: {}
+  }
+});
+var defaultCardFormTheme = __spreadProps(__spreadValues({}, cardFormThemeBaseProps), {
+  kinds: {
+    primary: {},
+    secondary: {
+      paddingY: 40,
+      paddingX: 40,
+      shadow: "none",
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: "vlcNeutral"
+    },
+    tertiary: { paddingY: 56, paddingX: 40, shadow: "hard" }
+  }
+});
+
+export {
+  cardFormThemeBase,
+  defaultCardFormTheme
+};

package/dist/chunk-ANBLLKL6.js

@@ -0,0 +1,56 @@
+import {
+  LabelString
+} from "./chunk-BYW654OI.js";
+import {
+  LabelModerateString
+} from "./chunk-AZ6KLR75.js";
+import {
+  LabelStrongString
+} from "./chunk-MPUHSMAP.js";
+import {
+  OverlineString
+} from "./chunk-QYALA36I.js";
+import {
+  BodyStrongString
+} from "./chunk-SBPSQDLJ.js";
+import {
+  TitleString
+} from "./chunk-7ZMAKSA7.js";
+import {
+  CodeString
+} from "./chunk-UPMUOBZO.js";
+import {
+  DisplayString
+} from "./chunk-PXZZG2CX.js";
+import {
+  HeadlineString
+} from "./chunk-A35Y4ISY.js";
+import {
+  BodyString
+} from "./chunk-3UCMIAB4.js";
+
+// src/components/typography/renderTypography.tsx
+import React from "react";
+var typographyMap = {
+  Display: DisplayString,
+  Headline: HeadlineString,
+  Title: TitleString,
+  Body: BodyString,
+  "Body Strong": BodyStrongString,
+  Label: LabelString,
+  "Label Moderate": LabelModerateString,
+  "Label Strong": LabelStrongString,
+  Overline: OverlineString,
+  Code: CodeString,
+  "Code Strong": CodeString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return React.createElement(TypographyComponent, typographyProps, children);
+};
+
+export {
+  typographyMap,
+  renderTypography
+};

package/dist/{chunk-XRS4QU2A.cjs → chunk-AORXHQE3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4QK2V7YWcjs = require('./chunk-4QK2V7YW.cjs');
+var _chunkGB7P5OBZcjs = require('./chunk-GB7P5OBZ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -15,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4QK2V7YWcjs.StatusIndicator, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGB7P5OBZcjs.StatusIndicator, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/{chunk-7LOKZM7V.cjs → chunk-APQWRIH6.cjs}

@@ -1,37 +1,37 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
 
 
-var _chunkMWHLGPKOcjs = require('./chunk-MWHLGPKO.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
+var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
 
 
-var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkQEG4FMH4cjs = require('./chunk-QEG4FMH4.cjs');
 
 
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
 
-var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
 
 
-var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
-var _chunkWRZUCCQDcjs = require('./chunk-WRZUCCQD.cjs');
+var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
 
 
 
@@ -56,20 +56,20 @@ var buttonKinds = [
   "tertiary"
 ];
 var roundPaddingsX = {
-  [_chunkDCQM7IVKcjs.TokenSize.ExtraSmall]: 10,
-  [_chunkDCQM7IVKcjs.TokenSize.Small]: 10,
-  [_chunkDCQM7IVKcjs.TokenSize.Schmedium]: 10,
-  [_chunkDCQM7IVKcjs.TokenSize.Medium]: 14,
-  [_chunkDCQM7IVKcjs.TokenSize.Mlarge]: 19,
-  [_chunkDCQM7IVKcjs.TokenSize.Large]: 19
+  [_chunk6PYUHYIPcjs.TokenSize.ExtraSmall]: 10,
+  [_chunk6PYUHYIPcjs.TokenSize.Small]: 10,
+  [_chunk6PYUHYIPcjs.TokenSize.Schmedium]: 10,
+  [_chunk6PYUHYIPcjs.TokenSize.Medium]: 14,
+  [_chunk6PYUHYIPcjs.TokenSize.Mlarge]: 19,
+  [_chunk6PYUHYIPcjs.TokenSize.Large]: 19
 };
 var paddingsX = {
-  [_chunkDCQM7IVKcjs.TokenSize.ExtraSmall]: 16,
-  [_chunkDCQM7IVKcjs.TokenSize.Small]: 24,
-  [_chunkDCQM7IVKcjs.TokenSize.Schmedium]: 24,
-  [_chunkDCQM7IVKcjs.TokenSize.Medium]: 24,
-  [_chunkDCQM7IVKcjs.TokenSize.Mlarge]: 24,
-  [_chunkDCQM7IVKcjs.TokenSize.Large]: 24
+  [_chunk6PYUHYIPcjs.TokenSize.ExtraSmall]: 16,
+  [_chunk6PYUHYIPcjs.TokenSize.Small]: 24,
+  [_chunk6PYUHYIPcjs.TokenSize.Schmedium]: 24,
+  [_chunk6PYUHYIPcjs.TokenSize.Medium]: 24,
+  [_chunk6PYUHYIPcjs.TokenSize.Mlarge]: 24,
+  [_chunk6PYUHYIPcjs.TokenSize.Large]: 24
 };
 function getPaddingX(size, kind, isRound) {
   return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
@@ -83,11 +83,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkWKRK5OVEcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunk7EIZIKLRcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkWKRK5OVEcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunk7EIZIKLRcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -124,7 +124,6 @@ function resolveProps(props, theme) {
     kind,
     "defaultBackgroundColor"
   );
-  const borderWidth = resolveProp(null, kind, "defaultBorderWidth", theme);
   const borderColor = resolveBackgroundColorKey(
     theme,
     kind,
@@ -152,7 +151,6 @@ function resolveProps(props, theme) {
     paddingY: typeof defaultPaddingY === "number" ? defaultPaddingY : defaultPaddingY[paddingYType],
     borderRadius: resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
     backgroundColor,
-    borderWidth,
     borderColor,
     hoverBackgroundColor,
     hoverBorderColor
@@ -175,7 +173,6 @@ function Button(props) {
     onClick,
     icon,
     backgroundColor,
-    borderWidth,
     borderColor,
     hoverBackgroundColor,
     hoverBorderColor,
@@ -203,7 +200,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMWHLGPKOcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDL4732Lcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -214,7 +211,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: icon, width: iconSize, color: typography.color })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: icon, width: iconSize, color: typography.color })
       }
     );
   }
@@ -237,8 +234,8 @@ function Button(props) {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkWRZUCCQDcjs.renderTypography.call(void 0, typography.type, {
-                content: text,
+              children: _chunkQEG4FMH4cjs.renderTypography.call(void 0, typography.type, {
+                children: text,
                 color: typography.color,
                 size
               })
@@ -248,7 +245,7 @@ function Button(props) {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WQPTLFcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
@@ -261,7 +258,6 @@ function Button(props) {
     iconSide,
     paddingY,
     backgroundColor,
-    borderWidth,
     borderColor,
     hoverBackgroundColor,
     hoverBorderColor,
@@ -300,14 +296,14 @@ var buttonStyle = ({
   fullWidth,
   zIndex,
   iconSide,
-  borderWidth,
-  borderColor,
+  borderColor: borderColorProp,
   isRound,
   borderRadius,
   backgroundColor,
   hoverBackgroundColor,
   hoverBorderColor
 }) => {
+  const borderColor = borderColorProp || backgroundColor;
   return _react.css`
     display: inline-flex;
     opacity: ${disabled && !isLoading ? 0.2 : 1};
@@ -316,7 +312,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkGEMBOYJDcjs.applyTypography.call(void 0, 
+    ${_chunkSZSK5ISJcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -324,7 +320,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkDIMJISMHcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkOQEP7VDDcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -336,7 +332,8 @@ var buttonStyle = ({
       text-align: center;
       white-space: nowrap;
       background-color: ${backgroundColor};
-      border: ${borderWidth}px solid;
+      box-sizing: content-box;
+      border: 1px solid;
       border-color: ${borderColor};
       border-radius: ${isRound ? "100%" : `${borderRadius}px`};
       padding: ${getPadding({
@@ -360,7 +357,7 @@ var buttonStyle = ({
 var ButtonIcon = _styled2.default.div`
   ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
 `;
-var StyledButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`
@@ -373,7 +370,7 @@ var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4
   ButtonHrefLink
 )})${append}`;
 function LinkWithoutTypography(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQE67LKK5cjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HIPKMRHcjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
 }
 
 

package/dist/{chunk-FFOE2R32.js → chunk-AQ4L3IR5.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

package/dist/chunk-AZ6KLR75.js

@@ -0,0 +1,35 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/base/LabelModerate.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function LabelModerateString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledLabelModerate, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.tag || "span" });
+}
+var StyledLabelModerate = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Label Moderate", size, colorProp)}
+  ${typographyStyles}
+`;
+
+export {
+  LabelModerateString,
+  getPropDefaults,
+  StyledLabelModerate
+};

package/dist/{chunk-KB4YCFWX.cjs → chunk-B5N2PM7E.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIKR6723Mcjs = require('./chunk-IKR6723M.cjs');
+var _chunkVVPSBX5Ocjs = require('./chunk-VVPSBX5O.cjs');
 
 
 
-var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.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, 
-        _chunkIKR6723Mcjs.Pill,
+        _chunkVVPSBX5Ocjs.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, _chunkJMIYMECJcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJPRA3J5Ccjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCPM2M3Ycjs.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 }) => _chunkJPRA3J5Ccjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkBCPM2M3Ycjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;