@geneui/components 3.0.0-next-1f133a9-25072025 → 3.0.0-next-e06ec94-05082025

package/ButtonGroup.js

@@ -6,16 +6,16 @@ import { Menu, MenuItem } from './Menu.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './ActivityRecent-b88e2ba8.js';
 import './Loader.js';
-import './PopoverBody-7cf8eaac.js';
+import './PopoverBody-7437f3ac.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './Info-0f0741e0.js';
 import './X-20da3b4a.js';
-import './index-436ef692.js';
+import './index-b29adba3.js';
 import './Scrollbar.js';
 import 'prop-types';
 import './useDebounceCallback-999deae7.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './index-a2688a52.js';
 import './CheckMark-34798545.js';
 import './ChevronRight-8074ab2e.js';
@@ -46,6 +46,7 @@ const ButtonGroup = ({ className, children, size = "medium" }) => {
         setChildArray(childrenArray);
         if (Array.isArray(clonedChildren) && (clonedChildren === null || clonedChildren === void 0 ? void 0 : clonedChildren.length) <= MAX_VISIBLE_BUTTONS) {
             setSplitChildren(clonedChildren);
+            setMenuData([]);
         }
         else {
             const visibleChildren = childrenArray.slice(0, MAX_VISIBLE_BUTTONS);
@@ -67,6 +68,8 @@ const ButtonGroup = ({ className, children, size = "medium" }) => {
             (_b = (_a = selectedChild.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
         }
     };
+    if (childArray.length === 0)
+        return null;
     return (React__default.createElement("div", { className: classNames("buttonGroup", className) },
         splitChildren,
         menuData.length > 0 && (React__default.createElement(React__default.Fragment, null,

package/Checkbox.js

@@ -5,14 +5,15 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
 import HelperText from './HelperText.js';
 import Label from './Label.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';
 import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
-import './useEllipsisDetection-4fcad8fc.js';
+import './useEllipsisDetection-36ecf9df.js';
 import './Info.js';
 import './Info-0f0741e0.js';
 

package/Copy.js

@@ -9,7 +9,7 @@ import './style-inject.es-746bb8ed.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
 
 var _excluded = ["size", "color"];

package/ErrorFilled-f4226310.js

@@ -0,0 +1,23 @@
+import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
+import React__default from 'react';
+
+var _excluded = ["size", "color"];
+var SvgErrorFilled = function SvgErrorFilled(_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 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
+    fill: color
+  }));
+};
+
+export { SvgErrorFilled as S };

package/GeneUIProvider.js

@@ -1,4 +1,4 @@
-export { a as GeneUIDesignSystemContext, G as default } from './index-7f9888f0.js';
+export { a as GeneUIDesignSystemContext, G as default } from './index-d9a2e208.js';
 import 'react';
 import './useDebounceCallback-999deae7.js';
 import './style-inject.es-746bb8ed.js';

package/GlobalHeader.js

@@ -5,14 +5,14 @@ import Button from './Button.js';
 import Divider from './Divider.js';
 import Logo from './Logo.js';
 import { Products, ProductsMainSection, Product, ProductsSecondarySection } from './Products.js';
-import { S as SvgCaretDownFilled, P as Profile } from './index-508c4ed1.js';
+import { S as SvgCaretDownFilled, P as Profile } from './index-bb41315f.js';
 import Text from './Text.js';
 import Loader from './Loader.js';
-import { P as Popover, a as PopoverBody } from './PopoverBody-7cf8eaac.js';
+import { P as Popover, a as PopoverBody } from './PopoverBody-7437f3ac.js';
 import Scrollbar from './Scrollbar.js';
-import { a as useClickOutside } from './index-436ef692.js';
+import { a as useClickOutside } from './index-b29adba3.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
 import './Badge.js';
 import './floating-ui.react-a6c3b969.js';

package/HelperText.js

@@ -1,27 +1,9 @@
 import React__default from 'react';
 import { c as classNames } from './index-ce02421b.js';
-import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
+import { S as SvgErrorFilled } from './ErrorFilled-f4226310.js';
 import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
-
-var _excluded = ["size", "color"];
-var SvgErrorFilled = function SvgErrorFilled(_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 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
-    fill: color
-  }));
-};
+import './ActivityRecent-b88e2ba8.js';
 
 var css_248z = ".helperText{display:inline-flex;gap:var(--guit-ref-spacing-3xsmall);max-width:100%}.helperText_size_medium .helperText__text{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)}.helperText_size_small .helperText__text{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)}.helperText_type_rest{color:var(--guit-sem-color-foreground-neutral-2)}.helperText_type_error{color:var(--guit-sem-color-foreground-error)}.helperText_type_warning{color:var(--guit-sem-color-foreground-neutral-2)}.helperText_type_warning .helperText__icon{color:var(--guit-sem-color-foreground-warning)}.helperText_disabled,.helperText_disabled .helperText__icon{color:var(--guit-sem-color-foreground-disabled)}.helperText__icon{flex:0 0 auto}";
 styleInject(css_248z);

package/Info.js

@@ -7,7 +7,7 @@ import './ActivityRecent-b88e2ba8.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
 
 var css_248z = ".info{border-radius:var(--guit-ref-radius-3xsmall);line-height:0}.info_appearance_default{color:var(--guit-sem-color-foreground-neutral-2)}.info_appearance_brand{color:var(--guit-sem-color-foreground-brand)}.info_appearance_inverse{color:var(--guit-sem-color-foreground-inverse)}.info_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}";

package/KeyValue.js

@@ -8,7 +8,7 @@ import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
 
 var css_248z = ".keyValue{display:inline-flex;max-width:100%}.keyValue_direction_vertical{flex-direction:column}.keyValue_direction_horizontal.keyValue_spaceBetween{width:100%}.keyValue__content{align-items:center;color:var(--guit-sem-color-foreground-neutral-2);display:flex;flex:1}.keyValue__value{color:var(--guit-sem-color-foreground-neutral-1);word-break:break-word}.keyValue_size_large{gap:var(--guit-ref-spacing-medium)}.keyValue_size_large .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_large .keyValue__title,.keyValue_size_large .keyValue__value{font-family:var(--guit-sem-font-label-large-default-medium-font-family),sans-serif;font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.keyValue_size_medium{gap:var(--guit-ref-spacing-medium)}.keyValue_size_medium .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_medium .keyValue__title,.keyValue_size_medium .keyValue__value{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family),sans-serif;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)}";

package/Label.js

@@ -1,13 +1,13 @@
 import React__default, { useRef } from 'react';
 import { c as classNames } from './index-ce02421b.js';
 import Tooltip from './Tooltip.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-4fcad8fc.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import Info from './Info.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
 import './Info-0f0741e0.js';
 import './ActivityRecent-b88e2ba8.js';

package/Logo.js

@@ -1,6 +1,6 @@
 import React__default, { useContext } from 'react';
 import { c as classNames } from './index-ce02421b.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './useDebounceCallback-999deae7.js';
 

package/Menu.js

@@ -1,10 +1,10 @@
 import React__default, { createContext, useState, useRef, useContext, useEffect, useMemo, Children, cloneElement } from 'react';
 import { c as classNames } from './index-ce02421b.js';
 import Loader from './Loader.js';
-import { P as Popover, a as PopoverBody } from './PopoverBody-7cf8eaac.js';
+import { P as Popover, a as PopoverBody } from './PopoverBody-7437f3ac.js';
 import Scrollbar from './Scrollbar.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
-import { a as useClickOutside } from './index-436ef692.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
+import { a as useClickOutside } from './index-b29adba3.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import { r as reactIsExports } from './index-a2688a52.js';
 import { S as SvgCheckMark } from './CheckMark-34798545.js';

package/Modal.js

@@ -0,0 +1,100 @@
+import React__default, { useContext, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { c as classNames } from './index-ce02421b.js';
+import { S as SvgErrorFilled } from './ErrorFilled-f4226310.js';
+import { S as SvgInfo } from './Info-0f0741e0.js';
+import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
+import { S as SvgX } from './X-20da3b4a.js';
+import Button from './Button.js';
+import Scrollbar from './Scrollbar.js';
+import Text from './Text.js';
+import ButtonGroup from './ButtonGroup.js';
+import Tooltip from './Tooltip.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import './ActivityRecent-b88e2ba8.js';
+import './Loader.js';
+import 'prop-types';
+import './useDebounceCallback-999deae7.js';
+import './ThreeDotsHorizontal-479c2b4b.js';
+import './Menu.js';
+import './PopoverBody-7437f3ac.js';
+import './floating-ui.react-a6c3b969.js';
+import './index-b29adba3.js';
+import './index-a2688a52.js';
+import './CheckMark-34798545.js';
+import './ChevronRight-8074ab2e.js';
+import './Divider.js';
+
+var css_248z = ".modal{background-color:var(--guit-sem-color-background-transparent-overlay-notheme-1);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}.modal:not(.modal_position_top){align-items:center}.modal:not(.modal_position_top).modal_device_desktop{padding:var(--guit-ref-spacing-8xlarge)}.modal:not(.modal_position_top).modal_device_mobile:not(.modal_size_xxLarge){padding:var(--guit-ref-spacing-large)}.modal:not(.modal_position_top) .modal__wrapper{border-color:var(--guit-sem-color-border-neutral-2);border-radius:var(--guit-ref-radius-2xsmall);border-style:var(--guit-ref-border-style-solid);border-width:var(--guit-ref-border-width-thin)}.modal__header{background-color:var(--guit-sem-color-background-neutral-1-nudge);border-bottom:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);height:var(--guit-sem-dimension-height-2xlarge);justify-content:space-between;padding:var(--guit-ref-spacing-large);width:100%}.modal__header,.modal__headerContent{align-items:center;display:flex;gap:var(--guit-ref-spacing-xsmall);min-width:1rem}.modal__icon{flex:0 0 auto}.modal__body{background-color:var(--guit-sem-color-background-neutral-1-nudge);height:100%;min-height:0;min-width:0;width:100%}.modal__content{height:100%;max-height:68.8rem;width:100%}.modal__footer{align-items:center;background-color:var(--guit-sem-color-background-neutral-1-nudge);border-top:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;gap:var(--guit-ref-spacing-medium);height:var(--guit-sem-dimension-height-2xlarge);padding:var(--guit-ref-spacing-medium) var(--guit-ref-spacing-large);width:100%}.modal__footer:has(.modal__buttonGroup:only-child){justify-content:flex-end}.modal__footer:not(:has(.modal__buttonGroup:only-child)){justify-content:space-between}.modal__title{text-transform:capitalize}.modal__paragraph,.modal__title{color:var(--guit-sem-color-foreground-neutral-2)}.modal__paragraph:not(:last-of-type){margin-bottom:var(--guit-sem-font-body-large-default-medium-paragraph-spacing)}.modal_device_desktop.modal_size_xxLarge .modal__wrapper{max-width:144rem}.modal_device_desktop.modal_size_xLarge .modal__wrapper{max-width:108rem}.modal_device_desktop.modal_size_large .modal__wrapper{max-width:72rem}.modal_device_desktop.modal_size_medium .modal__wrapper{max-width:48rem}.modal_device_desktop.modal_size_small .modal__wrapper{max-width:36rem}.modal_device_mobile.modal_size_xxLarge .modal__wrapper{border:none;border-radius:0;height:100%}.modal_device_mobile.modal_size_xxLarge .modal__content{max-height:100%}.modal_device_mobile.modal_size_small .modal__wrapper{max-width:32.8rem}.modal_position_top{align-items:flex-start}.modal_position_top.modal_device_desktop{padding:0 var(--guit-ref-spacing-8xlarge) var(--guit-ref-spacing-8xlarge) var(--guit-ref-spacing-8xlarge)}.modal_position_top.modal_device_mobile{padding:0 var(--guit-ref-spacing-large) var(--guit-ref-spacing-large) var(--guit-ref-spacing-large)}.modal_position_top .modal__wrapper{border-end-end-radius:var(--guit-ref-radius-2xsmall);border-end-start-radius:var(--guit-ref-radius-2xsmall);border-top-width:0}.modal_withPadding .modal__content{padding:var(--guit-ref-spacing-large)}.modal__wrapper{box-shadow:var(--guit-sem-shadow-floating-3-position-x-1) var(--guit-sem-shadow-floating-3-position-y-1) var(--guit-sem-shadow-floating-3-blur-1) var(--guit-sem-shadow-floating-3-spread-1) var(--guit-sem-color-floating-3-rgba-1),var(--guit-sem-shadow-floating-3-position-x-2) var(--guit-sem-shadow-floating-3-position-y-2) var(--guit-sem-shadow-floating-3-position-y-1) var(--guit-sem-shadow-floating-3-spread-2) var(--guit-sem-color-floating-3-rgba-2);display:grid;grid-template-columns:12fr;grid-template-rows:auto 10fr auto;max-height:100%;overflow:hidden;width:100%}.modal_status_informative{color:var(--guit-sem-color-foreground-neutral-2)}.modal_status_warning{color:var(--guit-sem-color-foreground-warning)}.modal_status_error{color:var(--guit-sem-color-foreground-error)}";
+styleInject(css_248z);
+
+const STATUS_ICONS = {
+    informative: SvgInfo,
+    warning: SvgTriangleAlert,
+    error: SvgErrorFilled
+};
+/**
+ * Modal component displays content in a layer above the main application, effectively focusing the user's attention on a specific task or information. It is often used for actions that require user input, such as confirmation dialogs, forms, or important notifications.
+ */
+const Modal = ({ className, open, title, hasCloseButton, shouldCloseOnEscapePress = false, shouldCloseOnOverlayClick = false, onClose, status, children, size = "medium", withPadding = true, position = "center", footerContent, actions, lockBodyScroll }) => {
+    const { geneUIProviderRef, breakpoint } = useContext(GeneUIDesignSystemContext);
+    const providerCurrent = geneUIProviderRef.current;
+    const titleRef = useRef(null);
+    const isMobileBreakpoint = breakpoint === null || breakpoint === void 0 ? void 0 : breakpoint.isMobileBreakpoint;
+    const isTruncated = useEllipsisDetection(titleRef);
+    const sizeMap = {
+        xxLarge: "xxLarge",
+        xLarge: isMobileBreakpoint ? "xxLarge" : "xLarge",
+        large: isMobileBreakpoint ? "small" : "large",
+        medium: isMobileBreakpoint ? "small" : "medium",
+        small: "small"
+    };
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (shouldCloseOnEscapePress && event.key === "Escape") {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+        };
+        if (open) {
+            document.addEventListener("keydown", handleKeyDown);
+            if (lockBodyScroll) {
+                document.body.style.overflow = "hidden";
+            }
+        }
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+            if (lockBodyScroll) {
+                document.body.style.overflow = "unset";
+            }
+        };
+    }, [open, shouldCloseOnEscapePress, onClose]);
+    const handleOverlayClick = (event) => {
+        if (shouldCloseOnOverlayClick && event.target === event.currentTarget) {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    };
+    const IconComponent = status ? STATUS_ICONS[status] : null;
+    const modalContent = (React__default.createElement("div", { className: classNames(`modal modal_device_${isMobileBreakpoint ? "mobile" : "desktop"} modal_size_${sizeMap[size]} `, `modal_position_${isMobileBreakpoint && (size === "xxLarge" || size === "xLarge") ? "center" : position}`, className), onClick: handleOverlayClick, role: "presentation" },
+        React__default.createElement("div", { className: classNames("modal__wrapper", { modal_withPadding: withPadding }), role: "dialog", "aria-modal": "true", "aria-labelledby": title ? "modal-title" : undefined },
+            (hasCloseButton || title) && (React__default.createElement("div", { className: "modal__header" },
+                React__default.createElement("div", { className: "modal__headerContent" }, title && (React__default.createElement(React__default.Fragment, null,
+                    IconComponent && (React__default.createElement(IconComponent, { className: `modal_status_${status} modal__icon`, size: 20 })),
+                    React__default.createElement(Tooltip, { text: title, isVisible: isTruncated },
+                        React__default.createElement(Text, { id: "modal-title", variant: "labelLargeSemibold", className: "modal__title ellipsis-text", as: "h1", ref: titleRef }, title))))),
+                hasCloseButton && (React__default.createElement(Button, { size: "small", Icon: SvgX, type: "button", layout: "text", appearance: "secondary", onClick: onClose })))),
+            React__default.createElement("div", { className: "modal__body" },
+                React__default.createElement(Scrollbar, null,
+                    React__default.createElement("div", { className: "modal__content" }, typeof children === "string" ? (React__default.createElement(Text, { variant: "bodyLargeMedium", className: "modal__paragraph", as: "p" }, children)) : (children)))),
+            (actions || footerContent) && (React__default.createElement("div", { className: "modal__footer" },
+                footerContent && React__default.createElement("div", { className: "modal__footerContent" }, footerContent),
+                actions && actions.length > 0 && (React__default.createElement(ButtonGroup, { className: "modal__buttonGroup", size: "medium" }, actions.map((action) => {
+                    const { children: buttonChildren } = action;
+                    const key = `action-${buttonChildren}`;
+                    return buttonChildren ? (React__default.createElement(Button, Object.assign({ key: key }, action), buttonChildren)) : null;
+                }))))))));
+    return React__default.createElement(React__default.Fragment, null, providerCurrent && open ? createPortal(modalContent, providerCurrent) : null);
+};
+
+export { Modal as default };

package/Navigation.js

@@ -4,20 +4,20 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
 import { S as SvgThreeDotsHorizontal } from './ThreeDotsHorizontal-479c2b4b.js';
 import { S as SvgX } from './X-20da3b4a.js';
 import Button from './Button.js';
-import { P as Popover, a as PopoverBody } from './PopoverBody-7cf8eaac.js';
+import { P as Popover, a as PopoverBody } from './PopoverBody-7437f3ac.js';
 import Scrollbar from './Scrollbar.js';
 import { Menu, MenuItem } from './Menu.js';
 import { a as SvgChevronRight } from './ChevronRight-8074ab2e.js';
 import Text from './Text.js';
 import Tooltip from './Tooltip.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-4fcad8fc.js';
-import { a as GeneUIDesignSystemContext, u as useWindowSize } from './index-7f9888f0.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
+import { a as GeneUIDesignSystemContext, u as useWindowSize } from './index-d9a2e208.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './Loader.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './Info-0f0741e0.js';
-import './index-436ef692.js';
+import './index-b29adba3.js';
 import 'prop-types';
 import './useDebounceCallback-999deae7.js';
 import './index-a2688a52.js';

package/Notification.js

@@ -0,0 +1,131 @@
+import React__default, { useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { c as classNames } from './index-ce02421b.js';
+import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
+import { S as SvgErrorFilled } from './ErrorFilled-f4226310.js';
+import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
+import { S as SvgX } from './X-20da3b4a.js';
+import Button from './Button.js';
+import Text from './Text.js';
+import ButtonGroup from './ButtonGroup.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import './Loader.js';
+import './ThreeDotsHorizontal-479c2b4b.js';
+import './Menu.js';
+import './PopoverBody-7437f3ac.js';
+import './floating-ui.react-a6c3b969.js';
+import './Info-0f0741e0.js';
+import './index-b29adba3.js';
+import './Scrollbar.js';
+import 'prop-types';
+import './useDebounceCallback-999deae7.js';
+import './index-a2688a52.js';
+import './CheckMark-34798545.js';
+import './ChevronRight-8074ab2e.js';
+import './Divider.js';
+
+var _excluded$2 = ["size", "color"];
+var SvgCheckMarkCircleFilled = function SvgCheckMarkCircleFilled(_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$2);
+  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 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.139 8.192-5.18 6.083a.737.737 0 0 1-.555.258h-.005a.73.73 0 0 1-.551-.25l-2.55-2.896a.733.733 0 1 1 1.101-.97l1.99 2.259 4.63-5.437a.735.735 0 1 1 1.12.953Z",
+    fill: color
+  }));
+};
+
+var _excluded$1 = ["size", "color"];
+var SvgCircleInfo = function SvgCircleInfo(_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$1);
+  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 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm.75 14.243a.75.75 0 1 1-1.5 0v-5.243a.75.75 0 1 1 1.5 0v5.243Zm-.75-7.406a.914.914 0 1 1 0-1.829.914.914 0 0 1 0 1.829Z",
+    fill: color
+  }));
+};
+
+var _excluded = ["size", "color"];
+var SvgLightBulb = function SvgLightBulb(_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: "m8.751 20.256.046.167a2.25 2.25 0 0 0 2.147 1.576h2.11l.175-.007a2.248 2.248 0 0 0 2.018-1.735l.291-1.258h-7.077l.29 1.257Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12 2.001a7.25 7.25 0 0 0-7.25 7.25 7.97 7.97 0 0 0 2.767 5.84c.035.034.06.078.071.125l.526 2.283h7.772l.528-2.283a.24.24 0 0 1 .071-.124 7.976 7.976 0 0 0 2.765-5.84 7.25 7.25 0 0 0-7.25-7.25Z",
+    fill: color
+  }));
+};
+
+var css_248z = ".notification{border-inline-start:var(--guit-ref-border-width-thicker) var(--guit-ref-border-style-solid);border-radius:var(--guit-ref-radius-3xsmall);display:flex;flex-direction:column;gap:var(--guit-ref-spacing-medium);max-width:32rem;overflow:hidden;padding:var(--guit-ref-spacing-large);width:100%}.notification_variant_sectionMessage{min-width:16rem}.notification_variant_sectionMessage.notification_status_informative{background-color:var(--guit-sem-color-background-informative)}.notification_variant_sectionMessage.notification_status_success{background-color:var(--guit-sem-color-background-success-1)}.notification_variant_sectionMessage.notification_status_warning{background-color:var(--guit-sem-color-background-warning-1)}.notification_variant_sectionMessage.notification_status_error{background-color:var(--guit-sem-color-background-error-1)}.notification_variant_sectionMessage.notification_status_insight{background-color:var(--guit-sem-color-background-recommendation-1)}.notification_variant_toast{background-color:var(--guit-sem-color-background-neutral-1);box-shadow:var(--guit-sem-shadow-floating-3-position-x-1) var(--guit-sem-shadow-floating-3-position-y-1) var(--guit-sem-shadow-floating-3-blur-1) var(--guit-sem-shadow-floating-3-spread-1) var(--guit-sem-color-floating-3-rgba-1),var(--guit-sem-shadow-floating-3-position-x-2) var(--guit-sem-shadow-floating-3-position-y-2) var(--guit-sem-shadow-floating-3-blur-2) var(--guit-sem-shadow-floating-3-spread-2) var(--guit-sem-color-floating-3-rgba-2);max-width:32rem;min-width:24rem;position:fixed;right:0;top:0}.notification_status_informative{border-inline-start-color:var(--guit-sem-color-border-informative)}.notification_status_informative .notification__icon{color:var(--guit-sem-color-foreground-informative)}.notification_status_success{border-inline-start-color:var(--guit-sem-color-border-success)}.notification_status_success .notification__icon{color:var(--guit-sem-color-foreground-success)}.notification_status_warning{border-inline-start-color:var(--guit-sem-color-border-warning)}.notification_status_warning .notification__icon{color:var(--guit-sem-color-foreground-warning)}.notification_status_error{border-inline-start-color:var(--guit-sem-color-border-error)}.notification_status_error .notification__icon{color:var(--guit-sem-color-foreground-error)}.notification_status_insight{border-inline-start-color:var(--guit-sem-color-border-recommendation)}.notification_status_insight .notification__icon{color:var(--guit-sem-color-foreground-recommendation)}.notification__wrapper{align-items:flex-start;display:flex;gap:var(--guit-ref-spacing-medium);width:100%}.notification__button,.notification__icon{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.notification__icon{height:var(--guit-sem-dimension-height-small-nudge);width:var(--guit-sem-dimension-width-small-nudge)}.notification__actions{display:flex;justify-content:flex-end}.notification__content{align-items:flex-start;display:flex;gap:var(--guit-ref-spacing-xsmall);width:100%}.notification__textGroup{display:flex;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall);width:100%}.notification__description,.notification__title{color:var(--guit-sem-color-foreground-neutral-2)}";
+styleInject(css_248z);
+
+const STATUS_ICONS = {
+    informative: SvgCircleInfo,
+    success: SvgCheckMarkCircleFilled,
+    warning: SvgTriangleAlert,
+    error: SvgErrorFilled,
+    insight: SvgLightBulb
+};
+/**
+ * Notification component encompasses various types of messages, including toast notifications and section messages, to provide feedback to users in a clear and structured manner. Notifications inform users about system events, updates, or the status of their actions, ensuring that important information is communicated effectively.
+ */
+const Notification = ({ className, open, variant = "toast", onClose, status = "informative", title, description, primaryActionText, secondaryActionText, onPrimaryActionClick, onSecondaryActionClick, actionsButtonsSize }) => {
+    const { geneUIProviderRef } = useContext(GeneUIDesignSystemContext);
+    const finalStatus = variant === "toast" && status === "insight" ? "informative" : status;
+    const IconComponent = STATUS_ICONS[finalStatus];
+    const notificationContent = (React__default.createElement("div", { role: "alert", "aria-live": "assertive", className: classNames(`notification notification_variant_${variant} notification_status_${finalStatus}`, className) },
+        React__default.createElement("div", { className: "notification__wrapper" },
+            React__default.createElement("div", { className: "notification__content" },
+                React__default.createElement(IconComponent, { className: "notification__icon" }),
+                React__default.createElement("div", { className: "notification__textGroup" },
+                    title && (React__default.createElement(Text, { as: "h6", variant: "labelMediumSemibold", className: "notification__title" }, title)),
+                    description && (React__default.createElement(Text, { as: "p", variant: "bodyMediumMedium", className: "notification__description" }, description)))),
+            React__default.createElement(Button, { appearance: "secondary", layout: "text", size: "small", className: "notification__button", onClick: onClose, Icon: SvgX })),
+        React__default.createElement(ButtonGroup, { className: "notification__actions", size: actionsButtonsSize },
+            !!secondaryActionText && (React__default.createElement(Button, { appearance: "secondary", className: "notification__button", onClick: onSecondaryActionClick, layout: "text" }, secondaryActionText)),
+            !!primaryActionText && (React__default.createElement(Button, { appearance: "primary", className: "notification__button", onClick: onPrimaryActionClick }, primaryActionText)))));
+    if (!open)
+        return null;
+    if (variant === "toast") {
+        const providerCurrent = geneUIProviderRef.current;
+        if (providerCurrent) {
+            return createPortal(notificationContent, providerCurrent);
+        }
+        return null;
+    }
+    if (variant === "sectionMessage") {
+        return notificationContent;
+    }
+    return null;
+};
+
+export { Notification as default };

package/Pagination.js

@@ -9,15 +9,16 @@ import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './Loader.js';
 import './X-20da3b4a.js';
 import './HelperText.js';
+import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';
 import './Label.js';
 import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
-import './useEllipsisDetection-4fcad8fc.js';
+import './useEllipsisDetection-36ecf9df.js';
 import './Info.js';
 import './Info-0f0741e0.js';
 import './Text.js';

package/Pill.js

@@ -2,13 +2,13 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { c as classNames } from './index-ce02421b.js';
 import { S as SvgCircleFilled } from './CircleFilled-19a9ec62.js';
 import Tooltip from './Tooltip.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-4fcad8fc.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './ActivityRecent-b88e2ba8.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
 
 var css_248z = ".pill{align-items:center;display:inline-flex;max-width:100%;vertical-align:top}.pill_icon_after{flex-direction:row-reverse}.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)}.pill_size_medium:not(.pill_icon_before,.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_only){min-width:var(--guit-sem-dimension-width-large);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.pill_size_medium.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_medium.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_medium.pill_icon_only{min-width:var(--guit-sem-dimension-width-medium);padding:var(--guit-ref-spacing-2xsmall)}.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)}.pill_size_small:not(.pill_icon_before,.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_only){min-width:var(--guit-sem-dimension-width-large);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.pill_size_small.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_small.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_small.pill_icon_only{min-width:var(--guit-sem-dimension-width-small);padding:var(--guit-ref-spacing-4xsmall)}.pill_size_medium:not(.pill_icon_only),.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)}.pill_size_smallNudge{gap:var(--guit-ref-spacing-3xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}.pill_size_smallNudge: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)}.pill_size_smallNudge:not(.pill_icon_before,.pill_size_smallNudge.pill_icon_after,.pill_size_smallNudge.pill_icon_only){min-width:var(--guit-sem-dimension-width-medium);padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_smallNudge.pill_icon_after,.pill_size_smallNudge.pill_icon_before{min-width:var(--guit-sem-dimension-width-large)}.pill_size_smallNudge.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-3xsmall)}.pill_size_smallNudge.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_smallNudge.pill_icon_only{min-width:var(--guit-sem-dimension-width-small-nudge);padding:var(--guit-ref-spacing-4xsmall)}.pill_fill.pill_size_medium,.pill_fill.pill_size_small{border-radius:var(--guit-ref-radius-3xsmall)}.pill_fill.pill_size_smallNudge{border-radius:var(--guit-ref-radius-4xsmall)}.pill_fill.pill_color_informative{background-color:var(--guit-sem-color-background-informative)}.pill_fill.pill_color_neutral{background-color:var(--guit-sem-color-background-neutral-3)}.pill_fill.pill_color_error{background-color:var(--guit-sem-color-background-error-1)}.pill_fill.pill_color_success{background-color:var(--guit-sem-color-background-success-1)}.pill_fill.pill_color_warning{background-color:var(--guit-sem-color-background-warning-1)}.pill_fill.pill_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1)}.pill_fill.pill_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1)}.pill_fill.pill_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1)}.pill_fill.pill_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1)}.pill_fill.pill_color_inverse{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}.pill_color_informative{color:var(--guit-sem-color-foreground-informative)}.pill_color_neutral{color:var(--guit-sem-color-foreground-neutral-2)}.pill_color_error{color:var(--guit-sem-color-foreground-error)}.pill_color_success{color:var(--guit-sem-color-foreground-success)}.pill_color_warning{color:var(--guit-sem-color-foreground-warning)}.pill_color_purple{color:var(--guit-sem-color-foreground-accent-purple)}.pill_color_lagoon{color:var(--guit-sem-color-foreground-accent-lagoon)}.pill_color_magenta{color:var(--guit-sem-color-foreground-accent-magenta)}.pill_color_slate{color:var(--guit-sem-color-foreground-accent-slate)}.pill:not(.pill_fill).pill_color_inverse{color:var(--guit-sem-color-foreground-inverse)}.pill__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.pill__icon{flex:0 0 auto}";

package/Popover.js

@@ -1,4 +1,4 @@
-export { P as Popover, a as PopoverBody } from './PopoverBody-7cf8eaac.js';
+export { P as Popover, a as PopoverBody } from './PopoverBody-7437f3ac.js';
 import React__default from 'react';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
@@ -9,11 +9,11 @@ import './X-20da3b4a.js';
 import './Button.js';
 import './Loader.js';
 import './style-inject.es-746bb8ed.js';
-import './index-436ef692.js';
+import './index-b29adba3.js';
 import './Scrollbar.js';
 import 'prop-types';
 import './useDebounceCallback-999deae7.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 
 const PopoverFooter = ({ children }) => {
     return React__default.createElement("div", { className: "popover__footer" }, children);

package/{PopoverBody-7cf8eaac.js → PopoverBody-7437f3ac.js}

@@ -4,8 +4,8 @@ import { c as classNames } from './index-ce02421b.js';
 import { S as SvgInfo } from './Info-0f0741e0.js';
 import { S as SvgX } from './X-20da3b4a.js';
 import Button from './Button.js';
-import { S as Spreadsheet } from './index-436ef692.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { S as Spreadsheet } from './index-b29adba3.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import Scrollbar from './Scrollbar.js';
 

package/Products.js

@@ -2,9 +2,9 @@ import React__default, { createContext, useContext, useState, useRef, useMemo }
 import { c as classNames } from './index-ce02421b.js';
 import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
 import Button from './Button.js';
-import { P as Popover, a as PopoverBody } from './PopoverBody-7cf8eaac.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
-import { a as useClickOutside } from './index-436ef692.js';
+import { P as Popover, a as PopoverBody } from './PopoverBody-7437f3ac.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
+import { a as useClickOutside } from './index-b29adba3.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import Badge from './Badge.js';
 import Text from './Text.js';

package/Profile.js

@@ -1,4 +1,4 @@
-export { P as default } from './index-508c4ed1.js';
+export { P as default } from './index-bb41315f.js';
 import 'react';
 import './index-ce02421b.js';
 import './ActivityRecent-b88e2ba8.js';
@@ -6,17 +6,17 @@ import './index-0b9e90da.js';
 import './style-inject.es-746bb8ed.js';
 import './Menu.js';
 import './Loader.js';
-import './PopoverBody-7cf8eaac.js';
+import './PopoverBody-7437f3ac.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './Info-0f0741e0.js';
 import './X-20da3b4a.js';
 import './Button.js';
-import './index-436ef692.js';
+import './index-b29adba3.js';
 import './Scrollbar.js';
 import 'prop-types';
 import './useDebounceCallback-999deae7.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './index-a2688a52.js';
 import './CheckMark-34798545.js';
 import './ChevronRight-8074ab2e.js';

package/ProgressBar.js

@@ -3,15 +3,16 @@ import { c as classNames } from './index-ce02421b.js';
 import HelperText from './HelperText.js';
 import Label from './Label.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import './ErrorFilled-f4226310.js';
 import './ActivityRecent-b88e2ba8.js';
 import './TriangleAlert-ba250f4c.js';
 import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
-import './useEllipsisDetection-4fcad8fc.js';
+import './useEllipsisDetection-36ecf9df.js';
 import './Info.js';
 import './Info-0f0741e0.js';
 

package/QRCode.js

@@ -1,7 +1,7 @@
 import React__default, { useRef, useContext, useMemo } from 'react';
 import { c as classNames } from './index-ce02421b.js';
 import Logo from './Logo.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './useDebounceCallback-999deae7.js';
 

package/Radio.js

@@ -5,14 +5,15 @@ import HelperText from './HelperText.js';
 import Label from './Label.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './ActivityRecent-b88e2ba8.js';
+import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';
 import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
-import './useEllipsisDetection-4fcad8fc.js';
+import './useEllipsisDetection-36ecf9df.js';
 import './Info.js';
 import './Info-0f0741e0.js';
 

package/Rate.js

@@ -4,14 +4,15 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
 import HelperText from './HelperText.js';
 import Label from './Label.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';
 import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
-import './useEllipsisDetection-4fcad8fc.js';
+import './useEllipsisDetection-36ecf9df.js';
 import './Info.js';
 import './Info-0f0741e0.js';
 

package/Spreadsheet.js

@@ -1,4 +1,4 @@
-export { S as default } from './index-436ef692.js';
+export { S as default } from './index-b29adba3.js';
 import 'react';
 import 'react-dom';
 import './index-ce02421b.js';
@@ -6,4 +6,4 @@ import './Scrollbar.js';
 import 'prop-types';
 import './useDebounceCallback-999deae7.js';
 import './style-inject.es-746bb8ed.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';

package/Switch.js

@@ -3,15 +3,16 @@ import { c as classNames } from './index-ce02421b.js';
 import HelperText from './HelperText.js';
 import Label from './Label.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import './ErrorFilled-f4226310.js';
 import './ActivityRecent-b88e2ba8.js';
 import './TriangleAlert-ba250f4c.js';
 import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
-import './useEllipsisDetection-4fcad8fc.js';
+import './useEllipsisDetection-36ecf9df.js';
 import './Info.js';
 import './Info-0f0741e0.js';
 

package/Tag.js

@@ -4,11 +4,11 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
 import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
 import { S as SvgX } from './X-20da3b4a.js';
 import Button from './Button.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-4fcad8fc.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import Tooltip from './Tooltip.js';
 import './Loader.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';

package/Text.js

@@ -8,13 +8,13 @@ styleInject(css_248z);
 /**
  * Text component which has predefined tokens
  */
-const Text = forwardRef(({ className, variant = "bodyMediumMedium", children, as, alignment = "start" }, ref) => {
+const Text = forwardRef(({ className, variant = "bodyMediumMedium", children, as, alignment = "start", id }, ref) => {
     const Component = as;
     const computedClassNames = classNames("text", {
         [`text_variant_${variant}`]: variant,
         [`text_alignment_${alignment}`]: alignment
     }, className);
-    return (React__default.createElement(Component, { className: computedClassNames, ref: ref }, children));
+    return (React__default.createElement(Component, { className: computedClassNames, ref: ref, id: id }, children));
 });
 
 export { Text as default };

package/TextField.js

@@ -8,14 +8,15 @@ import Label from './Label.js';
 import Text from './Text.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './Loader.js';
+import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';
 import './Tooltip.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';
 import './index-a2688a52.js';
-import './index-7f9888f0.js';
+import './index-d9a2e208.js';
 import './useDebounceCallback-999deae7.js';
-import './useEllipsisDetection-4fcad8fc.js';
+import './useEllipsisDetection-36ecf9df.js';
 import './Info.js';
 import './Info-0f0741e0.js';
 

package/Timeline.js

@@ -1,12 +1,12 @@
 import React__default, { createContext, useContext, useMemo, useRef } from 'react';
 import { c as classNames } from './index-ce02421b.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import { S as SvgCircleFilled } from './CircleFilled-19a9ec62.js';
 import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
 import Divider from './Divider.js';
 import Tooltip from './Tooltip.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-4fcad8fc.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
 import './useDebounceCallback-999deae7.js';
 import './floating-ui.react-a6c3b969.js';
 import 'react-dom';

package/Tooltip.js

@@ -2,11 +2,11 @@ import React__default, { useContext, useState, useRef, useEffect, Children, isVa
 import { u as useFloating, p as platform, i as offset, j as flip, a as arrow, k as shift, b as autoUpdate, g as useHover, h as useInteractions, F as FloatingPortal } from './floating-ui.react-a6c3b969.js';
 import { r as reactIsExports } from './index-a2688a52.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import 'react-dom';
 import './useDebounceCallback-999deae7.js';
 
-var css_248z = ".tooltip{align-items:flex-start;border-radius:var(--guit-ref-radius-3xsmall);box-shadow:var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-shadow-floating-2-spread-1) var(--guit-sem-color-floating-2-rgba-1),var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-shadow-floating-2-spread-2) var(--guit-sem-color-floating-2-rgba-2);display:flex;font-family:var(--guit-sem-font-caption-large-medium-font-family),sans-serif;font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);gap:var(--guit-ref-spacing-3xsmall);justify-content:space-between;letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height);max-width:24rem;min-width:var(--guit-sem-dimension-width-3xlarge);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium)}.tooltip_position_top .tooltip__arrow{transform:rotate(0deg)}.tooltip_position_bottom .tooltip__arrow{transform:rotate(180deg)}.tooltip_position_left .tooltip__arrow{transform:rotate(-90deg)}.tooltip_position_right .tooltip__arrow{transform:rotate(90deg)}.tooltip_color_default{background-color:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__icon,.tooltip_color_default .tooltip__text{color:var(--guit-sem-color-foreground-inverse-notheme)}.tooltip_color_inverse{background-color:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__icon,.tooltip_color_inverse .tooltip__text{color:var(--guit-sem-color-foreground-neutral-2)}.tooltip__arrow{align-items:center;display:flex;height:.4rem;justify-content:center;position:absolute;width:1.2rem}.tooltip__textWrapper{display:flex;flex-direction:column;gap:var(--guit-sem-font-caption-large-medium-paragraph-spacing)}.tooltip__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;word-break:break-word}.tooltip__icon{flex:0 0 auto}";
+var css_248z = ".tooltip{align-items:flex-start;border-radius:var(--guit-ref-radius-3xsmall);box-shadow:var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-shadow-floating-2-spread-1) var(--guit-sem-color-floating-2-rgba-1),var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-shadow-floating-2-spread-2) var(--guit-sem-color-floating-2-rgba-2);display:flex;font-family:var(--guit-sem-font-caption-large-medium-font-family),sans-serif;font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);gap:var(--guit-ref-spacing-3xsmall);justify-content:space-between;letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height);max-width:24rem;min-width:var(--guit-sem-dimension-width-3xlarge);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium);z-index:1}.tooltip_position_top .tooltip__arrow{transform:rotate(0deg)}.tooltip_position_bottom .tooltip__arrow{transform:rotate(180deg)}.tooltip_position_left .tooltip__arrow{transform:rotate(-90deg)}.tooltip_position_right .tooltip__arrow{transform:rotate(90deg)}.tooltip_color_default{background-color:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__icon,.tooltip_color_default .tooltip__text{color:var(--guit-sem-color-foreground-inverse-notheme)}.tooltip_color_inverse{background-color:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__icon,.tooltip_color_inverse .tooltip__text{color:var(--guit-sem-color-foreground-neutral-2)}.tooltip__arrow{align-items:center;display:flex;height:.4rem;justify-content:center;position:absolute;width:1.2rem}.tooltip__textWrapper{display:flex;flex-direction:column;gap:var(--guit-sem-font-caption-large-medium-paragraph-spacing)}.tooltip__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;word-break:break-word}.tooltip__icon{flex:0 0 auto}";
 styleInject(css_248z);
 
 const positions = [

package/components/atoms/Text/Text.d.ts

@@ -49,6 +49,11 @@ interface ITextProps {
      * Text content
      */
     children: string;
+    /**
+     * A unique identifier for the text element.
+     * Useful for accessibility purposes, like `aria-labelledby`.
+     */
+    id?: string;
 }
 /**
  * Text component which has predefined tokens

package/components/molecules/Modal/Modal.d.ts

@@ -0,0 +1,89 @@
+import { FC, ReactNode } from "react";
+import { IButtonProps } from "@components/atoms/Button";
+import "./Modal.scss";
+interface IModalProps {
+    /**
+     * 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;
+    /**
+     * Controls the visibility of the modal. Set to `true` to show and `false` to hide.
+     */
+    open?: boolean;
+    /**
+     * Determines whether the close (X) button is displayed in the modal's header.
+     * @default false
+     */
+    hasCloseButton?: boolean;
+    /**
+     * Callback function triggered when the modal is requested to be closed (e.g., via the close button, Escape key, or overlay click).
+     */
+    onClose?: () => void;
+    /**
+     * When `true`, allows the modal to be closed by pressing the Escape key.
+     * Calls `onClose`.
+     * @default false
+     */
+    shouldCloseOnEscapePress?: boolean;
+    /**
+     * When `true`, allows the modal to be closed by clicking on the semi-transparent background overlay.
+     * Calls `onClose`.
+     * @default false
+     */
+    shouldCloseOnOverlayClick?: boolean;
+    /**
+     * The title text displayed in the modal's header.
+     */
+    title?: string;
+    /**
+     * Adds a corresponding status icon next to the title.
+     */
+    status?: "informative" | "warning" | "error";
+    /**
+     * The main content of the modal, displayed between the header and footer.
+     */
+    children?: ReactNode;
+    /**
+     * Defines the width of the modal. The effective size adapts for mobile viewports:
+     * - 'large' and 'medium' sizes become 'small' on mobile.
+     * - 'xLarge' becomes 'xxLarge' on mobile.
+     * @default "medium"
+     */
+    size?: "xxLarge" | "xLarge" | "large" | "medium" | "small";
+    /**
+     * Toggles the padding around the modal's content area.
+     * @default true
+     */
+    withPadding?: boolean;
+    /**
+     * Sets the vertical alignment of the modal in the viewport.
+     * @default "center"
+     */
+    position?: "top" | "center";
+    /**
+     * Custom content or component to be displayed in the footer, typically to the left of the action buttons.
+     */
+    footerContent?: ReactNode;
+    /**
+     * An array of action button objects to display in the modal's footer.
+     * The rendered buttons are automatically wrapped in a `ButtonGroup` component to ensure proper spacing and alignment.
+     * Each object conforms to the `IButtonProps` interface, allowing full customization of each button.
+     * @example
+     * actions={[
+     * { children: 'Cancel', appearance: 'secondary', onClick: handleCancel },
+     * { children: 'Submit', appearance: 'primary', onClick: handleSubmit }
+     * ]}
+     */
+    actions?: IButtonProps[];
+    /**
+     * If `true`, disables scrolling on the `body` element when the modal is open.
+     * @default true
+     */
+    lockBodyScroll?: boolean;
+}
+/**
+ * Modal component displays content in a layer above the main application, effectively focusing the user's attention on a specific task or information. It is often used for actions that require user input, such as confirmation dialogs, forms, or important notifications.
+ */
+declare const Modal: FC<IModalProps>;
+export { IModalProps, Modal as default };

package/components/molecules/Modal/index.d.ts

@@ -0,0 +1 @@
+export { IModalProps, default } from "./Modal";

package/components/molecules/Notification/Notification.d.ts

@@ -0,0 +1,66 @@
+import { FC } from "react";
+import "./Notification.scss";
+interface INotificationProps {
+    /**
+     * 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;
+    /**
+     * Controls the visibility of the notification. Set to `true` to show and `false` to hide.
+     */
+    open?: boolean;
+    /**
+     * Determines the rendering style of the notification.
+     * - `toast`: A floating, temporary notification that appears on top of other content (rendered via a portal).
+     * - `sectionMessage`: An inline notification that is part of the page's content flow.
+     */
+    variant?: "toast" | "sectionMessage";
+    /**
+     * Defines the semantic meaning and visual style (color, icon) of the notification.
+     * Note: The `insight` status is a special case and should only be used with the `sectionMessage` variant.
+     */
+    status?: "informative" | "success" | "warning" | "error" | "insight";
+    /**
+     * The main heading or title for the notification.
+     */
+    title?: string;
+    /**
+     * The main body content or description of the notification.
+     */
+    description?: string;
+    /**
+     * The size to be applied to the action buttons within the notification.
+     * Possible values: `large | medium | small `
+     */
+    actionsButtonsSize?: "large" | "medium" | "small";
+    /**
+     * The text to display on the primary action button.
+     * **Note: The primary action button will not be rendered if this prop is not provided.**
+     */
+    primaryActionText?: string;
+    /**
+     * The text to display on the secondary action button.
+     * **Note: The secondary action button will not be rendered if this prop is not provided.**
+     */
+    secondaryActionText?: string;
+    /**
+     * Callback function triggered when the close (X) button is clicked.
+     */
+    onClose?: () => void;
+    /**
+     * Callback function for the primary action button.
+     * This is only relevant if `primaryActionText` is also provided.
+     */
+    onPrimaryActionClick?: () => void;
+    /**
+     * Callback function for the secondary action button.
+     * This is only relevant if `secondaryActionText` is also provided.
+     */
+    onSecondaryActionClick?: () => void;
+}
+/**
+ * Notification component encompasses various types of messages, including toast notifications and section messages, to provide feedback to users in a clear and structured manner. Notifications inform users about system events, updates, or the status of their actions, ensuring that important information is communicated effectively.
+ */
+declare const Notification: FC<INotificationProps>;
+export { INotificationProps, Notification as default };

package/components/molecules/Notification/index.d.ts

@@ -0,0 +1 @@
+export { INotificationProps, default } from "./Notification";

package/{index-436ef692.js → index-b29adba3.js}

@@ -2,7 +2,7 @@ import React__default, { useRef, useCallback, useEffect, useContext } from 'reac
 import { createPortal } from 'react-dom';
 import { c as classNames } from './index-ce02421b.js';
 import Scrollbar from './Scrollbar.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 
 const useClickOutside = (callback, relativeElements) => {

package/{index-508c4ed1.js → index-bb41315f.js}

@@ -3,7 +3,7 @@ import { c as classNames } from './index-ce02421b.js';
 import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
 import { A as Avatar, S as SvgPersonFilled } from './index-0b9e90da.js';
 import { Menu, MenuItem } from './Menu.js';
-import { a as GeneUIDesignSystemContext } from './index-7f9888f0.js';
+import { a as GeneUIDesignSystemContext } from './index-d9a2e208.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 
 var _excluded = ["size", "color"];

package/{index-7f9888f0.js → index-d9a2e208.js}

@@ -1464,7 +1464,7 @@ var dependencies = {
 	"@floating-ui/react": "^0.26.16",
 	"@floating-ui/react-dom": "^2.1.2",
 	"@floating-ui/utils": "^0.2.8",
-	"@geneui/icons": "^1.4.2",
+	"@geneui/icons": "^1.4.3",
 	"@geneui/tokens": "^1.0.2",
 	classnames: "^2.3.2",
 	"qrcode.react": "^4.2.0",

package/index.d.ts

@@ -33,6 +33,8 @@ export { default as Profile, IProfileProps, IProfileData } from "./components/mo
 export { default as Pagination } from "./components/molecules/Pagination";
 export { default as TextField } from "./components/molecules/TextField";
 export { default as ButtonGroup } from "./components/molecules/ButtonGroup";
+export { default as Notification } from "./components/molecules/Notification";
+export { default as Modal } from "./components/molecules/Modal";
 export { default as GlobalHeader, IGlobalHeaderProps, IAction, IProducts } from "./components/organisms/GlobalHeader";
 export { default as GeneUIProvider, GeneUIDesignSystemContext, IGeneUIDesignSystemContext, IGeneUIProviderProps } from "./components/providers/GeneUIProvider";
 export { default as useDebounce } from "./hooks/useDebounceCallback";

package/index.js

@@ -11,13 +11,13 @@ export { default as Rate } from './Rate.js';
 export { default as Radio } from './Radio.js';
 export { default as Text } from './Text.js';
 export { default as TextLink } from './TextLink.js';
-export { P as Popover, a as PopoverBody } from './PopoverBody-7cf8eaac.js';
+export { P as Popover, a as PopoverBody } from './PopoverBody-7437f3ac.js';
 export { PopoverFooter, PopoverFooterActions } from './Popover.js';
 export { default as Badge } from './Badge.js';
 export { default as Scrollbar } from './Scrollbar.js';
 export { Col, Grid, Row } from './Grid.js';
 export { default as Skeleton } from './Skeleton.js';
-export { S as Spreadsheet, a as useClickOutside, u as useScrollLock } from './index-436ef692.js';
+export { S as Spreadsheet, a as useClickOutside, u as useScrollLock } from './index-b29adba3.js';
 export { default as Copy } from './Copy.js';
 export { default as Tooltip } from './Tooltip.js';
 export { default as ProgressBar } from './ProgressBar.js';
@@ -30,18 +30,21 @@ export { Key, KeyValue, Value } from './KeyValue.js';
 export { Menu, MenuItem } from './Menu.js';
 export { default as Navigation } from './Navigation.js';
 export { default as Checkbox } from './Checkbox.js';
-export { P as Profile } from './index-508c4ed1.js';
+export { P as Profile } from './index-bb41315f.js';
 export { default as Pagination } from './Pagination.js';
 export { default as TextField } from './TextField.js';
 export { default as ButtonGroup } from './ButtonGroup.js';
+export { default as Notification } from './Notification.js';
+export { default as Modal } from './Modal.js';
 export { default as GlobalHeader } from './GlobalHeader.js';
-export { a as GeneUIDesignSystemContext, G as GeneUIProvider, c as useBreakpoint, b as useDeviceInfo, u as useWindowSize } from './index-7f9888f0.js';
+export { a as GeneUIDesignSystemContext, G as GeneUIProvider, c as useBreakpoint, b as useDeviceInfo, u as useWindowSize } from './index-d9a2e208.js';
 export { u as useDebounce } from './useDebounceCallback-999deae7.js';
-export { u as useEllipsisDetection } from './useEllipsisDetection-4fcad8fc.js';
+export { u as useEllipsisDetection } from './useEllipsisDetection-36ecf9df.js';
 import 'react';
 import './index-ce02421b.js';
 import './ActivityRecent-b88e2ba8.js';
 import './style-inject.es-746bb8ed.js';
+import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';
 import './CircleFilled-19a9ec62.js';
 import './Info-0f0741e0.js';

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-1f133a9-25072025",
+    "version": "3.0.0-next-e06ec94-05082025",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {
@@ -172,7 +172,7 @@
         "@floating-ui/react": "^0.26.16",
         "@floating-ui/react-dom": "^2.1.2",
         "@floating-ui/utils": "^0.2.8",
-        "@geneui/icons": "^1.4.2",
+        "@geneui/icons": "^1.4.3",
         "@geneui/tokens": "^1.0.2",
         "classnames": "^2.3.2",
         "qrcode.react": "^4.2.0",

package/{useEllipsisDetection-4fcad8fc.js → useEllipsisDetection-36ecf9df.js}

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { u as useWindowSize } from './index-7f9888f0.js';
+import { u as useWindowSize } from './index-d9a2e208.js';
 
 const EQUAL_HEIGHT_DIFF = 3;
 const useEllipsisDetection = (ref, externalDependencies = []) => {