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

package/dist/components/Sidebar/ChildMenu.js

@@ -1,6 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useLayoutEffect, useEffect } from "react";
+import { useRef, useLayoutEffect, useEffect, useCallback } from "react";
 import { NavLink } from "react-router-dom";
+function isModifiedClick(event) {
+  if (!event) return false;
+  const e = event;
+  return event.defaultPrevented || e.button != null && e.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+}
 function childItemClass(active, child) {
   return [
     "impact-sidebar-routes-list-item-children",
@@ -34,27 +39,54 @@ function ChildMenu({
   useEffect(() => {
     updateBeforeHeight();
   }, [menu, showChild, parent.value]);
+  const handleChildKeyDown = useCallback(
+    (e, child) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        if (!child.isDisabled) {
+          handleRouteChange(parent, child, e);
+        }
+      }
+    },
+    [parent, handleRouteChange]
+  );
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref: containerRef,
+      "aria-hidden": showChild !== parent.value ? true : void 0,
       className: [
         "impact-sidebar-routes-list-children",
         showChild === parent.value ? "child-route-visible" : ""
       ].filter(Boolean).join(" "),
+      "data-nav-collapsed": showChild !== parent.value ? "true" : void 0,
+      role: "group",
       children: menu.map(
         (child) => isMemoryRouter ? /* @__PURE__ */ jsx(
           NavLink,
           {
+            "aria-hidden": "true",
             className: "impact-sidebar-routes-list-item-link",
+            tabIndex: -1,
             to: child.link ?? "/",
             children: /* @__PURE__ */ jsxs(
               "div",
               {
+                "aria-current": child.value === active ? "page" : void 0,
+                "aria-disabled": child.isDisabled || void 0,
                 className: childItemClass(active, child),
-                onClick: () => {
-                  handleRouteChange(parent, child);
+                "data-item-type": "child",
+                "data-item-value": child.value,
+                "data-parent-value": parent.value,
+                "data-sidebar-item": "",
+                ...child.isDisabled ? { "data-disabled": "" } : {},
+                role: "menuitem",
+                tabIndex: child.isDisabled ? -1 : 0,
+                onClick: (event) => {
+                  if (isModifiedClick(event)) return;
+                  if (!child.isDisabled) handleRouteChange(parent, child, event);
                 },
+                onKeyDown: (e) => handleChildKeyDown(e, child),
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-child-icon", children: child.icon }),
                   /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-child-label", children: child.label })
@@ -66,10 +98,21 @@ function ChildMenu({
         ) : /* @__PURE__ */ jsxs(
           "div",
           {
+            "aria-current": child.value === active ? "page" : void 0,
+            "aria-disabled": child.isDisabled || void 0,
             className: childItemClass(active, child),
-            onClick: () => {
-              handleRouteChange(parent, child);
+            "data-item-type": "child",
+            "data-item-value": child.value,
+            "data-parent-value": parent.value,
+            "data-sidebar-item": "",
+            ...child.isDisabled ? { "data-disabled": "" } : {},
+            role: "menuitem",
+            tabIndex: child.isDisabled ? -1 : 0,
+            onClick: (event) => {
+              if (isModifiedClick(event)) return;
+              if (!child.isDisabled) handleRouteChange(parent, child, event);
             },
+            onKeyDown: (e) => handleChildKeyDown(e, child),
             children: [
               /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-child-icon", children: child.icon }),
               /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-child-label", children: child.label })

package/dist/components/Sidebar/ParentMenu.d.ts

@@ -7,7 +7,7 @@ interface ParentMenuProps {
     item: SidebarRoute;
     showChild: string;
     setShowChild: (value: string) => void;
-    handleRouteChange: (item: SidebarRoute) => void;
+    handleRouteChange: (item: SidebarRoute, event?: React.MouseEvent | React.KeyboardEvent) => void;
     isMemoryRouter: boolean;
 }
 export declare function ParentMenu({ isOpen, setIsOpen, active, item, showChild, setShowChild, handleRouteChange, isMemoryRouter, }: ParentMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/ParentMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParentMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/ParentMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,OAAO,CAAC;CACzB;AAqBD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,cAAc,GACf,EAAE,eAAe,2CAqFjB;yBA9Fe,UAAU"}
+{"version":3,"file":"ParentMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/ParentMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChG,cAAc,EAAE,OAAO,CAAC;CACzB;AAkCD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,cAAc,GACf,EAAE,eAAe,2CA+HjB;yBAxIe,UAAU"}

package/dist/components/Sidebar/ParentMenu.js

@@ -1,7 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowRightOutlined.js";
 import { NavLink } from "react-router-dom";
 import { Tooltip } from "../Tooltip/index.js";
+function isModifiedClick(event) {
+  if (!event) return false;
+  const e = event;
+  return event.defaultPrevented || e.button != null && e.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+}
 function parentItemClass(active, item) {
   return [
     "impact-sidebar-routes-list-item",
@@ -25,53 +31,88 @@ function ParentMenu({
   handleRouteChange,
   isMemoryRouter
 }) {
-  const handleClickOnRoute = () => {
-    if (item.children && item.children.length > 0) {
-      if (!isOpen) {
-        setIsOpen(true);
-      }
-      if (item.link) {
-        handleRouteChange(item);
-      }
-      if (showChild === item.value) {
-        setShowChild("");
+  const hasChildren = Boolean(item.children && item.children.length > 0);
+  const isActive = item.value === active;
+  const isExpanded = hasChildren && showChild === item.value;
+  const handleClickOnRoute = useCallback(
+    (event) => {
+      if (item.isDisabled) return;
+      if (hasChildren) {
+        if (!isOpen) {
+          setIsOpen(true);
+        }
+        if (showChild === item.value) {
+          setShowChild("");
+        } else {
+          setShowChild(item.value);
+        }
+        if (isModifiedClick(event)) {
+          return;
+        }
+        if (item.link) {
+          handleRouteChange(item, event);
+        }
       } else {
-        setShowChild(item.value);
+        if (isModifiedClick(event)) {
+          return;
+        }
+        handleRouteChange(item, event);
       }
-    } else {
-      handleRouteChange(item);
-    }
+    },
+    [item, hasChildren, isOpen, setIsOpen, showChild, setShowChild, handleRouteChange]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        handleClickOnRoute(e);
+      }
+    },
+    [handleClickOnRoute]
+  );
+  const ariaProps = {
+    role: "menuitem",
+    tabIndex: item.isDisabled ? -1 : 0,
+    "aria-expanded": hasChildren ? isExpanded : void 0,
+    "aria-current": isActive ? "page" : void 0,
+    "aria-disabled": item.isDisabled || void 0,
+    "data-sidebar-item": "",
+    "data-item-type": "parent",
+    "data-item-value": item.value,
+    ...hasChildren ? { "data-has-children": "" } : {},
+    ...item.isDisabled ? { "data-disabled": "" } : {},
+    onKeyDown: handleKeyDown
   };
   const tooltipTitle = item.tooltip && item.tooltip.length > 0 ? item.tooltip : item.label;
   if (isOpen) {
     if (isMemoryRouter) {
-      return /* @__PURE__ */ jsx(NavLink, { className: "impact-sidebar-routes-list-item-link", to: item.link ?? "/", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: handleClickOnRoute, children: [
+      return /* @__PURE__ */ jsx(NavLink, { className: "impact-sidebar-routes-list-item-link", tabIndex: -1, to: item.link ?? "/", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: (e) => handleClickOnRoute(e), ...ariaProps, children: [
         /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
         /* @__PURE__ */ jsxs("div", { className: "impact-sidebar-routes-list-item-label", children: [
           /* @__PURE__ */ jsx("span", { className: "impact-sidebar-routes-list-item-label-text", children: item.label }),
-          item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null
+          hasChildren ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), "aria-hidden": "true", children: /* @__PURE__ */ jsx(default_1, {}) }) : null
         ] })
       ] }) });
     }
-    return /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: handleClickOnRoute, children: [
+    return /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: (e) => handleClickOnRoute(e), ...ariaProps, children: [
       /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
       /* @__PURE__ */ jsxs("div", { className: "impact-sidebar-routes-list-item-label", children: [
         /* @__PURE__ */ jsx("span", { className: "impact-sidebar-routes-list-item-label-text", children: item.label }),
-        item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null
+        hasChildren ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), "aria-hidden": "true", children: /* @__PURE__ */ jsx(default_1, {}) }) : null
       ] })
     ] });
   }
   if (isMemoryRouter) {
-    return /* @__PURE__ */ jsx(Tooltip, { orientation: "right", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsx(NavLink, { className: "impact-sidebar-routes-list-item-link", to: item.link ?? "/", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: handleClickOnRoute, children: [
+    return /* @__PURE__ */ jsx(Tooltip, { orientation: "right", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsx(NavLink, { className: "impact-sidebar-routes-list-item-link", tabIndex: -1, to: item.link ?? "/", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: (e) => handleClickOnRoute(e), ...ariaProps, children: [
       /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
-      item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null,
-      /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-label", children: item.label })
+      hasChildren ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), "aria-hidden": "true", children: /* @__PURE__ */ jsx(default_1, {}) }) : null,
+      /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-label", "aria-hidden": "true", children: item.label })
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx(Tooltip, { orientation: "right", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: handleClickOnRoute, children: [
+  return /* @__PURE__ */ jsx(Tooltip, { orientation: "right", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: (e) => handleClickOnRoute(e), ...ariaProps, children: [
     /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
-    item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null,
-    /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-label", children: item.label })
+    hasChildren ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), "aria-hidden": "true", children: /* @__PURE__ */ jsx(default_1, {}) }) : null,
+    /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-label", "aria-hidden": "true", children: item.label })
   ] }) });
 }
 ParentMenu.displayName = "ParentMenu";

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

@@ -1,11 +1,11 @@
-import { ReactNode } from 'react';
+import { ReactNode, default as React } from 'react';
 import { BaseComponentProps } from '../../types';
 
 /** Single navigation item; may nest `children` for sub-routes. */
 export interface SidebarRoute {
     value: string;
     label: string;
-    icon: ReactNode;
+    icon?: ReactNode;
     link?: string;
     tooltip?: string;
     isDisabled?: boolean;
@@ -23,10 +23,10 @@ export interface SidebarProps extends Omit<BaseComponentProps, 'children'> {
     actionRoutes?: SidebarRoute[];
     /** Value of the active parent route */
     parentActive?: string;
-    handleParentRouteChange: (item: SidebarRoute) => void;
+    handleParentRouteChange: (item: SidebarRoute, event?: React.MouseEvent | React.KeyboardEvent) => void;
     /** Value of the active child route */
     childActive?: string;
-    handleChildRouteChange: (parent: SidebarRoute, child: SidebarRoute) => void;
+    handleChildRouteChange: (parent: SidebarRoute, child: SidebarRoute, event?: React.MouseEvent | React.KeyboardEvent) => void;
     handleLogOut: () => void;
     /** Close sidebar when clicking outside (default true) */
     isCloseWhenClickOutside?: boolean;

package/dist/components/Sidebar/Sidebar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,kEAAkE;AAClE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACxE,sCAAsC;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,qEAAqE;IACrE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,+BAA+B;IAC/B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,oEAAoE;IACpE,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtD,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5E,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,yDAAyD;IACzD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}
+{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,kEAAkE;AAClE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACxE,sCAAsC;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,qEAAqE;IACrE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,+BAA+B;IAC/B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,oEAAoE;IACpE,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACtG,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC5H,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,yDAAyD;IACzD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/components/Sidebar/SidebarActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarActions.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarActions.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CA4BzE;yBA5Be,cAAc"}
+{"version":3,"file":"SidebarActions.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarActions.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CA+BzE;yBA/Be,cAAc"}

package/dist/components/Sidebar/SidebarActions.js

@@ -7,7 +7,10 @@ function SidebarActions({ open, handleLogOut }) {
     "div",
     {
       className: "impact-sidebar-actions-list-item logout-container",
-      role: "button",
+      "data-item-type": "action",
+      "data-item-value": "logout",
+      "data-sidebar-item": "",
+      role: "menuitem",
       tabIndex: 0,
       onClick: handleLogOut,
       onKeyDown: (e) => {
@@ -17,7 +20,7 @@ function SidebarActions({ open, handleLogOut }) {
         }
       },
       children: [
-        /* @__PURE__ */ jsx("img", { alt: "", className: "logout-container-img", src: LogOutIcon }),
+        /* @__PURE__ */ jsx("img", { alt: "Logout", className: "logout-container-img", src: LogOutIcon }),
         /* @__PURE__ */ jsx("div", { className: "impact-sidebar-actions-list-item-label", children: "Logout" })
       ]
     }

package/dist/components/Sidebar/SidebarMenus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenus.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenus.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5E,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AA2DD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,MAAM,EACN,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,sBAAsB,EACtB,cAAc,EACd,mBAA2C,GAC5C,EAAE,iBAAiB,2CAqEnB;yBA/Ee,YAAY"}
+{"version":3,"file":"SidebarMenus.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenus.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5E,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AA2DD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,MAAM,EACN,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,sBAAsB,EACtB,cAAc,EACd,mBAA2C,GAC5C,EAAE,iBAAiB,2CAyEnB;yBAnFe,YAAY"}

package/dist/components/Sidebar/SidebarMenus.js

@@ -83,23 +83,27 @@ function SidebarMenus({
       /* @__PURE__ */ jsxs(
         "div",
         {
+          "aria-expanded": showHiddenMenu,
           className: [
             "impact-sidebar-routes-hidden-list-icon",
             showHiddenMenu ? "show-hidden-menu-icon" : ""
           ].filter(Boolean).join(" "),
+          "data-item-type": "view-more",
+          "data-item-value": "__view-more__",
+          "data-sidebar-item": "",
           onClick: () => {
             setShowHiddenMenu((v) => !v);
           },
           onKeyDown: (e) => {
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
-              setShowHiddenMenu(!showHiddenMenu);
+              setShowHiddenMenu((v) => !v);
             }
           },
-          role: "button",
+          role: "menuitem",
           tabIndex: 0,
           children: [
-            /* @__PURE__ */ jsx(default_1, {}),
+            /* @__PURE__ */ jsx(default_1, { "aria-hidden": "true" }),
             " ",
             /* @__PURE__ */ jsxs("span", { children: [
               "View ",

package/dist/components/Sidebar/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.impact-sidebar-container{background-color:#0d152c;color:#fff;height:100%;left:0;min-height:100vh;overflow:hidden;padding:12px;position:fixed;top:0;transition:all .2s ease-in;width:64px;z-index:1200}.impact-sidebar-container .impact-sidebar-toggle-btns{display:flex;justify-content:flex-start}.impact-sidebar-container .impact-sidebar-routes-list{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:34px -12px 0;max-height:calc(100% - 200px);overflow-y:auto;scrollbar-width:none}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item-link{color:#fff;text-decoration:none;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item{align-items:center;display:flex;flex-shrink:0;gap:24px;height:48px;overflow:hidden;padding:14px 20px;position:relative;transition:all .2s ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:before{background-color:#3bb273;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:0;transition:height .2s linear;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal{transition:all .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .indicator-turn-up{transform:rotate(-90deg)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label-text{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-list .route-active{background-color:#1f2b4d}.impact-sidebar-container .impact-sidebar-routes-list .route-active:before{height:100%}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled{color:#7a8294;pointer-events:none}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled svg{color:#7a8294}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children{align-items:flex-start;display:flex;flex-direction:column;height:0;margin-top:8px;opacity:0;overflow:hidden;padding-left:24px;position:relative;transition:all .2s ease-in;visibility:hidden}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children:before{background-color:#1f2b4d;border-radius:0 4px 4px 0;content:"";height:var(--before-height);left:24px;position:absolute;top:0;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{align-items:center;display:flex;flex-shrink:0;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-iconsvg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-label{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-hidden-list{height:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out;visibility:hidden}.impact-sidebar-container .show-hidden-menu{height:100%;opacity:1;visibility:visible}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon{align-items:center;display:flex;flex-shrink:0;gap:20px;height:48px;overflow:hidden;padding:14px 20px;transition:width 50ms ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon svg{color:#3bb273;transition:transform .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon span{flex-shrink:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .show-hidden-menu-icon svg{transform:rotate(-180deg)}.impact-sidebar-container .impact-sidebar-actions-container{bottom:0;display:flex;flex-direction:column;justify-content:center;margin:0 -12px;position:absolute;width:inherit}.impact-sidebar-container .impact-sidebar-actions-container:before{background-color:#31416e;content:"";height:1px;left:0;position:absolute;top:-12px;width:100%}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-routes-list{margin:0}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item{align-items:center;display:flex;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item .impact-sidebar-actions-list-item-label{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .impact-sidebar-actions-container .logout-container{color:#3bb273}.impact-sidebar-container .impact-sidebar-actions-container .logout-container:hover{background-color:#31416e;cursor:pointer}.impact-sidebar-container .impact-sidebar-actions-container .logout-container .logout-container-img{width:20px}.sidebar-open{width:280px}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item-children-indicator-horizontal{transform:rotate(90deg)}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-hidden-list-icon{width:100%}.sidebar-open .impact-sidebar-routes-list .child-route-visible{height:var(--before-height);min-height:var(--before-height);opacity:1;visibility:visible}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:hover{background-color:#31416e;cursor:pointer}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:before{background-color:#3bb273;content:"";height:0;left:1px;position:absolute;top:0;width:3px}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active{color:#3bb273;cursor:pointer;position:relative}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon svg{color:#3bb273}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(52%) sepia(87%) saturate(322%) hue-rotate(96deg) brightness(97%) contrast(86%)}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active:before{animation:childAnimation 1s forwards}@keyframes childAnimation{0%{height:0}to{height:100%}}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled{color:#7a8294;pointer-events:none}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled svg{color:#7a8294}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.sidebar-open .impact-sidebar-actions-container:before{left:12px;width:calc(100% - 24px)}.sidebar-open .impact-sidebar-actions-container .impact-sidebar-actions-list-item{gap:22px;width:100%}.impact-sidebar-toggle-btns:hover{cursor:pointer}')),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.impact-sidebar-container{background-color:#0d152c;color:#fff;height:100%;left:0;min-height:100vh;overflow:hidden;padding:12px;position:fixed;top:0;transition:all .2s ease-in;width:64px;z-index:1200}.impact-sidebar-container .impact-sidebar-toggle-btns{display:flex;justify-content:flex-start;width:40px}.impact-sidebar-container .impact-sidebar-routes-list{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:34px -12px 0;max-height:calc(100% - 200px);overflow-y:auto;scrollbar-width:none}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item-link{color:#fff;text-decoration:none;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item{align-items:center;display:flex;flex-shrink:0;gap:24px;height:48px;overflow:hidden;padding:14px 20px;position:relative;transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:before{background-color:#3bb273;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:0;transition:height .2s linear;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal{transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .indicator-turn-up{transform:rotate(-90deg)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label-text{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-list .route-active{background-color:#1f2b4d}.impact-sidebar-container .impact-sidebar-routes-list .route-active:before{height:100%}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled{color:#7a8294;pointer-events:none}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled svg{color:#7a8294}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children{align-items:flex-start;display:flex;flex-direction:column;height:0;margin-top:8px;opacity:0;overflow:hidden;padding-left:24px;position:relative;transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in;visibility:hidden}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children:before{background-color:#1f2b4d;border-radius:0 4px 4px 0;content:"";height:var(--before-height);left:24px;position:absolute;top:0;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{align-items:center;display:flex;flex-shrink:0;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-iconsvg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-label{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-hidden-list{height:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out;visibility:hidden}.impact-sidebar-container .show-hidden-menu{height:100%;opacity:1;visibility:visible}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon{align-items:center;display:flex;flex-shrink:0;gap:20px;height:48px;overflow:hidden;padding:14px 20px;transition:width 50ms ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon svg{color:#3bb273;transition:transform .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon span{flex-shrink:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .show-hidden-menu-icon svg{transform:rotate(-180deg)}.impact-sidebar-container .impact-sidebar-actions-container{bottom:0;display:flex;flex-direction:column;justify-content:center;margin:0 -12px;position:absolute;width:inherit}.impact-sidebar-container .impact-sidebar-actions-container:before{background-color:#31416e;content:"";height:1px;left:0;position:absolute;top:-12px;width:100%}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-routes-list{margin:0}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item{align-items:center;display:flex;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item .impact-sidebar-actions-list-item-label{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .impact-sidebar-actions-container .logout-container{color:#3bb273}.impact-sidebar-container .impact-sidebar-actions-container .logout-container:hover{background-color:#31416e;cursor:pointer}.impact-sidebar-container .impact-sidebar-actions-container .logout-container .logout-container-img{width:20px}.sidebar-open{width:280px}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item-children-indicator-horizontal{transform:rotate(90deg)}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-hidden-list-icon{width:100%}.sidebar-open .impact-sidebar-routes-list .child-route-visible{height:var(--before-height);min-height:var(--before-height);opacity:1;visibility:visible}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:hover{background-color:#31416e;cursor:pointer}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:before{background-color:#3bb273;content:"";height:0;left:1px;position:absolute;top:0;width:3px}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active{color:#3bb273;cursor:pointer;position:relative}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon svg{color:#3bb273}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(52%) sepia(87%) saturate(322%) hue-rotate(96deg) brightness(97%) contrast(86%)}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active:before{animation:childAnimation 1s forwards}@keyframes childAnimation{0%{height:0}to{height:100%}}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled{color:#7a8294;pointer-events:none}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled svg{color:#7a8294}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.sidebar-open .impact-sidebar-actions-container:before{left:12px;width:calc(100% - 24px)}.sidebar-open .impact-sidebar-actions-container .impact-sidebar-actions-list-item{gap:22px;width:100%}.impact-sidebar-toggle-btns:hover{cursor:pointer}.impact-sidebar-toggle-btns{--ia-focus-ring-inset:-4px;position:relative}.impact-sidebar-toggle-btns:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-toggle-btns:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-toggle-btns:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-routes-list-item:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-list-item:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item-children:focus-visible{outline:none;z-index:1}.impact-sidebar-routes-list-item-children:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-list-item-children:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item-children:focus-visible{position:relative}.impact-sidebar-routes-hidden-list-icon{position:relative}.impact-sidebar-routes-hidden-list-icon:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-routes-hidden-list-icon:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-hidden-list-icon:focus:not(:focus-visible){outline:none}.impact-sidebar-actions-list-item:focus-visible{outline:none;z-index:1}.impact-sidebar-actions-list-item:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-actions-list-item:focus:not(:focus-visible){outline:none}.impact-sidebar-actions-list-item:focus-visible{position:relative}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useCallback, useEffect } from "react";
 import { MemoryRouter } from "react-router-dom";

package/dist/components/Sidebar/mock.d.ts

@@ -0,0 +1,5 @@
+import { SidebarRoute } from './Sidebar.types';
+
+export declare const routes: SidebarRoute[];
+export declare const actionRoutes: SidebarRoute[];
+//# sourceMappingURL=mock.d.ts.map

package/dist/components/Sidebar/mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/mock.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,MAAM,EAAE,YAAY,EAkIhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAAY,EAQtC,CAAC"}

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

@@ -33,5 +33,11 @@ export interface SliderProps extends BaseComponentProps, Omit<MUISliderProps, 'v
     variant?: SliderVariant;
     /** Position of the optional number inputs: 'inline' (beside slider) or 'bottom' */
     inputPosition?: SliderInputPosition;
+    /** Value above which the track color changes to a warning gradient */
+    colorChangeThreshold?: number;
+    /** Prefix/suffix format for input display: ['left'|'right', symbol], e.g. ['left', '$'] */
+    valueFormat?: ['left' | 'right', string];
+    /** Auto-dismiss timeout (ms) for validation info messages. Default 5000 */
+    messageTimeout?: number;
 }
 //# sourceMappingURL=Slider.types.d.ts.map

package/dist/components/Slider/Slider.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,kBAAkB,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IACtE,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,oGAAoG;IACpG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mFAAmF;IACnF,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC"}
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,kBAAkB,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IACtE,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,oGAAoG;IACpG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mFAAmF;IACnF,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2FAA2F;IAC3F,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;IACzC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}

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

@@ -4,7 +4,7 @@ export type { SliderProps, SliderHeaderOrientation, SliderVariant, SliderInputPo
 /**
  * Slider with optional header, label, and range inputs. Wraps MUI Slider; supports single and ranged variants.
  */
-export declare function Slider({ headerOrientation, header, label, value, onChange, required, disabled, min, max, variant, inputPosition, className, id, 'data-testid': dataTestId, ...sliderProps }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Slider({ headerOrientation, header, label, value, onChange, required, disabled, min, max, variant, inputPosition, colorChangeThreshold, valueFormat, messageTimeout, className, id, 'data-testid': dataTestId, ...sliderProps }: SliderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Slider {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAMxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAyB,EACzB,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CAsGb;yBAtHe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AASxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAyB,EACzB,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,oBAAoB,EACpB,WAAW,EACX,cAAqB,EACrB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CAgPb;yBAnQe,MAAM"}