@capillarytech/blaze-ui 6.3.0 → 6.5.0

package/CapMobileDateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMobileDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAiBzE,OAAO,KAAK,EAAE,6BAA6B,EAAgC,MAAM,SAAS,CAAC;AAE3F,eAAO,MAAM,SAAS,iCAAiC,CAAC;;AAyTxD,wBAAmF;AACnF,YAAY,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMobileDateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAiBzE,OAAO,KAAK,EAAE,6BAA6B,EAAgC,MAAM,SAAS,CAAC;AAG3F,eAAO,MAAM,SAAS,iCAAiC,CAAC;;AAgTxD,wBAAmF;AACnF,YAAY,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC"}

package/CapMobileDateRangePicker/index.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import classNames from "classnames";
 import moment from "moment";
-import { useState, useMemo, useEffect, useCallback } from "react";
+import { useState, useEffect, useCallback, useMemo } from "react";
 import { injectIntl } from "react-intl";
-import { RANGE_PICKER, FORMAT_TOKENS, TIME_UNITS, WEEKDAY_MAP, MONTH_MAP } from "../utils/dayjs.js";
+import { RANGE_PICKER, TIME_UNITS, FORMAT_TOKENS, WEEKDAY_MAP, MONTH_MAP } from "../utils/dayjs.js";
 import CapColumn from "../CapColumn/index.js";
 import CapDateRangePicker from "../CapDateRangePicker/index.js";
 import CapDivider from "../CapDivider/index.js";
@@ -14,6 +14,7 @@ import DateRangeInputSelectors_default from "./DateRangeInputSelectors.js";
 import messages from "./messages.js";
 import ReactMobileDatePicker from "./ReactMobileDatePickerModule.js";
 import styles from "./styles.module.scss.js";
+import { checkIfSameDate } from "./utils.js";
 const clsPrefix = "cap-mobile-date-range-picker";
 const dateConfig = {
   date: {
@@ -54,12 +55,9 @@ const CapMobileDateRangePicker = ({
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [focusedInput, setFocusedInput] = useState(RANGE_PICKER.START_DATE);
   const [isDatePickerVisible, setIsDatePickerVisible] = useState(false);
-  const isComparing = useMemo(() => type === "compare", [type]);
-  const isStartDateFocused = useMemo(
-    () => focusedInput === RANGE_PICKER.START_DATE,
-    [focusedInput]
-  );
-  const isEndDateFocused = useMemo(() => focusedInput === RANGE_PICKER.END_DATE, [focusedInput]);
+  const isComparing = type === "compare";
+  const isStartDateFocused = focusedInput === RANGE_PICKER.START_DATE;
+  const isEndDateFocused = focusedInput === RANGE_PICKER.END_DATE;
   useEffect(() => {
     const isSameStart = checkIfSameDate(startDateProp, startDate);
     const isSameEnd = checkIfSameDate(endDateProp, endDate);
@@ -68,10 +66,6 @@ const CapMobileDateRangePicker = ({
       setEndDate(endDateProp);
     }
   }, [startDateProp, endDateProp]);
-  const checkIfSameDate = useCallback(
-    (d1, d2) => d1.format(FORMAT_TOKENS.ISO_8601_DATE) === d2.format(FORMAT_TOKENS.ISO_8601_DATE),
-    []
-  );
   const toggleFocusedInput = useCallback(
     (inputType = "", onClickHandler) => {
       if (inputType === "") {

package/CapMobileDateRangePicker/utils.d.ts

@@ -0,0 +1,3 @@
+import moment from 'moment';
+export declare const checkIfSameDate: (d1: moment.Moment, d2: moment.Moment) => boolean;
+//# sourceMappingURL=utils.d.ts.map

package/CapMobileDateRangePicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapMobileDateRangePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAI5B,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,MAAM,CAAC,MAAM,YACe,CAAC"}

package/CapMobileDateRangePicker/utils.js

@@ -0,0 +1,5 @@
+import { FORMAT_TOKENS } from "../utils/dayjs.js";
+const checkIfSameDate = (d1, d2) => d1.format(FORMAT_TOKENS.ISO_8601_DATE) === d2.format(FORMAT_TOKENS.ISO_8601_DATE);
+export {
+  checkIfSameDate
+};

package/CapPopoverTree/index.d.ts

@@ -1,43 +1,6 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import './styles.scss';
-export declare const CapPopoverTree: {
-    (props: any): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        trigger: string;
-        placement: string;
-        showIcon: boolean;
-        blockNode: boolean;
-        defaultExpandAll: boolean;
-        isLoadingData: boolean;
-        switcherIcon: import("react/jsx-runtime").JSX.Element;
-        renderOnKeyChange: boolean;
-    };
-    propTypes: {
-        trigger: PropTypes.Requireable<string>;
-        placement: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        defaultExpandAll: PropTypes.Requireable<boolean>;
-        overlayClassName: PropTypes.Requireable<string>;
-        showIcon: PropTypes.Requireable<boolean>;
-        blockNode: PropTypes.Requireable<boolean>;
-        propsTreeData: PropTypes.Requireable<any[]>;
-        switcherIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        TriggerComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        componentText: PropTypes.Requireable<string>;
-        triggerProps: PropTypes.Requireable<object>;
-        isTriggerDisabled: PropTypes.Requireable<boolean>;
-        triggerDisabledText: PropTypes.Requireable<string>;
-        tooltipText: PropTypes.Requireable<string>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        propsSelectedKey: PropTypes.Requireable<any[]>;
-        isLoadingData: PropTypes.Requireable<boolean>;
-        loadingTip: PropTypes.Requireable<string>;
-        searchPlaceholder: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        emptyDataMessage: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        renderOnKeyChange: PropTypes.Requireable<boolean>;
-    };
-};
-declare const _default: React.ComponentType<Omit<any, "intl">>;
+import type { CapPopoverTreeProps } from './types';
+export declare const CapPopoverTree: (props: CapPopoverTreeProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ComponentType<Omit<CapPopoverTreeProps & import("react-intl").WrappedComponentProps, "intl">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/CapPopoverTree/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/index.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,eAAe,CAAC;AAMvB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0M1B,CAAC;;AAsCF,wBAAoE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,OAAO,KAAK,EAAE,mBAAmB,EAAgB,MAAM,SAAS,CAAC;AAKjE,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CA8OxD,CAAC;;AAEF,wBAEG"}

package/CapPopoverTree/index.js

@@ -1,54 +1,56 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Tree, Tooltip, Icon } from "antd";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { InfoCircleOutlined } from "@ant-design-v5/icons";
+import { Tree, Input, Tooltip } from "antd-v5";
 import classNames from "classnames";
-import PropTypes from "prop-types";
 import { useState, useEffect } from "react";
+import CapColumn from "../CapColumn/index.js";
 import CapHeadingWithStatic from "../CapHeading/index.js";
-import InputFinal from "../CapInput/index.js";
+import CapIcon from "../CapIcon/index.js";
 import CapPopover from "../CapPopover/index.js";
 import CapRow from "../CapRow/index.js";
 import CapSpin from "../CapSpin/index.js";
 import CapTooltip from "../CapTooltip/index.js";
+import CapTree from "../CapTree/index.js";
 import LocaleHoc from "../LocaleHoc/index.js";
-import { StyledCapTree, StyledIcon, StyledCapHeading, StyledCapColumn, ExpandIcon } from "./style.js";
-import './styles.css';/* empty css            */
+import styles from "./styles.module.scss.js";
 const { TreeNode } = Tree;
-const { Search } = InputFinal;
 const clsPrefix = "cap-popover-tree-v2";
 const CapPopoverTree = (props) => {
   var _a;
   const {
     treeData: propsTreeData = [],
     overlayClassName,
-    trigger,
+    trigger = "click",
     TriggerComponent,
     componentText,
     triggerProps,
     isTriggerDisabled,
     triggerDisabledText,
     tooltipText,
-    isLoadingData,
+    isLoadingData = false,
     loadingTip,
-    placement,
-    switcherIcon,
+    placement = "rightBottom",
+    switcherIcon = /* @__PURE__ */ jsx(CapIcon, { className: styles.expandIcon, size: "m", type: "chevron-down" }),
     className,
-    defaultExpandAll,
+    defaultExpandAll = false,
     onSelect,
     selectedKey: propsSelectedKey,
     emptyDataMessage,
     searchPlaceholder,
-    renderOnKeyChange,
+    renderOnKeyChange = false,
     ...rest
   } = props || {};
-  const defaultExpandKey = (propsTreeData == null ? void 0 : propsTreeData.length) === 1 && ((_a = propsTreeData[0]) == null ? void 0 : _a.key);
+  const defaultExpandKey = (propsTreeData == null ? void 0 : propsTreeData.length) === 1 && ((_a = propsTreeData[0]) == null ? void 0 : _a.key) ? propsTreeData[0].key : null;
   const [searchText, setSearchText] = useState(null);
   const [showPopover, setShowPopover] = useState(null);
   const [filteredTreeData, setFilteredTreeData] = useState(propsTreeData || []);
-  const [expandedKeys, setExpandedKeys] = useState(defaultExpandKey ? [defaultExpandKey] : []);
+  const [expandedKeys, setExpandedKeys] = useState(
+    defaultExpandKey ? [defaultExpandKey] : []
+  );
   useEffect(() => {
     setFilteredTreeData(propsTreeData);
-    setExpandedKeys([defaultExpandKey]);
-  }, [propsTreeData]);
+    setExpandedKeys(defaultExpandKey ? [defaultExpandKey] : []);
+  }, [propsTreeData, defaultExpandKey]);
   const handleSearch = (e) => {
     const { value } = e.target;
     setSearchText(value);
@@ -63,13 +65,15 @@ const CapPopoverTree = (props) => {
     }
     setExpandedKeys(keys);
   };
-  const handleSelect = (selectedKey, { node }) => {
-    const { isLeafNode, eventKey, expanded } = (node == null ? void 0 : node.props) || {};
+  const handleSelect = (selectedKey, info) => {
+    const { node } = info;
+    const nodeProps = node == null ? void 0 : node.props;
+    const { isLeafNode, eventKey, expanded } = nodeProps || {};
     if (isLeafNode) {
       setShowPopover(false);
-      onSelect(selectedKey);
+      onSelect == null ? void 0 : onSelect(selectedKey);
     } else {
-      const key = expanded ? [] : [eventKey];
+      const key = expanded ? [] : eventKey !== void 0 ? [eventKey] : [];
       handleOnExpand(key);
     }
   };
@@ -78,25 +82,38 @@ const CapPopoverTree = (props) => {
       var _a2, _b;
       const { title, key, icon, children = [], info } = data;
       if (title) {
-        const itemName = (_a2 = title == null ? void 0 : title.toLowerCase()) == null ? void 0 : _a2.trim();
+        const titleString = typeof title === "string" ? title : String(title);
+        const itemName = (_a2 = titleString == null ? void 0 : titleString.toLowerCase()) == null ? void 0 : _a2.trim();
         const searchValue = (_b = searchText == null ? void 0 : searchText.toLowerCase()) == null ? void 0 : _b.trim();
-        const searchIndex = searchValue && (itemName == null ? void 0 : itemName.indexOf(searchValue));
-        const beforeString = title == null ? void 0 : title.substr(0, searchIndex);
-        const afterString = title == null ? void 0 : title.substr(searchIndex + (searchValue == null ? void 0 : searchValue.length));
-        const matchedSearch = title == null ? void 0 : title.substr(searchIndex, searchValue == null ? void 0 : searchValue.length);
+        const searchIndex = searchValue && itemName ? itemName.indexOf(searchValue) : -1;
+        const beforeString = titleString == null ? void 0 : titleString.substr(0, searchIndex >= 0 ? searchIndex : 0);
+        const afterString = titleString == null ? void 0 : titleString.substr(
+          (searchIndex >= 0 ? searchIndex : 0) + ((searchValue == null ? void 0 : searchValue.length) || 0)
+        );
+        const matchedSearch = titleString == null ? void 0 : titleString.substr(
+          searchIndex >= 0 ? searchIndex : 0,
+          (searchValue == null ? void 0 : searchValue.length) || 0
+        );
         const searchResult = /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(StyledCapColumn, { children: beforeString }),
-          /* @__PURE__ */ jsx(StyledCapColumn, { style: { fontWeight: 500 }, children: matchedSearch }),
-          /* @__PURE__ */ jsx(StyledCapColumn, { children: afterString })
+          /* @__PURE__ */ jsx(CapColumn, { className: styles.styledCapColumn, children: beforeString }),
+          /* @__PURE__ */ jsx(CapColumn, { className: classNames(styles.styledCapColumn, styles.matchedSearch), children: matchedSearch }),
+          /* @__PURE__ */ jsx(CapColumn, { className: styles.styledCapColumn, children: afterString })
         ] });
         const treeNodeProps = {
-          title: /* @__PURE__ */ jsxs(StyledCapHeading, { className: "tree-node-title", children: [
+          title: /* @__PURE__ */ jsxs(CapHeadingWithStatic, { className: classNames(styles.styledCapHeading, "tree-node-title"), children: [
             searchIndex > -1 ? searchResult : title,
-            info && /* @__PURE__ */ jsx("span", { className: "info-tooltip", children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", title: info, children: /* @__PURE__ */ jsx(Icon, { className: "info-icon", type: "info-circle-o" }) }) })
+            info && /* @__PURE__ */ jsx("span", { className: "info-tooltip", children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", title: info, children: /* @__PURE__ */ jsx(InfoCircleOutlined, { className: "info-icon" }) }) })
           ] }),
           key,
           isLeafNode: !(children == null ? void 0 : children.length),
-          icon: icon && /* @__PURE__ */ jsx(StyledIcon, { className: "tree-node-icon", size: "s", type: icon })
+          icon: icon && /* @__PURE__ */ jsx(
+            CapIcon,
+            {
+              className: classNames(styles.styledIcon, "tree-node-icon"),
+              size: "s",
+              type: icon
+            }
+          )
         };
         result.push(
           /* @__PURE__ */ jsx(TreeNode, { ...treeNodeProps, children: (children == null ? void 0 : children.length) && getTreeData(children) })
@@ -114,15 +131,15 @@ const CapPopoverTree = (props) => {
       return;
     }
     const filteredData = propsTreeData.reduce((result, currentData) => {
-      var _a3, _b;
-      const parentName = (_a3 = currentData == null ? void 0 : currentData.title) == null ? void 0 : _a3.toLowerCase();
+      var _a3;
+      const titleString = typeof (currentData == null ? void 0 : currentData.title) === "string" ? currentData.title : String((currentData == null ? void 0 : currentData.title) || "");
+      const parentName = titleString == null ? void 0 : titleString.toLowerCase();
       const isParent = (parentName == null ? void 0 : parentName.indexOf(searchString)) > -1;
-      const childItems = (_b = currentData == null ? void 0 : currentData.children) == null ? void 0 : _b.filter(
-        (childItem) => {
-          var _a4, _b2;
-          return ((_b2 = (_a4 = childItem == null ? void 0 : childItem.title) == null ? void 0 : _a4.toLowerCase()) == null ? void 0 : _b2.indexOf(searchString)) > -1;
-        }
-      );
+      const childItems = (_a3 = currentData == null ? void 0 : currentData.children) == null ? void 0 : _a3.filter((childItem) => {
+        var _a4;
+        const childTitleString = typeof (childItem == null ? void 0 : childItem.title) === "string" ? childItem.title : String((childItem == null ? void 0 : childItem.title) || "");
+        return ((_a4 = childTitleString == null ? void 0 : childTitleString.toLowerCase()) == null ? void 0 : _a4.indexOf(searchString)) > -1;
+      });
       const hasChildren = !!(childItems == null ? void 0 : childItems.length);
       const currentDataCopy = { ...currentData };
       if (hasChildren) {
@@ -141,16 +158,18 @@ const CapPopoverTree = (props) => {
     /* @__PURE__ */ jsx(
       CapPopover,
       {
-        visible: showPopover,
-        onVisibleChange: setShowPopover,
+        visible: showPopover ?? void 0,
+        onVisibleChange: (visible) => setShowPopover(visible),
         trigger,
         placement,
         overlayClassName: classNames(`${clsPrefix}`, overlayClassName),
         ...rest,
         content: /* @__PURE__ */ jsx(CapRow, { className: "search-and-tree-wrapper", children: /* @__PURE__ */ jsxs(CapSpin, { spinning: isLoadingData, tip: loadingTip, children: [
           /* @__PURE__ */ jsx(
-            Search,
+            Input,
             {
+              prefix: /* @__PURE__ */ jsx(CapIcon, { type: "search", size: "s" }),
+              variant: "borderless",
               placeholder: searchPlaceholder,
               onChange: handleSearch,
               className: "search-tree-node"
@@ -158,7 +177,7 @@ const CapPopoverTree = (props) => {
           ),
           /* @__PURE__ */ jsx("div", { className: "divider" }),
           (filteredTreeData == null ? void 0 : filteredTreeData.length) ? /* @__PURE__ */ jsx(
-            StyledCapTree,
+            CapTree,
             {
               showIcon: true,
               blockNode: true,
@@ -168,8 +187,11 @@ const CapPopoverTree = (props) => {
               onExpand: handleOnExpand,
               onSelect: handleSelect,
               switcherIcon,
-              isExpanded: (expandedKeys == null ? void 0 : expandedKeys.length) && !searchText,
-              className,
+              className: classNames(
+                styles.styledCapTree,
+                (expandedKeys == null ? void 0 : expandedKeys.length) && !searchText && styles.isExpanded,
+                className
+              ),
               ...renderOnKeyChange ? { key: JSON.stringify(filteredTreeData) } : {},
               ...rest,
               children: getTreeData(searchText ? filteredTreeData : propsTreeData)
@@ -178,44 +200,12 @@ const CapPopoverTree = (props) => {
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx(CapRow, { children: !isTriggerDisabled ? /* @__PURE__ */ jsx(CapTooltip, { title: tooltipText, overlayClassName: "add-condition-tooltip", children: /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, onClick: () => setShowPopover(true), children: componentText }) }) : /* @__PURE__ */ jsx(CapTooltip, { title: triggerDisabledText, children: /* @__PURE__ */ jsx("span", { className: "button-disabled-tooltip-wrapper", children: /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, children: componentText }) }) }) })
+    /* @__PURE__ */ jsx(CapRow, { children: !isTriggerDisabled ? /* @__PURE__ */ jsx(CapTooltip, { title: tooltipText, overlayClassName: "add-condition-tooltip", children: TriggerComponent && /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, onClick: () => setShowPopover(true), children: componentText }) }) : /* @__PURE__ */ jsx(CapTooltip, { title: triggerDisabledText, children: /* @__PURE__ */ jsx("span", { className: "button-disabled-tooltip-wrapper", children: TriggerComponent && /* @__PURE__ */ jsx(TriggerComponent, { ...triggerProps, children: componentText }) }) }) })
   ] });
 };
-CapPopoverTree.defaultProps = {
-  trigger: "click",
-  placement: "rightBottom",
-  showIcon: true,
-  blockNode: true,
-  defaultExpandAll: false,
-  isLoadingData: false,
-  switcherIcon: /* @__PURE__ */ jsx(ExpandIcon, { size: "m", type: "chevron-down" }),
-  renderOnKeyChange: false
-};
-CapPopoverTree.propTypes = {
-  trigger: PropTypes.string,
-  placement: PropTypes.string,
-  className: PropTypes.string,
-  defaultExpandAll: PropTypes.bool,
-  overlayClassName: PropTypes.string,
-  showIcon: PropTypes.bool,
-  blockNode: PropTypes.bool,
-  propsTreeData: PropTypes.array,
-  switcherIcon: PropTypes.node,
-  TriggerComponent: PropTypes.node,
-  componentText: PropTypes.string,
-  triggerProps: PropTypes.object,
-  isTriggerDisabled: PropTypes.bool,
-  triggerDisabledText: PropTypes.string,
-  tooltipText: PropTypes.string,
-  onSelect: PropTypes.func,
-  propsSelectedKey: PropTypes.array,
-  isLoadingData: PropTypes.bool,
-  loadingTip: PropTypes.string,
-  searchPlaceholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  emptyDataMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  renderOnKeyChange: PropTypes.bool
-};
-const index = LocaleHoc(CapPopoverTree, { key: "CapPopoverTree" });
+const index = LocaleHoc(CapPopoverTree, {
+  key: "CapPopoverTree"
+});
 export {
   CapPopoverTree,
   index as default

package/CapPopoverTree/style.d.ts

@@ -1,6 +1,10 @@
+interface StyledCapTreeProps {
+    isExpanded?: boolean;
+}
 export declare const ExpandIcon: import("styled-components").StyledComponent<import("../CapIcon").CapIconComponent, any, {}, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<import("../CapIcon").CapIconComponent, any, {}, never>;
 export declare const StyledCapHeading: import("styled-components").StyledComponent<import("../CapHeading/types").CapHeadingComponent, any, {}, never>;
 export declare const StyledCapColumn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../CapColumn").CapColumnProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledCapTree: import("styled-components").StyledComponent<import("react").FC<import("../CapTree").CapTreeProps>, any, {}, never>;
+export declare const StyledCapTree: import("styled-components").StyledComponent<import("react").FC<import("../CapTree").CapTreeProps>, any, StyledCapTreeProps, never>;
+export {};
 //# sourceMappingURL=style.d.ts.map

package/CapPopoverTree/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/style.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,oGAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,oGAItB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gHAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,+LAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,oHA4DzB,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/style.ts"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,oGAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,oGAItB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gHAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,+LAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,oIA6DzB,CAAC"}

package/CapPopoverTree/styles.css

@@ -6,31 +6,132 @@
 /* Border Width */
 /* Transition */
 /* Timezones Footer */
-.ant-popover.cap-popover-tree-v2 .ant-popover-content {
-  width: 334px;
+.expandIcon {
+  margin-top: 0.714rem;
+  z-index: 1;
+}
+.expandIcon svg {
+  height: 1.714rem;
+  width: 1.714rem;
+}
+.styledIcon {
+  z-index: 1;
+  padding: 0.286rem;
+  border-radius: 0.571rem;
+  background: #ebecf0;
+}
+.styledCapHeading {
+  display: inline;
+  margin-left: 0.286rem;
+}
+.styledCapColumn {
+  display: inline;
+}
+.matchedSearch {
+  font-weight: 500;
+}
+.styledCapTree.ant-tree.cap-tree-v2 {
+  min-height: 8.857rem;
+}
+.styledCapTree.ant-tree.cap-tree-v2 li {
   padding: 0;
-  min-height: 176px;
 }
-.ant-popover.cap-popover-tree-v2 .divider {
-  border-top: 1px solid #dfe2e7;
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper {
+  height: 2.857rem;
+  padding: 0.643rem 0 0.786rem 0.286rem;
 }
-.ant-popover.cap-popover-tree-v2 .empty-data-text {
-  text-align: center;
-  margin-top: 12px;
-  padding: 10px 0;
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper:hover {
+  background-color: #faf9f4;
+  margin-left: -2.857rem;
+  padding-left: 3.143rem;
+}
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-selected .tree-node-title {
+  color: #1d61ee;
+}
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open {
+  margin-left: -2.857rem;
+  padding-left: 3.143rem;
+  width: 23.143rem;
+}
+.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open {
+  background: #e9f0fe;
+  border-left: 0.143rem solid #2466ea;
+}
+.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open:hover {
+  background-color: #e9f0fe;
+}
+.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open .tree-node-title {
+  color: #1d61ee;
+}
+.styledCapTree.ant-tree.cap-tree-v2.isExpanded .ant-tree-node-content-wrapper-open .tree-node-icon {
+  z-index: 1;
+  background: #2466ea;
+  color: #ffffff;
+}
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-node-content-wrapper {
+  position: relative;
+  margin-left: 1.143rem;
+  padding-left: 0;
+  width: 17.857rem;
+}
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-node-selected {
+  background-color: #e9f0fe;
+}
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-title {
+  margin-left: -0.857rem;
+}
+.styledCapTree.ant-tree.cap-tree-v2 .ant-tree-child-tree .ant-tree-title .info-icon {
+  position: absolute;
+  right: 1.786rem;
+  top: 1rem;
+}
+.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open {
+  background: #e9f0fe;
+  border-left: 0.143rem solid #2466ea;
+}
+.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open:hover {
+  background-color: #e9f0fe;
+}
+.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open .tree-node-title {
+  color: #1d61ee;
+}
+.isExpanded.ant-tree.cap-tree-v2 .ant-tree-node-content-wrapper-open .tree-node-icon {
+  z-index: 1;
+  background: #2466ea;
+  color: #ffffff;
+}
+.ant-popover.cap-popover-tree-v2 {
+  width: 23.857rem;
+}
+.ant-popover.cap-popover-tree-v2 .ant-popover-content {
+  padding: 0;
+  min-height: 12.571rem;
 }
 .ant-popover.cap-popover-tree-v2 .ant-popover-inner-content {
-  padding: 0 0 12px 0;
+  padding: 0 0 0.857rem 0;
+}
+.ant-popover.cap-popover-tree-v2 .search-and-tree-wrapper {
+  display: block;
+}
+.ant-popover.cap-popover-tree-v2 .search-and-tree-wrapper .ant-spin-container {
+  width: 100%;
+}
+.ant-popover.cap-popover-tree-v2 .search-tree-node.ant-input-affix-wrapper {
+  width: 100%;
+  padding: 0.571rem 0.857rem;
+  border-bottom: 0.071rem solid #dfe2e7;
 }
-.ant-popover.cap-popover-tree-v2 .search-tree-node .ant-input-affix-wrapper {
-  width: 300px;
-  margin-left: 12px;
+.ant-popover.cap-popover-tree-v2 .search-tree-node.ant-input-affix-wrapper .ant-input {
+  margin-left: 0.286rem;
 }
-.ant-popover.cap-popover-tree-v2 .search-tree-node .ant-input-affix-wrapper .ant-input.ant-input-lg {
-  border: none !important;
-  border-radius: 0 !important;
-  margin-left: 8px;
+.ant-popover.cap-popover-tree-v2 .divider {
+  display: none;
+}
+.ant-popover.cap-popover-tree-v2 .empty-data-text {
+  text-align: center;
+  margin-top: 0.857rem;
+  padding: 0.714rem 0.857rem;
 }
 .add-condition-tooltip .ant-tooltip-inner {
-  width: 386px;
+  width: 27.571rem;
 }

package/CapPopoverTree/styles.module.scss.js

@@ -0,0 +1,26 @@
+import './styles.css';const expandIcon = "expandIcon";
+const styledIcon = "styledIcon";
+const styledCapHeading = "styledCapHeading";
+const styledCapColumn = "styledCapColumn";
+const matchedSearch = "matchedSearch";
+const styledCapTree = "styledCapTree";
+const isExpanded = "isExpanded";
+const styles = {
+  expandIcon,
+  styledIcon,
+  styledCapHeading,
+  styledCapColumn,
+  matchedSearch,
+  styledCapTree,
+  isExpanded
+};
+export {
+  styles as default,
+  expandIcon,
+  isExpanded,
+  matchedSearch,
+  styledCapColumn,
+  styledCapHeading,
+  styledCapTree,
+  styledIcon
+};

package/CapPopoverTree/styles.scss

@@ -2,38 +2,186 @@
 
 $popoverTree: cap-popover-tree-v2;
 
-.ant-popover.#{$popoverTree} {
-    .ant-popover-content {
-        width: 334px;
-        padding: 0;
-        min-height: 176px;
-    }
-
-    .divider {
-        border-top: 1px solid $CAP_G07;
-    }
-    .empty-data-text {
-        text-align: center;
-        margin-top: 12px;
-        padding: 10px 0;
-    }
-    .ant-popover-inner-content {
-        padding: 0 0 12px 0;
-    }
-    .search-tree-node {
-        .ant-input-affix-wrapper {
-            width: 300px;
-            margin-left: 12px;
-            .ant-input.ant-input-lg {
-                border: none !important;
-                border-radius: 0 !important;
-                margin-left: 8px;
-            }
+// ExpandIcon styles
+.expandIcon {
+  margin-top: 0.714rem; // 10px / 14
+  z-index: 1;
+
+  svg {
+    height: 1.714rem; // 24px / 14
+    width: 1.714rem; // 24px / 14
+  }
+}
+
+// StyledIcon styles
+.styledIcon {
+  z-index: 1;
+  padding: 0.286rem; // 4px / 14
+  border-radius: 0.571rem; // 8px / 14
+  background: $CAP_G08;
+}
+
+// StyledCapHeading styles
+.styledCapHeading {
+  display: inline;
+  margin-left: 0.286rem; // 4px / 14
+}
+
+// StyledCapColumn styles
+.styledCapColumn {
+  display: inline;
+}
+
+.matchedSearch {
+  font-weight: 500;
+}
+
+// StyledCapTree styles
+.styledCapTree {
+  &.ant-tree.cap-tree-v2 {
+    min-height: 8.857rem; // 124px / 14
+
+    li {
+      padding: 0;
+    }
+
+    .ant-tree-node-content-wrapper {
+      height: 2.857rem; // 40px / 14
+      padding: 0.643rem 0 0.786rem 0.286rem; // 9px 0 11px 4px / 14
+
+      &:hover {
+        background-color: $BG_01;
+        margin-left: -2.857rem; // -40px / 14
+        padding-left: 3.143rem; // 44px / 14
+      }
+    }
+
+    .ant-tree-node-selected {
+      .tree-node-title {
+        color: $CAP_COLOR_17; // #1d61ee
+      }
+    }
+
+    .ant-tree-node-content-wrapper-open {
+      margin-left: -2.857rem; // -40px / 14
+      padding-left: 3.143rem; // 44px / 14
+      width: 23.143rem; // 324px / 14
+    }
+
+    &.isExpanded {
+      .ant-tree-node-content-wrapper-open {
+        background: $CAP_PALE_GREY;
+        border-left: 0.143rem solid $FONT_COLOR_05; // 2px / 14
+
+        &:hover {
+          background-color: $CAP_PALE_GREY;
+        }
+
+        .tree-node-title {
+          color: $CAP_COLOR_17; // #1d61ee
+        }
+
+        .tree-node-icon {
+          z-index: 1;
+          background: $FONT_COLOR_05;
+          color: $CAP_WHITE;
+        }
+      }
+    }
+
+    .ant-tree-child-tree {
+      .ant-tree-node-content-wrapper {
+        position: relative;
+        margin-left: 1.143rem; // 16px / 14
+        padding-left: 0;
+        width: 17.857rem; // 250px / 14
+      }
+
+      .ant-tree-node-selected {
+        background-color: $CAP_PALE_GREY;
+      }
+
+      .ant-tree-title {
+        margin-left: -0.857rem; // -12px / 14
+
+        .info-icon {
+          position: absolute;
+          right: 1.786rem; // 25px / 14
+          top: 1rem; // 14px / 14
         }
+      }
     }
+  }
 }
-.add-condition-tooltip {
-    .ant-tooltip-inner {
-        width: 386px;
+
+// IsExpanded styles - exported as separate class for CSS module
+.isExpanded {
+  &.ant-tree.cap-tree-v2 {
+    .ant-tree-node-content-wrapper-open {
+      background: $CAP_PALE_GREY;
+      border-left: 0.143rem solid $FONT_COLOR_05; // 2px / 14
+
+      &:hover {
+        background-color: $CAP_PALE_GREY;
+      }
+
+      .tree-node-title {
+        color: $CAP_COLOR_17; // #1d61ee
+      }
+
+      .tree-node-icon {
+        z-index: 1;
+        background: $FONT_COLOR_05;
+        color: $CAP_WHITE;
+      }
+    }
+  }
+}
+
+.ant-popover.#{$popoverTree} {
+  width: 23.857rem; // 334px / 14
+  .ant-popover-content {
+    padding: 0;
+    min-height: 12.571rem; // 176px / 14
+  }
+
+  .ant-popover-inner-content {
+    padding: 0 0 $CAP_SPACE_12 0;
+  }
+
+  .search-and-tree-wrapper {
+    display: block;
+
+    .ant-spin-container {
+      width: 100%;
+    }
+  }
+
+  .search-tree-node {
+    &.ant-input-affix-wrapper {
+      width: 100%;
+      padding: 0.571rem $CAP_SPACE_12; // 8px 12px / 14
+      border-bottom: 0.071rem solid $CAP_G07; // 1px / 14
+
+      .ant-input {
+        margin-left: 0.286rem; // 4px / 14
       }
-}
+    }
+  }
+
+  .divider {
+    display: none; // replaced by search input bottom border
+  }
+
+  .empty-data-text {
+    text-align: center;
+    margin-top: 0.857rem; // 12px / 14
+    padding: 0.714rem $CAP_SPACE_12; // 10px 12px / 14
+  }
+}
+
+.add-condition-tooltip {
+  .ant-tooltip-inner {
+    width: 27.571rem; // 386px / 14
+  }
+}

package/CapPopoverTree/tests/CapPopoverTree.mockData.d.ts

@@ -0,0 +1,22 @@
+import type { CapPopoverTreeProps, TreeNodeData } from '../types';
+export declare const basicTreeData: TreeNodeData[];
+export declare const treeDataWithIcons: TreeNodeData[];
+export declare const singleNodeTreeData: TreeNodeData[];
+export declare const emptyTreeData: TreeNodeData[];
+export declare const nestedTreeData: TreeNodeData[];
+export declare const mockOnSelect: jest.Mock<any, any, any>;
+export declare const defaultProps: CapPopoverTreeProps;
+export declare const propsWithSelectedKey: CapPopoverTreeProps;
+export declare const propsWithDisabledTrigger: CapPopoverTreeProps;
+export declare const propsWithTooltip: CapPopoverTreeProps;
+export declare const propsWithLoading: CapPopoverTreeProps;
+export declare const propsWithEmptyMessage: CapPopoverTreeProps;
+export declare const propsWithSearchPlaceholder: CapPopoverTreeProps;
+export declare const propsWithDefaultExpandAll: CapPopoverTreeProps;
+export declare const propsWithCustomClassName: CapPopoverTreeProps;
+export declare const propsWithRenderOnKeyChange: CapPopoverTreeProps;
+export declare const propsWithTriggerProps: CapPopoverTreeProps;
+export declare const propsWithPlacement: CapPopoverTreeProps;
+export declare const propsWithTriggerHover: CapPopoverTreeProps;
+export declare const propsWithTriggerFocus: CapPopoverTreeProps;
+//# sourceMappingURL=CapPopoverTree.mockData.d.ts.map

package/CapPopoverTree/tests/CapPopoverTree.mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapPopoverTree.mockData.d.ts","sourceRoot":"","sources":["../../../components/CapPopoverTree/tests/CapPopoverTree.mockData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAElE,eAAO,MAAM,aAAa,EAAE,YAAY,EAcvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,YAAY,EAW3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAM5C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,YAAY,EAAO,CAAC;AAEhD,eAAO,MAAM,cAAc,EAAE,YAAY,EAYxC,CAAC;AAEF,eAAO,MAAM,YAAY,0BAAY,CAAC;AAEtC,eAAO,MAAM,YAAY,EAAE,mBAK1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,mBAItC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,mBAG9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,mBAI9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAInC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,mBAGxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,mBAGvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,mBAItC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,mBAGxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAGnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,mBAGnC,CAAC"}

package/CapPopoverTree/types.d.ts

@@ -0,0 +1,62 @@
+import type { TreeProps } from 'antd-v5';
+import type React from 'react';
+import type { CapPopoverProps } from '../CapPopover/types';
+export interface TreeNodeData {
+    title: string | React.ReactNode;
+    key: string;
+    children?: TreeNodeData[];
+    icon?: string;
+    info?: string;
+    [key: string]: unknown;
+}
+/**
+ * Props for CapPopoverTree component
+ *
+ * @deprecated Props inherited from CapPopoverProps (Ant Design Popover component):
+ * - `overlayClassName` - Use `classNames.root` on CapPopover instead
+ * - `visible` - Use `open` instead (not recommended for public API - component manages popover state internally)
+ * - `onVisibleChange` - Use `onOpenChange` instead (not recommended for public API - component manages popover state internally)
+ *
+ * These deprecated props are handled internally by CapPopover with backward compatibility.
+ * They will show deprecation warnings in development mode.
+ *
+ * Note: `visible` and `onVisibleChange` are inherited from CapPopoverProps but are not recommended
+ * for use as the component manages popover state internally. Use `overlayClassName` if needed for styling.
+ */
+export interface CapPopoverTreeProps extends Omit<TreeProps, 'treeData' | 'onSelect' | 'className' | 'classNames' | 'styles' | 'motion'>, Omit<CapPopoverProps, 'content' | 'classNames' | 'motion'> {
+    /** Tree data structure */
+    treeData?: TreeNodeData[];
+    /** Component to use as trigger */
+    TriggerComponent?: React.ComponentType<Record<string, unknown>>;
+    /** Text to display in trigger component */
+    componentText?: string;
+    /** Props to pass to trigger component */
+    triggerProps?: Record<string, unknown>;
+    /** Whether trigger is disabled */
+    isTriggerDisabled?: boolean;
+    /** Text to show when trigger is disabled */
+    triggerDisabledText?: string;
+    /** Tooltip text */
+    tooltipText?: string;
+    /** Whether data is loading */
+    isLoadingData?: boolean;
+    /** Loading tip text */
+    loadingTip?: string;
+    /** Custom switcher icon */
+    switcherIcon?: React.ReactNode;
+    /** Additional CSS class name */
+    className?: string;
+    /** Expand all nodes by default */
+    defaultExpandAll?: boolean;
+    /** Callback when node is selected */
+    onSelect?: (selectedKey: string[]) => void;
+    /** Currently selected key */
+    selectedKey?: string[];
+    /** Message to show when tree data is empty */
+    emptyDataMessage?: string | React.ReactNode;
+    /** Placeholder text for search input */
+    searchPlaceholder?: string | React.ReactNode;
+    /** Whether to re-render tree on key change */
+    renderOnKeyChange?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapPopoverTree/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapPopoverTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,SAAS,EACT,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAC3E,EACD,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC5D,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChE,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5C,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/CapPopoverTree/types.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/blaze-ui",
-  "version": "6.3.0",
+  "version": "6.5.0",
   "description": "Capillary UI component library with Ant Design v6",
   "main": "index.js",
   "module": "dist/index.js",