@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-L6XBCODS.cjs

@@ -1,396 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkIR56ZLYLcjs = require('./chunk-IR56ZLYL.cjs');
-
-
-var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
-
-
-var _chunkWDEX6VIPcjs = require('./chunk-WDEX6VIP.cjs');
-
-
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
-
-
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
-
-
-var _chunkWY7PY47Qcjs = require('./chunk-WY7PY47Q.cjs');
-
-
-var _chunkIMZKCKTIcjs = require('./chunk-IMZKCKTI.cjs');
-
-
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
-
-
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
-
-
-
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
-
-
-
-
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
-
-// src/components/Button.tsx
-var _react = require('@emotion/react');
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _lodashes = require('lodash-es');
-var _react3 = require('react');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var buttonKinds = [
-  "secondary",
-  "primary",
-  "ghost",
-  "transparent",
-  "green33",
-  "purple55",
-  "blue43",
-  "blue39",
-  "linkLight",
-  "danger",
-  "warning",
-  "tertiary",
-  "quaternary",
-  "roundSingleChar",
-  "roundIcon"
-];
-function resolveBackgroundColorKey(theme, kind, defaultKey) {
-  var _a;
-  const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
-  let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkN63HBX3Vcjs.isThemeOrColorKey.call(void 0, kind)) {
-    backgroundColorKey = kind;
-  }
-  const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkN63HBX3Vcjs.getBackgroundColor.call(void 0, 
-    theme,
-    backgroundColorKey,
-    defaultBackgroundColor
-  );
-  return backgroundColor;
-}
-function resolveProp(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.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.buttons[defaultKey]
-  );
-}
-function resolveProps(props, theme) {
-  const isSingleCharRoundButton = Boolean(
-    props.text && props.text.length === 1 && !props.icon
-  );
-  const isRoundIconButton = Boolean(!props.text && props.icon);
-  const defaultKind = isSingleCharRoundButton ? "roundSingleChar" : isRoundIconButton ? "roundIcon" : "secondary";
-  const _a = props, {
-    kind = defaultKind,
-    size: sizeProp,
-    paddingY: paddingYType = "regular",
-    borderRadius,
-    typography: typographyProp
-  } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, [
-    "kind",
-    "size",
-    "paddingY",
-    "borderRadius",
-    "typography"
-  ]);
-  const size = resolveProp(sizeProp, kind, "defaultSize", theme);
-  const defaultPaddingsY = resolveProp(null, kind, "defaultPaddingsY", theme);
-  const defaultPaddingY = defaultPaddingsY[size];
-  const defaultPaddingsX = resolveProp(null, kind, "defaultPaddingsX", theme);
-  const defaultPaddingX = defaultPaddingsX[size];
-  const backgroundColor = resolveBackgroundColorKey(
-    theme,
-    kind,
-    "defaultBackgroundColor"
-  );
-  const borderColor = resolveBackgroundColorKey(
-    theme,
-    kind,
-    "defaultBorderColor"
-  );
-  const hoverBackgroundColor = resolveBackgroundColorKey(
-    theme,
-    kind,
-    "defaultHoverBackgroundColor"
-  );
-  const hoverBorderColor = resolveBackgroundColorKey(
-    theme,
-    kind,
-    "defaultHoverBorderColor"
-  );
-  const activeBackgroundColor = resolveBackgroundColorKey(
-    theme,
-    kind,
-    "defaultActiveBackgroundColor"
-  );
-  const activeBorderColor = resolveBackgroundColorKey(
-    theme,
-    kind,
-    "defaultActiveBorderColor"
-  );
-  const typography = {
-    type: (typographyProp == null ? void 0 : typographyProp.type) || resolveProp(null, kind, "defaultTypographyType", theme),
-    color: (typographyProp == null ? void 0 : typographyProp.color) || resolveProp(null, kind, "defaultColor", theme),
-    size
-  };
-  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
-    kind,
-    size,
-    typography,
-    paddingY: typeof defaultPaddingY === "number" ? defaultPaddingY : defaultPaddingY[paddingYType],
-    paddingX: defaultPaddingX,
-    borderRadius: kind === "roundSingleChar" || kind === "roundIcon" ? 999 : resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
-    backgroundColor,
-    borderColor,
-    hoverBackgroundColor,
-    hoverBorderColor,
-    activeBackgroundColor,
-    activeBorderColor
-  });
-}
-function Button(props) {
-  const theme = _react.useTheme.call(void 0, );
-  const {
-    kind,
-    typography,
-    size,
-    paddingX,
-    paddingY,
-    text,
-    to,
-    id,
-    hash,
-    externalLink,
-    filename,
-    toParams,
-    onClick,
-    icon,
-    backgroundColor,
-    borderColor,
-    hoverBackgroundColor,
-    hoverBorderColor,
-    activeBackgroundColor,
-    activeBorderColor,
-    iconSide = "left",
-    loading = false,
-    loadingKind = "primary",
-    fullWidth = false,
-    disabled = false,
-    mt = 0,
-    ml = 0,
-    type = "button",
-    newTab = false,
-    zIndex = void 0,
-    tooltipText,
-    borderRadius
-  } = resolveProps(props, theme);
-  const tooltipId = _react3.useRef.call(void 0, _lodashes.uniqueId.call(void 0, ));
-  const defaultIconWidth = size === "ExtraSmall" ? 12 : 16;
-  let currentIcon = null;
-  if (loading) {
-    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      ButtonIcon,
-      {
-        iconSide,
-        text,
-        typography,
-        kind,
-        paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIR56ZLYLcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
-      }
-    );
-  } else if (icon) {
-    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      ButtonIcon,
-      {
-        iconSide,
-        text,
-        typography,
-        kind,
-        paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXTQV7ZJ6cjs.Icon,
-          _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
-            width: icon.width || defaultIconWidth,
-            square: true,
-            color: typography.color
-          })
-        )
-      }
-    );
-  }
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react3.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, tooltipText ? { "data-tooltip-id": tooltipId.current } : {}), {
-        css: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          gap: "8px"
-        },
-        children: [
-          iconSide === "left" && currentIcon,
-          text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              css: {
-                textOverflow: "ellipsis",
-                overflow: "hidden"
-              },
-              children: _chunkIMZKCKTIcjs.renderTypography.call(void 0, typography.type, {
-                children: text,
-                color: typography.color,
-                size
-              })
-            }
-          ),
-          iconSide === "right" && currentIcon
-        ]
-      })
-    ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDEX6VIPcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
-  ] });
-  const commonProps = {
-    id,
-    kind,
-    type,
-    typography,
-    onClick,
-    fullWidth,
-    iconSide,
-    paddingX,
-    paddingY,
-    backgroundColor,
-    borderColor,
-    hoverBackgroundColor,
-    hoverBorderColor,
-    activeBackgroundColor,
-    activeBorderColor,
-    isLoading: loading,
-    disabled: disabled || loading,
-    css: {
-      marginTop: mt ? typeof mt === "number" ? `${mt}px` : "auto" : void 0,
-      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0
-    },
-    newTab,
-    borderRadius,
-    zIndex
-  };
-  if (to) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLink, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { to, params: toParams, hash, children: content }));
-  }
-  return externalLink ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    ButtonHrefLink,
-    _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), {
-      href: externalLink,
-      download: filename,
-      target: "_blank",
-      children: content
-    })
-  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { children: content }));
-}
-var buttonStyle = ({
-  paddingX,
-  paddingY,
-  kind,
-  theme,
-  disabled,
-  isLoading,
-  typography,
-  fullWidth,
-  zIndex,
-  iconSide,
-  borderColor: borderColorProp,
-  borderRadius,
-  backgroundColor,
-  hoverBackgroundColor,
-  hoverBorderColor,
-  activeBackgroundColor,
-  activeBorderColor
-}) => {
-  const borderColor = borderColorProp || backgroundColor;
-  return _react.css`
-    display: inline-flex;
-    opacity: ${disabled && !isLoading ? 0.2 : 1};
-    transition: opacity 0.2s;
-    position: relative;
-
-    ${zIndex && `z-index: ${zIndex};`}
-
-    ${_chunkFZBPLBNDcjs.applyTypography.call(void 0, 
-    theme,
-    typography.type,
-    typography.size,
-    typography.color
-  )}
-
-    &:focus-visible {
-      outline: ${_chunkNWNESPGQcjs.getFocusOutline.call(void 0, { theme })};
-      /* Slightly different offset for buttons so the outline is visible: */
-      outline-offset: 0px;
-    }
-
-    width: ${fullWidth ? "100%" : "fit-content"};
-
-    & > * {
-      width: 100%;
-      text-align: center;
-      white-space: nowrap;
-      background-color: ${backgroundColor};
-      box-sizing: content-box;
-      border: 1px solid;
-      border-color: ${borderColor};
-      border-radius: ${typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius};
-      padding: ${paddingY}px ${paddingX}px;
-      transition:
-        background-color 0.2s ease-out,
-        border-color 0.2s ease-out;
-
-      &:hover {
-        background-color: ${hoverBackgroundColor};
-        border-color: ${hoverBorderColor};
-      }
-
-      &:active {
-        background-color: ${activeBackgroundColor};
-        border-color: ${activeBorderColor};
-      }
-    }
-  `;
-};
-var ButtonIcon = _styled2.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
-`;
-var StyledButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
-  ${(props) => buttonStyle(props)}
-`;
-var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`
-  ${(props) => buttonStyle(props)}
-`;
-var ButtonHrefLink = _styled2.default.a`
-  ${(props) => buttonStyle(props)}
-`;
-var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4SAHQcjs.select.call(void 0, StyledButton)}, ${_chunk6VA4SAHQcjs.select.call(void 0, ButtonLink)}, ${_chunk6VA4SAHQcjs.select.call(void 0, 
-  ButtonHrefLink
-)})${append}`;
-function LinkWithoutTypography(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWY7PY47Qcjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props));
-}
-
-
-
-
-
-
-exports.buttonKinds = buttonKinds; exports.Button = Button; exports.StyledButton = StyledButton; exports.ButtonSelector = ButtonSelector;

package/dist/chunk-LDHIR73W.js

@@ -1,86 +0,0 @@
-import {
-  Flex
-} from "./chunk-RMOWWR6C.js";
-import {
-  Icon
-} from "./chunk-BV25DKRW.js";
-import {
-  Link
-} from "./chunk-B7ROYPB4.js";
-import {
-  getColor
-} from "./chunk-DJOYSOXT.js";
-
-// src/components/IconWithCircleBackground.tsx
-import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
-function IconWithCircleBackground({
-  iconName = "WarningSign",
-  iconWidth = 40,
-  to,
-  onClick,
-  darkBg = false,
-  shouldRotate = false,
-  noBg = false,
-  disabled = false
-}) {
-  const content = /* @__PURE__ */ jsx(
-    Flex,
-    {
-      center: true,
-      onClick,
-      disabled,
-      as: onClick ? "button" : "div",
-      asButtonType: "button",
-      children: /* @__PURE__ */ jsx(
-        StyledIconWithCircleBackground,
-        {
-          size: iconWidth,
-          darkBg,
-          shouldRotate,
-          noBg,
-          children: /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: iconName,
-              width: iconWidth,
-              color: darkBg ? "white" : "grayBlue9"
-            }
-          )
-        }
-      )
-    }
-  );
-  return to ? /* @__PURE__ */ jsx("div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ jsx(Link, { to, disabled, children: content }) }) : content;
-}
-var StyledIconWithCircleBackground = styled.div`
-  background: ${({ theme, darkBg, noBg }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : getColor(theme, "grayBlue94")};
-  border-radius: 50%;
-  padding: ${({ size }) => getPadding(size)}px;
-  display: flex;
-  justify-content: center;
-  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
-
-  @keyframes IconWithCircleBackgroundRotate {
-    0% {
-      transform: rotate(0);
-    }
-    35% {
-      transform: rotate(360deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-  ${({ shouldRotate }) => shouldRotate && `animation: IconWithCircleBackgroundRotate 10s ease infinite;`}
-`;
-function getPadding(size) {
-  if (size === 40) {
-    return 20;
-  }
-  return 16;
-}
-
-export {
-  IconWithCircleBackground
-};

package/dist/chunk-LJIKRQZG.js

@@ -1,65 +0,0 @@
-import {
-  removeSeparators
-} from "./chunk-QBRDZ3U5.js";
-import {
-  parseAbbrValue
-} from "./chunk-PMVCK3WB.js";
-import {
-  removeInvalidChars
-} from "./chunk-J5JBFO7A.js";
-import {
-  escapeRegExp
-} from "./chunk-NANOYEVH.js";
-
-// src/hooks/useNumberInput/utils/cleanValue.ts
-var cleanValue = ({
-  value,
-  groupSeparator = ",",
-  decimalSeparator = ".",
-  allowDecimals = true,
-  decimalsLimit = 2,
-  allowNegativeValue = true,
-  disableAbbreviations = false,
-  prefix = "",
-  transformRawValue = (rawValue) => rawValue
-}) => {
-  const transformedValue = transformRawValue(value);
-  if (transformedValue === "-") {
-    return transformedValue;
-  }
-  const abbreviations = disableAbbreviations ? [] : ["k", "m", "b"];
-  const reg = new RegExp(`((^|\\D)-\\d)|(-${escapeRegExp(prefix)})`);
-  const isNegative = reg.test(transformedValue);
-  const [prefixWithValue, preValue] = RegExp(`(\\d+)-?${escapeRegExp(prefix)}`).exec(value) || [];
-  const withoutPrefix = prefix ? prefixWithValue ? transformedValue.replace(prefixWithValue, "").concat(preValue) : transformedValue.replace(prefix, "") : transformedValue;
-  const withoutSeparators = removeSeparators(withoutPrefix, groupSeparator);
-  const withoutInvalidChars = removeInvalidChars(withoutSeparators, [
-    groupSeparator,
-    decimalSeparator,
-    ...abbreviations
-  ]);
-  let valueOnly = withoutInvalidChars;
-  if (!disableAbbreviations) {
-    if (abbreviations.some(
-      (letter) => letter === withoutInvalidChars.toLowerCase().replace(decimalSeparator, "")
-    )) {
-      return "";
-    }
-    const parsed = parseAbbrValue(withoutInvalidChars, decimalSeparator);
-    if (parsed) {
-      valueOnly = String(parsed);
-    }
-  }
-  const includeNegative = isNegative && allowNegativeValue ? "-" : "";
-  if (decimalSeparator && valueOnly.includes(decimalSeparator)) {
-    const [int, decimals] = withoutInvalidChars.split(decimalSeparator);
-    const trimmedDecimals = decimalsLimit && decimals ? decimals.slice(0, decimalsLimit) : decimals;
-    const includeDecimals = allowDecimals ? `${decimalSeparator}${trimmedDecimals}` : "";
-    return `${includeNegative}${int}${includeDecimals}`;
-  }
-  return `${includeNegative}${valueOnly}`;
-};
-
-export {
-  cleanValue
-};

package/dist/chunk-LMY3LARP.cjs

@@ -1,94 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
-
-
-var _chunkQ7QDKHFYcjs = require('./chunk-Q7QDKHFY.cjs');
-
-
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
-
-
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
-
-
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
-
-// src/components/PageSection/PageSectionNav.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _core = require('@lightsparkdev/core');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var StyledPageSectionNav = _styled2.default.div`
-  display: none;
-  flex-direction: column;
-  margin-right: 32px;
-  position: relative;
-
-  ${_chunkKW3JYLRIcjs.bp.minMd(`
-    display: flex;
-    width: 150px;
-  `)}
-
-  ${_chunkKW3JYLRIcjs.bp.lg(`
-    width: 200px;
-  `)}
-`;
-var PageSectionList = _styled2.default.ul`
-  margin: 0;
-  padding: 0;
-  position: sticky;
-  top: ${({ top }) => top}px;
-`;
-var StyledPageSectionNavItem = _styled2.default.li`
-  align-items: center;
-  color: ${_chunkZBLXVPL4cjs.colors.gray40};
-  display: flex;
-  list-style: none;
-
-  ${_chunkXTQV7ZJ6cjs.IconContainer}:not(:first-of-type) {
-    visibility: hidden;
-  }
-
-  &:hover {
-    color: ${({ theme }) => theme.hcNeutral};
-
-    ${_chunkXTQV7ZJ6cjs.IconContainer} {
-      visibility: visible;
-    }
-  }
-`;
-var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkQ7QDKHFYcjs.TextButton,
-  {
-    text: label,
-    padding: "8px 0",
-    leftIcon: { name: leftIcon },
-    onClick: () => {
-      if (sectionId) {
-        window.location.replace(`#${sectionId}`);
-      } else {
-        window.location.replace("#");
-      }
-    }
-  }
-) });
-function PageSectionNav({
-  headerOffset = 0,
-  pageSectionNavItems
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNav, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionList, { top: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: pageSectionNavItems.filter(_core.notNullUndefined).map((item) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      PageSectionListItem,
-      {
-        leftIcon: item.leftIcon,
-        label: item.label,
-        sectionId: item.sectionId
-      },
-      item.sectionId
-    );
-  }) }) });
-}
-
-
-
-exports.PageSectionNav = PageSectionNav;