@lightsparkdev/ui 1.0.14 → 1.0.16

package/dist/{chunk-KTXJ54RR.cjs → chunk-QXYZAROG.cjs}

@@ -8,22 +8,22 @@
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkVMCDM6SKcjs = require('./chunk-VMCDM6SK.cjs');
+var _chunkTKNO6W27cjs = require('./chunk-TKNO6W27.cjs');
 
 
-var _chunkYWBNVZS7cjs = require('./chunk-YWBNVZS7.cjs');
+var _chunkZMEKXFUWcjs = require('./chunk-ZMEKXFUW.cjs');
 
 
-var _chunkEYCJL2CFcjs = require('./chunk-EYCJL2CF.cjs');
+var _chunkKF2ZLWG4cjs = require('./chunk-KF2ZLWG4.cjs');
 
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 
-var _chunk5YGED5IJcjs = require('./chunk-5YGED5IJ.cjs');
+var _chunkRLTFMTRWcjs = require('./chunk-RLTFMTRW.cjs');
 
 
-var _chunkLVYTRVPJcjs = require('./chunk-LVYTRVPJ.cjs');
+var _chunkRREQ4EDAcjs = require('./chunk-RREQ4EDA.cjs');
 
 
 var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
@@ -31,7 +31,7 @@ var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/utils/toReactNodes/toReactNodes.tsx
 var _core = require('@lightsparkdev/core');
@@ -46,8 +46,8 @@ function toReactNodes(toReactNodesArg) {
       const text = typeof node === "string" ? node : node.text;
       let content = text;
       if (_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) && node.typography) {
-        const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["type"]);
-        content = _chunkLVYTRVPJcjs.renderTypography.call(void 0, typographyType, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, typographyProps), {
+        const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["type"]);
+        content = _chunkRREQ4EDAcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
           children: text
         }));
       } else {
@@ -58,31 +58,31 @@ function toReactNodes(toReactNodesArg) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
       );
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5YGED5IJcjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRLTFMTRWcjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVMCDM6SKcjs.NextLink,
-        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink),
+        _chunkTKNO6W27cjs.NextLink,
+        _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink),
         `next-link-${i}-${node.nextLink.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isIconNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZFJVBBROcjs.Icon,
-        _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.icon), {
+        _chunkAPCRRZMTcjs.Icon,
+        _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.icon), {
           width: node.icon.width || 12
         }),
         `icon-${i}-${node.icon.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEYCJL2CFcjs.CurrencyAmount,
-        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
+        _chunkZMEKXFUWcjs.CurrencyAmount,
+        _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYWBNVZS7cjs.ClipboardTextField,
-        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.clipboardTextField),
+        _chunkKF2ZLWG4cjs.ClipboardTextField,
+        _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField),
         `clipboard-text-field-${i}-${node.clipboardTextField.id}`
       );
     }

package/dist/{chunk-SPIRL6S7.js → chunk-QZYBEB5B.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-6GJZZ2PX.js";
+} from "./chunk-JZ4RXNUO.js";
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-XADWD755.js → chunk-R4QDF6BC.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-RNCUEVKR.js";
+} from "./chunk-WXQAFT6L.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-F6XEXDWU.cjs → chunk-R5RXA5HT.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
+var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
 
 
-var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
+var _chunkTBZZXLAMcjs = require('./chunk-TBZZXLAM.cjs');
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
   const selector = applyToAll ? "&, & *" : "&";
   return `
     ${selector} {
-      ${_chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkCUOCAP4Wcjs.getFontColor.call(void 0, theme, color)};
+      ${_chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, typographyType, size)};
+      color: ${_chunkEUDYMZXOcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/chunk-RB26LCPI.js

@@ -0,0 +1,26 @@
+// src/icons/CashAppBadge.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function CashAppBadge() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 400 400", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M0 192C0 124.794 0 91.1906 13.0792 65.5211C24.584 42.9417 42.9417 24.584 65.5211 13.0792C91.1906 0 124.794 0 192 0H208C275.206 0 308.809 0 334.479 13.0792C357.058 24.584 375.416 42.9417 386.921 65.5211C400 91.1906 400 124.794 400 192V208C400 275.206 400 308.809 386.921 334.479C375.416 357.058 357.058 375.416 334.479 386.921C308.809 400 275.206 400 208 400H192C124.794 400 91.1906 400 65.5211 386.921C42.9417 375.416 24.584 357.058 13.0792 334.479C0 308.809 0 275.206 0 208V192Z",
+        fill: "#00D64F"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M210.392 130.477C231.119 130.477 250.985 138.87 263.965 150.39C267.248 153.305 272.162 153.287 275.243 150.165L290.687 134.501C293.945 131.195 293.826 125.782 290.307 122.761C279.944 113.852 266.031 105.091 248.907 99.4822L253.751 76.4171C254.801 71.3898 250.973 66.6652 245.833 66.6652L215.989 66.6652C212.173 66.6652 208.873 69.3362 208.078 73.0695L203.715 93.5823C164.043 95.5648 130.419 115.359 130.419 155.975C130.419 191.137 158.238 206.207 187.6 216.635C215.42 227.064 230.098 230.934 230.098 245.612C230.098 260.682 215.42 269.568 193.779 269.568C174.05 269.568 153.383 263.056 137.345 247.244C134.199 244.14 129.166 244.116 126.02 247.221L109.425 263.591C106.178 266.79 106.208 272.049 109.478 275.218C122.418 287.777 138.799 296.87 157.496 301.963L152.943 323.331C151.881 328.34 155.674 333.065 160.802 333.106L190.693 333.332C194.539 333.361 197.88 330.673 198.664 326.904L202.979 306.361C250.48 303.429 279.552 277.61 279.552 239.819C279.552 205.05 250.581 190.365 215.42 178.388C195.328 171.04 177.937 166.024 177.937 150.96C177.937 136.282 194.171 130.477 210.392 130.477",
+        fill: "white"
+      }
+    )
+  ] });
+}
+
+export {
+  CashAppBadge
+};

package/dist/{chunk-OYZBOVOL.js → chunk-RC4SZRV5.js}

@@ -1,18 +1,18 @@
+import {
+  flexCenter
+} from "./chunk-OFNX3IEO.js";
 import {
   Loading
-} from "./chunk-XDZPMJZG.js";
+} from "./chunk-BLWXB3VF.js";
 import {
   UnstyledButton
-} from "./chunk-I5WDNJY3.js";
-import {
-  flexCenter
-} from "./chunk-A4MP3LYH.js";
+} from "./chunk-WS4ZV4J2.js";
 import {
   Icon
-} from "./chunk-RMZQSXO2.js";
+} from "./chunk-HOGSXW62.js";
 import {
   colors
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-D4CUYSQB.js → chunk-RDS53JL4.js}

@@ -4,27 +4,27 @@ import {
 import {
   useResizeObserver
 } from "./chunk-ZSWFGISK.js";
+import {
+  toReactNodes
+} from "./chunk-C3PR3QMX.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  toReactNodes
-} from "./chunk-3NZOR3KT.js";
 import {
   Icon
-} from "./chunk-RMZQSXO2.js";
+} from "./chunk-HOGSXW62.js";
 import {
   Link
-} from "./chunk-UUKJNNJ5.js";
+} from "./chunk-MTV5UVUD.js";
 import {
   getColor
-} from "./chunk-QNPCRFUV.js";
+} from "./chunk-WFSTDMMY.js";
+import {
+  colors
+} from "./chunk-HU2UCL6I.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  colors
-} from "./chunk-HO7LVJ3R.js";
 
 // src/components/Banner/Banner.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-5YGED5IJ.cjs → chunk-RLTFMTRW.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLVYTRVPJcjs = require('./chunk-LVYTRVPJ.cjs');
+var _chunkRREQ4EDAcjs = require('./chunk-RREQ4EDA.cjs');
 
 
-var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 // src/router.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -58,14 +58,14 @@ function LinkBase({
   newTab: newTabProp,
   typography
 }) {
-  if (!_chunk7PRNB5U5cjs.isString.call(void 0, to) && !externalLink && !onClick) {
+  if (!_chunkJA7KZV3Qcjs.isString.call(void 0, to) && !externalLink && !onClick) {
     throw new Error(
       "Link must have either `to` or `externalLink` or `onClick` defined"
     );
   }
   let toStr;
   let newTab = Boolean(newTabProp);
-  if (_chunk7PRNB5U5cjs.isString.call(void 0, to)) {
+  if (_chunkJA7KZV3Qcjs.isString.call(void 0, to)) {
     toStr = replaceParams(to, params);
     toStr += hash ? `#${hash}` : "";
   } else if (externalLink) {
@@ -82,7 +82,7 @@ function LinkBase({
   }
   let content = children;
   if (text) {
-    content = typography ? _chunkLVYTRVPJcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkRREQ4EDAcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text
@@ -97,14 +97,16 @@ function LinkBase({
       onClick,
       className,
       download: filename,
-      style: { color: blue ? _chunkJBCEOOZScjs.colors.blue43 : "inherit" },
+      style: { color: blue ? _chunkZBLXVPL4cjs.colors.blue43 : "inherit" },
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noopener noreferrer" : void 0,
       children: content
     }
   );
 }
-var Link = _styled2.default.call(void 0, LinkBase)``;
+var Link = _styled2.default.call(void 0, LinkBase)`
+  ${({ disabled }) => disabled && `pointer-events: none;`}
+`;
 function Navigate({
   to,
   params,
@@ -129,9 +131,12 @@ function useNavigate() {
 }
 function useMatchRoutes(routes) {
   const location = _reactrouterdom.useLocation.call(void 0, );
-  const doesMatch = routes.some((route) => _reactrouterdom.matchPath.call(void 0, route, location.pathname));
+  const doesMatch = matchRoutes(routes, location.pathname);
   return doesMatch;
 }
+function matchRoutes(routes, locationPathname) {
+  return routes.some((route) => _reactrouterdom.matchPath.call(void 0, route, locationPathname));
+}
 function useFindMatchingRoute(routes) {
   const location = _reactrouterdom.useLocation.call(void 0, );
   const matchingRoute = routes.find(
@@ -166,4 +171,5 @@ function getRouteName(path, routes) {
 
 
 
-exports.replaceParams = replaceParams; exports.Link = Link; exports.Navigate = Navigate; exports.useNavigate = useNavigate; exports.useMatchRoutes = useMatchRoutes; exports.useFindMatchingRoute = useFindMatchingRoute; exports.useMatchRoute = useMatchRoute; exports.useCurrentRoute = useCurrentRoute; exports.getRouteName = getRouteName;
+
+exports.replaceParams = replaceParams; exports.Link = Link; exports.Navigate = Navigate; exports.useNavigate = useNavigate; exports.useMatchRoutes = useMatchRoutes; exports.matchRoutes = matchRoutes; exports.useFindMatchingRoute = useFindMatchingRoute; exports.useMatchRoute = useMatchRoute; exports.useCurrentRoute = useCurrentRoute; exports.getRouteName = getRouteName;

package/dist/chunk-RMOWWR6C.js

@@ -0,0 +1,107 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/components/Flex.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function Flex({
+  center = false,
+  justify: justifyProp,
+  align: alignProp,
+  column = false,
+  children,
+  onClick,
+  disabled = false,
+  gap,
+  as = "div",
+  asButtonType,
+  overflow,
+  whiteSpace,
+  mt,
+  mr,
+  mb,
+  ml,
+  pt,
+  pr,
+  pb,
+  pl
+}) {
+  const justify = justifyProp ? justifyProp : center ? "center" : "stretch";
+  const align = alignProp ? alignProp : center ? "center" : "stretch";
+  const asButtonProps = asButtonType ? { type: asButtonType, disabled } : {};
+  return /* @__PURE__ */ jsx(
+    StyledFlex,
+    __spreadProps(__spreadValues({
+      justify,
+      align,
+      column,
+      as,
+      onClick: disabled ? void 0 : onClick,
+      cursorProp: onClick ? disabled ? "not-allowed" : "pointer" : "unset",
+      overflowProp: overflow,
+      whiteSpace,
+      mr,
+      ml,
+      mt,
+      mb,
+      pt,
+      pr,
+      pb,
+      pl,
+      gap
+    }, asButtonProps), {
+      children
+    })
+  );
+}
+function marginPropToString(margin, type) {
+  if (typeof margin === "number") {
+    return `margin-${type}: ${margin}px;`;
+  } else if (margin === "auto") {
+    return `margin-${type}: auto;`;
+  }
+  return "";
+}
+var StyledFlex = styled.div`
+  display: flex;
+  text-overflow: ellipsis;
+
+  ${({ as }) => (
+  /* reset button styles */
+  as === "button" && `
+    border: 0;
+    appearance: none;
+    background: transparent;
+    padding: 0;
+    /* needed in Safari for some reason */
+    font-size: 1rem;
+    color: inherit;
+    font-weight: inherit;
+  `
+)}
+
+  ${({ column }) => column && `flex-direction: column;`}
+  ${({ justify }) => `justify-content: ${justify};`}
+  ${({ align }) => `align-items: ${align};`}
+  ${({ cursorProp }) => `cursor: ${cursorProp};`}
+  ${({ overflowProp }) => overflowProp ? `overflow: ${overflowProp}; max-width: 100%;` : ""}
+  ${({ whiteSpace }) => whiteSpace ? `white-space: ${whiteSpace};` : ""}
+  ${({ gap }) => gap && `gap: ${gap}px;`}
+
+  ${({ mt }) => marginPropToString(mt, "top")}
+  ${({ mr }) => marginPropToString(mr, "right")}
+  ${({ mb }) => marginPropToString(mb, "bottom")}
+  ${({ ml }) => marginPropToString(ml, "left")}
+
+  ${({ pt }) => pt && `padding-top: ${pt}px;`}
+  ${({ pr }) => pr && `padding-right: ${pr}px;`}
+  ${({ pb }) => pb && `padding-bottom: ${pb}px;`}
+  ${({ pl }) => pl && `padding-left: ${pl}px;`}
+`;
+
+export {
+  Flex,
+  StyledFlex
+};

package/dist/{chunk-F2WW3VSA.js → chunk-RPVAAPIZ.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-BFKS4XGF.js";
+} from "./chunk-JFXIPKS5.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/Code.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/chunk-RREQ4EDA.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkDCY3TO7Tcjs = require('./chunk-DCY3TO7T.cjs');
+
+
+var _chunkUYHCX5K4cjs = require('./chunk-UYHCX5K4.cjs');
+
+
+var _chunk3IDFXUKWcjs = require('./chunk-3IDFXUKW.cjs');
+
+
+var _chunk7KT5EAOScjs = require('./chunk-7KT5EAOS.cjs');
+
+
+var _chunkZM4IBPV6cjs = require('./chunk-ZM4IBPV6.cjs');
+
+
+var _chunk7PPCT47Icjs = require('./chunk-7PPCT47I.cjs');
+
+
+var _chunkSJVTBUC6cjs = require('./chunk-SJVTBUC6.cjs');
+
+
+var _chunkLLGI7HWMcjs = require('./chunk-LLGI7HWM.cjs');
+
+
+var _chunkP25MHYWCcjs = require('./chunk-P25MHYWC.cjs');
+
+
+var _chunkZNT5FTBTcjs = require('./chunk-ZNT5FTBT.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkSJVTBUC6cjs.DisplayString,
+  Headline: _chunkZNT5FTBTcjs.HeadlineString,
+  Title: _chunkZM4IBPV6cjs.TitleString,
+  Body: _chunkLLGI7HWMcjs.BodyString,
+  "Body Strong": _chunkP25MHYWCcjs.BodyStrongString,
+  Label: _chunkDCY3TO7Tcjs.LabelString,
+  "Label Moderate": _chunkUYHCX5K4cjs.LabelModerateString,
+  "Label Strong": _chunk3IDFXUKWcjs.LabelStrongString,
+  Overline: _chunk7KT5EAOScjs.OverlineString,
+  Code: _chunk7PPCT47Icjs.CodeString,
+  "Code Strong": _chunk7PPCT47Icjs.CodeString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return _react2.default.createElement(TypographyComponent, typographyProps, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/{chunk-CARJHSRB.js → chunk-S3F7OBTH.js}

@@ -7,22 +7,22 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-GEE2G7BL.js";
+} from "./chunk-LYQQBGMY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-RMZQSXO2.js";
+} from "./chunk-HOGSXW62.js";
 import {
   getColor,
   themeOr
-} from "./chunk-QNPCRFUV.js";
+} from "./chunk-WFSTDMMY.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/Select.tsx
 import { useTheme } from "@emotion/react";
@@ -36,14 +36,16 @@ function Select(_a) {
     label,
     openMenuOnFocus = true,
     tabSelectsValue = false,
-    getOptionStyles
+    getOptionStyles,
+    getControlStyles
   } = _b, rest = __objRest(_b, [
     "zIndex",
     "selectRef",
     "label",
     "openMenuOnFocus",
     "tabSelectsValue",
-    "getOptionStyles"
+    "getOptionStyles",
+    "getControlStyles"
   ]);
   const theme = useTheme();
   const styles = {
@@ -55,7 +57,8 @@ function Select(_a) {
       });
     },
     control: (styles2, state) => {
-      return __spreadProps(__spreadValues({}, styles2), {
+      const controlStyles = getControlStyles ? getControlStyles(styles2, state) : {};
+      return __spreadValues(__spreadProps(__spreadValues({}, styles2), {
         transition: "none",
         padding: state.menuIsOpen || state.isFocused ? `${textInputPaddingPx - 1}px` : textInputPadding,
         boxShadow: "none",
@@ -67,7 +70,7 @@ function Select(_a) {
           borderColor: state.menuIsOpen ? textInputBorderColorFocused({ theme }) : textInputBorderColor({ theme })
         },
         borderColor: state.menuIsOpen || state.isFocused ? textInputBorderColorFocused({ theme }) : textInputBorderColor({ theme })
-      });
+      }), controlStyles);
     },
     indicatorsContainer: (styles2) => __spreadProps(__spreadValues({}, styles2), {
       padding: "0 8px"
@@ -133,12 +136,9 @@ function Select(_a) {
         tabSelectsValue,
         menuPortalTarget: document.body,
         ref: selectRef,
-        components: {
+        components: __spreadValues({
           DropdownIndicator: () => /* @__PURE__ */ jsx(Icon, { name: "Chevron", width: 16 })
-          // Option: (option) => {
-          //   return <div>Option</div>;
-          // },
-        },
+        }, rest.components),
         theme: (selectTheme) => __spreadProps(__spreadValues({}, selectTheme), {
           borderRadius: 8,
           colors: {

package/dist/{chunk-LIVMIDVJ.js → chunk-S5AV3X5O.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/themeDefaults/loading.tsx
 var loadingThemeBase = {

package/dist/chunk-SE6ENGX5.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/EnvelopePlus.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function EnvelopePlus() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M28.3334 14.6667V8.46667C28.3334 7.71993 28.3334 7.34656 28.1881 7.06135C28.0602 6.81047 27.8563 6.60649 27.6054 6.47865C27.3202 6.33333 26.9469 6.33333 26.2001 6.33333H5.80008C5.05335 6.33333 4.67997 6.33333 4.39476 6.47865C4.14388 6.60649 3.93991 6.81047 3.81207 7.06135C3.66675 7.34656 3.66675 7.71993 3.66675 8.46667V23.5333C3.66675 24.2801 3.66675 24.6535 3.81207 24.9387C3.93991 25.1896 4.14388 25.3935 4.39476 25.5213C4.67997 25.6667 5.05335 25.6667 5.80008 25.6667H17.3334",
+            stroke: "#16171A",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4 7.51562L15.3175 14.2604C15.738 14.511 16.262 14.511 16.6825 14.2604L28 7.51562",
+            stroke: "#16171A",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M25.3333 18.3333V27",
+            stroke: "#16171A",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M29.6667 22.6667H21",
+            stroke: "#16171A",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.EnvelopePlus = EnvelopePlus;

package/dist/{chunk-5Y5GUICO.cjs → chunk-SFGLEWHW.cjs}

@@ -3,11 +3,11 @@
 var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/typography/base/getPropDefaults.tsx
 function getPropDefaultsBase(props, extra) {
-  return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
+  return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
     block: props.block || false,
     colorProp: props.color,
     displayProp: props.display,
@@ -17,6 +17,7 @@ function getPropDefaultsBase(props, extra) {
     size: props.size || "Medium",
     textAlign: props.textAlign,
     onClick: props.onClick,
+    underline: props.underline || false,
     children: props.children ? _chunkL3U3VIEJcjs.stringToNodes.call(void 0, props.children) : null
   }, extra);
 }