@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-DS3NOKLZ.cjs

@@ -1,249 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
-
-
-var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
-
-
-var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
-
-
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
-
-
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
-
-
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
-
-
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
-
-// src/components/Drawer.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _react = require('react');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var Drawer = (props) => {
-  const [isOpen, setIsOpen] = _react.useState.call(void 0, true);
-  const [lastY, setLastY] = _react.useState.call(void 0, null);
-  const [totalDeltaY, setTotalDeltaY] = _react.useState.call(void 0, 0);
-  const [fractionVisible, setFractionVisible] = _react.useState.call(void 0, 1);
-  const [grabbing, setGrabbing] = _react.useState.call(void 0, false);
-  const drawerContainerRef = _react.useRef.call(void 0, null);
-  const handleClose = () => {
-    if (props.nonDismissable) {
-      return;
-    }
-    setIsOpen(false);
-    setTimeout(() => {
-      props.onClose && props.onClose();
-      setTotalDeltaY(0);
-      setLastY(null);
-    }, 300);
-  };
-  const handleTouchMove = (event) => {
-    var _a, _b;
-    if (props.nonDismissable) {
-      return;
-    }
-    if (lastY === null) {
-      setLastY(event.touches[0].clientY);
-    } else {
-      const deltaY = event.touches[0].clientY - lastY;
-      const topOfDrawer = (((_a = drawerContainerRef.current) == null ? void 0 : _a.getBoundingClientRect().top) || 0) + window.scrollY;
-      const drawerContainerHeight = ((_b = drawerContainerRef.current) == null ? void 0 : _b.getBoundingClientRect().height) || 1;
-      const newFractionVisible = Math.min(
-        1,
-        (window.innerHeight - topOfDrawer) / drawerContainerHeight
-      );
-      setFractionVisible(newFractionVisible);
-      setLastY(event.touches[0].clientY);
-      setTotalDeltaY((prev) => Math.max(prev + deltaY, 0));
-    }
-  };
-  const handleTouchStart = () => {
-    if (props.nonDismissable) {
-      return;
-    }
-    setGrabbing(true);
-  };
-  const handleTouchEnd = () => {
-    if (props.nonDismissable) {
-      return;
-    }
-    setGrabbing(false);
-    if (fractionVisible < 0.8) {
-      handleClose();
-    }
-    setTotalDeltaY(0);
-    setLastY(null);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Background,
-      {
-        isOpen,
-        fractionVisible,
-        onClick: handleClose
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      DrawerContainer,
-      {
-        isOpen,
-        onTouchMove: handleTouchMove,
-        onTouchStart: handleTouchStart,
-        onTouchEnd: handleTouchEnd,
-        totalDeltaY,
-        grabbing,
-        ref: drawerContainerRef,
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerInnerContainer, { kind: props.kind, padding: props.padding, children: [
-          props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
-          props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkL6XBCODScjs.Button,
-            {
-              onClick: props.handleBack,
-              icon: { name: "ChevronLeft" },
-              kind: "ghost",
-              size: "Small"
-            }
-          ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: "Close", width: 10 }) }) }),
-          props.children
-        ] })
-      }
-    )
-  ] });
-};
-var Background = _styled2.default.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
-
-  // Animate opacity
-  transition: opacity 0.3s ease-in-out;
-  opacity: ${(props) => props.isOpen ? props.fractionVisible : "0"};
-
-  animation: open 0.3s ease-in-out;
-
-  @keyframes open {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-`;
-var DrawerContainer = _styled2.default.div`
-  position: fixed;
-  max-height: 100dvh;
-  width: 100%;
-  right: 0;
-  bottom: 0;
-  transform: translateY(${(props) => `${props.totalDeltaY}px`});
-  z-index: ${_chunkZU72XWNEcjs.z.modalContainer};
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  // Only smooth transition when not grabbing, otherwise dragging will feel very laggy
-  ${(props) => props.grabbing && props.isOpen ? "" : "transition: transform 0.3s ease-in-out;"};
-
-  // Animate the drawer opening and closing, and make sure the the drawer stays closed.
-  animation: 0.3s ease-in-out
-    ${(props) => props.isOpen ? "openDrawer" : "closeDrawer forwards"};
-
-  @keyframes openDrawer {
-    from {
-      transform: translateY(100%);
-    }
-    to {
-      transform: translateY(0%);
-    }
-  }
-
-  @keyframes closeDrawer {
-    from {
-      transform: translateY(${(props) => `${props.totalDeltaY}px`});
-    }
-    to {
-      transform: translateY(100%);
-    }
-  }
-`;
-var DrawerInnerContainer = _styled2.default.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: ${(props) => props.kind === "floating" ? `calc(100% - ${_chunkZUAO4DW3cjs.Spacing.md * 2}px)` : "100%"};
-  min-width: 320px;
-  height: 100%;
-  ${(props) => props.kind === "floating" ? `bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};` : ""}
-  border-radius: ${(props) => props.kind === "floating" ? _chunkZUAO4DW3cjs.Spacing.px.lg : `${_chunkZUAO4DW3cjs.Spacing.px.lg} ${_chunkZUAO4DW3cjs.Spacing.px.lg} 0 0`};
-  background-color: ${({ theme }) => theme.bg};
-  padding: ${(props) => props.padding ? `${props.padding}` : `${_chunkZUAO4DW3cjs.Spacing.px["6xl"]} ${_chunkZUAO4DW3cjs.Spacing.px.xl} ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]}
-    ${_chunkZUAO4DW3cjs.Spacing.px.xl}`};
-  overflow-y: auto;
-`;
-var Grabber = _styled2.default.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: ${_chunkZUAO4DW3cjs.Spacing.px.lg};
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 9px;
-  cursor: pointer;
-`;
-var CloseButtonContainer = _styled2.default.div`
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  border-radius: 50%;
-  background-color: ${_chunkZBLXVPL4cjs.colors.grayBlue94};
-  padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
-  height: 30px;
-  width: 30px;
-  display: flex;
-  align-items: center;
-
-  * > * {
-    line-height: 14px;
-  }
-`;
-var CloseButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
-  ${_chunkNWNESPGQcjs.standardFocusOutline}
-  width: 24px;
-  height: 24px;
-  justify-self: flex-end;
-`;
-var BackButtonContainer = _styled2.default.div`
-  position: absolute;
-  top: 20px;
-  left: 20px;
-  border-radius: 50%;
-  padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
-  height: 30px;
-  width: 30px;
-  display: flex;
-  align-items: center;
-`;
-var GrabberBar = _styled2.default.div`
-  width: 36px;
-  height: 5px;
-  border-radius: 2.5px;
-  background: #c0c9d6;
-`;
-
-
-
-exports.Drawer = Drawer;

package/dist/chunk-DVOTHQWX.cjs

@@ -1,77 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkPIMOLSBMcjs = require('./chunk-PIMOLSBM.cjs');
-
-
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
-
-
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
-
-
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
-
-
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
-
-// src/components/Badge.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Badge({
-  content: contentProp,
-  kind,
-  icon,
-  ml = 0,
-  mr = 0,
-  size = "sm",
-  block = false,
-  typography: typographyProp
-}) {
-  const defaultTypography = {
-    type: (typographyProp == null ? void 0 : typographyProp.type) || "Label Moderate",
-    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
-    color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : kind === "success" ? "white" : "text")
-  };
-  const nodesWithTypography = _chunkPIMOLSBMcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
-    default: defaultTypography
-  });
-  const content = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, nodesWithTypography);
-  return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
-    icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXTQV7ZJ6cjs.Icon,
-      {
-        name: icon.name,
-        width: 20,
-        color: icon.color ? icon.color : kind === "danger" ? "danger" : kind === "success" ? "success" : void 0
-      }
-    ) : null,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BadgeContent, { children: content })
-  ] }) : null;
-}
-var badgeSmVPadding = 2;
-var badgeSmHPadding = 6;
-var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkNWNESPGQcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
-  ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
-  ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
-
-  display: ${({ block }) => block ? "flex" : "inline-flex"};
-  gap: ${({ size }) => size === "sm" ? badgeSmHPadding : 12}px;
-  align-items: center;
-  padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
-  background-color: ${({ theme, kind }) => {
-  if (kind === "danger") {
-    return _chunkN63HBX3Vcjs.getColor.call(void 0, theme, "red42a10");
-  } else if (kind === "success") {
-    return _chunkN63HBX3Vcjs.getColor.call(void 0, theme, "success");
-  } else {
-    return _chunkN63HBX3Vcjs.getColor.call(void 0, theme, theme.badge.bg);
-  }
-}};
-`;
-var BadgeContent = _styled2.default.div``;
-
-
-
-
-exports.Badge = Badge; exports.badgeSmVPadding = badgeSmVPadding;

package/dist/chunk-DXHQ5NZR.js

@@ -1,26 +0,0 @@
-import {
-  toReactNodes
-} from "./chunk-SJ2MVP3F.js";
-import {
-  StyledCode,
-  getPropDefaults
-} from "./chunk-YCWLYE6N.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-W7FAWX6T.js";
-
-// src/components/typography/Code.tsx
-import { jsx } from "@emotion/react/jsx-runtime";
-function Code(props) {
-  const propsWithDefaults = getPropDefaults(props);
-  let reactNodes = props.children || null;
-  if (props.content) {
-    reactNodes = toReactNodes(props.content);
-  }
-  return /* @__PURE__ */ jsx(StyledCode, __spreadProps(__spreadValues({}, propsWithDefaults), { children: reactNodes }));
-}
-
-export {
-  Code
-};

package/dist/chunk-E4MOQFME.cjs

@@ -1,274 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
-
-
-
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
-
-
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
-
-
-
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
-
-// src/styles/fields.tsx
-var _react = require('@emotion/react');
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _react3 = require('react');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var maxFieldWidth = "100%";
-var fieldWidth = "100%";
-var inputSpacingPx = 24;
-var formButtonTopMargin = "32px";
-var formButtonTopMarginStyle = _react.css`
-  margin-top: ${formButtonTopMargin};
-`;
-var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkN63HBX3Vcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
-`;
-var inputBlockStyle = ({
-  theme,
-  hasValue,
-  hasError
-}) => _react.css`
-  ${_chunkNWNESPGQcjs.subtext.call(void 0, { theme })}
-  ${standardBorderColor({ theme })}
-  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
-  background-color: ${theme.bg};
-  border-width: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  position: relative;
-  cursor: pointer;
-  padding: 52.5px;
-  ${hasError ? `border-style: solid; border-color: ${theme.danger}; border-width: 2px;` : hasValue ? `border-style: solid; border-color: ${theme.info};` : `border-style: dashed;`}
-`;
-var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
-var textInputFontWeight = 600;
-var textInputBorderRadiusPx = 8;
-var textInputPaddingPx = 12;
-var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkN63HBX3Vcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkN63HBX3Vcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
-var textInputActiveStyles = ({
-  theme,
-  paddingLeftPx,
-  paddingRightPx,
-  activeOutline,
-  activeOutlineColor
-}) => {
-  if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkN63HBX3Vcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
-    return _react.css`
-      outline: 2px solid ${outlineColor};
-      outline-offset: 2px;
-      caret-color: ${outlineColor};
-    `;
-  }
-  return _react.css`
-    border-color: ${textInputBorderColorFocused({ theme })};
-    border-width: 2px;
-    padding: ${textInputPaddingPx - 1}px;
-    ${paddingLeftPx ? `padding-left: ${paddingLeftPx - 1}px;` : ""}
-    ${paddingRightPx ? `padding-right: ${paddingRightPx - 1}px;` : ""}
-  `;
-};
-var defaultTextInputTypography = {
-  type: "Body",
-  size: "Small",
-  color: "text"
-};
-var textInputStyle = ({
-  theme,
-  active,
-  disabled,
-  hasError,
-  paddingLeftPx,
-  paddingRightPx,
-  paddingTopPx,
-  paddingBottomPx,
-  activeOutline,
-  activeOutlineColor,
-  typography,
-  borderRadius
-}) => {
-  var _a;
-  return _react.css`
-  border-radius: ${borderRadius === "round" ? "999" : textInputBorderRadiusPx}px;
-  background-color: ${disabled ? theme.vlcNeutral : theme.inputBackground};
-  cursor: ${disabled ? "not-allowed" : "auto"};
-  box-sizing: border-box;
-  font-weight: ${textInputFontWeight};
-
-  position: relative;
-  z-index: ${_chunkZU72XWNEcjs.z.textInput};
-  font-family: ${(_a = theme.typography) == null ? void 0 : _a.fontFamilies.main};
-  padding: ${textInputPaddingPx - (hasError ? 1 : 0)}px;
-  ${paddingLeftPx ? `padding-left: ${paddingLeftPx - (hasError ? 1 : 0)}px;` : ""}
-  ${paddingRightPx ? `padding-right: ${paddingRightPx - (hasError ? 1 : 0)}px;` : ""}
-  ${paddingTopPx ? `padding-top: ${paddingTopPx - (hasError ? 1 : 0)}px;` : ""}
-  ${paddingBottomPx ? `padding-bottom: ${paddingBottomPx - (hasError ? 1 : 0)}px;` : ""}
-  border-style: solid;
-  border-width: ${hasError ? "2" : "1"}px;
-  border-color: ${hasError ? theme.danger : textInputBorderColor({ theme })};
-  line-height: 22px;
-  outline: none;
-
-  ${_chunkFZBPLBNDcjs.applyTypography.call(void 0, 
-    theme,
-    (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
-    (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
-    (typography == null ? void 0 : typography.color) || defaultTextInputTypography.color
-  )}
-
-  width: ${fieldWidth};
-  max-width: ${maxFieldWidth};
-  text-overflow: ellipsis;
-  &:focus,
-  &:active,
-  &:has(:focus) {
-    ${textInputActiveStyles({
-    theme,
-    paddingLeftPx,
-    paddingRightPx,
-    activeOutline,
-    activeOutlineColor
-  })}
-  }
-
-  ${active && textInputActiveStyles({
-    theme,
-    paddingLeftPx,
-    paddingRightPx,
-    activeOutline,
-    activeOutlineColor
-  })}
-
-  &::placeholder {
-    color: ${textInputPlaceholderColor({ theme })};
-  }
-
-  &:focus::placeholder {
-    color: ${textInputPlaceholderColor({ theme })};
-  }
-`;
-};
-var FieldError = _styled2.default.div`
-  background-color: rgba(242, 239, 255, 1);
-  padding: 16px 16px 8px;
-  margin-top: -8px;
-  border-radius: 0 0 8px 8px;
-  position: relative;
-  z-index: ${_chunkZU72XWNEcjs.z.fieldError};
-`;
-var aboveFieldError = ({
-  theme,
-  hasError
-}) => _react.css`
-  ${hasError ? "border: none !important" : ""};
-  background-color: ${theme.bg};
-  position: relative;
-  z-index: ${_chunkZU72XWNEcjs.z.fieldError + 1};
-  ${hasError && "box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1);"}
-`;
-var inputSubtextSeconds = 0.25;
-function InputSubtext({
-  text,
-  hasError = false,
-  tooltipId
-}) {
-  const timeoutRef = _react3.useRef.call(void 0, null);
-  const [subtext2, setSubtext] = _react3.useState.call(void 0, text);
-  const [visible, setVisible] = _react3.useState.call(void 0, Boolean(text));
-  _react3.useLayoutEffect.call(void 0, () => {
-    if (text) {
-      setSubtext(text);
-      setVisible(true);
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    } else {
-      setVisible(false);
-      timeoutRef.current = setTimeout(() => {
-        setSubtext(void 0);
-      }, inputSubtextSeconds * 1e3);
-    }
-  }, [text]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    StyledInputSubtext,
-    {
-      visible,
-      hasError,
-      cursorPointer: Boolean(tooltipId),
-      children: tooltipId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-tooltip-id": tooltipId, children: subtext2 }) : subtext2
-    }
-  );
-}
-var StyledInputSubtext = _styled2.default.div`
-  margin-top: ${({ visible }) => visible ? "8px" : "0px"};
-  margin-left: ${({ visible }) => visible ? "8px" : "0px"};
-  font-size: 12px;
-  font-size: ${({ visible }) => visible ? "12px" : "0px"};
-  opacity: ${({ visible }) => visible ? "1" : "0"};
-  overflow: hidden;
-  transition:
-    font-size ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
-    opacity ${inputSubtextSeconds * 0.8}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
-    margin ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23);
-  color: ${({ hasError, theme }) => hasError ? theme.danger : theme.text};
-  cursor: ${({ cursorPointer }) => cursorPointer ? "pointer" : "auto"};
-`;
-var labelStyle = ({
-  theme,
-  hasError
-}) => _react.css`
-  color: ${hasError ? theme.danger : theme.text};
-  font-size: 14px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  & + * {
-    margin-top: 12px;
-  }
-  * ~ & {
-    margin-top: 40px;
-  }
-`;
-var Label = _styled2.default.label`
-  ${_chunkNWNESPGQcjs.subtext}
-  ${labelStyle}
-`;
-var LabelDiv = _styled2.default.div`
-  ${_chunkNWNESPGQcjs.subtext}
-  ${labelStyle}
-`;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.maxFieldWidth = maxFieldWidth; exports.fieldWidth = fieldWidth; exports.inputSpacingPx = inputSpacingPx; exports.formButtonTopMargin = formButtonTopMargin; exports.formButtonTopMarginStyle = formButtonTopMarginStyle; exports.standardBorderColor = standardBorderColor; exports.inputBlockStyle = inputBlockStyle; exports.textInputPlaceholderColor = textInputPlaceholderColor; exports.textInputFontWeight = textInputFontWeight; exports.textInputBorderRadiusPx = textInputBorderRadiusPx; exports.textInputPaddingPx = textInputPaddingPx; exports.textInputPadding = textInputPadding; exports.textInputBorderColor = textInputBorderColor; exports.textInputBorderColorFocused = textInputBorderColorFocused; exports.defaultTextInputTypography = defaultTextInputTypography; exports.textInputStyle = textInputStyle; exports.FieldError = FieldError; exports.aboveFieldError = aboveFieldError; exports.InputSubtext = InputSubtext; exports.StyledInputSubtext = StyledInputSubtext; exports.labelStyle = labelStyle; exports.Label = Label; exports.LabelDiv = LabelDiv;

package/dist/chunk-EAQ7M47D.cjs

@@ -1,80 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
-
-
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
-
-// src/components/ProgressBar.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _react = require('react');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var defaultProps = {
-  isSm: false,
-  stepDuration: 0.5
-};
-function ProgressBar({
-  background,
-  progressPercentage,
-  isSm = defaultProps.isSm,
-  stepDuration = defaultProps.stepDuration
-}) {
-  const [percentage, setPercentage] = _react.useState.call(void 0, 5);
-  _react.useEffect.call(void 0, () => {
-    if (progressPercentage !== void 0) {
-      setPercentage(progressPercentage);
-    } else {
-      setTimeout(() => {
-        setPercentage(100);
-      }, 0);
-    }
-  }, [progressPercentage]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgressBarContainer, { isSm, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Bar, { isSm, percentage, stepDuration, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    BarBg,
-    {
-      background,
-      isSm,
-      percentage,
-      stepDuration
-    }
-  ) }) });
-}
-ProgressBar.defaultProps = defaultProps;
-var ProgressBarContainer = _styled2.default.div`
-  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkN63HBX3Vcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
-  box-sizing: border-box;
-  display: flex;
-  height: ${({ isSm }) => isSm ? "6px" : "16px"};
-  justify-content: flex-start;
-  width: 100%;
-  position: relative;
-`;
-var BarBg = _styled2.default.div`
-  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 16)}
-  width: ${({ percentage }) => 100 / percentage * 100}%;
-  height: 100%;
-
-  background: ${({ background }) => background ? background : `
-  linear-gradient(
-    90deg,
-    #000000 -25.9%,
-    #1b4077 14.55%,
-    #a152c7 82.22%,
-    #3f2e7e 115.32%
-  )`};
-`;
-var Bar = _styled2.default.div`
-  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 16)}
-  overflow: hidden;
-  box-sizing: border-box;
-  display: inline-block;
-  height: ${({ isSm }) => isSm ? "6px" : "16px"};
-  width: ${(props) => props.percentage}%;
-  transition: width ${({ stepDuration }) => stepDuration}s
-    cubic-bezier(0.16, 0.3, 0.18, 1);
-`;
-
-
-
-exports.ProgressBar = ProgressBar;