@geneui/components 3.0.0-next-fa529af-03102024 → 3.0.0-next-711fc51-03102024

package/ActionableList/index.js

@@ -26,7 +26,7 @@ import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/AdvancedSearch/index.js

@@ -12,7 +12,7 @@ import { P as PopoverV2 } from '../index-5a08e021.js';
 import ExtendedInput from '../ExtendedInput/index.js';
 import CustomScrollbar from '../Scrollbar/index.js';
 import LinkButton from '../LinkButton/index.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import Icon from '../Icon/index.js';
 import Checkbox from '../Checkbox/index.js';
 import { T as Tooltip } from '../index-0c18f902.js';

package/Avatar/index.js

@@ -22,7 +22,7 @@ var SvgSquare = function SvgSquare(_ref) {
   }));
 };
 
-var css_248z = "[data-gene-ui-version=\"2.16.1\"] .avatar{align-items:center;border-radius:var(--guit-ref-radius-full);display:flex;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.1\"] .avatar_size_6Xlarge{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);height:var(--guit-sem-dimension-height-6xlarge);line-height:var(--guit-sem-font-heading-medium-semibold-line-height);width:var(--guit-sem-dimension-width-6xlarge)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large,[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_small{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);height:var(--guit-sem-dimension-height-small);line-height:var(--guit-sem-font-label-small-default-medium-line-height);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_neutral{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_blue{background-color:var(--guit-sem-color-background-accent-blue-1);color:var(--guit-sem-color-foreground-accent-blue)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_red{background-color:var(--guit-sem-color-background-accent-red-1);color:var(--guit-sem-color-foreground-accent-red)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_green{background-color:var(--guit-sem-color-background-accent-green-1);color:var(--guit-sem-color-foreground-accent-green)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1);color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_orange{background-color:var(--guit-sem-color-background-accent-orange-1);color:var(--guit-sem-color-foreground-accent-orange)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1);color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1);color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1);color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .avatar__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .avatar__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:uppercase}[data-gene-ui-version=\"2.16.1\"] .avatar:focus-visible{outline:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-focus);outline-offset:var(--guit-ref-border-width-thin)}[data-gene-ui-version=\"2.16.1\"] .avatar:active:before,[data-gene-ui-version=\"2.16.1\"] .avatar:hover:before,[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-gene-ui-version=\"2.16.1\"] .avatar_button{cursor:pointer}[data-gene-ui-version=\"2.16.1\"] .avatar_button:hover:before{background-color:var(--guit-sem-color-background-transparent-1-hover)}[data-gene-ui-version=\"2.16.1\"] .avatar_button:active:before{background-color:var(--guit-sem-color-background-transparent-1-pressed)}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled{pointer-events:none}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{background-color:var(--guit-sem-color-background-transparent-inverse-disabled)}";
+var css_248z = "[data-gene-ui-version=\"2.16.1\"] .avatar{align-items:center;border-radius:var(--guit-ref-radius-full);display:flex;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.1\"] .avatar_size_6Xlarge{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);height:var(--guit-sem-dimension-height-6xlarge);line-height:var(--guit-sem-font-heading-medium-semibold-line-height);width:var(--guit-sem-dimension-width-6xlarge)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large,[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_small{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);height:var(--guit-sem-dimension-height-small);line-height:var(--guit-sem-font-label-small-default-medium-line-height);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_neutral{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_blue{background-color:var(--guit-sem-color-background-accent-blue-1);color:var(--guit-sem-color-foreground-accent-blue)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_red{background-color:var(--guit-sem-color-background-accent-red-1);color:var(--guit-sem-color-foreground-accent-red)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_green{background-color:var(--guit-sem-color-background-accent-green-1);color:var(--guit-sem-color-foreground-accent-green)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1);color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_orange{background-color:var(--guit-sem-color-background-accent-orange-1);color:var(--guit-sem-color-foreground-accent-orange)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1);color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1);color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1);color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .avatar__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .avatar__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:uppercase}[data-gene-ui-version=\"2.16.1\"] .avatar:active:before,[data-gene-ui-version=\"2.16.1\"] .avatar:hover:before,[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-gene-ui-version=\"2.16.1\"] .avatar_button{cursor:pointer}[data-gene-ui-version=\"2.16.1\"] .avatar_button:hover:before{background-color:var(--guit-sem-color-background-transparent-1-hover)}[data-gene-ui-version=\"2.16.1\"] .avatar_button:active:before{background-color:var(--guit-sem-color-background-transparent-1-pressed)}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled{pointer-events:none}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{background-color:var(--guit-sem-color-background-transparent-inverse-disabled)}";
 styleInject(css_248z);
 
 const iconSizes = {

package/Breadcrumb/index.js

@@ -24,7 +24,7 @@ import '../Portal/index.js';
 import '../Scrollbar/index.js';
 import '../guid-8ddf77b3.js';
 import '../Option/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../index-0c18f902.js';
 
 function BreadcrumbItem(_ref) {

package/Card/index.js

@@ -29,7 +29,7 @@ import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
 import '../Scrollbar/index.js';
 import '../Option/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../index-0c18f902.js';
 
 function CardMenu(_ref) {

package/CardList/index.js

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
 import ModuleTitle from '../ModuleTitle/index.js';
 import Paper from '../Paper/index.js';
-import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-24537904.js';
-import { C as CellMeasurerCache } from '../CellMeasurerCache-0b14f9d9.js';
+import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-2dbdcb45.js';
+import { C as CellMeasurerCache } from '../CellMeasurerCache-67fc611e.js';
 import { o as oneIsRequired, n as noop } from '../index-5f37f281.js';
 import BusyLoader from '../BusyLoader/index.js';
 import Empty from '../Empty/index.js';
@@ -32,7 +32,7 @@ import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../index-5a08e021.js';
 import '../index-122432cd.js';
 import '../Scrollbar/index.js';

package/{CellMeasurerCache-0b14f9d9.js → CellMeasurerCache-67fc611e.js}

@@ -1,4 +1,4 @@
-import { _ as _createClass, a as _classCallCheck } from './index-24537904.js';
+import { _ as _createClass, a as _classCallCheck } from './index-2dbdcb45.js';
 import { _ as _defineProperty } from './objectWithoutPropertiesLoose-e1596bdb.js';
 
 var DEFAULT_HEIGHT = 30;

package/Charts/index.js

@@ -21,7 +21,7 @@ import '../hooks/useDebounce.js';
 import '../ArrowLeft-b88e2ba8.js';
 import '../index-0c18f902.js';
 import '../GeneUIProvider/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 
 var css_248z$h = "[data-gene-ui-version=\"2.16.1\"] .highcharts-container *{font-family:var(--font-family)!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-container * .highcharts-column-series{opacity:1!important}[data-gene-ui-version=\"2.16.1\"] .fullWidth{width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-selected-title{display:flex!important;justify-content:center;position:absolute;top:2rem;z-index:1}[data-gene-ui-version=\"2.16.1\"] .chart-selected-title span{background-color:#fff;border-radius:2.2rem;box-shadow:0 .2rem .4rem 0 #3c40431a;font-size:1.5rem;height:4.4rem;line-height:4.4rem;padding:0 2rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table{align-items:center;display:flex!important;flex-direction:column;justify-content:center}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table.active .view-activity .icon{transform:rotate(270deg)}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table.active .chart-activity-data{transform:translateY(0)}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translateY(100%);width:100%;z-index:2}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data .chart-activity-title{color:#3c4043cc;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;padding-top:1rem;text-align:center}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data .chart-activity-title span{color:#3c4043;font-size:2.2rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data .chart-activity-title .icon{height:2.5rem;transform:rotate(-90deg)}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .view-activity{color:#3c4043cc;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;position:relative;text-align:center;top:-.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .view-activity span{font-size:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .view-activity .icon{height:2.5rem;transform:rotate(90deg)}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block{display:flex!important;flex-direction:column;min-width:inherit!important;padding:1.2rem;position:absolute;right:2rem;top:6rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block:before{background-color:#ffffffbf;content:\"\";height:100%;left:1.2rem;position:absolute;top:0;width:1.2rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block:after{background-color:#ffffffbf;content:\"\";height:100%;position:absolute;right:1.2rem;top:0;width:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .custom-legends-content{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:15px;padding-right:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile{flex-direction:row;margin:0 auto;max-width:36rem;padding:1.2rem;position:relative;right:0;top:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item{margin-bottom:0}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item:first-child{margin-left:1.2rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item:last-child{padding-right:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item .chart-legend-symbol{height:1rem;width:1rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item .chart-legend-text{font-size:1.4rem;font-weight:400}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item{align-items:center;cursor:pointer;display:flex;margin-bottom:1rem;padding:.6rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item.disabled{color:#3c404380}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item.disabled .chart-legend-symbol{background-color:initial!important}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item .chart-legend-symbol{border-radius:50%;border-style:solid;border-width:2px;height:1.4rem;margin-right:1rem;width:1.4rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item .chart-legend-text{font-size:1.5rem;font-weight:600;white-space:nowrap}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip{z-index:3}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip .highcharts-label-box.highcharts-shadow{display:none}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip .highcharts-label-box.highcharts-tooltip-box{stroke:none;fill:#000000b3}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip span,[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip text{fill:#fff!important;color:#fff!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip span,[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip text,[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip tspan{font:600 1.2rem var(--font-family)!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip ul{padding:0 0 0 1.4rem}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip ul li{display:list-item}[data-gene-ui-version=\"2.16.1\"] .highcharts-button path,[data-gene-ui-version=\"2.16.1\"] .highcharts-button rect{fill:#0009!important;stroke:none;cursor:pointer}[data-gene-ui-version=\"2.16.1\"] .highcharts-button:hover path,[data-gene-ui-version=\"2.16.1\"] .highcharts-button:hover rect{fill:#000c!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-button text{fill:#fff!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-credits{display:none!important}[data-gene-ui-version=\"2.16.1\"] .axisText{color:#3c4043;font-family:var(--font-family)!important;font-size:1.6rem;font-weight:700}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip{border:none;color:#fff;font-size:1.4rem;font-weight:600;text-align:center}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip .fixed{height:25rem!important;width:25rem!important}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip.tree-map-tp{font:600 1.4rem/1.36 var(--font-family);max-width:19.6rem;text-align:start;white-space:normal;width:-webkit-max-content;width:max-content}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip.tree-map-tp p{margin:0 0 1.6rem}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip.tree-map-tp small{display:block;font-size:1.2rem;line-height:1.42}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder{-webkit-overflow-scrolling:touch;background-color:#fff;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.direction-row{align-content:stretch;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.direction-row .highcharts-container{margin:0 auto}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.mobile .chart-title{font-size:1.8rem}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.mobile .chart-subtitle{font-size:1.6rem}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-subtitle,[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-title{color:#3c4043;padding:.6rem 0;text-align:center;z-index:1}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-title{font-size:2rem;font-weight:600}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-subtitle{font-size:1.8rem;font-weight:400}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-graph,[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-pie-chart .highcharts-graph{stroke:none;fill:#3c404305}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart{position:relative}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart.mobile .highcharts-title{font-size:2.3rem}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart.empty .chart-subtitle{color:#3c404380}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart.empty .highcharts-title{color:#3c404380!important;z-index:3}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-root{position:relative;z-index:2}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-root .highcharts-background{fill:#0000}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-title{align-items:center;background-color:#fff;border-radius:100%;display:flex!important;flex-direction:column;justify-content:center;left:calc(50% + 5px)!important;margin:0;overflow:hidden;text-align:center;top:calc(50% - 3px)!important;transform:translate(-50%,-50%);z-index:1}";
 styleInject(css_248z$h);

package/CheckboxGroupWithSearch/index.js

@@ -20,7 +20,7 @@ import '../Icon/index.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';

package/Counter/index.js

@@ -17,7 +17,7 @@ import '../tslib.es6-f211516f.js';
 import '../Icon/index.js';
 import '../_rollupPluginBabelHelpers-a83240e1.js';
 import '../ArrowLeft-b88e2ba8.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../hooks/useDebounce.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';

package/DateFilter/index.js

@@ -25,7 +25,7 @@ import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';
 import '../callAfterDelay-7272faca.js';

package/DatePickerInput/index.js

@@ -22,7 +22,7 @@ import '../hooks/useClickOutside.js';
 import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';

package/Dropdown/index.js

@@ -1,6 +1,6 @@
 import '../_rollupPluginBabelHelpers-a83240e1.js';
 import 'react';
-export { D as default } from '../index-24537904.js';
+export { D as default } from '../index-2dbdcb45.js';
 import '../index-031ff73c.js';
 import 'prop-types';
 import '../hooks/useMount.js';
@@ -9,7 +9,7 @@ import '../hooks/useKeyDown.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../configs-34847b77.js';
 import '../index-5f37f281.js';
 import '../BusyLoader/index.js';

package/ExtendedInput/index.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { i as inputConfig, s as screenTypes } from '../configs-34847b77.js';
 import { n as noop, s as stopEvent } from '../index-5f37f281.js';
 import useDeviceType from '../hooks/useDeviceType.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import Icon from '../Icon/index.js';
 import SuggestionList from '../SuggestionList/index.js';
 import { T as Tooltip } from '../index-0c18f902.js';

package/Form/index.js

@@ -27,7 +27,7 @@ import '../index-262edd7a.js';
 import '../ValidatableMultiSelectDropdown/index.js';
 import '../hooks/useMount.js';
 import '../configs-34847b77.js';
-import '../index-24537904.js';
+import '../index-2dbdcb45.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
 import '../clsx.m-2bb6df4b.js';
@@ -39,7 +39,7 @@ import '../hooks/useDebounce.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../BusyLoader/index.js';
 import '../Empty/index.js';
 import '../index-5a08e021.js';

package/FormableDatePicker/index.js

@@ -26,7 +26,7 @@ import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';

package/FormableDropdown/index.js

@@ -11,7 +11,7 @@ import '../hooks/useMount.js';
 import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
-import '../index-24537904.js';
+import '../index-2dbdcb45.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
 import '../clsx.m-2bb6df4b.js';
@@ -24,7 +24,7 @@ import '../hooks/useDebounce.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../BusyLoader/index.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';

package/FormableMultiSelectDropdown/index.js

@@ -11,7 +11,7 @@ import '../hooks/useMount.js';
 import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
-import '../index-24537904.js';
+import '../index-2dbdcb45.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
 import '../clsx.m-2bb6df4b.js';
@@ -24,7 +24,7 @@ import '../hooks/useDebounce.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../BusyLoader/index.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';

package/FormableNumberInput/index.js

@@ -16,7 +16,7 @@ import '../index-031ff73c.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../SuggestionList/index.js';

package/FormableTextInput/index.js

@@ -16,7 +16,7 @@ import '../index-031ff73c.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../SuggestionList/index.js';

package/FormableUploader/index.js

@@ -21,7 +21,7 @@ import '../ExtendedInput/index.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/GeneUIProvider/index.js

@@ -1445,7 +1445,10 @@ var pgk = {
 	license: license
 };
 
-var css_248z = "@import \"https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap\";:root{--font-family:\"Open Sans\",\"Arial\",\"Helvetica Neue\",sans-serif;--hero:#1473e6;--confirm:#2bc784;--warning:#e6af57;--danger:#e64e48;--note:#fdc625;--message:#8bd779;--background:#fff;--foreground:#3d3d5f;--hero-hover:#1267cf;--hero-sc:#fff;--hero-rgb:20,115,230;--hero-sc-rgb:255,255,255;--confirm-hover:#26b276;--confirm-sc:#fff;--confirm-rgb:43,199,132;--confirm-sc-rgb:255,255,255;--warning-hover:#e3a441;--warning-sc:#fff;--warning-rgb:230,175,87;--warning-sc-rgb:255,255,255;--danger-hover:#e33832;--danger-sc:#fff;--danger-rgb:230,78,72;--danger-sc-rgb:255,255,255;--note-hover:#fdbf0c;--note-sc:#000;--note-rgb:253,198,37;--note-sc-rgb:0,0,0;--message-hover:#7ad165;--message-sc:#000;--message-rgb:139,215,121;--message-sc-rgb:0,0,0;--background-hover:#f2f2f2;--background-sc:#000;--background-rgb:255,255,255;--background-sc-rgb:0,0,0;--foreground-hover:#33334f;--foreground-sc:#fff;--foreground-rgb:61,61,95;--foreground-sc-rgb:255,255,255}.invert-colors{--background:var(--foreground);--background-hover:var(--foreground-hover);--background-sc:var(--foreground-sc);--background-rgb:var(--foreground-rgb);--background-sc-rgb:var(--foreground-sc-rgb)}*{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;background:none;border:0;border-radius:0;margin:0;outline:0;padding:0;vertical-align:top}*,:after,:before{box-sizing:border-box}@media screen and (min-width:1024px){:not(main)::-webkit-scrollbar{height:var(--scrollbar-size,16px);width:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-button,:not(main)::-webkit-scrollbar-corner{display:none}:not(main)::-webkit-scrollbar-thumb{background:rgba(var(--background-sc-rgb),.05) content-box;border:var(--scrollbar-space,4px) solid #0000;border-radius:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-thumb:active,:not(main)::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--background-sc-rgb),.1)}:not(main)::-webkit-scrollbar-track{background:#0000}}a{color:inherit;text-decoration:none;transition:color .3s,background .3s}table{border-collapse:collapse;border-spacing:0;width:100%}img,svg{display:block;max-width:100%}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;color:inherit;display:block;font:inherit}button::input-placeholder,input::input-placeholder,optgroup::input-placeholder,select::input-placeholder,textarea::input-placeholder{font-family:inherit;opacity:1}button:placeholder,input:placeholder,optgroup:placeholder,select:placeholder,textarea:placeholder{font-family:inherit;opacity:1}button::placeholder,input::placeholder,optgroup::placeholder,select::placeholder,textarea::placeholder{font-family:inherit;opacity:1}button:input-placeholder,input:input-placeholder,optgroup:input-placeholder,select:input-placeholder,textarea:input-placeholder{font-family:inherit;opacity:1}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--page-background,#f0f2f5);color:rgba(var(--background-sc-rgb),.75);font:10px/1.15 var(--font-family);height:100%;max-width:100vw}html.view-small{font-size:8.12px}html.view-normal{font-size:9.12px}html #root,html body{width:100%}body{font-size:1.4rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:normal}h1{font-size:3.2rem}h1.large{font-size:3.8rem}h2{font-size:2.8rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}li{display:block}.ellipsis-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capitalize-text{text-transform:capitalize}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input::-ms-clear{display:none}.pointer-events-none{pointer-events:none}.cursor-pointer,[data-react-beautiful-dnd-drag-handle=\"0\"]{cursor:pointer}.color-danger{color:var(--danger)!important}.color-confirm{color:var(--confirm)!important}.color-hero{color:var(--hero)!important}::selection{background:rgba(var(--hero-rgb),.15);color:var(--hero)}.vertical-resizing-cursor *{cursor:col-resize!important}.vertical-resizing-cursor :not(:active){pointer-events:none}.cursor-grab{cursor:grab}.cursor-grab:active{cursor:grabbing}.m-rl-2{margin:0 .2rem}.m-tb-2{margin:.2rem 0}.m-t-2{margin-top:.2rem}.m-r-2{margin-inline-end:.2rem}.m-l-2{margin-inline-start:.2rem}.m-b-2{margin-bottom:.2rem}.m-rl-4{margin:0 .4rem}.m-tb-4{margin:.4rem 0}.m-t-4{margin-top:.4rem}.m-r-4{margin-inline-end:.4rem}.m-l-4{margin-inline-start:.4rem}.m-b-4{margin-bottom:.4rem}.m-rl-6{margin:0 .6rem}.m-tb-6{margin:.6rem 0}.m-t-6{margin-top:.6rem}.m-r-6{margin-inline-end:.6rem}.m-l-6{margin-inline-start:.6rem}.m-b-6{margin-bottom:.6rem}.m-rl-8{margin:0 .8rem}.m-tb-8{margin:.8rem 0}.m-t-8{margin-top:.8rem}.m-r-8{margin-inline-end:.8rem}.m-l-8{margin-inline-start:.8rem}.m-b-8{margin-bottom:.8rem}.m-rl-10{margin:0 1rem}.m-tb-10{margin:1rem 0}.m-t-10{margin-top:1rem}.m-r-10{margin-inline-end:1rem}.m-l-10{margin-inline-start:1rem}.m-b-10{margin-bottom:1rem}.m-rl-12{margin:0 1.2rem}.m-tb-12{margin:1.2rem 0}.m-t-12{margin-top:1.2rem}.m-r-12{margin-inline-end:1.2rem}.m-l-12{margin-inline-start:1.2rem}.m-b-12{margin-bottom:1.2rem}.m-rl-14{margin:0 1.4rem}.m-tb-14{margin:1.4rem 0}.m-t-14{margin-top:1.4rem}.m-r-14{margin-inline-end:1.4rem}.m-l-14{margin-inline-start:1.4rem}.m-b-14{margin-bottom:1.4rem}.m-rl-16{margin:0 1.6rem}.m-tb-16{margin:1.6rem 0}.m-t-16{margin-top:1.6rem}.m-r-16{margin-inline-end:1.6rem}.m-l-16{margin-inline-start:1.6rem}.m-b-16{margin-bottom:1.6rem}.m-rl-18{margin:0 1.8rem}.m-tb-18{margin:1.8rem 0}.m-t-18{margin-top:1.8rem}.m-r-18{margin-inline-end:1.8rem}.m-l-18{margin-inline-start:1.8rem}.m-b-18{margin-bottom:1.8rem}.m-rl-20{margin:0 2rem}.m-tb-20{margin:2rem 0}.m-t-20{margin-top:2rem}.m-r-20{margin-inline-end:2rem}.m-l-20{margin-inline-start:2rem}.m-b-20{margin-bottom:2rem}.m-rl-22{margin:0 2.2rem}.m-tb-22{margin:2.2rem 0}.m-t-22{margin-top:2.2rem}.m-r-22{margin-inline-end:2.2rem}.m-l-22{margin-inline-start:2.2rem}.m-b-22{margin-bottom:2.2rem}.m-rl-24{margin:0 2.4rem}.m-tb-24{margin:2.4rem 0}.m-t-24{margin-top:2.4rem}.m-r-24{margin-inline-end:2.4rem}.m-l-24{margin-inline-start:2.4rem}.m-b-24{margin-bottom:2.4rem}.m-rl-26{margin:0 2.6rem}.m-tb-26{margin:2.6rem 0}.m-t-26{margin-top:2.6rem}.m-r-26{margin-inline-end:2.6rem}.m-l-26{margin-inline-start:2.6rem}.m-b-26{margin-bottom:2.6rem}.m-rl-28{margin:0 2.8rem}.m-tb-28{margin:2.8rem 0}.m-t-28{margin-top:2.8rem}.m-r-28{margin-inline-end:2.8rem}.m-l-28{margin-inline-start:2.8rem}.m-b-28{margin-bottom:2.8rem}.m-rl-30{margin:0 3rem}.m-tb-30{margin:3rem 0}.m-t-30{margin-top:3rem}.m-r-30{margin-inline-end:3rem}.m-l-30{margin-inline-start:3rem}.m-b-30{margin-bottom:3rem}.m-rl-32{margin:0 3.2rem}.m-tb-32{margin:3.2rem 0}.m-t-32{margin-top:3.2rem}.m-r-32{margin-inline-end:3.2rem}.m-l-32{margin-inline-start:3.2rem}.m-b-32{margin-bottom:3.2rem}.m-rl-34{margin:0 3.4rem}.m-tb-34{margin:3.4rem 0}.m-t-34{margin-top:3.4rem}.m-r-34{margin-inline-end:3.4rem}.m-l-34{margin-inline-start:3.4rem}.m-b-34{margin-bottom:3.4rem}.m-rl-36{margin:0 3.6rem}.m-tb-36{margin:3.6rem 0}.m-t-36{margin-top:3.6rem}.m-r-36{margin-inline-end:3.6rem}.m-l-36{margin-inline-start:3.6rem}.m-b-36{margin-bottom:3.6rem}.m-rl-38{margin:0 3.8rem}.m-tb-38{margin:3.8rem 0}.m-t-38{margin-top:3.8rem}.m-r-38{margin-inline-end:3.8rem}.m-l-38{margin-inline-start:3.8rem}.m-b-38{margin-bottom:3.8rem}.m-rl-40{margin:0 4rem}.m-tb-40{margin:4rem 0}.m-t-40{margin-top:4rem}.m-r-40{margin-inline-end:4rem}.m-l-40{margin-inline-start:4rem}.m-b-40{margin-bottom:4rem}.m-rl-42{margin:0 4.2rem}.m-tb-42{margin:4.2rem 0}.m-t-42{margin-top:4.2rem}.m-r-42{margin-inline-end:4.2rem}.m-l-42{margin-inline-start:4.2rem}.m-b-42{margin-bottom:4.2rem}.m-rl-44{margin:0 4.4rem}.m-tb-44{margin:4.4rem 0}.m-t-44{margin-top:4.4rem}.m-r-44{margin-inline-end:4.4rem}.m-l-44{margin-inline-start:4.4rem}.m-b-44{margin-bottom:4.4rem}.m-rl-46{margin:0 4.6rem}.m-tb-46{margin:4.6rem 0}.m-t-46{margin-top:4.6rem}.m-r-46{margin-inline-end:4.6rem}.m-l-46{margin-inline-start:4.6rem}.m-b-46{margin-bottom:4.6rem}";
+var css_248z$1 = "@import \"https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap\";:root{--font-family:\"Open Sans\",\"Arial\",\"Helvetica Neue\",sans-serif;--hero:#1473e6;--confirm:#2bc784;--warning:#e6af57;--danger:#e64e48;--note:#fdc625;--message:#8bd779;--background:#fff;--foreground:#3d3d5f;--hero-hover:#1267cf;--hero-sc:#fff;--hero-rgb:20,115,230;--hero-sc-rgb:255,255,255;--confirm-hover:#26b276;--confirm-sc:#fff;--confirm-rgb:43,199,132;--confirm-sc-rgb:255,255,255;--warning-hover:#e3a441;--warning-sc:#fff;--warning-rgb:230,175,87;--warning-sc-rgb:255,255,255;--danger-hover:#e33832;--danger-sc:#fff;--danger-rgb:230,78,72;--danger-sc-rgb:255,255,255;--note-hover:#fdbf0c;--note-sc:#000;--note-rgb:253,198,37;--note-sc-rgb:0,0,0;--message-hover:#7ad165;--message-sc:#000;--message-rgb:139,215,121;--message-sc-rgb:0,0,0;--background-hover:#f2f2f2;--background-sc:#000;--background-rgb:255,255,255;--background-sc-rgb:0,0,0;--foreground-hover:#33334f;--foreground-sc:#fff;--foreground-rgb:61,61,95;--foreground-sc-rgb:255,255,255}.invert-colors{--background:var(--foreground);--background-hover:var(--foreground-hover);--background-sc:var(--foreground-sc);--background-rgb:var(--foreground-rgb);--background-sc-rgb:var(--foreground-sc-rgb)}*{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;background:none;border:0;border-radius:0;margin:0;outline:0;padding:0;vertical-align:top}*,:after,:before{box-sizing:border-box}@media screen and (min-width:1024px){:not(main)::-webkit-scrollbar{height:var(--scrollbar-size,16px);width:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-button,:not(main)::-webkit-scrollbar-corner{display:none}:not(main)::-webkit-scrollbar-thumb{background:rgba(var(--background-sc-rgb),.05) content-box;border:var(--scrollbar-space,4px) solid #0000;border-radius:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-thumb:active,:not(main)::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--background-sc-rgb),.1)}:not(main)::-webkit-scrollbar-track{background:#0000}}a{color:inherit;text-decoration:none;transition:color .3s,background .3s}table{border-collapse:collapse;border-spacing:0;width:100%}img,svg{display:block;max-width:100%}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;color:inherit;display:block;font:inherit}button::input-placeholder,input::input-placeholder,optgroup::input-placeholder,select::input-placeholder,textarea::input-placeholder{font-family:inherit;opacity:1}button:placeholder,input:placeholder,optgroup:placeholder,select:placeholder,textarea:placeholder{font-family:inherit;opacity:1}button::placeholder,input::placeholder,optgroup::placeholder,select::placeholder,textarea::placeholder{font-family:inherit;opacity:1}button:input-placeholder,input:input-placeholder,optgroup:input-placeholder,select:input-placeholder,textarea:input-placeholder{font-family:inherit;opacity:1}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--page-background,#f0f2f5);color:rgba(var(--background-sc-rgb),.75);font:10px/1.15 var(--font-family);height:100%;max-width:100vw}html.view-small{font-size:8.12px}html.view-normal{font-size:9.12px}html #root,html body{width:100%}body{font-size:1.4rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:normal}h1{font-size:3.2rem}h1.large{font-size:3.8rem}h2{font-size:2.8rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}li{display:block}.capitalize-text{text-transform:capitalize}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input::-ms-clear{display:none}.pointer-events-none{pointer-events:none}.cursor-pointer,[data-react-beautiful-dnd-drag-handle=\"0\"]{cursor:pointer}.color-danger{color:var(--danger)!important}.color-confirm{color:var(--confirm)!important}.color-hero{color:var(--hero)!important}::selection{background:rgba(var(--hero-rgb),.15);color:var(--hero)}.vertical-resizing-cursor *{cursor:col-resize!important}.vertical-resizing-cursor :not(:active){pointer-events:none}.cursor-grab{cursor:grab}.cursor-grab:active{cursor:grabbing}.m-rl-2{margin:0 .2rem}.m-tb-2{margin:.2rem 0}.m-t-2{margin-top:.2rem}.m-r-2{margin-inline-end:.2rem}.m-l-2{margin-inline-start:.2rem}.m-b-2{margin-bottom:.2rem}.m-rl-4{margin:0 .4rem}.m-tb-4{margin:.4rem 0}.m-t-4{margin-top:.4rem}.m-r-4{margin-inline-end:.4rem}.m-l-4{margin-inline-start:.4rem}.m-b-4{margin-bottom:.4rem}.m-rl-6{margin:0 .6rem}.m-tb-6{margin:.6rem 0}.m-t-6{margin-top:.6rem}.m-r-6{margin-inline-end:.6rem}.m-l-6{margin-inline-start:.6rem}.m-b-6{margin-bottom:.6rem}.m-rl-8{margin:0 .8rem}.m-tb-8{margin:.8rem 0}.m-t-8{margin-top:.8rem}.m-r-8{margin-inline-end:.8rem}.m-l-8{margin-inline-start:.8rem}.m-b-8{margin-bottom:.8rem}.m-rl-10{margin:0 1rem}.m-tb-10{margin:1rem 0}.m-t-10{margin-top:1rem}.m-r-10{margin-inline-end:1rem}.m-l-10{margin-inline-start:1rem}.m-b-10{margin-bottom:1rem}.m-rl-12{margin:0 1.2rem}.m-tb-12{margin:1.2rem 0}.m-t-12{margin-top:1.2rem}.m-r-12{margin-inline-end:1.2rem}.m-l-12{margin-inline-start:1.2rem}.m-b-12{margin-bottom:1.2rem}.m-rl-14{margin:0 1.4rem}.m-tb-14{margin:1.4rem 0}.m-t-14{margin-top:1.4rem}.m-r-14{margin-inline-end:1.4rem}.m-l-14{margin-inline-start:1.4rem}.m-b-14{margin-bottom:1.4rem}.m-rl-16{margin:0 1.6rem}.m-tb-16{margin:1.6rem 0}.m-t-16{margin-top:1.6rem}.m-r-16{margin-inline-end:1.6rem}.m-l-16{margin-inline-start:1.6rem}.m-b-16{margin-bottom:1.6rem}.m-rl-18{margin:0 1.8rem}.m-tb-18{margin:1.8rem 0}.m-t-18{margin-top:1.8rem}.m-r-18{margin-inline-end:1.8rem}.m-l-18{margin-inline-start:1.8rem}.m-b-18{margin-bottom:1.8rem}.m-rl-20{margin:0 2rem}.m-tb-20{margin:2rem 0}.m-t-20{margin-top:2rem}.m-r-20{margin-inline-end:2rem}.m-l-20{margin-inline-start:2rem}.m-b-20{margin-bottom:2rem}.m-rl-22{margin:0 2.2rem}.m-tb-22{margin:2.2rem 0}.m-t-22{margin-top:2.2rem}.m-r-22{margin-inline-end:2.2rem}.m-l-22{margin-inline-start:2.2rem}.m-b-22{margin-bottom:2.2rem}.m-rl-24{margin:0 2.4rem}.m-tb-24{margin:2.4rem 0}.m-t-24{margin-top:2.4rem}.m-r-24{margin-inline-end:2.4rem}.m-l-24{margin-inline-start:2.4rem}.m-b-24{margin-bottom:2.4rem}.m-rl-26{margin:0 2.6rem}.m-tb-26{margin:2.6rem 0}.m-t-26{margin-top:2.6rem}.m-r-26{margin-inline-end:2.6rem}.m-l-26{margin-inline-start:2.6rem}.m-b-26{margin-bottom:2.6rem}.m-rl-28{margin:0 2.8rem}.m-tb-28{margin:2.8rem 0}.m-t-28{margin-top:2.8rem}.m-r-28{margin-inline-end:2.8rem}.m-l-28{margin-inline-start:2.8rem}.m-b-28{margin-bottom:2.8rem}.m-rl-30{margin:0 3rem}.m-tb-30{margin:3rem 0}.m-t-30{margin-top:3rem}.m-r-30{margin-inline-end:3rem}.m-l-30{margin-inline-start:3rem}.m-b-30{margin-bottom:3rem}.m-rl-32{margin:0 3.2rem}.m-tb-32{margin:3.2rem 0}.m-t-32{margin-top:3.2rem}.m-r-32{margin-inline-end:3.2rem}.m-l-32{margin-inline-start:3.2rem}.m-b-32{margin-bottom:3.2rem}.m-rl-34{margin:0 3.4rem}.m-tb-34{margin:3.4rem 0}.m-t-34{margin-top:3.4rem}.m-r-34{margin-inline-end:3.4rem}.m-l-34{margin-inline-start:3.4rem}.m-b-34{margin-bottom:3.4rem}.m-rl-36{margin:0 3.6rem}.m-tb-36{margin:3.6rem 0}.m-t-36{margin-top:3.6rem}.m-r-36{margin-inline-end:3.6rem}.m-l-36{margin-inline-start:3.6rem}.m-b-36{margin-bottom:3.6rem}.m-rl-38{margin:0 3.8rem}.m-tb-38{margin:3.8rem 0}.m-t-38{margin-top:3.8rem}.m-r-38{margin-inline-end:3.8rem}.m-l-38{margin-inline-start:3.8rem}.m-b-38{margin-bottom:3.8rem}.m-rl-40{margin:0 4rem}.m-tb-40{margin:4rem 0}.m-t-40{margin-top:4rem}.m-r-40{margin-inline-end:4rem}.m-l-40{margin-inline-start:4rem}.m-b-40{margin-bottom:4rem}.m-rl-42{margin:0 4.2rem}.m-tb-42{margin:4.2rem 0}.m-t-42{margin-top:4.2rem}.m-r-42{margin-inline-end:4.2rem}.m-l-42{margin-inline-start:4.2rem}.m-b-42{margin-bottom:4.2rem}.m-rl-44{margin:0 4.4rem}.m-tb-44{margin:4.4rem 0}.m-t-44{margin-top:4.4rem}.m-r-44{margin-inline-end:4.4rem}.m-l-44{margin-inline-start:4.4rem}.m-b-44{margin-bottom:4.4rem}.m-rl-46{margin:0 4.6rem}.m-tb-46{margin:4.6rem 0}.m-t-46{margin-top:4.6rem}.m-r-46{margin-inline-end:4.6rem}.m-l-46{margin-inline-start:4.6rem}.m-b-46{margin-bottom:4.6rem}";
+styleInject(css_248z$1);
+
+var css_248z = ".ellipsis-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:focus-visible{outline:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-focus);outline-offset:var(--guit-ref-border-width-thin)}";
 styleInject(css_248z);
 
 const GeneUIDesignSystemContext = createContext({

package/HelperText/index.js

@@ -5,7 +5,7 @@ import 'prop-types';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import '../configs-34847b77.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import { T as Tooltip } from '../index-0c18f902.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../_commonjsHelpers-24198af3.js';
@@ -61,7 +61,7 @@ styleInject(css_248z);
 /**
  * The Helper Text provides users with additional information or guidance related to a specific input field in a form. This text helps users understand the expected format, requirements, or purpose of the input, thereby improving form completion accuracy and user confidence.
  */
-const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, isLoading }) => {
+const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, isLoading, className }) => {
     const textRef = useRef(null);
     const isTruncated = useEllipsisDetection(textRef);
     const iconSize = {
@@ -77,7 +77,7 @@ const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, is
             cloneElement(Icon, {
                 size: iconSize[size]
             }));
-    return (React__default.createElement("div", { className: classnames(`helperText helperText_type_${type} helperText_size_${size}`, {
+    return (React__default.createElement("div", { className: classnames(`helperText helperText_type_${type} helperText_size_${size}`, className, {
             helperText_disabled: isDisabled
         }) }, isLoading ? ('skeleton') : (React__default.createElement(React__default.Fragment, null,
         iconMock && React__default.createElement("div", { className: "helperText__icon" }, iconMock),

package/ImagePreview/index.js

@@ -5,7 +5,7 @@ import { c as classnames } from '../index-031ff73c.js';
 import { f as fileSizeDisplay, n as noop } from '../index-5f37f281.js';
 import '../configs-34847b77.js';
 import useImgDownload from '../hooks/useImgDownload.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import Icon from '../Icon/index.js';
 import Switcher from '../Switcher/index.js';
 import { T as Tooltip } from '../index-0c18f902.js';

package/InteractiveWidget/index.js

@@ -9,7 +9,7 @@ import 'prop-types';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import '../configs-34847b77.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../_rollupPluginBabelHelpers-a83240e1.js';
 import '../index-5f37f281.js';

package/Label/index.js

@@ -6,7 +6,7 @@ import 'prop-types';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import '../configs-34847b77.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../tslib.es6-f211516f.js';
 import '../hooks/useDeviceType.js';

package/Menu/index.js

@@ -12,7 +12,7 @@ import 'react-dom';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../index-0c18f902.js';
 import '../tslib.es6-f211516f.js';

package/MobilePopup/index.js

@@ -23,7 +23,7 @@ import '../hooks/useForceUpdate.js';
 import '../Scrollbar/index.js';
 import '../guid-8ddf77b3.js';
 import '../Option/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../index-0c18f902.js';
 import '../tslib.es6-f211516f.js';
 

package/NavigationMenu/index.js

@@ -15,7 +15,7 @@ import '../configs-34847b77.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 import '../index-031ff73c.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../index-0c18f902.js';
 import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';

package/Option/index.js

@@ -6,7 +6,7 @@ import { o as optionConfig, s as screenTypes } from '../configs-34847b77.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import useDeviceType from '../hooks/useDeviceType.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
 import Icon from '../Icon/index.js';
 import { T as Tooltip } from '../index-0c18f902.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';

package/Overspread/index.js

@@ -8,7 +8,7 @@ import Icon from '../Icon/index.js';
 import Portal from '../Portal/index.js';
 import Popover from '../Popover/index.js';
 import Menu from '../Menu/index.js';
-import { D as Dropdown } from '../index-24537904.js';
+import { D as Dropdown } from '../index-2dbdcb45.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
@@ -24,7 +24,7 @@ import '../hooks/useForceUpdate.js';
 import '../Scrollbar/index.js';
 import '../guid-8ddf77b3.js';
 import '../Option/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../index-0c18f902.js';
 import '../tslib.es6-f211516f.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';

package/Pagination/index.js

@@ -20,7 +20,7 @@ import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
 import '../hooks/useMount.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/Pill/index.js

@@ -0,0 +1,69 @@
+import React__default, { useState, useRef, useEffect, cloneElement } from 'react';
+import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
+import { c as classnames } from '../index-031ff73c.js';
+import { T as Tooltip } from '../index-0c18f902.js';
+import 'prop-types';
+import '../dateValidation-67caec66.js';
+import 'react-dom';
+import '../configs-34847b77.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../tslib.es6-f211516f.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useDebounce.js';
+import '../GeneUIProvider/index.js';
+import '../_commonjsHelpers-24198af3.js';
+
+var _excluded = ["size", "color"];
+var SvgDot = function SvgDot(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "currentColor" : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z",
+    fill: color
+  }));
+};
+
+var css_248z = "[data-gene-ui-version=\"2.16.1\"] .pill{align-items:center;display:inline-flex;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.16.1\"] .pill_icon_after{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_only){gap:var(--guit-ref-spacing-xsmall);padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_before,.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_only{padding:var(--guit-ref-spacing-2xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_only){gap:var(--guit-ref-spacing-2xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_before,.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_only{padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_only),[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_only){font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge{gap:var(--guit-ref-spacing-3xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge:not(.pill_icon_only){font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge:not(.pill_icon_before,.pill_size_small_nudge.pill_icon_after,.pill_size_small_nudge.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-3xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_only{padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_medium,[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_small{border-radius:var(--guit-ref-radius-3xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_small_nudge{border-radius:var(--guit-ref-radius-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_informative{background-color:var(--guit-sem-color-background-informative)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_neutral{background-color:var(--guit-sem-color-background-neutral-3)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_error{background-color:var(--guit-sem-color-background-error-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_success{background-color:var(--guit-sem-color-background-success-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_warning{background-color:var(--guit-sem-color-background-warning-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_inverse{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .pill_color_informative{color:var(--guit-sem-color-foreground-informative)}[data-gene-ui-version=\"2.16.1\"] .pill_color_neutral{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .pill_color_error{color:var(--guit-sem-color-foreground-error)}[data-gene-ui-version=\"2.16.1\"] .pill_color_success{color:var(--guit-sem-color-foreground-success)}[data-gene-ui-version=\"2.16.1\"] .pill_color_warning{color:var(--guit-sem-color-foreground-warning)}[data-gene-ui-version=\"2.16.1\"] .pill_color_purple{color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .pill_color_lagoon{color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .pill_color_magenta{color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .pill_color_slate{color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .pill:not(.pill_fill).pill_color_inverse{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .pill__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}[data-gene-ui-version=\"2.16.1\"] .pill__icon{flex:0 0 auto}";
+styleInject(css_248z);
+
+const iconSizes = {
+    smallNudge: 16,
+    small: 20,
+    medium: 20
+};
+/**
+ * A Pill component used to display concise information or categorize content. Often used for labels or status indicators, Pill components are visually distinct and can convey different meanings through text and color coding.
+ */
+const Pill = ({ color = 'informative', size = 'medium', text, iconAlignment = 'before', isFill, withDot = true, Icon, className }) => {
+    const [isWithDot, setIsWithDot] = useState(withDot);
+    const textRef = useRef(null);
+    const isTruncated = useEllipsisDetection(textRef, [text]);
+    useEffect(() => {
+        setIsWithDot(!Icon && withDot);
+    }, [Icon, withDot]);
+    const iconMock = Icon ? (cloneElement(Icon, {
+        size: iconSizes[size],
+        className: 'pill__icon'
+    })) : isWithDot ? (React__default.createElement(SvgDot, { size: iconSizes[size], className: "pill__icon" })) : ('');
+    return (React__default.createElement("div", { className: classnames(`pill pill_size_${size} pill_color_${color}`, className, {
+            [`pill_icon_${isWithDot ? 'before' : iconAlignment}`]: text && iconMock,
+            pill_icon_only: !text,
+            pill_fill: isFill
+        }) },
+        iconMock,
+        text && (React__default.createElement(Tooltip, { text: text, isVisible: isTruncated },
+            React__default.createElement("span", { ref: textRef, className: "pill__text" }, text)))));
+};
+
+export { Pill as default };

package/Profile/index.js

@@ -31,7 +31,7 @@ import '../Scrollbar/index.js';
 import '../guid-8ddf77b3.js';
 import '../ArrowLeft-b88e2ba8.js';
 import '../Option/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../ExtendedInput/index.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';

package/Range/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useState, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-693a3d41.js';
+import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-6f97ee47.js';
 import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';

package/Search/index.js

@@ -11,7 +11,7 @@ import 'react-dom';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../SuggestionList/index.js';

package/SearchWithDropdown/index.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
 import { n as noop } from '../index-5f37f281.js';
 import Search from '../Search/index.js';
-import { D as Dropdown } from '../index-24537904.js';
+import { D as Dropdown } from '../index-2dbdcb45.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
@@ -14,7 +14,7 @@ import '../configs-34847b77.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';

package/Slider/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-693a3d41.js';
+import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-6f97ee47.js';
 import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
@@ -19,7 +19,7 @@ import '../index-5f37f281.js';
 import '../hooks/useMount.js';
 import '../ExtendedInput/index.js';
 import '../hooks/useDeviceType.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/Table/index.js

@@ -1,9 +1,9 @@
 import '../_rollupPluginBabelHelpers-a83240e1.js';
 import 'react';
-export { T as default } from '../index-59637c99.js';
+export { T as default } from '../index-f76fd058.js';
 import 'prop-types';
-import '../index-24537904.js';
-import '../CellMeasurerCache-0b14f9d9.js';
+import '../index-2dbdcb45.js';
+import '../CellMeasurerCache-67fc611e.js';
 import '../index-031ff73c.js';
 import '../index-5f37f281.js';
 import '../hooks/useMount.js';
@@ -38,7 +38,7 @@ import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
 import '../Portal/index.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/TableCompositions/index.js

@@ -8,8 +8,8 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import Paper from '../Paper/index.js';
 import { L as Logger, n as noop } from '../index-5f37f281.js';
 import Pagination from '../Pagination/index.js';
-import { D as Dropdown } from '../index-24537904.js';
-import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-59637c99.js';
+import { D as Dropdown } from '../index-2dbdcb45.js';
+import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-f76fd058.js';
 import '../configs-34847b77.js';
 import useThrottle from '../hooks/useThrottle.js';
 import Button from '../Button/index.js';
@@ -28,7 +28,7 @@ import '../hooks/useDebounce.js';
 import '../GeneUIProvider/index.js';
 import '../Search/index.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';
@@ -52,7 +52,7 @@ import '../guid-8ddf77b3.js';
 import '../index-b3a30cb9.js';
 import '../Tag/index.js';
 import '../ValidatableTextInput/index.js';
-import '../CellMeasurerCache-0b14f9d9.js';
+import '../CellMeasurerCache-67fc611e.js';
 import '../hooks/useUpdate.js';
 import '../hooks/useMutationObserver.js';
 import '../SkeletonLoader/index.js';

package/Textarea/index.js

@@ -12,7 +12,7 @@ import '../index-031ff73c.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';

package/TimePicker/index.js

@@ -18,7 +18,7 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 import '../_commonjsHelpers-24198af3.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';
 import '../callAfterDelay-7272faca.js';

package/TransferList/index.js

@@ -24,7 +24,7 @@ import '../ExtendedInput/index.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/Uploader/index.js

@@ -21,7 +21,7 @@ import '../tslib.es6-f211516f.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';

package/ValidatableDatePicker/index.js

@@ -24,7 +24,7 @@ import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';
 import '../ExtendedInput/index.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';

package/ValidatableDropdown/index.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import useMount from '../hooks/useMount.js';
 import '../configs-34847b77.js';
 import { n as noop } from '../index-5f37f281.js';
-import { D as Dropdown } from '../index-24537904.js';
+import { D as Dropdown } from '../index-2dbdcb45.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
@@ -20,7 +20,7 @@ import '../hooks/useDebounce.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../BusyLoader/index.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';

package/ValidatableElements/index.js

@@ -17,7 +17,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../configs-34847b77.js';
-import '../index-24537904.js';
+import '../index-2dbdcb45.js';
 import '../objectWithoutPropertiesLoose-e1596bdb.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
 import '../clsx.m-2bb6df4b.js';
@@ -30,7 +30,7 @@ import '../hooks/useDebounce.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../BusyLoader/index.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';

package/ValidatableMultiSelectDropdown/index.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import useMount from '../hooks/useMount.js';
 import '../configs-34847b77.js';
 import { n as noop } from '../index-5f37f281.js';
-import { D as Dropdown } from '../index-24537904.js';
+import { D as Dropdown } from '../index-2dbdcb45.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
@@ -20,7 +20,7 @@ import '../hooks/useDebounce.js';
 import '../hooks/useClickOutside.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../BusyLoader/index.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';

package/ValidatableNumberInput/index.js

@@ -12,7 +12,7 @@ import '../index-031ff73c.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../SuggestionList/index.js';

package/ValidatableTextInput/index.js

@@ -12,7 +12,7 @@ import '../index-031ff73c.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../SuggestionList/index.js';

package/ValidatableTimeInput/index.js

@@ -13,7 +13,7 @@ import '../index-5f37f281.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../SuggestionList/index.js';

package/ValidatableUploader/index.js

@@ -17,7 +17,7 @@ import '../ExtendedInput/index.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-4d997d5d.js';
+import '../useEllipsisDetection-c1c9ad94.js';
 import '../SuggestionList/index.js';
 import '../hooks/useKeyDown.js';
 import '../hooks/useClickOutside.js';

package/{index-24537904.js → index-2dbdcb45.js}

@@ -14,7 +14,7 @@ import useKeyDown from './hooks/useKeyDown.js';
 import useDeviceType from './hooks/useDeviceType.js';
 import useClickOutside from './hooks/useClickOutside.js';
 import useUpdatableRef from './hooks/useUpdatableRef.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-4d997d5d.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-c1c9ad94.js';
 import { i as inputConfig, s as screenTypes, g as popoverConfig } from './configs-34847b77.js';
 import { s as stopEvent, n as noop$1 } from './index-5f37f281.js';
 import BusyLoader from './BusyLoader/index.js';

package/{index-59637c99.js → index-f76fd058.js}

@@ -1,8 +1,8 @@
 import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext, useRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-24537904.js';
-import { C as CellMeasurerCache } from './CellMeasurerCache-0b14f9d9.js';
+import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-2dbdcb45.js';
+import { C as CellMeasurerCache } from './CellMeasurerCache-67fc611e.js';
 import { c as classnames } from './index-031ff73c.js';
 import { s as stopEvent, o as oneIsRequired, n as noop } from './index-5f37f281.js';
 import useMount from './hooks/useMount.js';

package/index.d.ts

@@ -26,6 +26,7 @@ export { default as Avatar } from './lib/atoms/Avatar/index';
 export { default as LinkButton } from './lib/atoms/LinkButton/index';
 export { default as HelperText } from './lib/atoms/HelperText';
 export { default as Loader } from './lib/atoms/Loader';
+export { default as Pill } from './lib/atoms/Pill';
 export { Row, Col } from './lib/molecules/Grid';
 export { Tab, Tabs } from './lib/molecules/Tabs';
 export { Step, Steps } from './lib/molecules/Steps';

package/index.js

@@ -26,6 +26,7 @@ export { default as Avatar } from './Avatar/index.js';
 export { default as LinkButton } from './LinkButton/index.js';
 export { default as HelperText } from './HelperText/index.js';
 export { default as Loader } from './Loader/index.js';
+export { default as Pill } from './Pill/index.js';
 export { Col, Row } from './Grid/index.js';
 export { Tab, Tabs } from './Tabs/index.js';
 export { Step, Steps } from './Steps/index.js';
@@ -97,8 +98,8 @@ export { default as Overspread } from './Overspread/index.js';
 export { default as DatePicker } from './DatePicker/index.js';
 export { default as DateFilter } from './DateFilter/index.js';
 export { ComboTable, PaginationSelector, PaperWrapper, TableContainer, TableHeader, TablePagination, TableTitle, WithHeader, WithTitle } from './TableCompositions/index.js';
-export { D as Dropdown } from './index-24537904.js';
-export { T as Table } from './index-59637c99.js';
+export { D as Dropdown } from './index-2dbdcb45.js';
+export { T as Table } from './index-f76fd058.js';
 export { CardList, WrappedCardList } from './CardList/index.js';
 import 'react';
 import 'prop-types';
@@ -126,7 +127,7 @@ export { default as useUpdatableRef } from './hooks/useUpdatableRef.js';
 export { default as useDidMount } from './hooks/useDidMount.js';
 export { default as useBodyScroll } from './hooks/useBodyScroll.js';
 export { default as useImgDownload } from './hooks/useImgDownload.js';
-export { u as useEllipsisDetection } from './useEllipsisDetection-4d997d5d.js';
+export { u as useEllipsisDetection } from './useEllipsisDetection-c1c9ad94.js';
 import './tslib.es6-f211516f.js';
 import './index-031ff73c.js';
 import './style-inject.es-746bb8ed.js';
@@ -142,7 +143,7 @@ import './guid-8ddf77b3.js';
 import './localization-4ba17032.js';
 import './index-122432cd.js';
 import './debounce-4419bc2f.js';
-import './rangeAndSlider-693a3d41.js';
+import './rangeAndSlider-6f97ee47.js';
 import './index-45eafea6.js';
 import './react-lifecycles-compat.es-6e1f3768.js';
 import './SuggestionList/index.js';
@@ -154,6 +155,6 @@ import './index-262edd7a.js';
 import './index-b3a30cb9.js';
 import './objectWithoutPropertiesLoose-e1596bdb.js';
 import './clsx.m-2bb6df4b.js';
-import './CellMeasurerCache-0b14f9d9.js';
+import './CellMeasurerCache-67fc611e.js';
 import './redux-e591c1b8.js';
 import './react-beautiful-dnd.esm-1cdf39df.js';

package/lib/atoms/HelperText/HelperText.d.ts

@@ -34,6 +34,11 @@ interface IHelperTextProps {
      * When `true`, a loading skeleton is displayed instead of the actual helper text.
      */
     isLoading?: boolean;
+    /**
+     * Additional class for the parent element.
+     * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
+     */
+    className?: string;
 }
 /**
  * The Helper Text provides users with additional information or guidance related to a specific input field in a form. This text helps users understand the expected format, requirements, or purpose of the input, thereby improving form completion accuracy and user confidence.

package/lib/atoms/Pill/Pill.d.ts

@@ -0,0 +1,50 @@
+import { FC, JSX } from 'react';
+import './Pill.scss';
+interface IPillProps {
+    /**
+     * The actual text content to be displayed as pill text.
+     */
+    text?: string;
+    /**
+     * Determines the position of the `Icon` relative to the `text`. <br/>
+     * **Note:** If `withDot` is `true` and no custom `Icon` is provided, the dot icon will always be displayed before the text, regardless of the `iconAlignment` value.<br/>
+     * Possible values: `before` or `after`.
+     */
+    iconAlignment?: 'before' | 'after';
+    /**
+     * Pill visual appearance
+     * When `isFill` prop set to `true`, the `pill` will have a solid fill, providing a more prominent visual appearance. If `false`, the `pill` will be displayed with an outlined style.
+     */
+    isFill?: boolean;
+    /**
+     * Pill size
+     * Possible values: `smallNudge | small | medium`
+     */
+    size?: 'smallNudge' | 'small' | 'medium';
+    /**
+     * Pill icon <br/>
+     * The `Icon` prop accepts a JSX element that will be displayed alongside the `text`
+     */
+    Icon?: JSX.Element;
+    /**
+     * Displays a dot `Icon` when no custom `Icon` is provided. <br/>
+     * If `true`, a dot icon will be shown unless a custom `Icon` is specified. <br/>
+     * If `false`, the dot will be hidden, even if no custom `Icon` is provided.
+     */
+    withDot?: boolean;
+    /**
+     * Pill color <br/>
+     * Possible values: `informative | neutral | error | success | warning | purple | lagoon | magenta | slate | inverse`
+     */
+    color?: 'informative' | 'neutral' | 'error' | 'success' | 'warning' | 'purple' | 'lagoon' | 'magenta' | 'slate' | 'inverse';
+    /**
+     * Additional class for the parent element.
+     * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
+     */
+    className?: string;
+}
+/**
+ * A Pill component used to display concise information or categorize content. Often used for labels or status indicators, Pill components are visually distinct and can convey different meanings through text and color coding.
+ */
+declare const Pill: FC<IPillProps>;
+export { IPillProps, Pill as default };

package/lib/atoms/Pill/index.d.ts

@@ -0,0 +1 @@
+export { IPillProps, default as default } from './Pill';

package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts

@@ -1,5 +1,6 @@
 import React, { JSX } from 'react';
 import 'src/assets/styles/globalStyling.scss';
+import 'src/assets/styles/utils.scss';
 type ThemesTypes = 'light' | 'dark';
 type TokensType = {
     [key: string]: string | number;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-fa529af-03102024",
+    "version": "3.0.0-next-711fc51-03102024",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {

package/{rangeAndSlider-693a3d41.js → rangeAndSlider-6f97ee47.js}

@@ -110,17 +110,9 @@ function require_domCreate () {
 	return _domCreate;
 }
 
-var _ie8DomDefine;
-var hasRequired_ie8DomDefine;
-
-function require_ie8DomDefine () {
-	if (hasRequired_ie8DomDefine) return _ie8DomDefine;
-	hasRequired_ie8DomDefine = 1;
-	_ie8DomDefine = !require_descriptors() && !_fails(function () {
-	  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
-	});
-	return _ie8DomDefine;
-}
+var _ie8DomDefine = !require_descriptors() && !_fails(function () {
+  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
+});
 
 // 7.1.1 ToPrimitive(input [, PreferredType])
 var isObject$2 = _isObject;
@@ -141,7 +133,7 @@ function require_objectDp () {
 	if (hasRequired_objectDp) return _objectDp;
 	hasRequired_objectDp = 1;
 	var anObject = _anObject;
-	var IE8_DOM_DEFINE = require_ie8DomDefine();
+	var IE8_DOM_DEFINE = _ie8DomDefine;
 	var toPrimitive = _toPrimitive;
 	var dP = Object.defineProperty;
 
@@ -1026,7 +1018,7 @@ var createDesc$2 = _propertyDesc;
 var toIObject$2 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
 var has$1 = _has;
-var IE8_DOM_DEFINE = require_ie8DomDefine();
+var IE8_DOM_DEFINE = _ie8DomDefine;
 var gOPD$1 = Object.getOwnPropertyDescriptor;
 
 _objectGopd.f = require_descriptors() ? gOPD$1 : function getOwnPropertyDescriptor(O, P) {

package/{useEllipsisDetection-4d997d5d.js → useEllipsisDetection-c1c9ad94.js}

@@ -12,7 +12,12 @@ const useEllipsisDetection = (ref, externalDependencies = []) => {
         const { scrollWidth, clientWidth, scrollHeight, clientHeight } = ref.current;
         setIsTruncated(scrollWidth > clientWidth || scrollHeight > clientHeight + EQUAL_HEIGHT_DIFF);
     };
-    useEffect(() => handleResize(), []);
+    useEffect(() => {
+        if (!ref.current || !('classList' in ref.current) || ref.current.classList.contains('ellipsis-text'))
+            return;
+        ref.current.classList.add('ellipsis-text');
+    }, [ref]);
+    useEffect(() => handleResize(), [...externalDependencies]);
     useEffect(() => {
         const debounce = () => debounceCallback(handleResize, 100);
         window.addEventListener('resize', debounce);
@@ -25,8 +30,7 @@ const useEllipsisDetection = (ref, externalDependencies = []) => {
         (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.scrollWidth,
         (_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth,
         (_c = ref === null || ref === void 0 ? void 0 : ref.current) === null || _c === void 0 ? void 0 : _c.scrollHeight,
-        (_d = ref === null || ref === void 0 ? void 0 : ref.current) === null || _d === void 0 ? void 0 : _d.clientHeight,
-        ...externalDependencies
+        (_d = ref === null || ref === void 0 ? void 0 : ref.current) === null || _d === void 0 ? void 0 : _d.clientHeight
     ]);
     return isTruncated;
 };