@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-YBWM4WKV.cjs → chunk-LLVSDC5Z.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowsUp.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ArrowsUp() {
+function ArrowsUp({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowsUp() {
         {
           d: "M1 3.75904L3.88111 0.87793M3.88111 0.87793L6.76222 3.75904M3.88111 0.87793L3.88111 12.4024M9.73778 3.75904L12.6189 0.87793M12.6189 0.87793L15.5 3.75904M12.6189 0.87793L12.6189 12.4024",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

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

@@ -1,15 +1,15 @@
 import {
   getPropDefaultsBase
-} from "./chunk-BVEHA6GI.js";
+} from "./chunk-XJ3UGTYC.js";
 import {
   typographyStyles
-} from "./chunk-X5SBSJ3Z.js";
+} from "./chunk-FKTI5NUC.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-FH6BM3M7.js";
+} from "./chunk-XTOBN7SG.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-BCPM2M3Y.cjs → chunk-LQ7N5FRY.cjs}

@@ -4,13 +4,14 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -25,16 +26,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkOQEP7VDDcjs.subtext.call(void 0, { theme })}
+  ${_chunkSWQDRB3Acjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -51,19 +52,31 @@ var textInputFontWeight = 600;
 var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
-  paddingRightPx
-}) => _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;` : ""}
-`;
+  paddingRightPx,
+  activeOutline,
+  activeOutlineColor
+}) => {
+  if (activeOutline) {
+    const outlineColor = activeOutlineColor ? _chunkC6XJ7ZJFcjs.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",
@@ -76,6 +89,10 @@ var textInputStyle = ({
   hasError,
   paddingLeftPx,
   paddingRightPx,
+  paddingTopPx,
+  paddingBottomPx,
+  activeOutline,
+  activeOutlineColor,
   typography,
   borderRadius
 }) => {
@@ -93,13 +110,15 @@ var textInputStyle = ({
   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;
 
-  ${_chunkSZSK5ISJcjs.applyTypography.call(void 0, 
+  ${_chunkHCOW6636cjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -112,10 +131,22 @@ var textInputStyle = ({
   &:focus,
   &:active,
   &:has(:focus) {
-    ${textInputActiveStyles({ theme, paddingLeftPx, paddingRightPx })}
+    ${textInputActiveStyles({
+    theme,
+    paddingLeftPx,
+    paddingRightPx,
+    activeOutline,
+    activeOutlineColor
+  })}
   }
 
-  ${active && textInputActiveStyles({ theme, paddingLeftPx, paddingRightPx })}
+  ${active && textInputActiveStyles({
+    theme,
+    paddingLeftPx,
+    paddingRightPx,
+    activeOutline,
+    activeOutlineColor
+  })}
 
   &::placeholder {
     color: ${textInputPlaceholderColor({ theme })};
@@ -208,11 +239,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkOQEP7VDDcjs.subtext}
+  ${_chunkSWQDRB3Acjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkOQEP7VDDcjs.subtext}
+  ${_chunkSWQDRB3Acjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-Q3YLC4JA.js → chunk-LQEMFKCF.js}

@@ -1,6 +1,10 @@
 // src/icons/ArrowUp.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ArrowUp() {
+function ArrowUp({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowUp() {
         {
           d: "M1 3.75904L3.88111 0.87793M3.88111 0.87793L6.76222 3.75904M3.88111 0.87793L3.88111 12.4024",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-D2JGBOUE.cjs → chunk-LTAR34WV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
 
 // src/components/CodeInput/SingleCodeInput.tsx
 var _react = require('@emotion/react');
@@ -31,7 +31,7 @@ function SingleCodeInput({
   const theme = _react.useTheme.call(void 0, );
   const defaultCSS = _react.css.call(void 0, 
     `
-      ${_chunkBCPM2M3Ycjs.textInputStyle.call(void 0, {
+      ${_chunkLQ7N5FRYcjs.textInputStyle.call(void 0, {
       theme,
       disabled: Boolean(disabled),
       hasError: false

package/dist/{chunk-IYEEAOW3.js → chunk-LX7VGFNI.js}

@@ -1,6 +1,10 @@
 // src/icons/Checkmark.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Checkmark() {
+function Checkmark({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,8 +17,9 @@ function Checkmark() {
         {
           d: "M10.5004 1.84998L5.79662 6.63103C4.99697 7.44383 4.59714 7.85023 4.1003 7.85023C3.60346 7.85023 3.20363 7.44383 2.40398 6.63103L1.5 5.7122",
           stroke: "currentColor",
-          strokeWidth: "1.90917",
-          strokeLinecap: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-IKSMSSPR.cjs → chunk-LXENASLG.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
 
 
 
-var _chunkUF2PXEAKcjs = require('./chunk-UF2PXEAK.cjs');
+var _chunkUH6CSXBFcjs = require('./chunk-UH6CSXBF.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunkUF2PXEAKcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkUH6CSXBFcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF2PXEAKcjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUH6CSXBFcjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-CBEPI4BG.js → chunk-LXPA6OZD.js}

@@ -1,12 +1,12 @@
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-HGKK6OQJ.js";
 import {
   themeOr
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-QAWK7SU6.js → chunk-LYVDYZ4M.js}

@@ -1,6 +1,9 @@
 // src/icons/Home.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Home() {
+function Home({
+  strokeWidth = "1.5",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,8 +16,8 @@ function Home() {
         {
           d: "M3.75 9.2582C3.75 8.97962 3.75 8.84033 3.78504 8.71146C3.81609 8.59729 3.86716 8.48953 3.93586 8.39321C4.0134 8.28448 4.12121 8.19628 4.33682 8.01987L10.9868 2.57896C11.3478 2.28362 11.5283 2.13596 11.7291 2.07944C11.9063 2.02959 12.0937 2.02959 12.2709 2.07944C12.4717 2.13596 12.6522 2.28362 13.0132 2.57896L19.6632 8.01987C19.8788 8.19628 19.9866 8.28448 20.0641 8.39321C20.1328 8.48953 20.1839 8.59729 20.215 8.71146C20.25 8.84033 20.25 8.97962 20.25 9.2582V18.65C20.25 19.21 20.25 19.4901 20.141 19.704C20.0451 19.8921 19.8922 20.0451 19.704 20.141C19.4901 20.25 19.2101 20.25 18.65 20.25H5.35C4.78995 20.25 4.50992 20.25 4.29601 20.141C4.10785 20.0451 3.95487 19.8921 3.85899 19.704C3.75 19.4901 3.75 19.21 3.75 18.65V9.2582Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-Y7W6NEED.js → chunk-M3SFKHYM.js}

@@ -1,57 +1,57 @@
 import {
   Table
-} from "./chunk-XSE73A6Q.js";
+} from "./chunk-YSZZ2EO6.js";
 import {
   DateFilter,
   getDefaultDateFilterState
-} from "./chunk-UTST75JR.js";
+} from "./chunk-NTGAPKFA.js";
 import {
   EnumFilter,
   getDefaultEnumFilterState,
   isEnumFilterState
-} from "./chunk-4IR6IRNW.js";
+} from "./chunk-5KOPIDPY.js";
 import {
   IdFilter,
   getDefaultIdFilterState,
   isIdFilterState
-} from "./chunk-L2APWDV2.js";
+} from "./chunk-VVRNYQ3J.js";
 import {
   Popover
-} from "./chunk-XWH5OMCO.js";
+} from "./chunk-2FWNZBZE.js";
 import {
   StringFilter,
   getDefaultStringFilterState,
   isStringFilterState
-} from "./chunk-6NM6IXYH.js";
+} from "./chunk-BOZO2MC4.js";
 import {
   BooleanFilter,
   getDefaultBooleanFilterState
-} from "./chunk-6B5ZLUMZ.js";
+} from "./chunk-RHWR2O34.js";
 import {
   LabelModerate
-} from "./chunk-YLERYYWF.js";
+} from "./chunk-UE3WNLRT.js";
 import {
   Label
-} from "./chunk-BYSPGS6B.js";
+} from "./chunk-5H4BI3W4.js";
 import {
   Dropdown
-} from "./chunk-VAQBWNQQ.js";
+} from "./chunk-IVR625TW.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextIconAligner
-} from "./chunk-PGBN4QPX.js";
+} from "./chunk-GG7Q3VQ6.js";
 import {
   CardPageFullWidth
-} from "./chunk-KCCJEYLC.js";
+} from "./chunk-GDC7HXN5.js";
 import {
   Button,
   StyledButton
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-WUPMVX4G.js";
 import {
   standardContentInset
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -398,7 +398,7 @@ function DataManagerTable(props) {
         {
           text: `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}`,
           paddingY: "short",
-          icon: "Sort",
+          icon: { name: "Sort" },
           typography: { color: "c6Neutral" },
           onClick: () => setShowFilterPopover(!showFilterPopover)
         }

package/dist/{chunk-XPEO5N3R.js → chunk-M4345TMD.js}

@@ -1,12 +1,12 @@
 import {
   absoluteCenter
-} from "./chunk-CD4D43OU.js";
+} from "./chunk-AV62WHL7.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 import {
   __spreadValues
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-ZQ5CXXIE.js → chunk-MAJGPNTK.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-OAU5Z4HG.js";
+} from "./chunk-CPSWVYVW.js";
 import {
   textInputBorderColor
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-IAGH4CKJ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-QQKHEU6E.cjs → chunk-MJT45BKR.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Minus.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Minus() {
+function Minus({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,8 +16,8 @@ function Minus() {
         {
           d: "M6.75 12H17.25",
           stroke: "currentColor",
-          strokeWidth: "1.40621",
-          strokeLinecap: "round"
+          strokeWidth,
+          strokeLinecap
         }
       )
     }

package/dist/{chunk-H5GYYPG3.js → chunk-MKFYFJ3Q.js}

@@ -1,6 +1,10 @@
 // src/icons/ArrowLeft.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ArrowLeft() {
+function ArrowLeft({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowLeft() {
         {
           d: "M16.4744 8.00005L1.52344 8.00005M1.52344 8.00005L7.52344 14.2858M1.52344 8.00005L7.52344 1.71434",
           stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-3MCK6I7V.js → chunk-ML27YGLI.js}

@@ -1,6 +1,9 @@
 // src/icons/UmaBridgeLoadingTransparent.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function UmaBridgeLoadingTransparent() {
+function UmaBridgeLoadingTransparent({
+  strokeWidth = "2.09994",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -18,7 +21,7 @@ function UmaBridgeLoadingTransparent() {
             rx: "8.74961",
             ry: "8.74986",
             stroke: "#F9F9F9",
-            strokeWidth: "2.09994"
+            strokeWidth
           }
         ),
         /* @__PURE__ */ jsx(
@@ -26,8 +29,8 @@ function UmaBridgeLoadingTransparent() {
           {
             d: "M19.2503 9.99998C19.2503 8.61916 18.9235 7.25795 18.2966 6.02763C17.6697 4.79731 16.7606 3.73282 15.6435 2.9212C14.5265 2.10957 13.2332 1.57386 11.8694 1.35785C10.5056 1.14184 9.11007 1.25168 7.79688 1.67837",
             stroke: "#F9F9F9",
-            strokeWidth: "2.09994",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         )
       ]

package/dist/{chunk-GDXNYWJH.cjs → chunk-MN64OE4X.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Selector.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Selector() {
+function Selector({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -15,9 +19,9 @@ function Selector() {
           {
             d: "M4 5.33331L8 1.33331L12 5.33331",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -25,9 +29,9 @@ function Selector() {
           {
             d: "M4 10.6667L8 14.6667L12 10.6667",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-JFMGOEGC.cjs → chunk-MORFJJA6.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/PaperPlane.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function PaperPlane() {
+function PaperPlane({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,8 +17,9 @@ function PaperPlane() {
         {
           d: "M5.10092 6.89819L6.93999 5.06257M11.5 0.5L0.5 4.16667L5.08333 6.91667L7.83333 11.5L11.5 0.5Z",
           stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-ZSOF6RUS.cjs → chunk-MPLG4K2N.cjs}

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -18,11 +18,21 @@ var _react3 = require('react');
 require('react-tooltip/dist/react-tooltip.css');
 require('./static/fonts.css');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
+var getFontImport = (theme) => {
+  switch (theme.typography.fontFamilies.main) {
+    case "Inter":
+      return `@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');`;
+    case "Manrope":
+      return `@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");`;
+    default:
+      return "";
+  }
+};
 var globalComponentStyles = ({ theme }) => _react.css`
-  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+  ${getFontImport(theme)};
 
   html {
-    font-size: ${_chunkOQEP7VDDcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkSWQDRB3Acjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -52,7 +62,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkOQEP7VDDcjs.standardLineHeightEms}em;
+    line-height: ${_chunkSWQDRB3Acjs.standardLineHeightEms}em;
   }
 
   code {
@@ -99,7 +109,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunk7EIZIKLRcjs.useThemeBg.call(void 0, );
+  const bg = _chunkC6XJ7ZJFcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-GSUG7CDC.js → chunk-MSP3QRA4.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   isDark,
   themeOr
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";