acinguiux-ds-react-framework 0.0.7 → 0.1.0

package/build/cjs/components/Menu/components/MenuItemGroup.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),u=require("rc-menu"),c=require("../../../react-base/src/consts/index.js"),o=require("./MenuLabel.js"),l=({title:t})=>e.jsx("div",{className:`${c.MENU_CLASS}-group-title-content`,children:e.jsx(o,{children:t})}),x=i.forwardRef(({children:t,title:r,...n},s)=>e.jsx(u.MenuItemGroup,{ref:s,title:e.jsx(l,{title:r}),...n,children:t}));module.exports=x;
+//# sourceMappingURL=MenuItemGroup.js.map

package/build/cjs/components/Menu/components/MenuItemGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemGroup.js","sources":["../../../../../src/components/Menu/components/MenuItemGroup.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport { MenuItemGroup as RCMenuItemGroup } from 'rc-menu';\nimport type { MenuItemGroupProps as RCMenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport MenuLabel from './MenuLabel';\n\nexport interface IMenuItemGroupProps extends Omit<RCMenuItemGroupProps, 'ref'> {}\n\nconst Title = ({ title }: IMenuItemGroupProps): ReactElement => (\n  <div className={`${MENU_CLASS}-group-title-content`}>\n    <MenuLabel>{title}</MenuLabel>\n  </div>\n);\n\nconst MenuItemGroup = forwardRef<HTMLLIElement, IMenuItemGroupProps>(\n  ({ children, title, ...rest }, ref): ReactElement => (\n    <RCMenuItemGroup ref={ref} title={<Title title={title} />} {...rest}>\n      {children}\n    </RCMenuItemGroup>\n  ),\n);\n\nexport default MenuItemGroup;\n"],"names":["Title","title","jsx","MENU_CLASS","MenuLabel","MenuItemGroup","forwardRef","children","rest","ref","RCMenuItemGroup"],"mappings":"2KAUMA,EAAQ,CAAC,CAAE,MAAAC,KACdC,EAAA,IAAA,MAAA,CAAI,UAAW,GAAGC,EAAAA,UAAU,uBAC3B,SAACD,MAAAE,EAAA,CAAW,UAAM,CAAA,EACpB,EAGIC,EAAgBC,EAAA,WACpB,CAAC,CAAE,SAAAC,EAAU,MAAAN,EAAO,GAAGO,CAAA,EAAQC,IAC7BP,EAAA,IAACQ,gBAAgB,CAAA,IAAAD,EAAU,MAAQP,EAAA,IAAAF,EAAA,CAAM,MAAAC,EAAc,EAAK,GAAGO,EAC5D,SAAAD,CACH,CAAA,CAEJ"}

package/build/cjs/components/Menu/components/MenuLabel.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),N=require("classnames"),t=require("../../../react-base/src/consts/index.js"),M=require("../MenuContext.js"),S=n.forwardRef(({children:s,itemIcon:r,parentRef:b,path:l,className:m,itemRender:c,...x},d)=>{const{itemRender:a}=n.useContext(M),o=n.useMemo(()=>c??a,[c,a]),u={ref:d,className:N(`${t.MENU_CLASS}-label`,m),...x},i=e.jsxs(e.Fragment,{children:[n.isValidElement(r)?e.jsx("span",{className:`${t.MENU_CLASS}-label-icon`,children:r}):null,s?e.jsx("span",{className:`${t.MENU_CLASS}-label-text`,children:s}):null]});return l&&s&&o?n.cloneElement(o({path:l,children:i}),{...u,tabIndex:-1}):e.jsx("span",{...u,children:i})});module.exports=S;
+//# sourceMappingURL=MenuLabel.js.map

package/build/cjs/components/Menu/components/MenuLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLabel.js","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"sourcesContent":["/* Focus and key events are disabled since menu handles them internally.\n   onClick added to circumvent event propagation being blocked by tooltip. */\n\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type RefObject,\n  useContext,\n  type HTMLAttributes,\n  useMemo,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { IMenuProps } from '../Menu.types';\nimport MenuContext from '../MenuContext';\n\nexport type MenuLabelRequiredTypes = 'itemIcon' | 'className' | 'children' | 'size';\n\nexport interface IMenuLabelProps\n  extends Pick<IMenuProps, MenuLabelRequiredTypes>,\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {\n  parentRef?: RefObject<HTMLElement>;\n  path?: string;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuLabel = forwardRef<HTMLElement, IMenuLabelProps>(\n  ({ children, itemIcon, parentRef, path, className, itemRender, ...rest }, ref): ReactElement => {\n    const { itemRender: menuItemRender } = useContext(MenuContext);\n    const currentItemRender = useMemo(() => itemRender ?? menuItemRender, [itemRender, menuItemRender]);\n\n    const elementProps = {\n      ref,\n      className: classNames(`${MENU_CLASS}-label`, className),\n      ...rest,\n    };\n\n    const content = (\n      <>\n        {isValidElement(itemIcon) ? <span className={`${MENU_CLASS}-label-icon`}>{itemIcon}</span> : null}\n        {children ? <span className={`${MENU_CLASS}-label-text`}>{children}</span> : null}\n      </>\n    );\n\n    return path && children && currentItemRender ? (\n      cloneElement(currentItemRender({ path, children: content }), { ...elementProps, tabIndex: -1 })\n    ) : (\n      <span {...elementProps}>{content}</span>\n    );\n  },\n);\n\nexport default MenuLabel;\n"],"names":["MenuLabel","forwardRef","children","itemIcon","parentRef","path","className","itemRender","rest","ref","menuItemRender","useContext","MenuContext","currentItemRender","useMemo","elementProps","classNames","MENU_CLASS","content","jsxs","Fragment","isValidElement","jsx","cloneElement"],"mappings":"iLA+BMA,EAAYC,EAAA,WAChB,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,UAAAC,EAAW,WAAAC,EAAY,GAAGC,CAAK,EAAGC,IAAsB,CAC9F,KAAM,CAAE,WAAYC,GAAmBC,EAAAA,WAAWC,CAAW,EACvDC,EAAoBC,EAAAA,QAAQ,IAAMP,GAAcG,EAAgB,CAACH,EAAYG,CAAc,CAAC,EAE5FK,EAAe,CACnB,IAAAN,EACA,UAAWO,EAAW,GAAGC,EAAU,UAAA,SAAUX,CAAS,EACtD,GAAGE,CACL,EAEMU,EAEDC,EAAAA,KAAAC,EAAA,SAAA,CAAA,SAAA,CAAeC,EAAAA,eAAAlB,CAAQ,EAAKmB,MAAA,OAAA,CAAK,UAAW,GAAGL,EAAAA,UAAU,cAAgB,SAAAd,CAAA,CAAS,EAAU,KAC5FD,QAAY,OAAK,CAAA,UAAW,GAAGe,EAAAA,UAAU,cAAgB,SAAAf,EAAS,EAAU,IAAA,EAC/E,EAGK,OAAAG,GAAQH,GAAYW,EACzBU,EAAA,aAAaV,EAAkB,CAAE,KAAAR,EAAM,SAAUa,CAAA,CAAS,EAAG,CAAE,GAAGH,EAAc,SAAU,EAAI,CAAA,EAE7FO,EAAA,IAAA,OAAA,CAAM,GAAGP,EAAe,SAAQG,EAAA,CAAA,CAGvC"}

package/build/cjs/components/Menu/components/SubMenu.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),e=require("react"),m=require("rc-menu"),x=require("../../../react-base/src/consts/index.js"),M=require("../../Icon/components/ChevronSmallDown.js"),f=require("../MenuContext.js"),q=require("./MenuLabel.js"),C=require("../../Tooltip/Tooltip.js"),S=require("../utils/classObserverUtils.js"),j=require("../styles/menuLabel.styles.js"),g=require("../Menu.utils.js"),L=e.forwardRef(({title:u,parentRef:n,itemIcon:c,level:o,isTooltipOpen:p},d)=>{const{inlineCollapsed:t,size:i}=e.useContext(f),[r,l]=e.useState(!1),a=e.useMemo(()=>r||!t||o===void 0||o>0,[r,t,o]);return S.useClassObserver(n,b=>{l(b.contains("acinguiux-menu-submenu-open"))}),s.jsx(C,{targetRef:n,isOpen:!a&&p,isDisabled:a,placement:x.Positions.Right,trigger:s.jsxs("div",{ref:d,className:`${x.MENU_CLASS}-submenu-title-content`,children:[s.jsx(q,{parentRef:n,itemIcon:c,children:u}),s.jsx(M,{className:`${x.MENU_CLASS}-submenu-expand-icon`})]}),overlay:s.jsx(j.TooltipLabel,{size:g.getTooltipLabelSize(i),children:u}),delay:50,closeDelay:200})}),R=e.forwardRef(({title:u,itemIcon:n,level:c,...o},p)=>{const{mode:d}=e.useContext(f),t=e.useRef(null),i=d==="horizontal"?[0,4]:[8,0],[r,l]=e.useState(!1),a=e.useCallback(()=>l(!0),[]),b=e.useCallback(()=>l(!1),[]);return e.useImperativeHandle(p,()=>t.current),s.jsx(m.SubMenu,{ref:t,onMouseEnter:a,onMouseLeave:b,title:s.jsx(L,{parentRef:t,title:u,level:c,itemIcon:n,isTooltipOpen:r}),popupStyle:{padding:`${i[1]}px ${i[0]}px`},...o})});module.exports=R;
+//# sourceMappingURL=SubMenu.js.map

package/build/cjs/components/Menu/components/SubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.js","sources":["../../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */\nimport {\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { SubMenu as RCSubMenu, type SubMenuProps } from 'rc-menu';\nimport { MENU_CLASS, Positions } from 'acinguiux-ds-react-base/consts';\n\nimport ChevronSmallDown from '../../Icon/components/ChevronSmallDown';\nimport MenuContext from '../MenuContext';\nimport MenuLabel from './MenuLabel';\nimport Tooltip from '../../Tooltip/Tooltip';\nimport { useClassObserver } from '../utils/classObserverUtils';\nimport { TooltipLabel } from '../styles/menuLabel.styles';\nimport { getTooltipLabelSize } from '../Menu.utils';\n\nexport interface ISubMenuProps extends Omit<SubMenuProps, 'ref'> {\n  level?: number;\n}\n\ninterface ITitleProps extends Omit<SubMenuProps, 'ref'> {\n  level?: number;\n  parentRef?: RefObject<HTMLElement>;\n  isTooltipOpen?: boolean;\n}\n\nconst Title = forwardRef<HTMLDivElement, ITitleProps>(\n  ({ title, parentRef, itemIcon, level, isTooltipOpen }, ref): ReactNode => {\n    const { inlineCollapsed, size } = useContext(MenuContext);\n    const [tooltipDisabled, setTooltipDisabled] = useState(false);\n    const isDisabled = useMemo(\n      () => tooltipDisabled || !inlineCollapsed || level === undefined || level > 0,\n      [tooltipDisabled, inlineCollapsed, level],\n    );\n\n    useClassObserver(parentRef, (currentClassNames) => {\n      setTooltipDisabled(currentClassNames.contains('acinguiux-menu-submenu-open'));\n    });\n\n    return (\n      <Tooltip\n        targetRef={parentRef}\n        isOpen={!isDisabled && isTooltipOpen}\n        isDisabled={isDisabled}\n        placement={Positions.Right}\n        trigger={\n          <div ref={ref} className={`${MENU_CLASS}-submenu-title-content`}>\n            <MenuLabel parentRef={parentRef} itemIcon={itemIcon}>\n              {title}\n            </MenuLabel>\n            <ChevronSmallDown className={`${MENU_CLASS}-submenu-expand-icon`} />\n          </div>\n        }\n        overlay={<TooltipLabel size={getTooltipLabelSize(size)}>{title}</TooltipLabel>}\n        delay={50}\n        closeDelay={200}\n      />\n    );\n  },\n);\n\nconst SubMenu = forwardRef<HTMLLIElement, ISubMenuProps>(({ title, itemIcon, level, ...rest }, ref): ReactElement => {\n  const { mode } = useContext(MenuContext);\n  const subMenuRef = useRef<HTMLLIElement>(null);\n  const popupOffset = mode === 'horizontal' ? [0, 4] : [8, 0];\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const onMouseEnter = useCallback(() => setIsTooltipOpen(true), []);\n  const onMouseLeave = useCallback(() => setIsTooltipOpen(false), []);\n\n  useImperativeHandle<HTMLLIElement | null, HTMLLIElement | null>(ref, () => subMenuRef.current);\n\n  return (\n    <RCSubMenu\n      ref={subMenuRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      title={\n        <Title parentRef={subMenuRef} title={title} level={level} itemIcon={itemIcon} isTooltipOpen={isTooltipOpen} />\n      }\n      popupStyle={{ padding: `${popupOffset[1]}px ${popupOffset[0]}px` }}\n      {...rest}\n    />\n  );\n});\n\nexport default SubMenu;\n"],"names":["Title","forwardRef","title","parentRef","itemIcon","level","isTooltipOpen","ref","inlineCollapsed","size","useContext","MenuContext","tooltipDisabled","setTooltipDisabled","useState","isDisabled","useMemo","useClassObserver","currentClassNames","jsx","Tooltip","Positions","jsxs","MENU_CLASS","MenuLabel","ChevronSmallDown","TooltipLabel","getTooltipLabelSize","SubMenu","rest","mode","subMenuRef","useRef","popupOffset","setIsTooltipOpen","onMouseEnter","useCallback","onMouseLeave","useImperativeHandle","RCSubMenu"],"mappings":"4ZAmCMA,EAAQC,EAAA,WACZ,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,cAAAC,GAAiBC,IAAmB,CACxE,KAAM,CAAE,gBAAAC,EAAiB,KAAAC,GAASC,EAAAA,WAAWC,CAAW,EAClD,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAK,EACtDC,EAAaC,EAAA,QACjB,IAAMJ,GAAmB,CAACJ,GAAmBH,IAAU,QAAaA,EAAQ,EAC5E,CAACO,EAAiBJ,EAAiBH,CAAK,CAC1C,EAEiBY,OAAAA,mBAAAd,EAAYe,GAAsB,CAC9BL,EAAAK,EAAkB,SAAS,6BAA6B,CAAC,CAAA,CAC7E,EAGCC,EAAA,IAACC,EAAA,CACC,UAAWjB,EACX,OAAQ,CAACY,GAAcT,EACvB,WAAAS,EACA,UAAWM,EAAU,UAAA,MACrB,QACGC,EAAAA,KAAA,MAAA,CAAI,IAAAf,EAAU,UAAW,GAAGgB,EAAU,UAAA,yBACrC,SAAA,CAACJ,EAAA,IAAAK,EAAA,CAAU,UAAArB,EAAsB,SAAAC,EAC9B,SACHF,EAAA,EACCiB,EAAA,IAAAM,EAAA,CAAiB,UAAW,GAAGF,EAAAA,UAAU,sBAAwB,CAAA,CAAA,EACpE,EAEF,QAAUJ,EAAAA,IAAAO,EAAA,aAAA,CAAa,KAAMC,EAAoB,oBAAAlB,CAAI,EAAI,SAAMP,EAAA,EAC/D,MAAO,GACP,WAAY,GAAA,CACd,CAAA,CAGN,EAEM0B,EAAU3B,EAAAA,WAAyC,CAAC,CAAE,MAAAC,EAAO,SAAAE,EAAU,MAAAC,EAAO,GAAGwB,CAAK,EAAGtB,IAAsB,CACnH,KAAM,CAAE,KAAAuB,CAAA,EAASpB,EAAA,WAAWC,CAAW,EACjCoB,EAAaC,SAAsB,IAAI,EACvCC,EAAcH,IAAS,aAAe,CAAC,EAAG,CAAC,EAAI,CAAC,EAAG,CAAC,EACpD,CAACxB,EAAe4B,CAAgB,EAAIpB,EAAAA,SAAS,EAAK,EAElDqB,EAAeC,EAAAA,YAAY,IAAMF,EAAiB,EAAI,EAAG,CAAA,CAAE,EAC3DG,EAAeD,EAAAA,YAAY,IAAMF,EAAiB,EAAK,EAAG,CAAA,CAAE,EAEFI,OAAAA,EAAAA,oBAAA/B,EAAK,IAAMwB,EAAW,OAAO,EAG3FZ,EAAA,IAACoB,EAAA,QAAA,CACC,IAAKR,EACL,aAAAI,EACA,aAAAE,EACA,YACGrC,EAAM,CAAA,UAAW+B,EAAY,MAAA7B,EAAc,MAAAG,EAAc,SAAAD,EAAoB,cAAAE,EAA8B,EAE9G,WAAY,CAAE,QAAS,GAAG2B,EAAY,CAAC,CAAC,MAAMA,EAAY,CAAC,CAAC,IAAK,EAChE,GAAGJ,CAAA,CACN,CAEJ,CAAC"}

package/build/cjs/components/Menu/styles/groupMenuItem.styles.js

@@ -0,0 +1,63 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),e=require("../../../react-base/src/consts/index.js"),u=require("../../../react-base/src/theme/variableTheme.js"),S=require("../../../react-base/src/utils/sizesUtils.js"),r=require("../../../react-base/src/components/Menu/Menu.consts.js"),c=t.css`
+  ${({theme:i,size:n,mode:o})=>{const a=`${r.consts[n].padding}px`,l=`${r.consts[n].indent}px`,p=`${r.consts[n].indent*2}px`,s=i.getVariablesLayer({foundation:"surface"});return t.css`
+      .${e.MENU_CLASS}-item-group {
+        .${e.MENU_CLASS}-item-group-title {
+          ${i.getTypography("labelRegular",S.getLabelTypographySize(n))};
+          padding: 0 ${l} ${a};
+          color: ${s[u.VariablesNames.TextOnFoundationSubtle]};
+          text-transform: uppercase;
+          ${o!=="horizontal"&&t.css`
+            margin-right: ${r.consts[n].collapsedItemMarginRight};
+          `}
+        }
+
+        .${e.MENU_CLASS}-group-title-content {
+          margin-top: 4px;
+          padding-bottom: 4px;
+          margin-bottom: -5px;
+          border-bottom: 1px solid ${s[u.VariablesNames.BorderOnFoundationSubtle]};
+        }
+
+        /* Horizontal */
+        ${o==="horizontal"&&t.css`
+          .${e.MENU_CLASS}-item-group-list {
+            display: flex;
+            flex-direction: row;
+            align-items: stretch;
+          }
+        `}
+      }
+
+      /* Inline */
+      ${o==="inline"&&t.css`
+        .${e.MENU_CLASS}-submenu .${e.MENU_CLASS}-item-group {
+          .${e.MENU_CLASS}-item-group-title {
+            padding-left: ${p};
+          }
+
+          &.${e.MENU_CLASS}-submenu-open
+            > .${e.MENU_CLASS}-submenu-title
+            > .${e.MENU_CLASS}-submenu-title-content
+            > .${e.MENU_CLASS}-submenu-expand-icon {
+            transform: rotate(180deg);
+          }
+        }
+      `}
+
+      /* Popup */
+      &.${e.MENU_CLASS}-submenu {
+        /* Horizontal */
+        ${o==="horizontal"&&t.css`
+          .${e.MENU_CLASS}-item-group .${e.MENU_CLASS}-item-group-list {
+            display: flex;
+            flex-direction: column;
+            align-items: stretch;
+          }
+          .${e.MENU_CLASS}-submenu-expand-icon {
+            transform: rotate(-90deg);
+          }
+        `}
+      }
+    `}}
+`;exports.groupMenuItemStyle=c;
+//# sourceMappingURL=groupMenuItem.styles.js.map

package/build/cjs/components/Menu/styles/groupMenuItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupMenuItem.styles.js","sources":["../../../../../src/components/Menu/styles/groupMenuItem.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const groupMenuItemStyle = css<StyledMenuProps>`\n  ${({ theme, size, mode }) => {\n    const padding = `${MenuConsts.consts[size].padding}px`;\n    const indent = `${MenuConsts.consts[size].indent}px`;\n    const subMenuGroupIndent = `${MenuConsts.consts[size].indent * 2}px`;\n    const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n    return css`\n      .${MENU_CLASS}-item-group {\n        .${MENU_CLASS}-item-group-title {\n          ${theme.getTypography('labelRegular', getLabelTypographySize(size))};\n          padding: 0 ${indent} ${padding};\n          color: ${layer[VariablesNames.TextOnFoundationSubtle]};\n          text-transform: uppercase;\n          ${mode !== 'horizontal' &&\n          css`\n            margin-right: ${MenuConsts.consts[size].collapsedItemMarginRight};\n          `}\n        }\n\n        .${MENU_CLASS}-group-title-content {\n          margin-top: 4px;\n          padding-bottom: 4px;\n          margin-bottom: -5px;\n          border-bottom: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n        }\n\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: row;\n            align-items: stretch;\n          }\n        `}\n      }\n\n      /* Inline */\n      ${mode === 'inline' &&\n      css`\n        .${MENU_CLASS}-submenu .${MENU_CLASS}-item-group {\n          .${MENU_CLASS}-item-group-title {\n            padding-left: ${subMenuGroupIndent};\n          }\n\n          &.${MENU_CLASS}-submenu-open\n            > .${MENU_CLASS}-submenu-title\n            > .${MENU_CLASS}-submenu-title-content\n            > .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(180deg);\n          }\n        }\n      `}\n\n      /* Popup */\n      &.${MENU_CLASS}-submenu {\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n          }\n          .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(-90deg);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n"],"names":["groupMenuItemStyle","css","theme","size","mode","padding","MenuConsts.consts","indent","subMenuGroupIndent","layer","MENU_CLASS","getLabelTypographySize","VariablesNames"],"mappings":"+XAQaA,EAAqBC,EAAA;AAAA,IAC9B,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,KAAAC,KAAW,CAC3B,MAAMC,EAAU,GAAGC,EAAAA,OAAkBH,CAAI,EAAE,OAAO,KAC5CI,EAAS,GAAGD,EAAAA,OAAkBH,CAAI,EAAE,MAAM,KAC1CK,EAAqB,GAAGF,SAAkBH,CAAI,EAAE,OAAS,CAAC,KAC1DM,EAAQP,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,OAAAD,EAAA;AAAA,SACFS,YAAU;AAAA,WACRA,YAAU;AAAA,YACTR,EAAM,cAAc,eAAgBS,EAAAA,uBAAuBR,CAAI,CAAC,CAAC;AAAA,uBACtDI,CAAM,IAAIF,CAAO;AAAA,mBACrBI,EAAMG,iBAAe,sBAAsB,CAAC;AAAA;AAAA,YAEnDR,IAAS,cACXH,EAAA;AAAA,4BACkBK,EAAW,OAAOH,CAAI,EAAE,wBAAwB;AAAA,WACjE;AAAA;AAAA;AAAA,WAGAO,YAAU;AAAA;AAAA;AAAA;AAAA,qCAIgBD,EAAMG,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIzER,IAAS,cACXH,EAAA;AAAA,aACKS,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,SAKd;AAAA;AAAA;AAAA;AAAA,QAIDN,IAAS,UACXH,EAAA;AAAA,WACKS,EAAU,UAAA,aAAaA,YAAU;AAAA,aAC/BA,YAAU;AAAA,4BACKF,CAAkB;AAAA;AAAA;AAAA,cAGhCE,YAAU;AAAA,iBACPA,YAAU;AAAA,iBACVA,YAAU;AAAA,iBACVA,YAAU;AAAA;AAAA;AAAA;AAAA,OAIpB;AAAA;AAAA;AAAA,UAGGA,YAAU;AAAA;AAAA,UAEVN,IAAS,cACXH,EAAA;AAAA,aACKS,EAAU,UAAA,gBAAgBA,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,aAKpCA,YAAU;AAAA;AAAA;AAAA,SAGd;AAAA;AAAA,KAGP,CAAC;AAAA"}

package/build/cjs/components/Menu/styles/indicator.styles.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("styled-components"),e=require("../../../react-base/src/consts/index.js"),n=require("../../../react-base/src/components/Menu/Menu.consts.js"),v=require("../../../react-base/src/utils/typesUtils.js"),f=require("../../../react-base/src/theme/variableTheme.js"),S=(s,l=!1)=>a.keyframes`
+  from {
+    width: 0;
+    left: 50%;
+    transform: translateX(100%);
+  }
+  to {
+    width: ${s};
+    left: ${l?"20%":"5%"};
+    transform: translateX(100%);
+  }
+`,P=s=>a.keyframes`
+  from {
+    height: 0;
+    top: 50%;
+    transform: translateY(0%);
+  }
+  to {
+    height: ${s};
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`,u=({width:s,height:l,position:o,size:d})=>a.css`
+  content: '';
+  position: absolute;
+  display: block;
+  transition: all 0.2s;
+
+  ${o}: 0;
+  ${o===e.Positions.Left||o===e.Positions.Right?`
+      width: ${s};
+      height: ${l};
+      top: 50%;
+      transform: translateY(-50%);
+      margin-left: ${n.consts[d].indicatorLeftMargin}px;
+
+      ${o===e.Positions.Right&&a.css`
+          left: unset;
+        `}
+    `:`
+      height: ${s};
+      width: max(${n.consts[d].iconSize}px, ${l});
+      left: 50%;
+      transform: translateX(-50%);
+    `}
+`,i=(s,l,o,d,r=!1,p=!1,c=e.Sizes.Medium)=>a.css`
+  ${({theme:x})=>a.css`
+    ${u({width:l,height:o,position:s,size:c})};
+    background-color: ${x.getVariablesLayer({disabled:v.booleanToString(d==="disabled")})[f.VariablesNames.BackgroundBrand]};
+    border-radius: 4px;
+
+    ${d==="active"&&r&&a.css`
+      animation: ${s===e.Positions.Left||s===e.Positions.Right?P(o):S(o,p)}
+        0.2s alternate;
+    `}
+  `}
+`,t={[e.Sizes.XSmall]:{x:"20px",y:"calc(100% - 8px - 16px)"},[e.Sizes.Small]:{x:"20px",y:"calc(100% - 8px - 24px)"},[e.Sizes.Medium]:{x:"20px",y:"calc(100% - 12px - 32px)"},[e.Sizes.Large]:{x:"24px",y:"calc(100% - 12px - 48px)"}},m={[e.Sizes.XSmall]:{left:{horizontal:{active:i(e.Positions.Left,"3px","25%","active",!0,!1,e.Sizes.XSmall),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.XSmall].x,"default",!1,!1,e.Sizes.XSmall),hover:i(e.Positions.Left,"3px","80%","hover",!1,!1,e.Sizes.XSmall),active:i(e.Positions.Left,"3px","80%","active",!1,!1,e.Sizes.XSmall),disabled:i(e.Positions.Left,"3px",t[e.Sizes.XSmall].x,"disabled",!1,!1,e.Sizes.XSmall)}},vertical:{active:i(e.Positions.Left,"3px","35%","active",!0,!1,e.Sizes.XSmall),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.XSmall].x,"default",!1,!1,e.Sizes.XSmall),hover:i(e.Positions.Left,"3px","90%","hover",!1,!1,e.Sizes.XSmall),active:i(e.Positions.Left,"3px","90%","active",!1,!1,e.Sizes.XSmall),disabled:i(e.Positions.Left,"3px",t[e.Sizes.XSmall].x,"disabled",!1,!1,e.Sizes.XSmall)}}},right:{horizontal:{active:i(e.Positions.Right,"3px","25%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.XSmall].x,"default"),hover:i(e.Positions.Right,"3px","80%","hover"),active:i(e.Positions.Right,"3px","80%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.XSmall].x,"disabled")}},vertical:{active:i(e.Positions.Right,"3px","35%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.XSmall].x,"default"),hover:i(e.Positions.Right,"3px","90%","hover"),active:i(e.Positions.Right,"3px","90%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.XSmall].x,"disabled")}}},top:{horizontal:{active:i(e.Positions.Top,"3px","30%","active",!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.XSmall].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.XSmall].y,"disabled")}},vertical:{active:i(e.Positions.Top,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.XSmall].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.XSmall].y,"disabled")}}},bottom:{horizontal:{active:i(e.Positions.Bottom,"3px","30%","active",!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.XSmall].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.XSmall].y,"disabled")}},vertical:{active:i(e.Positions.Bottom,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.XSmall].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.XSmall].y,"disabled")}}}},[e.Sizes.Small]:{left:{horizontal:{active:i(e.Positions.Left,"3px","25%","active",!0,!1,e.Sizes.Small),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.Small].x,"default",!1,!1,e.Sizes.Small),hover:i(e.Positions.Left,"3px","80%","hover",!1,!1,e.Sizes.Small),active:i(e.Positions.Left,"3px","80%","active",!1,!1,e.Sizes.Small),disabled:i(e.Positions.Left,"3px",t[e.Sizes.Small].x,"disabled",!1,!1,e.Sizes.Small)}},vertical:{active:i(e.Positions.Left,"3px","35%","active",!0,!1,e.Sizes.Small),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.Small].x,"default",!1,!1,e.Sizes.Small),hover:i(e.Positions.Left,"3px","90%","hover",!1,!1,e.Sizes.Small),active:i(e.Positions.Left,"3px","90%","active",!1,!1,e.Sizes.Small),disabled:i(e.Positions.Left,"3px",t[e.Sizes.Small].x,"disabled",!1,!1,e.Sizes.Small)}}},right:{horizontal:{active:i(e.Positions.Right,"3px","25%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.Small].x,"default"),hover:i(e.Positions.Right,"3px","80%","hover"),active:i(e.Positions.Right,"3px","80%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.Small].x,"disabled")}},vertical:{active:i(e.Positions.Right,"3px","35%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.Small].x,"default"),hover:i(e.Positions.Right,"3px","90%","hover"),active:i(e.Positions.Right,"3px","90%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.Small].x,"disabled")}}},top:{horizontal:{active:i(e.Positions.Top,"3px","30%","active",!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.Small].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.Small].y,"disabled")}},vertical:{active:i(e.Positions.Top,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.Small].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.Small].y,"disabled")}}},bottom:{horizontal:{active:i(e.Positions.Bottom,"3px","30%","active",!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.Small].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.Small].y,"disabled")}},vertical:{active:i(e.Positions.Bottom,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.Small].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.Small].y,"disabled")}}}},[e.Sizes.Medium]:{left:{horizontal:{active:i(e.Positions.Left,"3px","25%","active",!0,!1,e.Sizes.Medium),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.Medium].x,"default",!1,!1,e.Sizes.Medium),hover:i(e.Positions.Left,"3px","80%","hover",!1,!1,e.Sizes.Medium),active:i(e.Positions.Left,"3px","80%","active",!1,!1,e.Sizes.Medium),disabled:i(e.Positions.Left,"3px",t[e.Sizes.Medium].x,"disabled",!1,!1,e.Sizes.Medium)}},vertical:{active:i(e.Positions.Left,"3px","35%","active",!0,!1,e.Sizes.Medium),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.Medium].x,"default",!1,!1,e.Sizes.Medium),hover:i(e.Positions.Left,"3px","90%","hover",!1,!1,e.Sizes.Medium),active:i(e.Positions.Left,"3px","90%","active",!1,!1,e.Sizes.Medium),disabled:i(e.Positions.Left,"3px",t[e.Sizes.Medium].x,"disabled",!1,!1,e.Sizes.Medium)}}},right:{horizontal:{active:i(e.Positions.Right,"3px","25%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.Medium].x,"default"),hover:i(e.Positions.Right,"3px","80%","hover"),active:i(e.Positions.Right,"3px","80%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.Medium].x,"disabled")}},vertical:{active:i(e.Positions.Right,"3px","35%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.Medium].x,"default"),hover:i(e.Positions.Right,"3px","90%","hover"),active:i(e.Positions.Right,"3px","90%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.Medium].x,"disabled")}}},top:{horizontal:{active:i(e.Positions.Top,"3px","30%","active",!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.Medium].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.Medium].y,"disabled")}},vertical:{active:i(e.Positions.Top,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.Medium].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.Medium].y,"disabled")}}},bottom:{horizontal:{active:i(e.Positions.Bottom,"3px","30%","active",!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.Medium].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.Medium].y,"disabled")}},vertical:{active:i(e.Positions.Bottom,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.Medium].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.Medium].y,"disabled")}}}},[e.Sizes.Large]:{left:{horizontal:{active:i(e.Positions.Left,"3px","25%","active",!0,!1,e.Sizes.Large),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.Large].x,"default",!1,!1,e.Sizes.Large),hover:i(e.Positions.Left,"3px","80%","hover",!1,!1,e.Sizes.Large),active:i(e.Positions.Left,"3px","80%","active",!1,!1,e.Sizes.Large),disabled:i(e.Positions.Left,"3px",t[e.Sizes.Large].x,"disabled",!1,!1,e.Sizes.Large)}},vertical:{active:i(e.Positions.Left,"3px","35%","active",!0,!1,e.Sizes.Large),selected:{default:i(e.Positions.Left,"3px",t[e.Sizes.Large].x,"default",!1,!1,e.Sizes.Large),hover:i(e.Positions.Left,"3px","90%","hover",!1,!1,e.Sizes.Large),active:i(e.Positions.Left,"3px","90%","active",!1,!1,e.Sizes.Large),disabled:i(e.Positions.Left,"3px",t[e.Sizes.Large].x,"disabled",!1,!1,e.Sizes.Large)}}},right:{horizontal:{active:i(e.Positions.Right,"3px","25%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.Large].x,"default"),hover:i(e.Positions.Right,"3px","80%","hover"),active:i(e.Positions.Right,"3px","80%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.Large].x,"disabled")}},vertical:{active:i(e.Positions.Right,"3px","35%","active",!0),selected:{default:i(e.Positions.Right,"3px",t[e.Sizes.Large].x,"default"),hover:i(e.Positions.Right,"3px","90%","hover"),active:i(e.Positions.Right,"3px","90%","active"),disabled:i(e.Positions.Right,"3px",t[e.Sizes.Large].x,"disabled")}}},top:{horizontal:{active:i(e.Positions.Top,"3px","30%","active",!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.Large].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.Large].y,"disabled")}},vertical:{active:i(e.Positions.Top,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Top,"3px",t[e.Sizes.Large].y,"default"),hover:i(e.Positions.Top,"3px","90%","hover"),active:i(e.Positions.Top,"3px","90%","active"),disabled:i(e.Positions.Top,"3px",t[e.Sizes.Large].y,"disabled")}}},bottom:{horizontal:{active:i(e.Positions.Bottom,"3px","30%","active",!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.Large].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.Large].y,"disabled")}},vertical:{active:i(e.Positions.Bottom,"3px","20%","active",!0,!0),selected:{default:i(e.Positions.Bottom,"3px",t[e.Sizes.Large].y,"default"),hover:i(e.Positions.Bottom,"3px","90%","hover"),active:i(e.Positions.Bottom,"3px","90%","active"),disabled:i(e.Positions.Bottom,"3px",t[e.Sizes.Large].y,"disabled")}}}}};exports.indicatorPositionStyle=m;
+//# sourceMappingURL=indicator.styles.js.map

package/build/cjs/components/Menu/styles/indicator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.styles.js","sources":["../../../../../src/components/Menu/styles/indicator.styles.ts"],"sourcesContent":["import { css, keyframes } from 'styled-components';\nimport { StateType } from 'acinguiux-ds-fabrics';\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type MenuTypes, MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { booleanToString } from 'acinguiux-ds-react-base/utils/typesUtils';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nconst growHorizontal = (width: string, isIconTop: boolean = false) => keyframes`\n  from {\n    width: 0;\n    left: 50%;\n    transform: translateX(100%);\n  }\n  to {\n    width: ${width};\n    left: ${isIconTop ? '20%' : '5%'};\n    transform: translateX(100%);\n  }\n`;\n\nconst growVertical = (height: string) => keyframes`\n  from {\n    height: 0;\n    top: 50%;\n    transform: translateY(0%);\n  }\n  to {\n    height: ${height};\n    top: 50%;\n    transform: translateY(-50%);\n  }\n`;\n\nconst getIndicatorStyle = ({\n  width,\n  height,\n  position,\n  size,\n}: {\n  width: string;\n  height: string;\n  position: MenuTypes.IndicatorPosition;\n  size: MenuTypes.Size;\n}) => css`\n  content: '';\n  position: absolute;\n  display: block;\n  transition: all 0.2s;\n\n  ${position}: 0;\n  ${position === Positions.Left || position === Positions.Right\n    ? `\n      width: ${width};\n      height: ${height};\n      top: 50%;\n      transform: translateY(-50%);\n      margin-left: ${MenuConsts.consts[size].indicatorLeftMargin}px;\n\n      ${\n        position === Positions.Right &&\n        css`\n          left: unset;\n        `\n      }\n    `\n    : `\n      height: ${width};\n      width: max(${MenuConsts.consts[size].iconSize}px, ${height});\n      left: 50%;\n      transform: translateX(-50%);\n    `}\n`;\n\nconst createIndicatorStyle = (\n  position: MenuTypes.IndicatorPosition,\n  width: string,\n  height: string,\n  state: StateType | 'disabled',\n  defaultStatus: boolean = false,\n  isIconTop: boolean = false,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css<StyledMenuProps>`\n  ${({ theme }) => css`\n    ${getIndicatorStyle({ width, height, position, size })};\n    background-color: ${theme.getVariablesLayer({\n      disabled: booleanToString(state === 'disabled'),\n    })[VariablesNames.BackgroundBrand]};\n    border-radius: 4px;\n\n    ${state === 'active' &&\n    defaultStatus &&\n    css`\n      animation: ${position === Positions.Left || position === Positions.Right\n          ? growVertical(height)\n          : growHorizontal(height, isIconTop)}\n        0.2s alternate;\n    `}\n  `}\n`;\n\nconst IndicatorSizes = {\n  [Sizes.XSmall]: {\n    x: '20px',\n    y: 'calc(100% - 8px - 16px)',\n  },\n  [Sizes.Small]: {\n    x: '20px',\n    y: 'calc(100% - 8px - 24px)',\n  },\n  [Sizes.Medium]: {\n    x: '20px',\n    y: 'calc(100% - 12px - 32px)',\n  },\n  [Sizes.Large]: {\n    x: '24px',\n    y: 'calc(100% - 12px - 48px)',\n  },\n};\n\nexport const indicatorPositionStyle = {\n  [Sizes.XSmall]: {\n    left: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Left, '3px', '25%', 'active', true, false, Sizes.XSmall),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.XSmall].x,\n            'default',\n            false,\n            false,\n            Sizes.XSmall,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '80%', 'hover', false, false, Sizes.XSmall),\n          active: createIndicatorStyle(Positions.Left, '3px', '80%', 'active', false, false, Sizes.XSmall),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.XSmall].x,\n            'disabled',\n            false,\n            false,\n            Sizes.XSmall,\n          ),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Left, '3px', '35%', 'active', true, false, Sizes.XSmall),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.XSmall].x,\n            'default',\n            false,\n            false,\n            Sizes.XSmall,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '90%', 'hover', false, false, Sizes.XSmall),\n          active: createIndicatorStyle(Positions.Left, '3px', '90%', 'active', false, false, Sizes.XSmall),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.XSmall].x,\n            'disabled',\n            false,\n            false,\n            Sizes.XSmall,\n          ),\n        },\n      },\n    },\n    right: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Right, '3px', '25%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.XSmall].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '80%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '80%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.XSmall].x, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Right, '3px', '35%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.XSmall].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.XSmall].x, 'disabled'),\n        },\n      },\n    },\n    top: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Top, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.XSmall].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.XSmall].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Top, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.XSmall].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.XSmall].y, 'disabled'),\n        },\n      },\n    },\n    bottom: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.XSmall].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.XSmall].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.XSmall].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.XSmall].y, 'disabled'),\n        },\n      },\n    },\n  },\n  [Sizes.Small]: {\n    left: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Left, '3px', '25%', 'active', true, false, Sizes.Small),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Small].x,\n            'default',\n            false,\n            false,\n            Sizes.Small,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '80%', 'hover', false, false, Sizes.Small),\n          active: createIndicatorStyle(Positions.Left, '3px', '80%', 'active', false, false, Sizes.Small),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Small].x,\n            'disabled',\n            false,\n            false,\n            Sizes.Small,\n          ),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Left, '3px', '35%', 'active', true, false, Sizes.Small),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Small].x,\n            'default',\n            false,\n            false,\n            Sizes.Small,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '90%', 'hover', false, false, Sizes.Small),\n          active: createIndicatorStyle(Positions.Left, '3px', '90%', 'active', false, false, Sizes.Small),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Small].x,\n            'disabled',\n            false,\n            false,\n            Sizes.Small,\n          ),\n        },\n      },\n    },\n    right: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Right, '3px', '25%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Small].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '80%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '80%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Small].x, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Right, '3px', '35%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Small].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Small].x, 'disabled'),\n        },\n      },\n    },\n    top: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Top, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Small].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Small].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Top, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Small].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Small].y, 'disabled'),\n        },\n      },\n    },\n    bottom: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Small].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Small].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Small].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Small].y, 'disabled'),\n        },\n      },\n    },\n  },\n  [Sizes.Medium]: {\n    left: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Left, '3px', '25%', 'active', true, false, Sizes.Medium),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Medium].x,\n            'default',\n            false,\n            false,\n            Sizes.Medium,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '80%', 'hover', false, false, Sizes.Medium),\n          active: createIndicatorStyle(Positions.Left, '3px', '80%', 'active', false, false, Sizes.Medium),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Medium].x,\n            'disabled',\n            false,\n            false,\n            Sizes.Medium,\n          ),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Left, '3px', '35%', 'active', true, false, Sizes.Medium),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Medium].x,\n            'default',\n            false,\n            false,\n            Sizes.Medium,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '90%', 'hover', false, false, Sizes.Medium),\n          active: createIndicatorStyle(Positions.Left, '3px', '90%', 'active', false, false, Sizes.Medium),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Medium].x,\n            'disabled',\n            false,\n            false,\n            Sizes.Medium,\n          ),\n        },\n      },\n    },\n    right: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Right, '3px', '25%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Medium].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '80%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '80%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Medium].x, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Right, '3px', '35%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Medium].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Medium].x, 'disabled'),\n        },\n      },\n    },\n    top: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Top, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Medium].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Medium].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Top, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Medium].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Medium].y, 'disabled'),\n        },\n      },\n    },\n    bottom: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Medium].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Medium].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Medium].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Medium].y, 'disabled'),\n        },\n      },\n    },\n  },\n  [Sizes.Large]: {\n    left: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Left, '3px', '25%', 'active', true, false, Sizes.Large),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Large].x,\n            'default',\n            false,\n            false,\n            Sizes.Large,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '80%', 'hover', false, false, Sizes.Large),\n          active: createIndicatorStyle(Positions.Left, '3px', '80%', 'active', false, false, Sizes.Large),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Large].x,\n            'disabled',\n            false,\n            false,\n            Sizes.Large,\n          ),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Left, '3px', '35%', 'active', true, false, Sizes.Large),\n        selected: {\n          default: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Large].x,\n            'default',\n            false,\n            false,\n            Sizes.Large,\n          ),\n          hover: createIndicatorStyle(Positions.Left, '3px', '90%', 'hover', false, false, Sizes.Large),\n          active: createIndicatorStyle(Positions.Left, '3px', '90%', 'active', false, false, Sizes.Large),\n          disabled: createIndicatorStyle(\n            Positions.Left,\n            '3px',\n            IndicatorSizes[Sizes.Large].x,\n            'disabled',\n            false,\n            false,\n            Sizes.Large,\n          ),\n        },\n      },\n    },\n    right: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Right, '3px', '25%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Large].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '80%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '80%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Large].x, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Right, '3px', '35%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Large].x, 'default'),\n          hover: createIndicatorStyle(Positions.Right, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Right, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Right, '3px', IndicatorSizes[Sizes.Large].x, 'disabled'),\n        },\n      },\n    },\n    top: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Top, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Large].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Large].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Top, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Large].y, 'default'),\n          hover: createIndicatorStyle(Positions.Top, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Top, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Top, '3px', IndicatorSizes[Sizes.Large].y, 'disabled'),\n        },\n      },\n    },\n    bottom: {\n      horizontal: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '30%', 'active', true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Large].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Large].y, 'disabled'),\n        },\n      },\n      vertical: {\n        active: createIndicatorStyle(Positions.Bottom, '3px', '20%', 'active', true, true),\n        selected: {\n          default: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Large].y, 'default'),\n          hover: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'hover'),\n          active: createIndicatorStyle(Positions.Bottom, '3px', '90%', 'active'),\n          disabled: createIndicatorStyle(Positions.Bottom, '3px', IndicatorSizes[Sizes.Large].y, 'disabled'),\n        },\n      },\n    },\n  },\n};\n"],"names":["growHorizontal","width","isIconTop","keyframes","growVertical","height","getIndicatorStyle","position","size","css","Positions","MenuConsts.consts","createIndicatorStyle","state","defaultStatus","Sizes","theme","booleanToString","VariablesNames","IndicatorSizes","indicatorPositionStyle"],"mappings":"+XASMA,EAAiB,CAACC,EAAeC,EAAqB,KAAUC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOzDF,CAAK;AAAA,YACNC,EAAY,MAAQ,IAAI;AAAA;AAAA;AAAA,EAK9BE,EAAgBC,GAAmBF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAO3BE,CAAM;AAAA;AAAA;AAAA;AAAA,EAMdC,EAAoB,CAAC,CACzB,MAAAL,EACA,OAAAI,EACA,SAAAE,EACA,KAAAC,CACF,IAKMC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMFF,CAAQ;AAAA,IACRA,IAAaG,EAAAA,UAAU,MAAQH,IAAaG,EAAAA,UAAU,MACpD;AAAA,eACST,CAAK;AAAA,gBACJI,CAAM;AAAA;AAAA;AAAA,qBAGDM,EAAW,OAAOH,CAAI,EAAE,mBAAmB;AAAA;AAAA,QAGxDD,IAAaG,YAAU,OACvBD,EAAA;AAAA;AAAA,SAGF;AAAA,MAEA;AAAA,gBACUR,CAAK;AAAA,mBACFU,EAAkB,OAAAH,CAAI,EAAE,QAAQ,OAAOH,CAAM;AAAA;AAAA;AAAA,KAG3D;AAAA,EAGCO,EAAuB,CAC3BL,EACAN,EACAI,EACAQ,EACAC,EAAyB,GACzBZ,EAAqB,GACrBM,EAAuBO,EAAA,MAAM,SAC1BN,EAAA;AAAA,IACD,CAAC,CAAE,MAAAO,CAAA,IAAYP,EAAA;AAAA,MACbH,EAAkB,CAAE,MAAAL,EAAO,OAAAI,EAAQ,SAAAE,EAAU,KAAAC,CAAA,CAAM,CAAC;AAAA,wBAClCQ,EAAM,kBAAkB,CAC1C,SAAUC,EAAAA,gBAAgBJ,IAAU,UAAU,CAChD,CAAC,EAAEK,EAAAA,eAAe,eAAe,CAAC;AAAA;AAAA;AAAA,MAGhCL,IAAU,UACZC,GACAL,EAAA;AAAA,mBACeF,IAAaG,EAAAA,UAAU,MAAQH,IAAaG,EAAU,UAAA,MAC7DN,EAAaC,CAAM,EACnBL,EAAeK,EAAQH,CAAS,CAAC;AAAA;AAAA,KAExC;AAAA,GACF;AAAA,EAGGiB,EAAiB,CACrB,CAACJ,EAAAA,MAAM,MAAM,EAAG,CACd,EAAG,OACH,EAAG,yBACL,EACA,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,EAAG,OACH,EAAG,yBACL,EACA,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,EAAG,OACH,EAAG,0BACL,EACA,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,EAAG,OACH,EAAG,0BAAA,CAEP,EAEaK,EAAyB,CACpC,CAACL,EAAAA,MAAM,MAAM,EAAG,CACd,KAAM,CACJ,WAAY,CACV,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,MAAM,EAC9F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,UACA,GACA,GACAA,QAAM,MACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC7F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC/F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,WACA,GACA,GACAA,QAAM,MAAA,CACR,CAEJ,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,MAAM,EAC9F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,UACA,GACA,GACAA,QAAM,MACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC7F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC/F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,WACA,GACA,GACAA,QAAM,MAAA,CACR,CACF,CAEJ,EACA,MAAO,CACL,WAAY,CACV,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CAErG,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CACnG,CAEJ,EACA,IAAK,CACH,WAAY,CACV,OAAQH,EAAqBF,YAAU,IAAK,MAAO,MAAO,SAAU,EAAI,EACxE,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC7F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CAEnG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,IAAK,MAAO,MAAO,SAAU,GAAM,EAAI,EAC9E,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC7F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CACjG,CAEJ,EACA,OAAQ,CACN,WAAY,CACV,OAAQH,EAAqBF,YAAU,OAAQ,MAAO,MAAO,SAAU,EAAI,EAC3E,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAChG,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CAEtG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,OAAQ,MAAO,MAAO,SAAU,GAAM,EAAI,EACjF,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAChG,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CACpG,CACF,CAEJ,EACA,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,KAAM,CACJ,WAAY,CACV,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,KAAK,EAC7F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,UACA,GACA,GACAA,QAAM,KACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC5F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC9F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,WACA,GACA,GACAA,QAAM,KAAA,CACR,CAEJ,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,KAAK,EAC7F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,UACA,GACA,GACAA,QAAM,KACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC5F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC9F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,WACA,GACA,GACAA,QAAM,KAAA,CACR,CACF,CAEJ,EACA,MAAO,CACL,WAAY,CACV,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC9F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAEpG,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC9F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAClG,CAEJ,EACA,IAAK,CACH,WAAY,CACV,OAAQH,EAAqBF,YAAU,IAAK,MAAO,MAAO,SAAU,EAAI,EACxE,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC5F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAElG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,IAAK,MAAO,MAAO,SAAU,GAAM,EAAI,EAC9E,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC5F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAChG,CAEJ,EACA,OAAQ,CACN,WAAY,CACV,OAAQH,EAAqBF,YAAU,OAAQ,MAAO,MAAO,SAAU,EAAI,EAC3E,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAErG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,OAAQ,MAAO,MAAO,SAAU,GAAM,EAAI,EACjF,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CACnG,CACF,CAEJ,EACA,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,KAAM,CACJ,WAAY,CACV,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,MAAM,EAC9F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,UACA,GACA,GACAA,QAAM,MACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC7F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC/F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,WACA,GACA,GACAA,QAAM,MAAA,CACR,CAEJ,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,MAAM,EAC9F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,UACA,GACA,GACAA,QAAM,MACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC7F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,MAAM,EAC/F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAC7B,WACA,GACA,GACAA,QAAM,MAAA,CACR,CACF,CAEJ,EACA,MAAO,CACL,WAAY,CACV,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CAErG,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CACnG,CAEJ,EACA,IAAK,CACH,WAAY,CACV,OAAQH,EAAqBF,YAAU,IAAK,MAAO,MAAO,SAAU,EAAI,EACxE,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC7F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CAEnG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,IAAK,MAAO,MAAO,SAAU,GAAM,EAAI,EAC9E,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAC7F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CACjG,CAEJ,EACA,OAAQ,CACN,WAAY,CACV,OAAQH,EAAqBF,YAAU,OAAQ,MAAO,MAAO,SAAU,EAAI,EAC3E,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAChG,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CAEtG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,OAAQ,MAAO,MAAO,SAAU,GAAM,EAAI,EACjF,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,MAAM,EAAE,EAAG,SAAS,EAChG,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,MAAM,EAAE,EAAG,UAAU,CAAA,CACpG,CACF,CAEJ,EACA,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,KAAM,CACJ,WAAY,CACV,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,KAAK,EAC7F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,UACA,GACA,GACAA,QAAM,KACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC5F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC9F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,WACA,GACA,GACAA,QAAM,KAAA,CACR,CAEJ,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAM,GAAOK,EAAAA,MAAM,KAAK,EAC7F,SAAU,CACR,QAASH,EACPF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,UACA,GACA,GACAA,QAAM,KACR,EACA,MAAOH,EAAqBF,YAAU,KAAM,MAAO,MAAO,QAAS,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC5F,OAAQH,EAAqBF,YAAU,KAAM,MAAO,MAAO,SAAU,GAAO,GAAOK,EAAAA,MAAM,KAAK,EAC9F,SAAUH,EACRF,EAAAA,UAAU,KACV,MACAS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAC5B,WACA,GACA,GACAA,QAAM,KAAA,CACR,CACF,CAEJ,EACA,MAAO,CACL,WAAY,CACV,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC9F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAEpG,EACA,SAAU,CACR,OAAQH,EAAqBF,YAAU,MAAO,MAAO,MAAO,SAAU,EAAI,EAC1E,SAAU,CACR,QAASE,EAAqBF,YAAU,MAAO,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC9F,MAAOH,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,OAAO,EAClE,OAAQE,EAAqBF,EAAA,UAAU,MAAO,MAAO,MAAO,QAAQ,EACpE,SAAUE,EAAqBF,EAAA,UAAU,MAAO,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAClG,CAEJ,EACA,IAAK,CACH,WAAY,CACV,OAAQH,EAAqBF,YAAU,IAAK,MAAO,MAAO,SAAU,EAAI,EACxE,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC5F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAElG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,IAAK,MAAO,MAAO,SAAU,GAAM,EAAI,EAC9E,SAAU,CACR,QAASE,EAAqBF,YAAU,IAAK,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC5F,MAAOH,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,OAAO,EAChE,OAAQE,EAAqBF,EAAA,UAAU,IAAK,MAAO,MAAO,QAAQ,EAClE,SAAUE,EAAqBF,EAAA,UAAU,IAAK,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAChG,CAEJ,EACA,OAAQ,CACN,WAAY,CACV,OAAQH,EAAqBF,YAAU,OAAQ,MAAO,MAAO,SAAU,EAAI,EAC3E,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CAErG,EACA,SAAU,CACR,OAAQH,EAAqBF,EAAAA,UAAU,OAAQ,MAAO,MAAO,SAAU,GAAM,EAAI,EACjF,SAAU,CACR,QAASE,EAAqBF,YAAU,OAAQ,MAAOS,EAAeJ,EAAAA,MAAM,KAAK,EAAE,EAAG,SAAS,EAC/F,MAAOH,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,OAAO,EACnE,OAAQE,EAAqBF,EAAA,UAAU,OAAQ,MAAO,MAAO,QAAQ,EACrE,SAAUE,EAAqBF,EAAA,UAAU,OAAQ,MAAOS,EAAeJ,QAAM,KAAK,EAAE,EAAG,UAAU,CAAA,CACnG,CACF,CACF,CAEJ"}

package/build/cjs/components/Menu/styles/menuDivider.styles.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),n=require("../../../react-base/src/consts/index.js"),o=require("../../../react-base/src/theme/variableTheme.js"),t=require("../../../react-base/src/components/Menu/Menu.consts.js"),a=require("acinguiux-ds-fabrics"),c=e.css`
+  ${({theme:s,mode:r,size:i})=>e.css`
+    .${n.MENU_CLASS}-item-divider {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background-color: ${s.getVariablesLayer({foundation:a.FabricsVariables.Foundations.Section})[o.VariablesNames.BorderOnFoundationSubtle]};
+      height: 1px;
+
+      ${r!=="horizontal"?e.css`
+            width: calc(100% - ${t.consts[i].itemListMarginLeft}px);
+            margin-left: ${t.consts[i].itemListMarginLeft}px;
+          `:e.css`
+            width: 100%;
+          `}
+    }
+  `}
+`;exports.menuDividerStyle=c;
+//# sourceMappingURL=menuDivider.styles.js.map

package/build/cjs/components/Menu/styles/menuDivider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuDivider.styles.js","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const menuDividerStyle = css<StyledMenuProps>`\n  ${({ theme, mode, size }) => css`\n    .${MENU_CLASS}-item-divider {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: ${theme.getVariablesLayer({ foundation: FabricsVariables.Foundations.Section })[\n        VariablesNames.BorderOnFoundationSubtle\n      ]};\n      height: 1px;\n\n      ${mode !== 'horizontal'\n        ? css`\n            width: calc(100% - ${MenuConsts.consts[size].itemListMarginLeft}px);\n            margin-left: ${MenuConsts.consts[size].itemListMarginLeft}px;\n          `\n        : css`\n            width: 100%;\n          `}\n    }\n  `}\n`;\n"],"names":["menuDividerStyle","css","theme","mode","size","MENU_CLASS","FabricsVariables","VariablesNames","MenuConsts.consts"],"mappings":"wWAQaA,EAAmBC,EAAA;AAAA,IAC5B,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,KAAAC,CAAW,IAAAH,EAAA;AAAA,OACxBI,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKSH,EAAM,kBAAkB,CAAE,WAAYI,EAAA,iBAAiB,YAAY,QAAS,EAC9FC,iBAAe,wBACjB,CAAC;AAAA;AAAA;AAAA,QAGCJ,IAAS,aACPF,EAAA;AAAA,iCACuBO,EAAW,OAAOJ,CAAI,EAAE,kBAAkB;AAAA,2BAChDI,EAAW,OAAOJ,CAAI,EAAE,kBAAkB;AAAA,YAE3DH,EAAA;AAAA;AAAA,WAEC;AAAA;AAAA,GAER;AAAA"}

package/build/cjs/components/Menu/styles/menuItem.styles.js

@@ -0,0 +1,151 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),e=require("../../../react-base/src/consts/index.js"),o=require("../../../react-base/src/theme/variableTheme.js"),$=require("../../../react-base/src/components/Menu/Menu.consts.js"),n=require("acinguiux-ds-fabrics"),M=require("../../../react-base/src/utils/stylesUtils.js"),l=require("../Menu.utils.js"),u=require("./indicator.styles.js"),N=s.css`
+  ${({theme:t,size:a,$indicatorPosition:i,$noAnimate:d,$itemContentDirection:S=`${e.Directions.Vertical}`,mode:c})=>{const r=t.getVariablesLayer({foundation:n.FabricsVariables.Foundations.Surface}),b=t.getVariablesLayer({foundation:n.FabricsVariables.Foundations.Surface,disabled:"true"});return s.css`
+      .${e.MENU_CLASS}-item {
+        position: relative;
+        display: flex;
+        justify-content: ${c===e.Directions.Horizontal?"center":"space-between"};
+        align-items: ${c===e.Directions.Horizontal?"center":"stretch"};
+        flex-direction: column;
+        padding: ${$.consts[a].itemPadding[c===e.Directions.Horizontal?e.Directions.Horizontal:e.Directions.Vertical][S]};
+        cursor: pointer;
+
+        & .${e.MENU_CLASS}-label {
+          color: ${r[o.VariablesNames.TextOnFoundationSubtle]};
+
+          svg {
+            fill: ${r[o.VariablesNames.TextOnFoundationSubtle]};
+          }
+        }
+
+        &.${e.MENU_CLASS}-item-selected:not(.${e.MENU_CLASS}-item-active):not(.${e.MENU_CLASS}-item-disabled) {
+          .${e.MENU_CLASS}-label {
+            color: ${r[o.VariablesNames.TextOnFoundationStrong]};
+
+            svg {
+              fill: ${r[o.VariablesNames.TextOnFoundationStrong]};
+            }
+          }
+        }
+
+        &.${e.MENU_CLASS}-item-active:not(.${e.MENU_CLASS}-item-disabled) {
+          .${e.MENU_CLASS}-label {
+            color: ${r[o.VariablesNames.TextOnFoundationStrong]};
+
+            svg {
+              fill: ${r[o.VariablesNames.TextOnFoundationStrong]};
+            }
+          }
+        }
+
+        /* Disabled */
+        &.${e.MENU_CLASS}-item-disabled {
+          &,
+          .${e.MENU_CLASS}-label {
+            color: ${b[o.VariablesNames.TextOnFoundationSubtle]};
+            cursor: not-allowed;
+
+            svg {
+              fill: ${b[o.VariablesNames.TextOnFoundationSubtle]};
+            }
+          }
+        }
+
+        &.${e.MENU_CLASS}-item-active:not(.${e.MENU_CLASS}-item-selected):not(.${e.MENU_CLASS}-item-disabled) {
+          .${e.MENU_CLASS}-label {
+            background-color: ${l.getBackgroundColor(t,n.States.Hover,n.FabricsVariables.Foundations.Section)};
+          }
+
+          &:active .${e.MENU_CLASS}-label {
+            background-color: ${l.getBackgroundColor(t,n.States.Active,n.FabricsVariables.Foundations.Section)};
+
+            ${d!==!0&&s.css`
+              &::after {
+                ${c==="horizontal"?s.css`
+                      ${u.indicatorPositionStyle[a][l.getModeIndicatorPosition(i,"horizontal")][S].active};
+                    `:s.css`
+                      ${u.indicatorPositionStyle[a][l.getModeIndicatorPosition(i)][S].active};
+                    `}
+              }
+            `};
+          }
+
+          /* Span focus */
+          &:focus-visible {
+            .${e.MENU_CLASS}-label {
+              background-color: transparent;
+            }
+          }
+
+          /* Anchor focus */
+          .${e.MENU_CLASS}-label:focus-visible {
+            background-color: transparent;
+          }
+        }
+
+        /* remove default focus */
+        &:focus-visible {
+          outline: none;
+        }
+
+        /* set focus visible for label & custom render items */
+        &:focus-visible .${e.MENU_CLASS}-label, .${e.MENU_CLASS}-label:focus-visible {
+          ${M.getFocusStyles(t)};
+        }
+      }
+
+      /* Vertical and horizontal popup  */
+
+      .${e.MENU_CLASS}-vertical {
+        .${e.MENU_CLASS}-label {
+          ${c==="horizontal"&&s.css`
+            margin: -4px 2px;
+          `}
+        }
+      }
+
+      ${d!==!0&&s.css`
+        .${e.MENU_CLASS}-vertical .${e.MENU_CLASS}-item-active.${e.MENU_CLASS}-item:not(.${e.MENU_CLASS}-item-selected) {
+          &:active .${e.MENU_CLASS}-label {
+            &::after {
+              ${u.indicatorPositionStyle[a][l.getModeIndicatorPosition(i)][S].active};
+            }
+          }
+        }
+      `};
+
+      .${e.MENU_CLASS}-vertical .${e.MENU_CLASS}-item.${e.MENU_CLASS}-item-selected .${e.MENU_CLASS}-label {
+        ${l.getMenuItemSelectedStyle(t,i,"vertical",S,a)};
+      }
+
+      /* Inline and vertical top level */
+
+      /* Disabled */
+      &.${e.MENU_CLASS}-inline, &.${e.MENU_CLASS}-vertical {
+        .${e.MENU_CLASS}-item.${e.MENU_CLASS}-item-selected.${e.MENU_CLASS}-item-disabled .${e.MENU_CLASS}-label {
+          ${l.getMenuItemDisabledStyle(t,i,"vertical",S,a)};
+        }
+      }
+
+      &.${e.MENU_CLASS}-inline, &.${e.MENU_CLASS}-vertical {
+        .${e.MENU_CLASS}-item.${e.MENU_CLASS}-item-selected:not(.${e.MENU_CLASS}-item-disabled) .${e.MENU_CLASS}-label {
+          ${l.getMenuItemSelectedStyle(t,i,"vertical",S,a)};
+        }
+      }
+
+      /* Horizontal */
+
+      /* Disabled */
+      &.${e.MENU_CLASS}-horizontal
+        .${e.MENU_CLASS}-item.${e.MENU_CLASS}-item-selected.${e.MENU_CLASS}-item-disabled
+        .${e.MENU_CLASS}-label {
+        ${l.getMenuItemDisabledStyle(t,i,"horizontal")};
+      }
+
+      &.${e.MENU_CLASS}-horizontal
+        .${e.MENU_CLASS}-item.${e.MENU_CLASS}-item-selected:not(.${e.MENU_CLASS}-item-disabled)
+        .${e.MENU_CLASS}-label {
+        ${l.getMenuItemSelectedStyle(t,i,"horizontal",S,a)};
+      }
+    `}}
+`;exports.menuItemStyle=N;
+//# sourceMappingURL=menuItem.styles.js.map

package/build/cjs/components/Menu/styles/menuItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.styles.js","sources":["../../../../../src/components/Menu/styles/menuItem.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS, Directions } from 'acinguiux-ds-react-base/consts';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { States, FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport {\n  getMenuItemSelectedStyle,\n  getModeIndicatorPosition,\n  getMenuItemDisabledStyle,\n  getBackgroundColor,\n} from '../Menu.utils';\nimport type { StyledMenuProps } from '../Menu.types';\nimport { indicatorPositionStyle } from './indicator.styles';\n\nexport const menuItemStyle = css<StyledMenuProps>`\n  ${({ theme, size, $indicatorPosition, $noAnimate, $itemContentDirection = `${Directions.Vertical}`, mode }) => {\n    const layer = theme.getVariablesLayer({ foundation: FabricsVariables.Foundations.Surface });\n    const disabledLayer = theme.getVariablesLayer({\n      foundation: FabricsVariables.Foundations.Surface,\n      disabled: 'true',\n    });\n\n    return css<StyledMenuProps>`\n      .${MENU_CLASS}-item {\n        position: relative;\n        display: flex;\n        justify-content: ${mode === Directions.Horizontal ? 'center' : 'space-between'};\n        align-items: ${mode === Directions.Horizontal ? 'center' : 'stretch'};\n        flex-direction: column;\n        padding: ${MenuConsts.consts[size].itemPadding[\n          mode === Directions.Horizontal ? Directions.Horizontal : Directions.Vertical\n        ][$itemContentDirection]};\n        cursor: pointer;\n\n        & .${MENU_CLASS}-label {\n          color: ${layer[VariablesNames.TextOnFoundationSubtle]};\n\n          svg {\n            fill: ${layer[VariablesNames.TextOnFoundationSubtle]};\n          }\n        }\n\n        &.${MENU_CLASS}-item-selected:not(.${MENU_CLASS}-item-active):not(.${MENU_CLASS}-item-disabled) {\n          .${MENU_CLASS}-label {\n            color: ${layer[VariablesNames.TextOnFoundationStrong]};\n\n            svg {\n              fill: ${layer[VariablesNames.TextOnFoundationStrong]};\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-item-active:not(.${MENU_CLASS}-item-disabled) {\n          .${MENU_CLASS}-label {\n            color: ${layer[VariablesNames.TextOnFoundationStrong]};\n\n            svg {\n              fill: ${layer[VariablesNames.TextOnFoundationStrong]};\n            }\n          }\n        }\n\n        /* Disabled */\n        &.${MENU_CLASS}-item-disabled {\n          &,\n          .${MENU_CLASS}-label {\n            color: ${disabledLayer[VariablesNames.TextOnFoundationSubtle]};\n            cursor: not-allowed;\n\n            svg {\n              fill: ${disabledLayer[VariablesNames.TextOnFoundationSubtle]};\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-item-active:not(.${MENU_CLASS}-item-selected):not(.${MENU_CLASS}-item-disabled) {\n          .${MENU_CLASS}-label {\n            background-color: ${getBackgroundColor(theme, States.Hover, FabricsVariables.Foundations.Section)};\n          }\n\n          &:active .${MENU_CLASS}-label {\n            background-color: ${getBackgroundColor(theme, States.Active, FabricsVariables.Foundations.Section)};\n\n            ${$noAnimate !== true &&\n            css<StyledMenuProps>`\n              &::after {\n                ${mode === 'horizontal'\n                  ? css<StyledMenuProps>`\n                      ${indicatorPositionStyle[size][getModeIndicatorPosition($indicatorPosition, 'horizontal')][\n                        $itemContentDirection\n                      ].active};\n                    `\n                  : css<StyledMenuProps>`\n                      ${indicatorPositionStyle[size][getModeIndicatorPosition($indicatorPosition)][\n                        $itemContentDirection\n                      ].active};\n                    `}\n              }\n            `};\n          }\n\n          /* Span focus */\n          &:focus-visible {\n            .${MENU_CLASS}-label {\n              background-color: transparent;\n            }\n          }\n\n          /* Anchor focus */\n          .${MENU_CLASS}-label:focus-visible {\n            background-color: transparent;\n          }\n        }\n\n        /* remove default focus */\n        &:focus-visible {\n          outline: none;\n        }\n\n        /* set focus visible for label & custom render items */\n        &:focus-visible .${MENU_CLASS}-label, .${MENU_CLASS}-label:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n      }\n\n      /* Vertical and horizontal popup  */\n\n      .${MENU_CLASS}-vertical {\n        .${MENU_CLASS}-label {\n          ${mode === 'horizontal' &&\n          css`\n            margin: -4px 2px;\n          `}\n        }\n      }\n\n      ${$noAnimate !== true &&\n      css<StyledMenuProps>`\n        .${MENU_CLASS}-vertical .${MENU_CLASS}-item-active.${MENU_CLASS}-item:not(.${MENU_CLASS}-item-selected) {\n          &:active .${MENU_CLASS}-label {\n            &::after {\n              ${indicatorPositionStyle[size][getModeIndicatorPosition($indicatorPosition)][$itemContentDirection]\n                .active};\n            }\n          }\n        }\n      `};\n\n      .${MENU_CLASS}-vertical .${MENU_CLASS}-item.${MENU_CLASS}-item-selected .${MENU_CLASS}-label {\n        ${getMenuItemSelectedStyle(theme, $indicatorPosition, 'vertical', $itemContentDirection, size)};\n      }\n\n      /* Inline and vertical top level */\n\n      /* Disabled */\n      &.${MENU_CLASS}-inline, &.${MENU_CLASS}-vertical {\n        .${MENU_CLASS}-item.${MENU_CLASS}-item-selected.${MENU_CLASS}-item-disabled .${MENU_CLASS}-label {\n          ${getMenuItemDisabledStyle(theme, $indicatorPosition, 'vertical', $itemContentDirection, size)};\n        }\n      }\n\n      &.${MENU_CLASS}-inline, &.${MENU_CLASS}-vertical {\n        .${MENU_CLASS}-item.${MENU_CLASS}-item-selected:not(.${MENU_CLASS}-item-disabled) .${MENU_CLASS}-label {\n          ${getMenuItemSelectedStyle(theme, $indicatorPosition, 'vertical', $itemContentDirection, size)};\n        }\n      }\n\n      /* Horizontal */\n\n      /* Disabled */\n      &.${MENU_CLASS}-horizontal\n        .${MENU_CLASS}-item.${MENU_CLASS}-item-selected.${MENU_CLASS}-item-disabled\n        .${MENU_CLASS}-label {\n        ${getMenuItemDisabledStyle(theme, $indicatorPosition, 'horizontal')};\n      }\n\n      &.${MENU_CLASS}-horizontal\n        .${MENU_CLASS}-item.${MENU_CLASS}-item-selected:not(.${MENU_CLASS}-item-disabled)\n        .${MENU_CLASS}-label {\n        ${getMenuItemSelectedStyle(theme, $indicatorPosition, 'horizontal', $itemContentDirection, size)};\n      }\n    `;\n  }}\n`;\n"],"names":["menuItemStyle","css","theme","size","$indicatorPosition","$noAnimate","$itemContentDirection","Directions","mode","layer","FabricsVariables","disabledLayer","MENU_CLASS","MenuConsts.consts","VariablesNames","getBackgroundColor","States","indicatorPositionStyle","getModeIndicatorPosition","getFocusStyles","getMenuItemSelectedStyle","getMenuItemDisabledStyle"],"mappings":"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"}

package/build/cjs/components/Menu/styles/menuLabel.styles.js

@@ -0,0 +1,111 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),e=require("../../../react-base/src/consts/index.js"),i=require("../../../react-base/src/components/Menu/Menu.consts.js"),u=require("../../Text/components/Label/Label.js"),{consts:n}=i,g=o(u)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  max-width: 240px;
+`,d=o.css`
+  ${({size:t,inlineCollapsed:s,$itemContentDirection:a=e.Directions.Horizontal,mode:r})=>{const l=`${n[t].iconSize}px`,c=`${n[t].gap}px`,S=`${n[t].iconContainer.width}px`,$=`${n[t].iconContainer.height}px`;return o.css`
+      .${e.MENU_CLASS}-label {
+        display: flex;
+        align-items: center;
+        flex-direction: ${a===e.Directions.Vertical?"column":"row"};
+        gap: ${c};
+        border-radius: ${i.consts[t].borderRadius}px;
+        padding: ${i.consts[t].labelPadding[r===e.Directions.Horizontal?e.Directions.Horizontal:e.Directions.Vertical][a]};
+        transition: background-color 0.3s ease-out;
+        min-width: 0;
+        text-decoration: none;
+
+        .${e.MENU_CLASS}-label-text {
+          transition: opacity 0.3s ease-out;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+        }
+
+        .${e.MENU_CLASS}-label-icon {
+          min-width: ${S};
+          max-height: ${$};
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          > svg {
+            display: block;
+            width: ${l};
+            height: ${l};
+          }
+        }
+      }
+
+      /* Horizontal */
+      &.${e.MENU_CLASS}-horizontal .${e.MENU_CLASS}-label {
+        align-items: center;
+
+        .${e.MENU_CLASS}-label-icon {
+          margin-left: -2px;
+          min-width: ${l};
+        }
+      }
+
+      /* Top level */
+      &.${e.MENU_CLASS} {
+        > .${e.MENU_CLASS}-submenu
+          > .${e.MENU_CLASS}-submenu-title
+          > .${e.MENU_CLASS}-submenu-title-content,
+          > .${e.MENU_CLASS}-item {
+          > .${e.MENU_CLASS}-label > .${e.MENU_CLASS}-label-text {
+            white-space: nowrap;
+          }
+        }
+      }
+
+      ${s&&o.css`
+        &.${e.MENU_CLASS}-inline-collapsed {
+          &:focus-visible {
+            ::before {
+              margin-right: ${i.consts[t].collapsedItemMarginRight};
+            }
+          }
+          .${e.MENU_CLASS}-item {
+            margin-right: ${i.consts[t].collapsedItemMarginRight};
+          }
+
+          .${e.MENU_CLASS}-submenu {
+            .${e.MENU_CLASS}-submenu-title {
+              margin-right: ${i.consts[t].collapsedItemMarginRight};
+              .${e.MENU_CLASS}-submenu-title-content {
+                .${e.MENU_CLASS}-item {
+                  .${e.MENU_CLASS}-label .${e.MENU_CLASS}-label-text {
+                    opacity: 0;
+                    text-overflow: clip;
+                    white-space: nowrap;
+                  }
+                }
+              }
+            }
+          }
+        }
+
+        .${e.NAV_BAR_CLASS} &.${e.MENU_CLASS}-inline-collapsed {
+          &:focus-visible {
+            ::before {
+              margin-right: 0;
+            }
+          }
+
+          .${e.MENU_CLASS}-item {
+            margin-right: 0;
+          }
+
+          .${e.MENU_CLASS}-submenu {
+            .${e.MENU_CLASS}-submenu-title {
+              margin-right: 0;
+            }
+          }
+        }
+      `}
+    `}}
+`;exports.TooltipLabel=g;exports.menuLabelStyle=d;
+//# sourceMappingURL=menuLabel.styles.js.map