carbon-react 159.13.1 → 159.13.3

package/esm/__internal__/popover-menu/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export { PopoverMenuContext } from "./popover-menu.context";
+export type { PopoverMenuContextProps } from "./popover-menu.context";
+export { default as MenuHeadingContext } from "./menu-heading.context";

package/esm/__internal__/popover-menu/contexts/index.js

@@ -0,0 +1 @@
+export{PopoverMenuContext}from"./popover-menu.context.js";export{default as MenuHeadingContext}from"./menu-heading.context.js";

package/esm/__internal__/popover-menu/contexts/menu-heading.context.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").Context<{
+    headingId: string;
+} | null>;
+export default _default;

package/esm/__internal__/popover-menu/contexts/menu-heading.context.js

@@ -0,0 +1 @@
+import{createContext as r}from"react";var a=r(null);export{a as default};

package/esm/__internal__/popover-menu/contexts/popover-menu.context.d.ts

@@ -0,0 +1,4 @@
+export interface PopoverMenuContextProps {
+    size: "small" | "medium" | "large";
+}
+export declare const PopoverMenuContext: import("react").Context<PopoverMenuContextProps>;

package/esm/__internal__/popover-menu/contexts/popover-menu.context.js

@@ -0,0 +1 @@
+import{createContext as e}from"react";const m=e({size:"medium"});export{m as PopoverMenuContext};

package/esm/__internal__/popover-menu/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useHandleDropdownMenuKeyDown, itemQuerySelector, setFocus, } from "./useHandleDropdownMenuKeyDown";

package/esm/__internal__/popover-menu/hooks/index.js

@@ -0,0 +1 @@
+export{itemQuerySelector,setFocus,useHandleDropdownMenuKeyDown}from"./useHandleDropdownMenuKeyDown.js";

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+export declare const itemQuerySelector = "li[data-component='popover-menu-item']:not([aria-disabled='true'])";
+export declare const setFocus: (el?: HTMLElement) => void;
+export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>) => (ev: React.KeyboardEvent<HTMLElement>) => void;

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js

@@ -0,0 +1 @@
+import{useCallback as t}from"react";const e="li[data-component='popover-menu-item']:not([aria-disabled='true'])",l=t=>{var e;null==t||t.setAttribute("data-has-focus","true"),null==t||null===(e=t.scrollIntoView)||void 0===e||e.call(t,{block:"nearest",inline:"nearest"})},i=(i,n)=>t((t=>{var r;const o=Array.from((null===(r=i.current)||void 0===r?void 0:r.querySelectorAll(e))||[]),u=o[0],d=o[o.length-1],a=o.find((t=>"true"===t.getAttribute("data-has-focus"))),v=o.find((t=>"true"===t.getAttribute("aria-selected")));if("ArrowDown"===t.key){if(t.preventDefault(),!a){const t=null!=v?v:u;var s;return n(null!==(s=null==t?void 0:t.id)&&void 0!==s?s:""),void l(t)}var f;if(a.setAttribute("data-has-focus","false"),d===a)return n(null!==(f=null==u?void 0:u.id)&&void 0!==f?f:""),void l(u);const e=o.indexOf(a),i=o[(e+1)%o.length];var c;return n(null!==(c=null==i?void 0:i.id)&&void 0!==c?c:""),void l(i)}if("ArrowUp"===t.key){if(t.preventDefault(),!a){const t=null!=v?v:d;var p;return n(null!==(p=null==t?void 0:t.id)&&void 0!==p?p:""),void l(t)}var A;if(a.setAttribute("data-has-focus","false"),u===a)return n(null!==(A=null==d?void 0:d.id)&&void 0!==A?A:""),void l(d);const e=o.indexOf(a),i=o[(e-1+o.length)%o.length];var h;return n(null!==(h=null==i?void 0:i.id)&&void 0!==h?h:""),void l(i)}var b,g;return"Home"===t.key?(t.preventDefault(),n(null!==(b=null==u?void 0:u.id)&&void 0!==b?b:""),null==a||a.setAttribute("data-has-focus","false"),void l(u)):"End"===t.key?(t.preventDefault(),n(null!==(g=null==d?void 0:d.id)&&void 0!==g?g:""),null==a||a.setAttribute("data-has-focus","false"),void l(d)):void("Enter"===t.key&&a&&(t.preventDefault(),t.stopPropagation(),a.click()))}),[i,n]);export{e as itemQuerySelector,l as setFocus,i as useHandleDropdownMenuKeyDown};

package/esm/__internal__/popover-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PopoverMenu } from "./popover-menu.component";
+export { MenuItem, MenuItemLeading, MenuItemLabel, MenuItemSubtext, MenuItemDivider, MenuItemHeading, } from "./menu-item";
+export type { PopoverMenuProps } from "./popover-menu.component";

package/esm/__internal__/popover-menu/index.js

@@ -0,0 +1 @@
+export{default as PopoverMenu}from"./popover-menu.component.js";export{default as MenuItem}from"./menu-item/menu-item.component.js";export{default as MenuItemLeading}from"./menu-item/menu-item-content/menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item/menu-item-content/menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item/menu-item-content/menu-item-subtext.component.js";export{default as MenuItemDivider}from"./menu-item/menu-item-divider/menu-item-divider.component.js";export{default as MenuItemHeading}from"./menu-item/menu-item-heading/menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/index.d.ts

@@ -0,0 +1,6 @@
+export { default as MenuItem } from "./menu-item.component";
+export { MenuItemLeading } from "./menu-item-content";
+export { MenuItemLabel } from "./menu-item-content";
+export { MenuItemSubtext } from "./menu-item-content";
+export { default as MenuItemDivider } from "./menu-item-divider";
+export { default as MenuItemHeading } from "./menu-item-heading";

package/esm/__internal__/popover-menu/menu-item/index.js

@@ -0,0 +1 @@
+export{default as MenuItem}from"./menu-item.component.js";export{default as MenuItemLeading}from"./menu-item-content/menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item-content/menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item-content/menu-item-subtext.component.js";export{default as MenuItemDivider}from"./menu-item-divider/menu-item-divider.component.js";export{default as MenuItemHeading}from"./menu-item-heading/menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MenuItemLeading } from "./menu-item-leading.component";
+export { default as MenuItemLabel } from "./menu-item-label.component";
+export { default as MenuItemSubtext } from "./menu-item-subtext.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/index.js

@@ -0,0 +1 @@
+export{default as MenuItemLeading}from"./menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item-subtext.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface MenuItemLabelProps {
+    children: React.ReactNode;
+    prefix?: string;
+}
+declare const MenuItemLabel: {
+    ({ children, prefix }: MenuItemLabelProps): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemLabel;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as m}from"react";import n,{css as o}from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";const a=n.span.withConfig({displayName:"menu-item-label.component__StyledMenuItemLabel",componentId:"sc-3e81ec8-0"})(["grid-column:-2 / -1;grid-row:1;",""],(({$size:e})=>o(["span.menu-item-label-prefix{font:var(--global-font-static-comp-medium-",");}"],e.charAt(0)))),r=({children:n,prefix:o})=>{const{size:r}=m(i);return e(a,{"data-element":"menu-item-label",$size:r,children:[o&&t("span",{"data-element":"menu-item-label-prefix",className:"menu-item-label-prefix",children:o}),n]})};r.displayName="PopoverMenuItemLabel";export{r as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+declare const MenuItemLeading: {
+    ({ children, selectedIcon, }: {
+        children: React.ReactNode;
+        selectedIcon?: boolean;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemLeading;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import"react";import t from"styled-components";import i from"../../../../components/icon/icon.component.js";const o=t.span.withConfig({displayName:"menu-item-leading.component__StyledMenuItemLeading",componentId:"sc-7bf39f59-0"})(['display:flex;grid-row:1;[data-component="icon"]{width:20px;height:20px;}']),a=t.span.withConfig({displayName:"menu-item-leading.component__StyledSelectedIconWrapper",componentId:"sc-7bf39f59-1"})(["",""],(({$hasIcon:e})=>`\n    visibility: ${e?"visible":"hidden"};\n  `)),c=({children:t,selectedIcon:c=!1})=>e(o,{className:"menu-item-leading","data-element":"leading",children:[n(a,{"data-role":"selected-icon-wrapper",$hasIcon:c,children:n(i,{type:"tick_thick","data-role":"selected-icon"})}),t]});c.displayName="PopoverMenuItemLeading";export{c as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const MenuItemSubtext: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemSubtext;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useContext as e}from"react";import o,{css as n}from"styled-components";import{PopoverMenuContext as m}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";const r=o.span.withConfig({displayName:"menu-item-subtext.component__StyledMenuItemSubtext",componentId:"sc-8eef9447-0"})(["grid-column:-2 / -1;grid-row:2;color:var(--input-dropdown-label-subtxt);",""],(({$size:t})=>n([""," ",""],("small"===t||"medium"===t)&&"\n      font: var(--global-font-static-comp-regular-xs);\n    ","large"===t&&"\n      font: var(--global-font-static-comp-regular-s);\n    "))),s=({children:o})=>{const{size:n}=e(m);return t(r,{"data-element":"menu-item-subtext",className:"menu-item-subtext",$size:n,children:o})};s.displayName="PopoverMenuItemSubtext";export{s as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./menu-item-divider.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/index.js

@@ -0,0 +1 @@
+export{default}from"./menu-item-divider.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const MenuItemDivider: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemDivider;

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import o from"styled-components";import{Divider as r}from"../../../../components/divider/divider.component.js";const i=o.li.withConfig({displayName:"menu-item-divider.component__StyledMenuItemDivider",componentId:"sc-dae620b3-0"})(["margin:var(--global-space-comp-m);hr{background-color:var(--container-standard-border-default);height:var(--global-borderwidth-xs);}"]),t=()=>e(i,{"data-component":"popover-menu-divider","aria-hidden":"true",children:e(r,{m:0,type:"horizontal"})});t.displayName="PopoverMenuItemDivider";export{t as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./menu-item-heading.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/index.js

@@ -0,0 +1 @@
+export{default}from"./menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+declare const MenuItemHeading: {
+    ({ children, text, }: {
+        children: React.ReactNode;
+        text: string;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemHeading;

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n,useRef as o}from"react";import i from"styled-components";import{PopoverMenuContext as r}from"../../contexts/popover-menu.context.js";import a from"../../contexts/menu-heading.context.js";import d from"../../../utils/helpers/guid/index.js";const l=i.li.withConfig({displayName:"menu-item-heading.component__StyledMenuHeading",componentId:"sc-64d52935-0"})(['div[data-element="text"]{'," color:var(--input-dropdown-label-alt);}ul{margin:0;padding:0;list-style:none;overflow:hidden;}"],(({$size:e})=>`\n        padding: 0 var(--global-space-comp-m);\n        font: var(--global-font-static-comp-medium-${e.charAt(0)});\n        margin-left: calc(var(--global-space-comp-m) - 2px);\n      `)),m=({children:i,text:m})=>{const{size:p}=n(r),c=o(`popover-menu-heading-${d()}`);return e(l,{"data-component":"popover-menu-item-heading",$size:p,role:"option",children:[t("div",{"data-element":"text",id:c.current,children:m}),t(a.Provider,{value:{headingId:c.current},children:t("ul",{role:"listbox","aria-label":m,children:i})})]})};m.displayName="PopoverMenuItemHeading";export{m as default};

package/esm/__internal__/popover-menu/menu-item/menu-item.component.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface MenuItemProps {
+    children: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    id?: string;
+}
+declare const MenuItem: {
+    ({ children, onClick, selected, disabled, id, ...rest }: MenuItemProps): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItem;

package/esm/__internal__/popover-menu/menu-item/menu-item.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useRef as n,useContext as t}from"react";import o,{css as r}from"styled-components";import{PopoverMenuContext as i}from"../contexts/popover-menu.context.js";import l from"../contexts/menu-heading.context.js";import a from"../../utils/helpers/guid/index.js";function s(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const c=o.li.withConfig({displayName:"menu-item.component__StyledMenuItem",componentId:"sc-fd6a4b68-0"})(["width:100%;position:relative;box-sizing:border-box;&:not(:has(button)):not(:has(a)){",' display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--global-space-comp-xs);&:not(:has(.menu-item-leading)){grid-template-columns:1fr;}}&[data-has-focus="true"]{outline:var(--focus-borderalt) solid var(--global-borderwidth-s);outline-offset:calc(var(--global-borderwidth-s) * -1);}',""],(({$disabled:e})=>e?"\n          * {\n          color: var(--input-dropdown-label-disabled);\n          }\n          cursor: not-allowed;\n        ":"\n          color: var(--input-dropdown-label-alt);\n          cursor: pointer;\n\n          :hover {\n            * {\n              color: var(--input-dropdown-label-hover);\n            }\n            background-color: var(--input-dropdown-bg-hover);\n          }\n      "),(({$size:e})=>r([""," "," ",""],"small"===e&&"\n      padding: var(--global-space-comp-xs) 0;\n\n      &:not(:has(.menu-item-subtext)) {\n        min-height: var(--global-size-s);\n      }\n      \n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-regular-s);\n      }\n    ","medium"===e&&"\n      padding: var(--global-space-comp-s) 0;\n\n      &:not(:has(.menu-item-subtext)) {\n        min-height: var(--global-size-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-regular-m);\n      }\n    ","large"===e&&"\n      padding: var(--global-space-comp-m) 0;\n\n      &:not(:has(.menu-item-subtext)) {\n        min-height: var(--global-size-l);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-regular-l);\n      }\n    "))),m=o=>{var{children:r,onClick:m,selected:u,disabled:p,id:d}=o,b=function(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(o,["children","onClick","selected","disabled","id"]);const f=n(null),{size:g}=t(i),v=n(null!=d?d:`popover-menu-item-${a()}`).current,h=t(l),y=null==h?void 0:h.headingId;return e(c,(O=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){s(e,n,t[n])}))}return e}({ref:f,"data-component":"popover-menu-item",className:"popover-menu-item"+(p?"-disabled":""),$size:g,onClick:p?void 0:m,onMouseDown:p?void 0:e=>e.preventDefault(),role:"option","aria-selected":u&&!p,"aria-disabled":p,$disabled:p,id:v},b),j=null!=(j={"aria-describedby":y,children:r})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(j)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(j)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(j,e))})),O));var O,j};m.displayName="PopoverMenuItem";export{m as default};

package/esm/__internal__/popover-menu/popover-menu.component.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import { ButtonHandle } from "../../components/button/__next__";
+import { type PopoverMenuContextProps } from "./contexts";
+import { TagProps } from "../utils/helpers/tags";
+interface ListProps {
+    $size: PopoverMenuContextProps["size"];
+}
+export declare const List: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
+interface PopoverControlProps {
+    "aria-haspopup": "listbox" | "menu";
+    "aria-controls"?: string;
+    "aria-expanded"?: boolean;
+    role?: string;
+    "aria-activedescendant"?: string;
+}
+type FocusableHandle = NonNullable<ButtonHandle> | HTMLElement | HTMLButtonElement | HTMLAnchorElement | HTMLInputElement;
+export interface PopoverMenuProps<TRef extends FocusableHandle = NonNullable<ButtonHandle>> extends TagProps {
+    /** The content of the popover menu */
+    children: React.ReactNode;
+    /** Whether the popover menu is open or not */
+    open: boolean;
+    /** The element that the popover menu is anchored to */
+    popoverControl?: (ref: React.RefObject<TRef>, props: PopoverControlProps) => React.ReactNode;
+    size?: PopoverMenuContextProps["size"];
+    /** Placement of the popover menu */
+    placement?: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    /** Middleware for the popover menu */
+    middleware?: typeof menuPopoverMiddleware;
+    /** Ref for the submenu control element */
+    submenuControlRef?: React.RefObject<HTMLElement>;
+    /** id applied to the outer wrapper element (e.g. for aria-controls) */
+    id?: string;
+    /** Blur handler for the outer wrapper element */
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    /** Callback when the popover menu is opened */
+    onOpen: () => void;
+    /** Callback when the popover menu is closed */
+    onClose: (e?: Event, value?: string) => void;
+    /** Set the custom width of the menu */
+    width?: string;
+    /** Aria labelledby for the listbox */
+    listboxAriaLabelledBy?: string;
+}
+declare const menuPopoverMiddleware: (width?: string) => {
+    name: string;
+    options?: any;
+    fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+}[];
+declare const PopoverMenu: <TRef extends FocusableHandle = NonNullable<ButtonHandle>>({ children, open, popoverControl, size, placement, onOpen, onClose, width, listboxAriaLabelledBy, ...rest }: PopoverMenuProps<TRef>) => React.JSX.Element;
+export default PopoverMenu;

package/esm/__internal__/popover-menu/popover-menu.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as t,useEffect as l}from"react";import i,{css as a}from"styled-components";import c from"../popover/popover.component.js";import{offset as p,flip as s,size as u}from"@floating-ui/dom";import d from"./utils/wrap-children-in-menu-items.util.js";import m from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import{useHandleDropdownMenuKeyDown as f}from"./hooks/useHandleDropdownMenuKeyDown.js";import v from"../utils/helpers/guid/index.js";import{PopoverMenuContext as b}from"./contexts/popover-menu.context.js";import"./contexts/menu-heading.context.js";function y(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}const g=i.div.withConfig({displayName:"popover-menu.component__PopoverControlWrapper",componentId:"sc-860c724f-0"})(["display:inline-block;"]),h=i.ul.withConfig({displayName:"popover-menu.component__List",componentId:"sc-860c724f-1"})(["margin:var(--global-space-none);padding:var(--global-space-none);background-color:var(--popover-bg-default);overflow:hidden auto;display:flex;flex-direction:column;"," list-style:none;"],(({$size:e})=>a(["max-height:calc(5 * var(--global-size-","));"],e.charAt(0)))),w={small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"},O=i.div.withConfig({displayName:"popover-menu.component__MenuWrapper",componentId:"sc-860c724f-2"})(["padding:",";box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-container-m);background-color:var(--popover-bg-default);width:max-content;max-width:100%;max-height:100%;position:relative;z-index:1;overflow:hidden;"],(({$size:e})=>a([""," var(--global-space-none)"],w[e]))),j=e=>[p(8),s({fallbackStrategy:"initialPlacement"}),u({apply({rects:o,elements:r}){r.floating.style.width=e||`${o.reference.width}px`}})],x=i=>{var{children:a,open:p,popoverControl:s,size:u="medium",placement:w="bottom-end",onOpen:x,onClose:P,width:k,listboxAriaLabelledBy:C}=i,D=function(e,o){if(null==e)return{};var r,n,t=function(e,o){if(null==e)return{};var r,n,t={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],o.indexOf(r)>=0||(t[r]=e[r]);return t}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(i,["children","open","popoverControl","size","placement","onOpen","onClose","width","listboxAriaLabelledBy"]);const _=r(null),z=r(null),E=r(null),L=r(`popover-menu-scroll-wrapper-${v()}`),S=r(null),$=d(a),A=r(null),B=m(P),I=j(k),[M,N]=n(""),K=t((e=>{var o;p&&"Escape"===e.key&&(e.preventDefault(),P(),(o=A.current)&&(function(e){return"focusButton"in e}(o)?o.focusButton():o.focus()))}),[p,P]);l((()=>{const{current:e}=S;return null==e||e.addEventListener("click",B,{passive:!0}),null==e||e.addEventListener("keydown",K),()=>{null==e||e.removeEventListener("click",B),null==e||e.removeEventListener("keydown",K)}}),[B,K]);const W=f(E,N),H=t((e=>{var o;p&&(null===(o=_.current)||void 0===o?void 0:o.contains(document.activeElement))&&W(e)}),[p,W]);return l((()=>{p||N("")}),[p]),e("div",(q=function(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(o){y(e,o,r[o])}))}return e}({ref:S,"data-component":"popover-menu"},D),F=null!=(F={children:[s&&o(g,{ref:_,onKeyDown:H,"data-component":"popover-menu-control",children:s(A,{"aria-haspopup":"listbox","aria-controls":L.current,"aria-expanded":p,role:"combobox","aria-activedescendant":p&&M?M:void 0})}),o(b.Provider,{value:{size:u},children:p&&o(c,{placement:w,reference:_,isOpen:p,"data-component":"popover-menu",middleware:I,disablePortal:!0,popoverStrategy:"fixed",children:o(O,{$size:u,"data-role":"menu-wrapper",onMouseDown:e=>e.preventDefault(),ref:z,children:o(h,{$size:u,ref:E,role:"listbox",id:L.current,"aria-labelledby":C,children:$})})})})]})?F:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(F)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(F)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(F,e))})),q));var q,F};export{h as List,x as default};

package/esm/__internal__/popover-menu/utils/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./wrap-children-in-menu-items.util";

package/esm/__internal__/popover-menu/utils/index.js

@@ -0,0 +1 @@
+export{default}from"./wrap-children-in-menu-items.util.js";

package/esm/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const wrapChildrenInItem: (children: React.ReactNode) => React.ReactNode[] | undefined;
+export default wrapChildrenInItem;

package/esm/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import m from"react";import t from"../menu-item/menu-item.component.js";import"../menu-item/menu-item-content/menu-item-leading.component.js";import"../menu-item/menu-item-content/menu-item-label.component.js";import"../menu-item/menu-item-content/menu-item-subtext.component.js";import n from"../menu-item/menu-item-divider/menu-item-divider.component.js";import i from"../menu-item/menu-item-heading/menu-item-heading.component.js";const o=r=>{var u;return null===(u=m.Children.map(r,(r=>m.isValidElement(r)?r.type===m.Fragment?o(r.props.children):r.type===t||r.type===n||r.type===i?r:e(t,{children:r}):null)))||void 0===u?void 0:u.flat().filter(Boolean)};export{o as default};

package/esm/components/anchor-navigation/anchor-navigation.component.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import n,{useMemo as r,useState as o,useRef as i,useCallback as a,useEffect as c}from"react";import{isFragment as l}from"react-is";import s from"invariant";import m from"lodash/throttle";import{defaultFocusableSelectors as d}from"../../__internal__/focus-trap/focus-trap-utils.js";import p from"../../__internal__/utils/helpers/events/events.js";import{StyledAnchorNavigation as u,StyledNavigation as h,StyledContent as v}from"./anchor-navigation.style.js";import f from"./anchor-navigation-item/anchor-navigation-item.component.js";const g=({children:g,stickyNavigation:y,"data-element":w,"data-role":N})=>{s(l(y),"`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.");const b=r((()=>!n.Children.toArray(y.props.children).find((t=>!n.isValidElement(t)||"AnchorNavigationItem"!==t.type.displayName))),[y]);s(b,`\`stickyNavigation\` prop in \`AnchorNavigation\` should be a React Fragment that only contains children of type \`${f.displayName}\``);const[A,_]=o(0),k=i(n.Children.map(y.props.children,(t=>t.props.target))),C=i(null),R=i(null),j=i(!0),E=i(),x=a((()=>{if(null===R.current)return;const t=k.current.map((({current:t},e)=>[e,null==t?void 0:t.getBoundingClientRect().top])).filter((t=>void 0!==t[1])),{top:e}=R.current.getBoundingClientRect(),n=t.reduce(((n,r)=>{const[o,i]=r;return i-200>e?n:i>t[n][1]?o:n}),t[0][0]);_(n)}),[]),T=r((()=>m((()=>{j.current?x():(void 0!==E.current&&window.clearTimeout(E.current),E.current=setTimeout((()=>{j.current=!0}),150))}),100)),[x]);c((()=>(window.addEventListener("scroll",T,!0),()=>window.removeEventListener("scroll",T,!0))),[T]);const B=t=>{const e=k.current[t].current;var n;null!==e&&(e.dataset.carbonAnchornavRef||(e.dataset.carbonAnchornavRef="true"),(n=e).matches(d)||n.setAttribute("tabindex","-1"),n.focus({preventScroll:!0}),window.setTimeout((()=>{j.current=!1,e.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}),_(t)}),10))};return t(u,{ref:C,"data-component":"anchor-navigation","data-element":w,"data-role":N,children:[e(h,{ref:R,"data-element":"anchor-sticky-navigation",children:n.Children.map(y.props.children,((t,e)=>n.cloneElement(t,{href:t.props.href||"#",isSelected:e===A,onClick:t=>((t,e)=>{t.preventDefault(),B(e)})(t,e),onKeyDown:t=>((t,e)=>{p.isEnterKey(t)&&B(e)})(t,e)})))}),e(v,{children:g})]})};g.displayName="AnchorNavigation";export{g as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import n,{useMemo as r,useState as o,useRef as i,useCallback as a,useEffect as c}from"react";import l from"invariant";import s from"lodash/throttle";import{defaultFocusableSelectors as d}from"../../__internal__/focus-trap/focus-trap-utils.js";import m from"../../__internal__/utils/helpers/events/events.js";import{StyledAnchorNavigation as p,StyledNavigation as u,StyledContent as h}from"./anchor-navigation.style.js";import v from"./anchor-navigation-item/anchor-navigation-item.component.js";const f=({children:f,stickyNavigation:g,"data-element":y,"data-role":w})=>{l(n.isValidElement(g)&&g.type===n.Fragment,"`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.");const N=r((()=>!n.Children.toArray(g.props.children).find((t=>!n.isValidElement(t)||"AnchorNavigationItem"!==t.type.displayName))),[g]);l(N,`\`stickyNavigation\` prop in \`AnchorNavigation\` should be a React Fragment that only contains children of type \`${v.displayName}\``);const[b,A]=o(0),_=i(n.Children.map(g.props.children,(t=>t.props.target))),k=i(null),C=i(null),E=i(!0),R=i(),j=a((()=>{if(null===C.current)return;const t=_.current.map((({current:t},e)=>[e,null==t?void 0:t.getBoundingClientRect().top])).filter((t=>void 0!==t[1])),{top:e}=C.current.getBoundingClientRect(),n=t.reduce(((n,r)=>{const[o,i]=r;return i-200>e?n:i>t[n][1]?o:n}),t[0][0]);A(n)}),[]),x=r((()=>s((()=>{E.current?j():(void 0!==R.current&&window.clearTimeout(R.current),R.current=setTimeout((()=>{E.current=!0}),150))}),100)),[j]);c((()=>(window.addEventListener("scroll",x,!0),()=>window.removeEventListener("scroll",x,!0))),[x]);const F=t=>{const e=_.current[t].current;var n;null!==e&&(e.dataset.carbonAnchornavRef||(e.dataset.carbonAnchornavRef="true"),(n=e).matches(d)||n.setAttribute("tabindex","-1"),n.focus({preventScroll:!0}),window.setTimeout((()=>{E.current=!1,e.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}),A(t)}),10))};return t(p,{ref:k,"data-component":"anchor-navigation","data-element":y,"data-role":w,children:[e(u,{ref:C,"data-element":"anchor-sticky-navigation",children:n.Children.map(g.props.children,((t,e)=>n.cloneElement(t,{href:t.props.href||"#",isSelected:e===b,onClick:t=>((t,e)=>{t.preventDefault(),F(e)})(t,e),onKeyDown:t=>((t,e)=>{m.isEnterKey(t)&&F(e)})(t,e)})))}),e(h,{children:f})]})};f.displayName="AnchorNavigation";export{f as default};

package/esm/components/button/__next__/__internal__/utils/is-icon-only.js

@@ -1 +1 @@
-import{Children as r,isValidElement as t}from"react";import{isFragment as e}from"react-is";const o=p=>!!p&&r.toArray(p).every((r=>t(r)?"Icon"===r.type.displayName||!!e(r)&&o(r.props.children):"string"==typeof r&&!r.trim().length));export{o as default};
+import e,{Children as t,isValidElement as r}from"react";const a=o=>!!o&&t.toArray(o).every((t=>r(t)?"Icon"===t.type.displayName||!(!e.isValidElement(t)||t.type!==e.Fragment)&&a(t.props.children):"string"==typeof t&&!t.trim().length));export{a as default};

package/esm/components/dialog/dialog.component.d.ts

@@ -8,9 +8,9 @@ export interface DialogProps extends Omit<NextDialogProps, "size"> {
     highlightVariant?: string;
     /** @deprecated Use `contentPadding` instead. */
     disableContentPadding?: boolean;
-    /** @deprecated */
+    /** @deprecated Use `showCloseIcon={false}` instead.*/
     disableClose?: boolean;
-    /** @deprecated */
+    /** @deprecated PagesStyling is now deprecated and will be removed in a future release*/
     pagesStyling?: boolean;
     /**
      * Size — accepts both legacy values (extra-small, medium-small, etc.)

package/esm/components/icon/icon.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import n from"../../style/utils/color.js";import{getWindow as s,getNavigator as l}from"../../__internal__/dom/globals.js";import c,{isSafari as a}from"../../__internal__/utils/helpers/browser-type-check/index.js";import m from"./icon-config.js";import d from"./icon-unicodes.js";import{StyledButton as f}from"../button/__next__/button.style.js";const p=t([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);&:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}.button-toggle &&{color:currentColor;}"],f),g=o.span.attrs(r).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-f9838ea5-0"})(["",""],(({theme:o,color:r,bg:f,isInteractive:g,bgSize:h,bgShape:u,type:b,fontSize:y,disabled:v,tabIndex:_,inverse:j})=>{let k=j?"var(--container-standard-inverse-icon)":"var(--container-standard-icon)",x="transparent";const S=s(),z=l(),C=h?m.backgroundSize[h]:void 0;if(v)k="var(--colorsYin030)";else if(r){const{color:t}=n({color:r,theme:o});k=t}if(f){const{backgroundColor:t}=n({bg:f,theme:o});x=t}return t(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],k,x,C,C,u?`border-radius: ${m.backgroundShape[u]}`:"",g&&t(["&:not(:focus):hover{filter:brightness(0.9);}"]),d[b],y&&t(["font-size:",";line-height:",";"],m.iconSize[y],m.iconSize[y]),S&&"services"===b&&c(S)&&t(["margin-top:",";"],"small"===y?"-7px":"-8px"),z&&S&&"services"===b&&a(z)&&!c(S)&&t(["margin-top:-6px;"]),void 0!==_&&`\n        :focus {\n          ${i()}\n        }\n      `,e,p)}));export{g as default};
+import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import n from"../../style/utils/color.js";import{getWindow as l,getNavigator as s}from"../../__internal__/dom/globals.js";import c,{isSafari as a}from"../../__internal__/utils/helpers/browser-type-check/index.js";import m from"./icon-config.js";import d from"./icon-unicodes.js";import{StyledButton as p}from"../button/__next__/button.style.js";const f=t([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);&:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}.button-toggle &&{color:currentColor;}"],p),u=o.span.attrs(r).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-1136604-0"})([""," "," &,.popover-menu-item &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({theme:o,color:r,bg:p,isInteractive:u,bgSize:g,bgShape:h,type:b,fontSize:y,disabled:v,tabIndex:_,inverse:C})=>{let j=C?"var(--container-standard-inverse-icon)":"var(--container-standard-icon)",k="transparent";const x=l(),S=s(),z=g?m.backgroundSize[g]:void 0;if(v)j="var(--colorsYin030)";else if(r){const{color:t}=n({color:r,theme:o});j=t}if(p){const{backgroundColor:t}=n({bg:p,theme:o});k=t}return t(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],j,k,z,z,h?`border-radius: ${m.backgroundShape[h]}`:"",u&&t(["&:not(:focus):hover{filter:brightness(0.9);}"]),d[b],y&&t(["font-size:",";line-height:",";"],m.iconSize[y],m.iconSize[y]),x&&"services"===b&&c(x)&&t(["margin-top:",";"],"small"===y?"-7px":"-8px"),S&&x&&"services"===b&&a(S)&&!c(x)&&t(["margin-top:-6px;"]),void 0!==_&&`\n        :focus {\n          ${i()}\n        }\n      `,e,f)}),p);export{u as default};

package/esm/components/sidebar/sidebar.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useRef as t,useCallback as a}from"react";import n from"../../__internal__/modal/modal.component.js";import{StyledSidebar as i,StyledSidebarContent as s}from"./sidebar.style.js";import l from"../icon-button/icon-button.component.js";import c from"../icon/icon.component.js";import d from"../../__internal__/focus-trap/focus-trap.component.js";import u,{SidebarSubHeader as p}from"./__internal__/sidebar-header/sidebar-header.component.js";import b from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../../style/utils/filter-styled-system-padding-props.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import h from"../../hooks/__internal__/useModalAria/useModalAria.js";import O from"./__internal__/sidebar.context.js";import j from"../../hooks/useMediaQuery/useMediaQuery.js";function _(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){_(e,r,o[r])}))}return e}function P(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}const w=o.forwardRef(((o,_)=>{var{"aria-describedby":w,"aria-label":v,"aria-labelledby":k,"data-element":F="sidebar","data-role":S,open:C,bespokeFocusTrap:E,closeButtonDataProps:A,disableAutoFocus:M=!1,disableEscKey:x=!1,enableBackgroundUI:D=!1,header:I,headerVariant:B="light",subHeader:H,position:N="right",size:z="medium",children:K,onCancel:L,role:R="dialog",focusFirstElement:T,focusableContainers:U,focusableSelectors:V,width:Q,widthAnimation:W=!1,headerPadding:q={},subHeaderPadding:G={},topModalOverride:J,restoreFocusOnClose:X=!0,className:Y,hidden:Z}=o,$=function(e,r){if(null==e)return{};var o,t,a=function(e,r){if(null==e)return{};var o,t,a={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||(a[o]=e[o]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(a[o]=e[o])}return a}(o,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","enableBackgroundUI","header","headerVariant","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","width","widthAnimation","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className","hidden"]);const ee=m(),re=j("screen and (prefers-reduced-motion: no-preference)"),{current:oe}=t(b()),{current:te}=t(b()),ae=t(null),ne=a((e=>{ae.current=e,_&&("object"==typeof _&&(_.current=e),"function"==typeof _&&_(e))}),[_]),ie=h(ae,Z),se=()=>L?r(l,P(g({"aria-label":ee.sidebar.ariaLabels.close(),onClick:L},y("close",g({"data-element":"close"},A))),{children:r(c,{type:"close"})})):null,le=e(i,{"aria-modal":!D&&ie,"aria-describedby":w||te,"aria-label":v,"aria-labelledby":k||v?k:oe,"data-component":"sidebar","data-element":F,"data-role":S,ref:ne,position:N,size:z,onCancel:L,role:R,width:Q,widthAnimation:W&&re,className:Y,children:[I&&r(u,P(g({headerVariant:B,closeIcon:se()},q),{id:oe,children:I})),H&&r(p,P(g({},G),{id:te,children:H})),!I&&se(),r(s,P(g({"data-element":"sidebar-content","data-role":"sidebar-content"},f($)),{children:r(O.Provider,{value:{isInSidebar:!0},children:K})}))]});return r(n,{open:C,onCancel:L,disableEscKey:x,enableBackgroundUI:D,topModalOverride:J,restoreFocusOnClose:X,children:D?le:r(d,{wrapperRef:ae,isOpen:C,additionalWrapperRefs:U,focusableSelectors:V,focusFirstElement:T,autoFocus:!M,bespokeTrap:E,children:le})})}));w.displayName="Sidebar";export{w as Sidebar,w as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useRef as t,useCallback as a}from"react";import n from"../../__internal__/modal/modal.component.js";import{StyledSidebar as i,StyledSidebarContent as s}from"./sidebar.style.js";import l from"../icon-button/icon-button.component.js";import c from"../icon/icon.component.js";import d from"../../__internal__/focus-trap/focus-trap.component.js";import u,{SidebarSubHeader as p}from"./__internal__/sidebar-header/sidebar-header.component.js";import b from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../../style/utils/filter-styled-system-padding-props.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import h from"../../hooks/__internal__/useModalAria/useModalAria.js";import O from"./__internal__/sidebar.context.js";import j from"../../hooks/useMediaQuery/useMediaQuery.js";function _(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){_(e,r,o[r])}))}return e}function P(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}const w=o.forwardRef(((o,_)=>{var{"aria-describedby":w,"aria-label":v,"aria-labelledby":k,"data-element":F="sidebar","data-role":S,open:C,bespokeFocusTrap:E,closeButtonDataProps:x,disableAutoFocus:A=!1,disableEscKey:I=!1,enableBackgroundUI:M=!1,header:D,headerVariant:B="light",subHeader:H,position:N="right",size:z="medium",children:K,onCancel:L,role:R="dialog",focusFirstElement:T,focusableContainers:U,focusableSelectors:V,width:Q,widthAnimation:W=!1,headerPadding:q={},subHeaderPadding:G={},topModalOverride:J,restoreFocusOnClose:X=!0,className:Y,hidden:Z}=o,$=function(e,r){if(null==e)return{};var o,t,a=function(e,r){if(null==e)return{};var o,t,a={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||(a[o]=e[o]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(a[o]=e[o])}return a}(o,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","enableBackgroundUI","header","headerVariant","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","width","widthAnimation","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className","hidden"]);const ee=m(),re=j("screen and (prefers-reduced-motion: no-preference)"),{current:oe}=t(b()),{current:te}=t(b()),ae=t(null),ne=a((e=>{ae.current=e,_&&("object"==typeof _&&(_.current=e),"function"==typeof _&&_(e))}),[_]),ie=h(ae,Z),se=()=>L?r(l,P(g({"aria-label":ee.sidebar.ariaLabels.close(),onClick:L},y("close",g({"data-element":"close"},x))),{children:r(c,{type:"close"})})):null,le=e(i,{"aria-modal":!M&&ie,"aria-describedby":w||te,"aria-label":v,"aria-labelledby":k||v?k:oe,"data-component":"sidebar","data-element":F,"data-role":S,ref:ne,position:N,size:z,onCancel:L,role:R,width:Q,widthAnimation:W&&re,className:Y,children:[D&&r(u,P(g({headerVariant:B,closeIcon:se()},q),{id:oe,children:D})),H&&r(p,P(g({},G),{id:te,children:H})),!D&&se(),r(s,P(g({"data-element":"sidebar-content","data-role":"sidebar-content",tabIndex:-1},f($)),{children:r(O.Provider,{value:{isInSidebar:!0},children:K})}))]});return r(n,{open:C,onCancel:L,disableEscKey:I,enableBackgroundUI:M,topModalOverride:J,restoreFocusOnClose:X,children:M?le:r(d,{wrapperRef:ae,isOpen:C,additionalWrapperRefs:U,focusableSelectors:V,focusFirstElement:T,autoFocus:!A,bespokeTrap:E,children:le})})}));w.displayName="Sidebar";export{w as Sidebar,w as default};

package/lib/__internal__/ai-icon/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/ai-icon/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/character-count/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/character-count/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/checkable-input/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/checkable-input/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/field-help/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/field-help/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/fieldset/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/fieldset/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/fieldset-validation-context/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/fieldset-validation-context/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/filter-object-properties/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/filter-object-properties/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/focus-trap/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/focus-trap/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/form-field/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/form-field/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/full-screen-heading/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/full-screen-heading/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/hint-text/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/hint-text/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/i18n-context/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/i18n-context/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/input/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/input/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/input-behaviour/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/input-behaviour/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/input-icon-toggle/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/input-icon-toggle/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/label/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/label/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/legacy-hint-text/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/legacy-hint-text/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/legacy-input/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/legacy-input/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/legacy-label/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/legacy-label/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/modal/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/modal/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/popover/package.json

@@ -1,6 +1,5 @@
 {
   "sideEffects": false,
-  "main": "./index.js",
   "module": "../../../esm/__internal__/popover/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/popover-menu/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export { PopoverMenuContext } from "./popover-menu.context";
+export type { PopoverMenuContextProps } from "./popover-menu.context";
+export { default as MenuHeadingContext } from "./menu-heading.context";

package/lib/__internal__/popover-menu/contexts/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./popover-menu.context.js"),t=require("./menu-heading.context.js");exports.PopoverMenuContext=e.PopoverMenuContext,exports.MenuHeadingContext=t.default;

package/lib/__internal__/popover-menu/contexts/menu-heading.context.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").Context<{
+    headingId: string;
+} | null>;
+export default _default;

package/lib/__internal__/popover-menu/contexts/menu-heading.context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext(null);exports.default=e;

package/lib/__internal__/popover-menu/contexts/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/__internal__/popover-menu/contexts/index.js",
+  "types": "./index.d.ts"
+}

package/lib/__internal__/popover-menu/contexts/popover-menu.context.d.ts

@@ -0,0 +1,4 @@
+export interface PopoverMenuContextProps {
+    size: "small" | "medium" | "large";
+}
+export declare const PopoverMenuContext: import("react").Context<PopoverMenuContextProps>;

package/lib/__internal__/popover-menu/contexts/popover-menu.context.js

@@ -0,0 +1 @@
+"use strict";const e=require("react").createContext({size:"medium"});exports.PopoverMenuContext=e;

package/lib/__internal__/popover-menu/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useHandleDropdownMenuKeyDown, itemQuerySelector, setFocus, } from "./useHandleDropdownMenuKeyDown";

package/lib/__internal__/popover-menu/hooks/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./useHandleDropdownMenuKeyDown.js");exports.itemQuerySelector=e.itemQuerySelector,exports.setFocus=e.setFocus,exports.useHandleDropdownMenuKeyDown=e.useHandleDropdownMenuKeyDown;

package/lib/__internal__/popover-menu/hooks/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/__internal__/popover-menu/hooks/index.js",
+  "types": "./index.d.ts"
+}

package/lib/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+export declare const itemQuerySelector = "li[data-component='popover-menu-item']:not([aria-disabled='true'])";
+export declare const setFocus: (el?: HTMLElement) => void;
+export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>) => (ev: React.KeyboardEvent<HTMLElement>) => void;