@lightsparkdev/ui 1.0.17 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @lightsparkdev/ui
 
+## 1.1.0
+
+### Minor Changes
+
+- b1f160b: - New UI components & toggles
+
+  - Introduced a new `MultiToggle` component (replaces or supplements the old `IconToggle`).
+  - Extended the `Button` component to support new `gray`/`grayGradient` kinds and updated `forwardRef` usage for better integration.
+  - CJS + ESM updates
+
+    - Updated `package.json` with separate `index.cjs`/`index.js` exports and refined `"exports"` to define sub‐paths for ES/cjs usage.
+    - Added a `.attw.json` and a `"package-types"` script (similar to `core`) for checking type correctness.
+
+  - Additional icons & styling
+
+    - Added a wide set of “central” icons (e.g. `CentralArrowLeft`, `CentralLoader`, `CentralTrashCan`, etc.).
+    - Enhanced existing icons like `Satoshi` and `BitcoinB` with an optional `square` parameter.
+    - Modified styling for `ButtonRow`, `DataManagerTable`, and `CardForm` to polish layout and filter UI.
+
+  - `Link` refactor
+
+    - Converted internal `LinkBase` to use `forwardRef`, allowing direct refs and improved usage.
+    - Added a `blue` prop for quick color overrides, plus other small accessibility improvements.
+
+  - Other tweaks
+    - The `PhoneInput` component now supports `onBlur` and `error` props.
+    - `Table` now accepts a `minHeight` prop.
+    - `DataManagerTable` got a mobile-friendly filter UI (e.g., new modals for filter application and clearing).
+
+### Patch Changes
+
+- Updated dependencies [b1f160b]
+  - @lightsparkdev/core@1.3.0
+
 ## 1.0.17
 
 ### Patch Changes

package/dist/chunk-22F7POOJ.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/CircleInfoFilled.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CircleInfoFilled({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM10 11C10 10.5858 10.3358 10.25 10.75 10.25H12C12.4142 10.25 12.75 10.5858 12.75 11V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25V11.75H10.75C10.3358 11.75 10 11.4142 10 11ZM12 7.25C11.5858 7.25 11.25 7.58579 11.25 8C11.25 8.41421 11.5858 8.75 12 8.75C12.4142 8.75 12.75 8.41421 12.75 8C12.75 7.58579 12.4142 7.25 12 7.25Z",
+          fill: "currentColor",
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.CircleInfoFilled = CircleInfoFilled;

package/dist/{chunk-3TWHVJOG.js → chunk-22SE37H7.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-GHLNFY6T.js";
+} from "./chunk-KU4X4VPI.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/chunk-22Z3FKPS.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/PeopleCircleStroke.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function PeopleCircleStroke({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M5.85697 18.9157C7.17056 16.9968 9.33203 15.75 12 15.75C14.668 15.75 16.8294 16.9968 18.143 18.9157M5.85697 18.9157C7.49061 20.3679 9.6423 21.25 12 21.25C14.3577 21.25 16.5094 20.3679 18.143 18.9157M5.85697 18.9157C3.95086 17.2214 2.75 14.7509 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 14.7509 20.0491 17.2214 18.143 18.9157M15.25 10C15.25 11.7949 13.7949 13.25 12 13.25C10.2051 13.25 8.75 11.7949 8.75 10C8.75 8.20507 10.2051 6.75 12 6.75C13.7949 6.75 15.25 8.20507 15.25 10Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.PeopleCircleStroke = PeopleCircleStroke;

package/dist/{chunk-454TUS2Y.js → chunk-27U6BUVR.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-GFFS66UR.js";
+} from "./chunk-OLNRE3IL.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-NISTXKRR.cjs → chunk-2AXASJO5.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUBJ2ALT3cjs = require('./chunk-UBJ2ALT3.cjs');
+var _chunkI4A5IFJYcjs = require('./chunk-I4A5IFJY.cjs');
 
 
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -16,12 +16,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUBJ2ALT3cjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI4A5IFJYcjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkXTQV7ZJ6cjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunk6Z6ZBZEJcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-PNDMLYIH.js → chunk-2BUWDSLS.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-DDBUFQHF.js";
+} from "./chunk-C3ZJV5MQ.js";
 import {
   TextInput
-} from "./chunk-SCB5GKFG.js";
+} from "./chunk-JU2FTCTN.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-CEZHIXNR.js";
+} from "./chunk-U6EBWLCK.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-QEMH2VKO.js → chunk-2FG7PGPI.js}

@@ -2,31 +2,40 @@ import {
   smHeaderLogoMarginLeft
 } from "./chunk-VQVEZVAG.js";
 import {
-  IconToggle
-} from "./chunk-23GQNBC7.js";
+  MultiToggle
+} from "./chunk-UVJK2G3B.js";
+import {
+  Toggle
+} from "./chunk-FXDEUNPF.js";
+import {
+  Button
+} from "./chunk-U6EBWLCK.js";
 import {
   UnstyledButton
-} from "./chunk-GT2UW67L.js";
+} from "./chunk-Z6I64NIF.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-BV25DKRW.js";
+} from "./chunk-DJOYSVI3.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-XDL2VYUF.js";
+} from "./chunk-E46IHC27.js";
 import {
   Link
-} from "./chunk-B7ROYPB4.js";
+} from "./chunk-5HDXWO2E.js";
 import {
   themeOr
-} from "./chunk-DJOYSOXT.js";
+} from "./chunk-AM7EMJXN.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
   __spreadProps,
   __spreadValues
@@ -50,6 +59,7 @@ function Dropdown({
   horizontalScrollRef,
   onClickDropdownItems,
   getCSS,
+  isOpen: isOpenProp,
   onOpen,
   onClose,
   closeOnScroll = false,
@@ -58,10 +68,11 @@ function Dropdown({
   maxDropdownItemsWidth = 300,
   align = "center",
   footer = null,
-  dropdownContent = null
+  dropdownContent = null,
+  borderRadius = 8
 }) {
   const theme = useTheme();
-  const [isOpen, setIsOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(isOpenProp || false);
   const [dropdownButtonHeight, setDropdownButtonHeight] = useState(0);
   const [dropdownButtonWidth, setDropdownButtonWidth] = useState(0);
   const [dropdownCoords, setDropdownCoords] = useState({
@@ -70,11 +81,16 @@ function Dropdown({
     right: 0
   });
   const dropdownRef = useRef(null);
-  const dropdownButtonRef = useRef(null);
+  const [dropdownButtonRef, dropdownButtonRefCb] = useLiveRef();
   const dropdownItemsRef = useRef(null);
   const [dropdownItemsWidth, setDropdownItemsWidth] = useState(0);
   const nodeRef = useRef(null);
   const [nodeReady, setNodeReady] = useState(false);
+  useEffect(() => {
+    if (isOpenProp !== void 0) {
+      setIsOpen(isOpenProp);
+    }
+  }, [isOpenProp]);
   useEffect(() => {
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
@@ -114,12 +130,6 @@ function Dropdown({
       setOpen(false);
     }
   }
-  const handleRef = useCallback((ref) => {
-    if (ref && !dropdownButtonRef.current) {
-      dropdownButtonRef.current = ref;
-    }
-    return ref;
-  }, []);
   useEffect(() => {
     function handleClickOutside(event) {
       const targetOutsideDropdownItems = dropdownItemsRef.current && !dropdownItemsRef.current.contains(event.target);
@@ -132,7 +142,7 @@ function Dropdown({
     return () => {
       window.document.removeEventListener("mousedown", handleClickOutside);
     };
-  }, [isOpen, setOpen]);
+  }, [isOpen, setOpen, dropdownButtonRef]);
   const reposition = useCallback(() => {
     if (dropdownButtonRef.current && dropdownItemsRef.current) {
       const dropdownButtonRect = dropdownButtonRef.current.getBoundingClientRect();
@@ -146,7 +156,7 @@ function Dropdown({
       const dropdownItemsRect = dropdownItemsRef.current.getBoundingClientRect();
       setDropdownItemsWidth(dropdownItemsRect.width);
     }
-  }, []);
+  }, [dropdownButtonRef]);
   useLayoutEffect(() => {
     function onWindowResize() {
       setOpen(false);
@@ -184,7 +194,13 @@ function Dropdown({
       navItemsResizeObserver == null ? void 0 : navItemsResizeObserver.disconnect();
       dropdownResizeObserver == null ? void 0 : dropdownResizeObserver.disconnect();
     };
-  }, [setOpen, horizontalScrollRef, closeOnScroll, reposition]);
+  }, [
+    setOpen,
+    horizontalScrollRef,
+    closeOnScroll,
+    reposition,
+    dropdownButtonRef
+  ]);
   const handleClickDropdownItems = useCallback(() => {
     setOpen(false);
     onClickDropdownItems && onClickDropdownItems();
@@ -197,7 +213,43 @@ function Dropdown({
   } else if (align === "right") {
     dropdownItemOffsetLeft = dropdownCoords.right - dropdownItemsWidth;
   }
-  const buttonContent = button.label || button.getContent && button.getContent({ isOpen, theme });
+  const commonButtonProps = {
+    id: button.id,
+    type: "button",
+    onMouseEnter: () => {
+      if (openOnHover) {
+        reposition();
+        setOpen(true);
+      }
+    },
+    onMouseLeave: () => {
+      if (openOnHover) {
+        setOpen(false);
+      }
+    },
+    onMouseDown: () => {
+      reposition();
+      setOpen(!isOpen);
+    },
+    onKeyDown: handleKeyDown,
+    onFocus: () => {
+      reposition();
+      setOpen(true);
+    },
+    onBlur: handleBlur,
+    ref: dropdownButtonRefCb
+  };
+  const commonUnstyledButtonProps = __spreadProps(__spreadValues({}, commonButtonProps), {
+    css: "getCSS" in button && button.getCSS ? button.getCSS({ isOpen, theme }) : void 0
+  });
+  let buttonNode = null;
+  if ("label" in button) {
+    buttonNode = /* @__PURE__ */ jsx(UnstyledDropdownButton, __spreadProps(__spreadValues({}, commonUnstyledButtonProps), { children: button.label }));
+  } else if ("getContent" in button) {
+    buttonNode = /* @__PURE__ */ jsx(UnstyledDropdownButton, __spreadProps(__spreadValues({}, commonUnstyledButtonProps), { children: button.getContent({ isOpen, theme }) }));
+  } else {
+    buttonNode = /* @__PURE__ */ jsx(Button, __spreadValues(__spreadValues({}, button), commonButtonProps));
+  }
   const containerCSS = getCSS && getCSS({ isOpen, theme });
   return /* @__PURE__ */ jsxs(
     "div",
@@ -205,33 +257,7 @@ function Dropdown({
       css: __spreadValues({ position: "relative", display: "inline-flex" }, containerCSS),
       ref: dropdownRef,
       children: [
-        /* @__PURE__ */ jsx(
-          DropdownButton,
-          {
-            id: button.id,
-            type: "button",
-            onMouseEnter: openOnHover ? () => {
-              reposition();
-              setOpen(true);
-            } : void 0,
-            onMouseLeave: openOnHover ? () => {
-              setOpen(false);
-            } : void 0,
-            onMouseDown: (e) => {
-              reposition();
-              setOpen(!isOpen);
-            },
-            onKeyDown: handleKeyDown,
-            onFocus: (e) => {
-              reposition();
-              setOpen(true);
-            },
-            onBlur: handleBlur,
-            ref: handleRef,
-            css: button.getCSS && button.getCSS({ isOpen, theme }),
-            children: buttonContent
-          }
-        ),
+        buttonNode,
         nodeReady && nodeRef.current ? ReactDOM.createPortal(
           /* @__PURE__ */ jsxs(
             DropdownItems,
@@ -242,6 +268,8 @@ function Dropdown({
               ref: dropdownItemsRef,
               minWidth: minDropdownItemsWidth,
               maxWidth: maxDropdownItemsWidth,
+              hasItems: dropdownItems ? dropdownItems.length > 0 : false,
+              borderRadius,
               children: [
                 dropdownItems == null ? void 0 : dropdownItems.map((dropdownItem, i) => {
                   return /* @__PURE__ */ jsx("li", { onBlur: handleBlur, children: /* @__PURE__ */ jsx(
@@ -271,8 +299,8 @@ var DropdownFooter = styled.div`
 var DropdownItems = styled.ul`
   ${overlaySurface}
   color: ${({ theme }) => themeOr(theme.c6Neutral, theme.c8Neutral)};
-  ${standardBorderRadius(8)}
-  padding: 12px 0;
+  ${({ borderRadius }) => standardBorderRadius(borderRadius)}
+  ${({ hasItems }) => hasItems ? "padding: 12px 0;" : "padding: 0;"}
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
   ${({ minWidth }) => minWidth ? `min-width: ${minWidth}px;` : ""}
@@ -321,7 +349,7 @@ function DropdownItem({ dropdownItem, onClick }) {
     return /* @__PURE__ */ jsxs(DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
       dropdownItemIconNode,
       dropdownItem.label,
-      /* @__PURE__ */ jsx("div", { css: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(IconToggle, __spreadValues({}, dropdownItem.toggle)) })
+      /* @__PURE__ */ jsx("div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ jsx(MultiToggle, __spreadValues({}, dropdownItem.toggle)) : /* @__PURE__ */ jsx(Toggle, __spreadValues({}, dropdownItem.toggle)) })
     ] });
   }
   return /* @__PURE__ */ jsxs(
@@ -337,7 +365,7 @@ function DropdownItem({ dropdownItem, onClick }) {
     }
   );
 }
-var DropdownButton = styled(UnstyledButton)`
+var UnstyledDropdownButton = styled(UnstyledButton)`
   ${standardFocusOutline}
 `;
 var dropdownItemStyle = ({

package/dist/{chunk-T4PBRJFT.cjs → chunk-2L6PVYRN.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
+var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledTitle = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkFZBPLBNDcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkDO3PWX7Qcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-E4MOQFME.cjs → chunk-2PI3XHGD.cjs}

@@ -4,14 +4,14 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
+var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
 
 
 
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -26,16 +26,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkN63HBX3Vcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkNWNESPGQcjs.subtext.call(void 0, { theme })}
+  ${_chunkFPQ2OUYXcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -52,8 +52,8 @@ 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 textInputBorderColor = ({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -62,7 +62,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkN63HBX3Vcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkHGCI5IAMcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -118,7 +118,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkFZBPLBNDcjs.applyTypography.call(void 0, 
+  ${_chunkDO3PWX7Qcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -239,11 +239,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkNWNESPGQcjs.subtext}
+  ${_chunkFPQ2OUYXcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkNWNESPGQcjs.subtext}
+  ${_chunkFPQ2OUYXcjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-XNWZZRPP.cjs → chunk-2RMXFIOS.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIEHW6GREcjs = require('./chunk-IEHW6GRE.cjs');
+var _chunk5X4RSRIKcjs = require('./chunk-5X4RSRIK.cjs');
 
 
-var _chunkIXTGSOHTcjs = require('./chunk-IXTGSOHT.cjs');
+var _chunk3GKIKZL2cjs = require('./chunk-3GKIKZL2.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
+var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
 
 
 
@@ -39,7 +39,7 @@ var StringFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkL6XBCODScjs.Button,
+      _chunk4UFYMBJKcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIEHW6GREcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkIXTGSOHTcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5X4RSRIKcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3GKIKZL2cjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/chunk-2WGT2HLG.js

@@ -0,0 +1,32 @@
+// src/icons/central/MinusSmall.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function MinusSmall({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6.75 12H17.25",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  MinusSmall
+};

package/dist/{chunk-TACMJI7W.js → chunk-2WPDZCWM.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-SJ2MVP3F.js";
+} from "./chunk-AHC2USPG.js";
 import {
   isClipboardTextFieldNode,
   isCurrencyAmountNode,

package/dist/{chunk-RQUCWFNR.js → chunk-2XRXCDTL.js}

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

package/dist/chunk-2ZEXIXP5.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/CircleX.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CircleX({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M15.4054 8.59459L8.59459 15.4054M15.4054 15.4054L8.59459 8.59459M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.CircleX = CircleX;