@lightsparkdev/ui 1.1.3 → 1.1.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @lightsparkdev/ui
 
+## 1.1.4
+
+### Patch Changes
+
+- 52a274f: - Updates to Button, CardForm, IconWithCircleBackground
+  - Updates to colors, theme defaults
+- Updated dependencies [52a274f]
+  - @lightsparkdev/core@1.4.2
+
 ## 1.1.3
 
 ### Patch Changes

package/dist/{chunk-7NTF3YFV.js → chunk-22QLDBRA.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   renderTypography
-} from "./chunk-NC6VCEIB.js";
+} from "./chunk-PGWPSTYB.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-CKSZUZXJ.cjs → chunk-267QLBXG.cjs}

@@ -7,13 +7,13 @@ var _chunkCSY3HOKHcjs = require('./chunk-CSY3HOKH.cjs');
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -35,13 +35,13 @@ function Icon({
   iconProps
 }) {
   const IconComponent = _chunkCSY3HOKHcjs.iconMap[name];
-  const w = parseFloat((width / _chunk545K27C4cjs.rootFontSizePx).toFixed(2));
+  const w = parseFloat((width / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunk545K27C4cjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkEGKT7YHPcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkEGKT7YHPcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-237X7NK7.cjs → chunk-2EI2VCAZ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkSUMACPG7cjs = require('./chunk-SUMACPG7.cjs');
 
 
-var _chunkCJ7ADAD6cjs = require('./chunk-CJ7ADAD6.cjs');
+var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
 
 
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -21,11 +21,11 @@ function SatoshiInputLabel({
   availableSats,
   showTooltip = true
 }) {
-  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkO3NYVYX5cjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
+  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZQO2GKVScjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
     "available",
     " ",
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCJ7ADAD6cjs.InfoIconTooltip,
+      _chunkSUMACPG7cjs.InfoIconTooltip,
       {
         id: "available-balance-tooltip",
         content: [
@@ -38,10 +38,10 @@ function SatoshiInputLabel({
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkO3NYVYX5cjs.Label, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZQO2GKVScjs.Label, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: text }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: availableSats !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
       _chunkJA7KZV3Qcjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
       availableSatsTooltipNode
     ] }) })

package/dist/{chunk-KNFL6XU7.cjs → chunk-2KOCOKP5.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
 
 
-var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUFS2MGGcjs.Tooltip,
+      _chunkCOOETEX4cjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-UU2HXWUQ.cjs → chunk-2MWBK3G4.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkA3WJIRV3cjs = require('./chunk-A3WJIRV3.cjs');
+var _chunkYI6Y7EAUcjs = require('./chunk-YI6Y7EAU.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WJIRV3cjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYI6Y7EAUcjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-ENNBO5OS.cjs → chunk-2QXFCTOM.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
+var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkWUF4FEGOcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkDIH23YCLcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-I5TCLIUL.js → chunk-2SMHXYLT.js}

@@ -1,13 +1,13 @@
+import {
+  Pill
+} from "./chunk-6XGH4HSX.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-AO3ZBQ6T.js";
-import {
-  Pill
-} from "./chunk-BOO6NMGY.js";
+} from "./chunk-WZFG7LSB.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-XJB6VA4O.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-3HLLFZBP.cjs → chunk-2TS5N7VQ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGDWMPRPKcjs = require('./chunk-GDWMPRPK.cjs');
+var _chunkVL5TR573cjs = require('./chunk-VL5TR573.cjs');
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGDWMPRPKcjs.SingleCodeInput,
+        _chunkVL5TR573cjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkO3NYVYX5cjs.textInputBorderColor};
+  background-color: ${_chunkZQO2GKVScjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-OXLKB4N7.cjs → chunk-32UJIATQ.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
+var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkWX5R7NU7cjs.overflowAutoWithoutScrollbars}
+  ${_chunkW4UIZ5DJcjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-4IYA4DYI.js → chunk-355MG2O6.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-RELY2KLK.js";
+} from "./chunk-PNFXJZAS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-M55FNM5P.js → chunk-3BFCNSTI.js}

@@ -1,9 +1,6 @@
-import {
-  Filter
-} from "./chunk-QN24TRNO.js";
 import {
   DateWidget
-} from "./chunk-2LW57DDG.js";
+} from "./chunk-ZOPDYALU.js";
 import {
   DateRangeOperation,
   MAX_DATE,
@@ -13,21 +10,24 @@ import {
   startOfDay,
   subtractTime
 } from "./chunk-MS4Y7HXG.js";
+import {
+  Filter
+} from "./chunk-3TGZE6XW.js";
 import {
   Select_default
-} from "./chunk-6GPS5UZL.js";
+} from "./chunk-SND77246.js";
 import {
   TextInput
-} from "./chunk-GNNSP254.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-UZVCEPZZ.js";
 import {
   Button
-} from "./chunk-KWNSXCDT.js";
+} from "./chunk-EWU2MUVI.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-7SSXDHDU.js → chunk-3CMPX6MS.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-QN24TRNO.js";
+} from "./chunk-3TGZE6XW.js";
 import {
   TextInput
-} from "./chunk-GNNSP254.js";
+} from "./chunk-UZVCEPZZ.js";
+import {
+  Button
+} from "./chunk-EWU2MUVI.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
-import {
-  Button
-} from "./chunk-KWNSXCDT.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-7AXFDYVQ.cjs → chunk-3GJEQK5B.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkKP6R6CBPcjs = require('./chunk-KP6R6CBP.cjs');
+var _chunkGM2CW26Ccjs = require('./chunk-GM2CW26C.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKP6R6CBPcjs.StyledHeadline,
+    _chunkGM2CW26Ccjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-BMCY2VFD.js → chunk-3NEARZTN.js}

@@ -1,12 +1,12 @@
 import {
   renderTypography
-} from "./chunk-NC6VCEIB.js";
+} from "./chunk-PGWPSTYB.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   colors
-} from "./chunk-EA22C7OJ.js";
+} from "./chunk-GUCFCDNY.js";
 
 // src/router.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-U7Z4LPYA.cjs → chunk-3PPF3MWJ.cjs}

@@ -3,41 +3,41 @@
 var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
-
-
-var _chunkTOSEMP4Gcjs = require('./chunk-TOSEMP4G.cjs');
+var _chunkY2ZOBJU3cjs = require('./chunk-Y2ZOBJU3.cjs');
 
 
-var _chunkSH52BJQTcjs = require('./chunk-SH52BJQT.cjs');
+var _chunk4VKLKRK6cjs = require('./chunk-4VKLKRK6.cjs');
 
 
-var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
+var _chunkKGBWMBLAcjs = require('./chunk-KGBWMBLA.cjs');
 
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
-var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
+var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
@@ -248,7 +248,7 @@ function Dropdown({
   } else if ("getContent" in button) {
     buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnstyledDropdownButton, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonUnstyledButtonProps), { children: button.getContent({ isOpen, theme }) }));
   } else {
-    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKGBWMBLAcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
   }
   const containerCSS = getCSS && getCSS({ isOpen, theme });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -297,9 +297,9 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunk545K27C4cjs.overlaySurface}
-  color: ${({ theme }) => _chunkEGKT7YHPcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${({ borderRadius }) => _chunk545K27C4cjs.standardBorderRadius.call(void 0, borderRadius)}
+  ${_chunkMODD4YGEcjs.overlaySurface}
+  color: ${({ theme }) => _chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${({ borderRadius }) => _chunkMODD4YGEcjs.standardBorderRadius.call(void 0, borderRadius)}
   ${({ hasItems }) => hasItems ? "padding: 12px 0;" : "padding: 0;"}
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -315,7 +315,7 @@ function DropdownItem({ dropdownItem, onClick }) {
   const theme = _react.useTheme.call(void 0, );
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCKSZUZXJcjs.Icon,
+    _chunk267QLBXGcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -349,7 +349,7 @@ function DropdownItem({ dropdownItem, onClick }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
       dropdownItemIconNode,
       dropdownItem.label,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTOSEMP4Gcjs.MultiToggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSH52BJQTcjs.Toggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY2ZOBJU3cjs.MultiToggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4VKLKRK6cjs.Toggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -365,8 +365,8 @@ function DropdownItem({ dropdownItem, onClick }) {
     }
   );
 }
-var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
-  ${_chunk545K27C4cjs.standardFocusOutline}
+var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
+  ${_chunkMODD4YGEcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({
   theme,
@@ -397,12 +397,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunk545K27C4cjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkMODD4YGEcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkT3LKI5VGcjs.Link,
+    _chunk7KHYVDQ6cjs.Link,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -410,7 +410,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunk545K27C4cjs.standardFocusOutline}
+  ${_chunkMODD4YGEcjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-I6DAA6NO.cjs → chunk-3RVXS6NY.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
+var _chunkH2PJDRPTcjs = require('./chunk-H2PJDRPT.cjs');
 
 
-var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
+var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
 
 // src/components/Pill.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -83,9 +83,9 @@ function Pill({
           {
             hasIconInset: Boolean(icon && !loading && !onDeleteMouseDown),
             children: [
-              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VSTXVUIcjs.Loading, { size: 16.1, center: false, ml: 5 }),
+              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH2PJDRPTcjs.Loading, { size: 16.1, center: false, ml: 5 }),
               !loading && onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkNCVALN33cjs.UnstyledButton,
+                _chunkWLHC2LVQcjs.UnstyledButton,
                 {
                   onMouseDown: handleOnDeleteMouseDown,
                   onKeyDown: handleOnDeleteKeyDown,
@@ -95,10 +95,10 @@ function Pill({
                     padding: "10px",
                     marginRight: "-10px"
                   },
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "DeleteIcon", width: 16.1 })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "DeleteIcon", width: 16.1 })
                 }
               ),
-              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: icon, width: 16.1, color: "white" })
+              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: icon, width: 16.1, color: "white" })
             ]
           }
         )
@@ -131,9 +131,9 @@ var StyledPill = _styled2.default.div`
   position: relative;
 `;
 var PillIconContainer = _styled2.default.div`
-  ${_chunkWX5R7NU7cjs.flexCenter}
+  ${_chunkW4UIZ5DJcjs.flexCenter}
   ${({ hasIconInset }) => hasIconInset ? `
-    background-color: ${_chunkDRTADBFRcjs.colors.blue43};
+    background-color: ${_chunkIJMYMSSCcjs.colors.blue43};
     padding: 8px;
     right: 4px;
     top: 3.5px;` : `right: 18px;`}

package/dist/{chunk-QN24TRNO.js → chunk-3TGZE6XW.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-BGBAE2DX.js";
+} from "./chunk-E4V22QOO.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-2LPJW7N3.cjs → chunk-45KOORA4.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function TextArea({
   readOnly = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO3NYVYX5cjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZQO2GKVScjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -40,11 +40,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO3NYVYX5cjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZQO2GKVScjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkO3NYVYX5cjs.textInputStyle}
+  ${_chunkZQO2GKVScjs.textInputStyle}
   resize: none;
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;