impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.21

package/dist/components/Notification/NotificationBody/index.d.ts

@@ -2,10 +2,9 @@ import { NotificationBodyProps } from './NotificationBody.types';
 
 export type { NotificationBodyProps } from './NotificationBody.types';
 /**
- * Body of the Notification drawer: tabs + optional Setting & Help button.
- * Tab panels can be customized via renderPanel; default is a placeholder.
+ * Body of the Notification drawer: tabs + notification list panels.
  */
-export declare function NotificationBody({ expand, notificationTabs, notificationPanels, onSettingButtonClick, handleTabChange, activeNotiTab, renderPanel, }: NotificationBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotificationBody({ expand, notificationTabs, notificationPanels, onSettingButtonClick, handleTabChange, activeNotiTab, renderPanel, ...panelProps }: NotificationBodyProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NotificationBody {
     var displayName: string;
 }

package/dist/components/Notification/NotificationBody/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,EAAE,qBAAqB,2CAqDvB;yBA7De,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,EACX,GAAG,UAAU,EACd,EAAE,qBAAqB,2CAmEvB;yBA5Ee,gBAAgB"}

package/dist/components/Notification/NotificationBody/index.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/SettingsOutlined.js";
+import { NotificationPanelContent } from "./NotificationPanelContent.js";
 import { Button } from "../../Button/index.js";
 import { Tabs } from "../../Tabs/index.js";
 function NotificationBody({
@@ -10,13 +11,14 @@ function NotificationBody({
   onSettingButtonClick,
   handleTabChange,
   activeNotiTab,
-  renderPanel
+  renderPanel,
+  ...panelProps
 }) {
   var _a;
   const tabs = notificationTabs.length > 0 ? notificationTabs : [{ label: "All", value: "all" }];
   const panels = notificationPanels.length > 0 ? notificationPanels : [{ id: 0, value: "all" }];
   const [activeTab, setActiveTab] = useState(((_a = tabs[0]) == null ? void 0 : _a.value) ?? "");
-  const selectedValue = activeNotiTab ?? activeTab;
+  const selectedValue = activeNotiTab != null && activeNotiTab !== "" ? activeNotiTab : activeTab;
   const onChangeTab = useCallback(
     (_event, newValue) => {
       const val = typeof newValue === "number" ? String(newValue) : newValue;
@@ -25,9 +27,23 @@ function NotificationBody({
     },
     [handleTabChange]
   );
-  const tabPanels = panels.map(
-    (item, index) => renderPanel ? renderPanel(item, index) : /* @__PURE__ */ jsx(DefaultPanelContent, { item }, item.value)
-  );
+  const renderPanelContent = (item, index) => {
+    if (renderPanel) {
+      return renderPanel(item, index);
+    }
+    return /* @__PURE__ */ jsx(
+      NotificationPanelContent,
+      {
+        expand,
+        notificationPanels: panels,
+        notificationTabs: tabs,
+        panel: item,
+        ...panelProps
+      },
+      item.value
+    );
+  };
+  const tabPanels = panels.map((item, index) => renderPanelContent(item, index));
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -66,12 +82,6 @@ function NotificationBody({
   );
 }
 NotificationBody.displayName = "NotificationBody";
-function DefaultPanelContent({ item }) {
-  return /* @__PURE__ */ jsxs("div", { className: "impact-notification-body-panel-placeholder", "data-panel-value": item.value, children: [
-    "Panel: ",
-    item.value
-  ] });
-}
 export {
   NotificationBody
 };

package/dist/components/Notification/index.js

@@ -1,9 +1,10 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".impact-notification-container{height:100%;transition:width .2s ease-in;width:600px}.impact-notification-container .impact-notification-header{align-items:center;background-color:#fff;border-bottom:1px solid #d9dde7;display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact-notification-container .impact-notification-header .impact-notification-heading{font-size:16px;font-weight:700;line-height:20px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns{align-items:center;display:flex;gap:12px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button{background-color:#f5f6fa;border:none;border-radius:8px;cursor:pointer;height:32px;width:32px}.impact-notification-container .impact-notification-header .collapse-icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/collapse-icon-2.svg) no-repeat;background-position:50%;background-size:16px;cursor:pointer;height:16px;width:16px}.impact-notification-container .impact-notification-header .expand-icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/expand-icon.svg) no-repeat;background-position:50%;background-size:20px;cursor:pointer;height:16px;width:16px}.impact-notification-container .impact-notification-header .impact-notification-header-close-btn{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close-tags.svg) no-repeat;background-position:50%;background-size:24px;cursor:pointer;height:16px;width:16px}.impact-notification-container .impact-notification-body-container{height:calc(100% - 96px);padding:20px 16px}.impact-notification-container .notification-body-container-full{height:calc(100% - 40px)}.impact-notification-container .impact-notification-body-header-container{align-items:baseline;display:flex;flex-direction:row;gap:12px}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer{height:100%;width:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel{height:calc(100% - 156px);overflow:hidden;padding:20px 0 0;position:absolute;width:calc(100% - 32px)}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel{height:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel .MuiBox-root:has(.empty-state-container){height:100%}.impact-notification-container .impact-notification-body-header-container .ia-styles.ia-btn{flex-shrink:0}.impact-notification-container .impact-notification-task-list-filter-container{background:#fff;border:1px solid #b3bdf8;border-radius:12px;min-height:128px;padding:16px;position:absolute;right:0;top:65px;width:379px;z-index:99999}.impact-notification-container .impact-notification-task-list-filter-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.impact-notification-container .impact-notification-task-list-title{align-items:center;display:flex;gap:4px;margin-bottom:8px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text-sub{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.impact-notification-container .impact-notification-task-list-filter-item-badge .MuiChip-root.impact_badges_only_label_subtle{background-color:#f5f6fa;border:1px solid #c3c8d4;cursor:pointer}.impact-notification-container .impact-notification-task-list-filter-item-badge .MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:#7a8294}.impact-notification-container .impact-notification-task-list-filter-item-badge.selected .MuiChip-root.impact_badges_only_label_subtle{background-color:#eceefd;border:1px solid #4259ee;cursor:pointer}.impact-notification-container .impact-notification-task-list-filter-item-badge.selected .MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:#4259ee}.impact-notification-container .body-header-container-full .ia-tabContainer .impact-tab-panel{height:calc(100% - 100px)}.impact-notification-container .impact-notification-footer-container{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;gap:8px;height:56px;justify-content:flex-end;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact-notification-task-list-container{height:100vh}.impact-notification-task-list-container.empty-state-container{height:100%}.impact-notification-task-list-container .impact-notification-task-list-header{align-items:center;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding-bottom:20px}.impact-notification-task-list-container .impact-notification-task-list-search-container{position:relative}.impact-notification-task-list-container .impact-notification-task-list-search-container .impact-input-wrapper{height:27px;min-width:100%!important;transition:width .2s ease-in-out;width:35px}.impact-notification-task-list-container .impact-notification-task-list-search-container .right-input-icon{position:relative;right:7px;top:1px}.impact-notification-task-list-container .search-expand .impact-input-wrapper{width:240px}.impact-notification-task-list-container .search-expand .right-input-icon{left:0}.impact-notification-task-list-container .ia-styles.ia-btn.ia-btn-text:focus{outline:none}.impact-notification-task-list-container .impact-notification-task-list-chips{display:flex;flex-basis:90%;gap:4px;overflow:hidden}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item{display:flex;gap:4px}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item .MuiChip-label{font-size:12px!important}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item-hidden{display:flex;gap:4px;overflow:hidden;transition:width .2s ease-in;width:0}.impact-notification-task-list-container .impact-notification-task-list-chips .list-item-full-width{width:100%}.impact-notification-task-list-container .impact-notification-task-list-actions{align-items:center;display:flex;gap:4px}.impact-notification-list-container{height:100%;padding-top:20px}.impact-notification-list-container .impact-notification-list-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px}.impact-notification-list-container .impact-notification-list-title{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:24px}.impact-notification-list-container .impact-notification-list-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-notification-list-container .impact-notification-list-items-container{display:flex;flex-direction:column;gap:8px;height:calc(100% - 280px);overflow-y:auto;padding-bottom:20px;scroll-behavior:smooth}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item{align-items:flex-start;background-color:#f8f9fb;border-radius:12px;display:flex;flex-direction:row;gap:8px;padding:16px 12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-checkbox{padding-top:5px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon .impact-notification-list-item-icon-line{height:15px;width:2px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon.status-success{background-color:#ebf7f1;border:1px solid #108431}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon.status-success .impact-notification-list-item-icon-line{background-color:#108431}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon.status-fail{background-color:#fceeee;border:1px solid #ec4c5c}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon.status-fail .impact-notification-list-item-icon-line{background-color:#ec4c5c}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon.status-pending{background-color:#fcf8ea;border:1px solid #ffe174}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon.status-pending .impact-notification-list-item-icon-line{background-color:#ffe174}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:focus,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:hover{cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:focus .impact-notification-list-item-header-right,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:hover .impact-notification-list-item-header-right{width:24%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-title{color:#0d152c;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:21px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{overflow:hidden;transition:width .4s ease-in-out;width:0}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:none!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:has(.impact-notification-list-item-delete-btn) .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:hover .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-schedule{align-items:center;color:#5f6673;display:flex;flex-direction:row;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:flex-start;line-height:15px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description{color:#394960;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description span{color:#4259ee;cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-action-btns{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card .impact-notification-list-item-container .impact-notification-list-item-header:focus .impact-notification-list-item-header-right,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card .impact-notification-list-item-container .impact-notification-list-item-header:hover .impact-notification-list-item-header-right{width:0!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card:hover .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .list-item-selected{background-color:#eceefd}.impact-notification-list-container .impact-notification-list-items-container .list-item-read{border-left:3px solid #4259ee}.impact-notification-list-empty-state-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:calc(100% - 48px);justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-icon{height:72px;width:72px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-title{color:#0d152c;font-size:20px;font-weight:800;line-height:28px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-description{color:#7a8294;font-size:14px;font-weight:500;line-height:21px}.impact-notification-container-expand{width:800px}.impact-notification-list-item-bookmark-btn.ia-styles.ia-btn.ia-btn-text svg path{fill:#4258ed!important}.impact-notification-list-header .impact-notification-list-title-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-header .impact-notification-list-title-loader .css-58ftfq-MuiSkeleton-root{width:40px!important}.impact-notification-list-loader-container .css-70qvj9{left:calc(50% - 157px);position:absolute;top:calc(50% - 15px)}.impact-notification-list-action-btns-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-action-btns-loader .css-1366qbr{position:absolute;right:calc(50% - 150px)}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, Suspense } from "react";
 import { NotificationBody } from "./NotificationBody/index.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationHeader } from "./NotificationHeader.js";
-/* empty css                         */
+
 import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
 function Notification({
   title,

package/dist/components/Notification/mockData.d.ts

@@ -0,0 +1,14 @@
+import { NotificationBadgeList, NotificationListItemHandler, NotificationPanelItem, NotificationTabItem } from './Notification.types';
+
+export declare function createToggleSelectHandler(): NotificationListItemHandler;
+export declare const mockBadgeLists: NotificationBadgeList[];
+export declare const mockNotificationTabs: NotificationTabItem[];
+export declare const mockNotificationPanels: NotificationPanelItem[];
+/** Single task-list panel — matches promo Notifications usage */
+export declare const promoNotificationTabs: NotificationTabItem[];
+export declare const promoNotificationPanels: NotificationPanelItem[];
+export declare const moveToPendingDropdownOptions: {
+    label: string;
+    value: string;
+}[];
+//# sourceMappingURL=mockData.d.ts.map

package/dist/components/Notification/mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/mockData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EAErB,2BAA2B,EAC3B,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,sBAAsB,CAAC;AAW9B,wBAAgB,yBAAyB,IAAI,2BAA2B,CAiBvE;AA8BD,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAsBjD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAGrD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,qBAAqB,EA8EzD,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAEtD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,qBAAqB,EA2B1D,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;GAIxC,CAAC"}

package/dist/components/Panel/index.js

@@ -1,6 +1,7 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact_drawer_container_medium{height:100%;width:375px}.impact_drawer_container_large{height:100%;width:526px}.MuiBox-root{width:auto}.impact_drawer_container .impact_drawer_header{align-items:center;background:#eceefd;display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact_drawer_container .impact_drawer_header .impact_drawer_heading{font-size:16px;font-weight:700}.impact_drawer_container .impact_drawer_header .close_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:16px;cursor:pointer;height:16px;width:16px}.impact_drawer_container .impact_drawer_body{height:calc(100% - 100px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_container .impact_drawer_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;gap:8px;height:56px;justify-content:flex-end;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_container .impact_drawer_footer .ia-styles.ia-btn.ia-btn-link{text-decoration:none}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "../Button/index.js";
-/* empty css                  */
+
 import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
 function getSize(size) {
   switch (size) {

package/dist/components/Popover/index.js

@@ -1,7 +1,8 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".popover-container{border-radius:12px!important;box-shadow:0 0 4px #0000001f;margin-top:2px;min-width:240px;padding:12px}.popover-container .popover-content{display:flex;flex-direction:column;gap:12px}.popover-container .popover-content .popover-header{align-items:center;display:flex;justify-content:space-between}.popover-container .popover-content .popover-header .popover-header-title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px}.popover-container .popover-content .popover-body{height:calc(100% - 40px);overflow-y:auto;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content{display:flex;flex-direction:column;gap:8px}.popover-container .popover-content .popover-footer .popover-footer-content .divider-line{background:#d9dde7;height:1px;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content .popover-footer-buttons{display:flex;gap:12px;justify-content:flex-end}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import default_1 from "../../node_modules/@mui/icons-material/Close.js";
 import { Button } from "../Button/index.js";
-/* empty css                    */
+
 import Popover$1 from "../../node_modules/@mui/material/Popover/Popover.js";
 function Popover({
   children,

package/dist/components/Portal/index.d.ts

@@ -5,7 +5,7 @@ export type { PortalProps } from './Portal.types';
  * Renders children into a DOM node (e.g. document.body) using React createPortal.
  * Use for dropdowns, modals, and date picker popovers so they escape overflow/stacking context.
  */
-export declare function Portal({ children, container, className, style, 'data-testid': dataTestId, }: PortalProps): import('react').ReactPortal | null;
+export declare function Portal({ children, container, className, style, id, 'data-testid': dataTestId, }: PortalProps): import('react').ReactPortal | null;
 export declare namespace Portal {
     var displayName: string;
 }

package/dist/components/Portal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,WAAW,sCAWb;yBAjBe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,WAAW,sCAWb;yBAlBe,MAAM"}

package/dist/components/Portal/index.js

@@ -5,10 +5,11 @@ function Portal({
   container,
   className,
   style,
+  id,
   "data-testid": dataTestId
 }) {
   if (!container) return null;
-  const content = className != null || style != null || dataTestId != null ? /* @__PURE__ */ jsx("div", { className, "data-testid": dataTestId, style, children }) : children;
+  const content = className != null || style != null || dataTestId != null || id != null ? /* @__PURE__ */ jsx("div", { className, "data-testid": dataTestId, id, style, children }) : children;
   return createPortal(content, container);
 }
 Portal.displayName = "Portal";

package/dist/components/ProgressBar/ProgressBar.types.d.ts

@@ -1,8 +1,8 @@
-import { BaseComponentProps } from '../../types';
+import { RootComponentProps } from '../../types';
 import { LinearProgressProps } from '@mui/material/LinearProgress';
 
 export type ProgressBarStatus = 'remaining' | 'completed' | 'failed';
-export interface ProgressBarProps extends BaseComponentProps {
+export interface ProgressBarProps extends RootComponentProps {
     value?: number;
     showTime?: boolean;
     time?: number;

package/dist/components/ProgressBar/index.d.ts

@@ -1,7 +1,7 @@
 import { ProgressBarProps } from './ProgressBar.types';
 
 export type { ProgressBarProps, ProgressBarStatus } from './ProgressBar.types';
-export declare function ProgressBar({ value, showTime, time, customLabel, status, LinearProgressProps: linearProps, ...rest }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressBar({ value, showTime, time, customLabel, status, LinearProgressProps: linearProps, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ProgressBar {
     var displayName: string;
 }

package/dist/components/ProgressBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAW/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAoBlB;yBA5Be,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAW/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAA6B,EAC3C,IAAoB,GACrB,EAAE,gBAAgB,2CA6BlB;yBAxCe,WAAW"}

package/dist/components/ProgressBar/index.js

@@ -1,5 +1,6 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode(".progressbar_layout{min-width:232px}.progress_container .progressbar_label_container{font-size:12px;font-weight:500;margin-bottom:4px}.progress_container .progressbar_status .MuiLinearProgress-root{background-color:#f3f4f6;border-radius:10px;height:8px}.progress_container .progressbar_status .MuiLinearProgress-bar{background-color:#4259ee;border-radius:8px}.progress_container_remaining .progressbar_label_container{color:#7a8294}.progress_container_completed .progressbar_label_container{color:#26734b;font-size:12px}.progress_container_completed .MuiLinearProgress-bar{background-color:#108431!important}.progress_container_failed .progressbar_label_container{color:#ab3939;font-size:12px}.progress_container_failed .MuiLinearProgress-bar{background-color:#ec4c5c!important}.progress_bar_remaining .MuiLinearProgress-bar{background-color:#4259ee}.progress_bar_completed .MuiLinearProgress-bar{background-color:#108431}.progress_bar_failed .MuiLinearProgress-bar{background-color:#ec4c5c}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
-/* empty css                        */
+
 import LinearProgress from "../../node_modules/@mui/material/LinearProgress/LinearProgress.js";
 function getLabel(props) {
   if (props.customLabel) return props.customLabel;
@@ -14,20 +15,36 @@ function ProgressBar({
   customLabel,
   status = "remaining",
   LinearProgressProps: linearProps,
-  ...rest
+  id,
+  "data-testid": dataTestId,
+  "aria-label": ariaLabel = "Upload progress",
+  role = "progressbar"
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "progressbar_layout", "data-testid": rest["data-testid"], children: /* @__PURE__ */ jsxs("div", { className: `progress_container progress_container_${status}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "progressbar_label_container", children: /* @__PURE__ */ jsx("div", { className: "label_name", children: getLabel({ value, showTime, time, customLabel, status }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "progressbar_status", children: /* @__PURE__ */ jsx(
-      LinearProgress,
-      {
-        className: `progress_bar progress_bar_${status}`,
-        value,
-        variant: "determinate",
-        ...linearProps
-      }
-    ) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      "aria-valuemax": 100,
+      "aria-valuemin": 0,
+      "aria-valuenow": value,
+      className: "progressbar_layout",
+      "data-testid": dataTestId,
+      id,
+      role,
+      children: /* @__PURE__ */ jsxs("div", { className: `progress_container progress_container_${status}`, children: [
+        /* @__PURE__ */ jsx("div", { className: "progressbar_label_container", children: /* @__PURE__ */ jsx("div", { className: "label_name", children: getLabel({ value, showTime, time, customLabel, status }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "progressbar_status", children: /* @__PURE__ */ jsx(
+          LinearProgress,
+          {
+            className: `progress_bar progress_bar_${status}`,
+            value,
+            variant: "determinate",
+            ...linearProps
+          }
+        ) })
+      ] })
+    }
+  );
 }
 ProgressBar.displayName = "ProgressBar";
 export {

package/dist/components/Prompt/index.js

@@ -1,7 +1,8 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".ia-styles.ia-prompt .MuiDialogContent-root{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:0 0 12px}.ia-styles.ia-prompt .MuiDialogContent-root .MuiDialogContentText-root{align-items:center;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;justify-content:center;padding:0 24px;text-align:center;width:400px;word-wrap:break-word;box-sizing:border-box;overflow-wrap:break-word}.ia-styles.ia-prompt .MuiDialog-paper{border-radius:8px;box-shadow:0 0 4px #0000001f;min-height:224px;min-width:400px;position:relative}.ia-styles.ia-prompt .MuiDialog-paper h2{align-items:center;color:#0d152c;display:flex;font-size:16px;font-weight:800;justify-content:center;line-height:24px;padding:0 40px;text-align:center}.ia-styles.ia-prompt .ia-prompt-close-button{cursor:pointer;display:flex;justify-content:flex-end;padding-right:16px;padding-top:8px}.ia-styles.ia-prompt .ia-prompt-close-icon{color:#60697d}.ia-styles.ia-prompt .ia-prompt-info-icon-container{align-items:center;background-color:#eceefd;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-info-icon.svg);background-position:50%;background-repeat:no-repeat;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.ia-styles.ia-prompt .ia-prompt-info-icon-container.ia-prompt-warning{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-warning-icon.svg);background-color:#f6ebbf;background-position:50%;background-repeat:no-repeat}.ia-styles.ia-prompt .ia-prompt-info-icon-container.ia-prompt-error{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-delete-icon.svg);background-color:#fceeee;background-position:50%;background-repeat:no-repeat}.ia-styles.ia-prompt .ia-prompt-info-icon-container.ia-prompt-success{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-success-icon.svg);background-color:#ebf7f1;background-position:50%;background-repeat:no-repeat}.ia-styles.ia-prompt .MuiDialogActions-root{gap:12px;justify-content:center;padding:16px}.ia-styles.ia-prompt .MuiDialogActions-root>:not(:first-of-type){margin-left:0}.ia-styles.ia-prompt .ia-styles.ia-btn.ia-btn-contained:focus{outline:none}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Button } from "../Button/index.js";
-/* empty css                   */
+
 import Dialog from "../../node_modules/@mui/material/Dialog/Dialog.js";
 import CloseIcon from "../../node_modules/@mui/icons-material/esm/Close.js";
 import DialogContent from "../../node_modules/@mui/material/DialogContent/DialogContent.js";

package/dist/components/RadioButtonGroup/index.d.ts

@@ -1,7 +1,7 @@
 import { RadioButtonGroupProps } from './RadioButtonGroup.types';
 
 export type { RadioButtonGroupProps, RadioButtonGroupOption } from './RadioButtonGroup.types';
-export declare function RadioButtonGroup({ options, isDisabled, disabled, selectedOption, value, onChange, name, orientation, className, 'data-testid': dataTestId, ...args }: RadioButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioButtonGroup({ options, isDisabled, disabled, selectedOption, value, onChange, name, orientation, className, id, 'data-testid': dataTestId, ...args }: RadioButtonGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace RadioButtonGroup {
     var displayName: string;
 }

package/dist/components/RadioButtonGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,gCAAgC,CAAC;AAExC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAsC9F,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAsB,EACtB,SAAc,EACd,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA6BvB;yBAzCe,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,gCAAgC,CAAC;AAExC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA4C9F,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAsB,EACtB,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA+BvB;yBA5Ce,gBAAgB"}

package/dist/components/RadioButtonGroup/index.js

@@ -1,10 +1,15 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding:3px 8px;padding-left:0!important}.MuiFormGroup-root.orientation-row{flex-direction:row;gap:8px}.MuiFormGroup-root.orientation-row .ia-radioButton:first-child{margin-left:0!important}.MuiFormGroup-root.orientation-row .ia-radioButton:last-child{margin-right:0!important}.MuiFormGroup-root.orientation-column{flex-direction:column;gap:8px}.MuiFormGroup-root.orientation-column .ia-radioButton{margin:0!important}.ia-radioButton .MuiSvgIcon-root{border:1px solid #c3c8d4;border-radius:50%;height:16px;width:16px}.ia-radioButton path{display:none}.ia-radioButton:hover .MuiSvgIcon-root{border:1px solid #4259ee}.ia-radioButton-disabled .MuiSvgIcon-root{background:#f5f6fa;border:1px solid #d9dde7!important}.ia-radioButton.ia-radioButton-disabled .MuiSvgIcon-root:nth-child(2){background:#b3bdf8!important;border:none;border:1px solid #b3bdf8!important;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .Mui-checked .MuiSvgIcon-root{background:#0000;border:1px solid #4259ee;border-radius:50%;height:16px;width:16px}.ia-radioButton .Mui-checked .MuiSvgIcon-root path{display:none}.ia-radioButton .Mui-checked .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiTypography-root{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.ia-radioButton .MuiRadio-root.Mui-checked+.MuiTypography-root{color:#1f2b4d}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-/* empty css                             */
+
 import RadioGroup from "../../node_modules/@mui/material/RadioGroup/RadioGroup.js";
 import FormControlLabel from "../../node_modules/@mui/material/FormControlLabel/FormControlLabel.js";
 import Radio from "../../node_modules/@mui/material/Radio/Radio.js";
-function RadioButton({ selfProps: { icon, label, ...selfProps }, parentProps }) {
+function RadioButton({
+  selfProps: { icon, label, ...selfProps },
+  id,
+  parentProps
+}) {
   const radioButtonClassName = useMemo(() => {
     let retVal = "ia-styles ia-radioButton";
     if (selfProps.disabled ?? parentProps.isDisabled) retVal += " ia-radioButton-disabled";
@@ -23,6 +28,7 @@ function RadioButton({ selfProps: { icon, label, ...selfProps }, parentProps })
       className: radioButtonClassName,
       control: /* @__PURE__ */ jsx(Radio, { disableRipple: true }),
       disabled: isDisabled,
+      id: `${id}--${value}`,
       label: labelContent,
       value,
       ...restSelf
@@ -39,6 +45,7 @@ function RadioButtonGroup({
   name,
   orientation = "column",
   className = "",
+  id,
   "data-testid": dataTestId,
   ...args
 }) {
@@ -51,6 +58,7 @@ function RadioButtonGroup({
       "aria-labelledby": name,
       className: `ia-styles ia-radioGroup ${orientationClass} ${className}`.trim(),
       "data-testid": dataTestId,
+      id,
       name,
       value: resolvedValue,
       onChange,
@@ -58,6 +66,7 @@ function RadioButtonGroup({
       children: options.map((opt) => /* @__PURE__ */ jsx(
         RadioButton,
         {
+          id,
           parentProps: {
             ...args,
             isDisabled: groupDisabled,

package/dist/components/Select/SearchFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SearchFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,gHAgEjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SearchFilter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,gHAwLjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/components/Select/SearchFilter.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { forwardRef, useEffect, useCallback } from "react";
 import { Checkbox } from "../Checkbox/index.js";
 const SearchFilter = forwardRef(
   ({
@@ -13,49 +13,161 @@ const SearchFilter = forwardRef(
     toggleSelectAll,
     isWithSearch,
     onKeyDown,
+    onSubmenuKeyDown,
     searchPlaceholder,
     isLoading,
     searchTerm,
-    externalOnSearch: _externalOnSearch,
-    setSearchTerm: _setSearchTerm
+    setSearchTerm,
+    onSearchBlur,
+    selectionLabels = {},
+    onClose,
+    setHighlightedIndex,
+    setIsKeyboardNav,
+    highlightedIndex = -1,
+    isSelectAllHighlighted = false
   }, ref) => {
     const selectedArr = Array.isArray(selectedOptions) ? selectedOptions : [];
+    const hasSelectAll = !!(isMulti && toggleSelectAll && !isLoading);
+    useEffect(() => {
+      setSearchTerm("");
+    }, [setSearchTerm]);
+    const handleSearchKeyDown = useCallback(
+      (e) => {
+        if (onSubmenuKeyDown == null ? void 0 : onSubmenuKeyDown(e)) return;
+        if ((e.ctrlKey || e.metaKey) && e.key === "a" && isMulti) {
+          e.preventDefault();
+          if (onSelectAll) {
+            const syntheticEvent = {
+              target: { checked: !isSelectAll }
+            };
+            onSelectAll(syntheticEvent);
+          }
+          return;
+        }
+        const isOnOptions = highlightedIndex >= 0;
+        const isOnSelectAll = highlightedIndex === -1 && hasSelectAll;
+        switch (e.key) {
+          case "ArrowDown": {
+            e.preventDefault();
+            setIsKeyboardNav == null ? void 0 : setIsKeyboardNav(true);
+            if (isOnOptions || isOnSelectAll) {
+              onKeyDown == null ? void 0 : onKeyDown(e);
+            } else if (hasSelectAll) {
+              setHighlightedIndex == null ? void 0 : setHighlightedIndex(-1);
+            } else {
+              setHighlightedIndex == null ? void 0 : setHighlightedIndex(0);
+            }
+            break;
+          }
+          case "ArrowUp": {
+            e.preventDefault();
+            if (isOnOptions || isOnSelectAll) {
+              onKeyDown == null ? void 0 : onKeyDown(e);
+            }
+            break;
+          }
+          case "Enter": {
+            if (isOnOptions || isOnSelectAll) {
+              e.preventDefault();
+              onKeyDown == null ? void 0 : onKeyDown(e);
+            }
+            break;
+          }
+          case " ": {
+            if ((isOnOptions || isOnSelectAll) && !searchTerm) {
+              e.preventDefault();
+              onKeyDown == null ? void 0 : onKeyDown(e);
+            }
+            break;
+          }
+          case "Home":
+          case "End": {
+            if (isOnOptions) {
+              e.preventDefault();
+              onKeyDown == null ? void 0 : onKeyDown(e);
+            }
+            break;
+          }
+          case "Escape": {
+            e.preventDefault();
+            onClose == null ? void 0 : onClose();
+            break;
+          }
+          case "Tab":
+            onClose == null ? void 0 : onClose();
+            break;
+        }
+      },
+      [
+        onKeyDown,
+        onSubmenuKeyDown,
+        onClose,
+        setHighlightedIndex,
+        setIsKeyboardNav,
+        isMulti,
+        onSelectAll,
+        isSelectAll,
+        hasSelectAll,
+        highlightedIndex,
+        searchTerm
+      ]
+    );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       isWithSearch && /* @__PURE__ */ jsx(
         "input",
         {
           ref,
+          "aria-label": searchPlaceholder ?? "Search options",
+          autoComplete: "off",
           className: "ia-select-search-box",
           placeholder: searchPlaceholder,
+          role: "searchbox",
           value: searchTerm,
+          onBlur: onSearchBlur,
           onChange: onSearch,
-          onKeyDown
+          onKeyDown: handleSearchKeyDown
         }
       ),
-      isMulti && toggleSelectAll && !isLoading && /* @__PURE__ */ jsx("div", { className: "ia-select-search-container", children: /* @__PURE__ */ jsxs("div", { className: "ia-select-selectAll-container", children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: isSelectAll,
-            className: "select-selectAll-checkbox",
-            id: "select-all",
-            label: isSelectAll ? "Deselect All" : "Select All",
-            name: "select-all",
-            onChange: onSelectAll
-          }
-        ),
-        isClearable && selectedArr.length > 0 && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: "ia-select-clear-all-button",
-            type: "button",
-            onClick: () => {
-              onClearAll();
-            },
-            children: "Clear"
-          }
-        )
-      ] }) })
+      hasSelectAll && /* @__PURE__ */ jsx("div", { className: "ia-select-search-container", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "aria-selected": isSelectAll,
+          className: `ia-select-selectAll-container${isSelectAllHighlighted ? " ia-select-option-highlighted" : ""}`,
+          role: "option",
+          children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: isSelectAll,
+                className: "select-selectAll-checkbox",
+                id: "select-all",
+                label: isSelectAll ? selectionLabels.deselectAll ?? "Deselect All" : selectionLabels.selectAll ?? "Select All",
+                name: "select-all",
+                onChange: onSelectAll
+              }
+            ),
+            isClearable && selectedArr.length > 0 && /* @__PURE__ */ jsx(
+              "button",
+              {
+                "aria-label": "Clear all selections",
+                className: "ia-select-clear-all-button",
+                type: "button",
+                onClick: () => {
+                  onClearAll();
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onClearAll();
+                  }
+                },
+                children: "Clear"
+              }
+            )
+          ]
+        }
+      ) })
     ] });
   }
 );