@finam/web-ui-kit-components 3.31.0 → 3.33.0

package/dist/MarketingButton/useMarketingAnimations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMarketingAnimations.js","sourceRoot":"","sources":["../../src/MarketingButton/useMarketingAnimations.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarketingButton/useMarketingAnimations.js","sources":["../../src/MarketingButton/useMarketingAnimations.ts"],"sourcesContent":["import { useState, useRef, MouseEvent, useCallback } from 'react';\nimport type { Variant } from './types.js';\nimport {\n  GLOW_BLUR_MIN,\n  calculateGlowOpacity,\n  calculateGlowBlur,\n  easeOut,\n  easeIn,\n} from './utils.js';\n\nconst HOVER_BG_ANIMATION_TYPES: Variant[] = ['gradient', 'primary', 'alternative', 'ondark', 'outline'];\nconst HOVER_GLOW_ANIMATION_TYPES: Variant[] = ['gradient', 'primary', 'secondary'];\nconst ACTIVE_BG_ANIMATION_TYPES: Variant[] = ['gradient', 'ondark'];\n\nconst animateGradient = (\n  element: HTMLButtonElement | HTMLAnchorElement,\n  ref: React.RefObject<number | null>,\n  fromX: number,\n  toX: number,\n  duration: number,\n  onComplete?: () => void,\n) => {\n  const startTime = performance.now();\n\n  const animate = (time: number) => {\n    const elapsed = time - startTime;\n    const progress = Math.min(elapsed / duration, 1);\n    const newX = fromX + (toX - fromX) * easeOut(progress);\n\n    element.style.setProperty('--gradient-x', `${newX}%`);\n\n    if (progress >= 1) {\n      ref.current = null;\n      onComplete?.();\n      return;\n    }\n\n    ref.current = requestAnimationFrame(animate);\n  };\n\n  ref.current = requestAnimationFrame(animate);\n};\n\nconst animateGradientSize = (\n  element: HTMLButtonElement | HTMLAnchorElement,\n  ref: React.RefObject<number | null>,\n  fromWidth: number,\n  toWidth: number,\n  fromHeight: number,\n  toHeight: number,\n  duration: number,\n  onComplete?: () => void,\n) => {\n  const startTime = performance.now();\n\n  const animate = (time: number) => {\n    const elapsed = time - startTime;\n    const progress = Math.min(elapsed / duration, 1);\n    const newWidth = fromWidth + (toWidth - fromWidth) * easeIn(progress);\n    const newHeight = fromHeight + (toHeight - fromHeight) * easeIn(progress);\n\n    element.style.setProperty('--gradient-width', `${newWidth}%`);\n    element.style.setProperty('--gradient-height', `${newHeight}%`);\n\n    if (progress >= 1) {\n      ref.current = null;\n      onComplete?.();\n      return;\n    }\n\n    ref.current = requestAnimationFrame(animate);\n  };\n\n  ref.current = requestAnimationFrame(animate);\n};\n\nexport const useMarketingAnimations = (marketingType?: Variant) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n  const [glow, setGlow] = useState({\n    opacity: { left: 0, right: 0 },\n    blur: GLOW_BLUR_MIN,\n  });\n\n  const animationRef = useRef<number | null>(null);\n  const scaleAnimationRef = useRef<number | null>(null);\n  const lastMouseX = useRef<number>(0);\n\n  const hasHoverBgAnimation =\n    marketingType && HOVER_BG_ANIMATION_TYPES.includes(marketingType);\n  const hasHoverGlowAnimation =\n    marketingType && HOVER_GLOW_ANIMATION_TYPES.includes(marketingType);\n  const hasActiveBgAnimation =\n    marketingType && ACTIVE_BG_ANIMATION_TYPES.includes(marketingType);\n\n  const handleMouseMove = useCallback((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const rect = e.currentTarget.getBoundingClientRect();\n    const x = ((e.clientX - rect.left) / rect.width) * 100;\n\n    lastMouseX.current = x;\n\n    if (hasHoverBgAnimation && isHovered) {\n      if (marketingType === 'gradient' && animationRef.current) {\n        const currentGradientX = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-x') || '100');\n        if (currentGradientX <= x) {\n          cancelAnimationFrame(animationRef.current);\n          animationRef.current = null;\n        }\n      } else {\n        e.currentTarget.style.setProperty('--gradient-x', `${x}%`);\n      }\n    }\n\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: calculateGlowOpacity(x),\n        blur: calculateGlowBlur(x),\n      });\n    }\n  }, [hasHoverBgAnimation, hasHoverGlowAnimation, isHovered, marketingType]);\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const rect = e.currentTarget.getBoundingClientRect();\n    const mouseX = ((e.clientX - rect.left) / rect.width) * 100;\n\n    if (marketingType === 'gradient') {\n      const currentX = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-x') || '100');\n\n      if (Math.abs(currentX - mouseX) > 1) {\n        if (animationRef.current) {\n          cancelAnimationFrame(animationRef.current);\n        }\n        animateGradient(e.currentTarget, animationRef, currentX, mouseX, 300, () => {\n          animationRef.current = null;\n        });\n      }\n    }\n\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: calculateGlowOpacity(mouseX),\n        blur: calculateGlowBlur(mouseX),\n      });\n    }\n\n    setIsHovered(true);\n  }, [hasHoverGlowAnimation, marketingType]);\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const element = e.currentTarget;\n\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: { left: 0, right: 0 },\n        blur: GLOW_BLUR_MIN,\n      });\n    }\n\n    if (animationRef.current && hasHoverBgAnimation) {\n      cancelAnimationFrame(animationRef.current);\n      animationRef.current = null;\n    }\n\n    if (marketingType === 'gradient') {\n      const currentX = parseFloat(element.style.getPropertyValue('--gradient-x') || '100');\n      animateGradient(element, animationRef, currentX, 100, 300, () => {\n        element.style.removeProperty('--gradient-x');\n      });\n    }\n\n    setIsHovered(false);\n    setIsActive(false);\n  }, [hasHoverBgAnimation, hasHoverGlowAnimation, marketingType]);\n\n  const handleMouseDown = useCallback((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    if (hasHoverGlowAnimation) {\n      setGlow({\n        opacity: { left: 0, right: 0 },\n        blur: GLOW_BLUR_MIN,\n      });\n    }\n\n    if (hasActiveBgAnimation) {\n      if (scaleAnimationRef.current) {\n        cancelAnimationFrame(scaleAnimationRef.current);\n      }\n      const currentWidth = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-width') || '100');\n      const currentHeight = parseFloat(e.currentTarget.style.getPropertyValue('--gradient-height') || (marketingType === 'gradient' ? '328' : '180'));\n      animateGradientSize(e.currentTarget, scaleAnimationRef, currentWidth, 120, currentHeight, 394, 300);\n    }\n\n    setIsActive(true);\n  }, [hasActiveBgAnimation, hasHoverGlowAnimation, marketingType]);\n\n  const handleMouseUp = useCallback((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    const element = e.currentTarget;\n\n    if (hasHoverGlowAnimation) {\n      const x = lastMouseX.current;\n      setGlow({\n        opacity: calculateGlowOpacity(x),\n        blur: calculateGlowBlur(x),\n      });\n    }\n\n    if (hasActiveBgAnimation) {\n      if (scaleAnimationRef.current) {\n        cancelAnimationFrame(scaleAnimationRef.current);\n        scaleAnimationRef.current = null;\n      }\n      const currentWidth = parseFloat(element.style.getPropertyValue('--gradient-width') || '120');\n      const currentHeight = parseFloat(element.style.getPropertyValue('--gradient-height') || '394');\n      const defaultWidth = isHovered && marketingType === 'gradient' ? 90 : 100;\n      const defaultHeight = isHovered && marketingType === 'gradient' ? 300 : (marketingType === 'gradient' ? 328 : 180);\n      animateGradientSize(element, scaleAnimationRef, currentWidth, defaultWidth, currentHeight, defaultHeight, 300, () => {\n        element.style.removeProperty('--gradient-width');\n        element.style.removeProperty('--gradient-height');\n      });\n    }\n\n    setIsActive(false);\n  }, [hasActiveBgAnimation, hasHoverGlowAnimation, isHovered, marketingType]);\n\n  return {\n    handlers: {\n      onMouseMove: handleMouseMove,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onMouseDown: handleMouseDown,\n      onMouseUp: handleMouseUp,\n    },\n    glow,\n    isHovered,\n    isActive,\n    hasHoverBgAnimation,\n    hasHoverGlowAnimation,\n    highlightX: lastMouseX.current,\n  };\n};\n"],"names":["HOVER_BG_ANIMATION_TYPES","HOVER_GLOW_ANIMATION_TYPES","ACTIVE_BG_ANIMATION_TYPES","animateGradient","element","ref","fromX","toX","duration","onComplete","startTime","performance","animate","time","elapsed","progress","Math","newX","easeOut","requestAnimationFrame","animateGradientSize","fromWidth","toWidth","fromHeight","toHeight","newWidth","easeIn","newHeight","useMarketingAnimations","marketingType","isHovered","setIsHovered","useState","isActive","setIsActive","glow","setGlow","GLOW_BLUR_MIN","animationRef","useRef","scaleAnimationRef","lastMouseX","hasHoverBgAnimation","hasHoverGlowAnimation","hasActiveBgAnimation","handleMouseMove","useCallback","e","rect","x","currentGradientX","parseFloat","cancelAnimationFrame","calculateGlowOpacity","calculateGlowBlur","handleMouseEnter","mouseX","currentX","handleMouseLeave","handleMouseDown","currentWidth","currentHeight","handleMouseUp","defaultWidth","defaultHeight"],"mappings":"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"}

package/dist/MarketingButton/utils.js

@@ -1,24 +1,23 @@
-export const GLOW_BLUR_MIN = 16;
+const GLOW_BLUR_MIN = 16;
 const BUFFER_PERCENT_GLOW = 5;
 const GLOW_ZONE_LEFT_END = 40;
 const GLOW_ZONE_RIGHT_START = 60;
 const GLOW_OPACITY_MAX = 0.8;
 const GLOW_BLUR_MAX = 32;
-export const calculateGlowOpacity = (x) => {
-    const leftOpacity = x <= BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : (x <= GLOW_ZONE_LEFT_END
-        ? Math.max(0.02, GLOW_OPACITY_MAX - ((x - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))
-        : 0);
-    const rightOpacity = x >= (100 - BUFFER_PERCENT_GLOW) ? GLOW_OPACITY_MAX : (x >= GLOW_ZONE_RIGHT_START
-        ? Math.max(0.02, ((x - GLOW_ZONE_RIGHT_START) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))
-        : 0);
-    return { left: leftOpacity, right: rightOpacity };
+const calculateGlowOpacity = (x)=>{
+    const leftOpacity = x <= BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : x <= GLOW_ZONE_LEFT_END ? Math.max(0.02, GLOW_OPACITY_MAX - (x - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)) : 0;
+    const rightOpacity = x >= 100 - BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : x >= GLOW_ZONE_RIGHT_START ? Math.max(0.02, (x - GLOW_ZONE_RIGHT_START) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)) : 0;
+    return {
+        left: leftOpacity,
+        right: rightOpacity
+    };
 };
-export const calculateGlowBlur = (x) => {
+const calculateGlowBlur = (x)=>{
     const distFromEdge = Math.min(x, 100 - x);
-    return distFromEdge <= BUFFER_PERCENT_GLOW ? GLOW_BLUR_MIN : (distFromEdge <= GLOW_ZONE_LEFT_END
-        ? GLOW_BLUR_MIN + ((GLOW_BLUR_MAX - GLOW_BLUR_MIN) * ((distFromEdge - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))
-        : GLOW_BLUR_MIN);
+    return distFromEdge <= BUFFER_PERCENT_GLOW ? GLOW_BLUR_MIN : distFromEdge <= GLOW_ZONE_LEFT_END ? GLOW_BLUR_MIN + (distFromEdge - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW) * (GLOW_BLUR_MAX - GLOW_BLUR_MIN) : GLOW_BLUR_MIN;
 };
-export const easeOut = (t) => 1 - Math.pow(1 - t, 3);
-export const easeIn = (t) => Math.pow(t, 3);
+const easeOut = (t)=>1 - Math.pow(1 - t, 3);
+const easeIn = (t)=>Math.pow(t, 3);
+export { GLOW_BLUR_MIN, calculateGlowBlur, calculateGlowOpacity, easeIn, easeOut };
+
 //# sourceMappingURL=utils.js.map

package/dist/MarketingButton/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/MarketingButton/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAEhC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,aAAa,GAAG,EAAE,CAAC;AAEzB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAS,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAChE,CAAC,IAAI,kBAAkB;QACrB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAC;QAC7G,CAAC,CAAC,CAAC,CACN,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACzE,CAAC,IAAI,qBAAqB;QACxB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,GAAG,CAAC,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAC,CAAC,CACN,CAAC;IACF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAS,EAAE,EAAE;IAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;IAC1C,OAAO,YAAY,IAAI,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAC3D,YAAY,IAAI,kBAAkB;QAChC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,GAAG,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAC;QACzI,CAAC,CAAC,aAAa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"MarketingButton/utils.js","sources":["../../src/MarketingButton/utils.ts"],"sourcesContent":["export const GLOW_BLUR_MIN = 16;\n\nconst BUFFER_PERCENT_GLOW = 5;\nconst GLOW_ZONE_LEFT_END = 40;\nconst GLOW_ZONE_RIGHT_START = 60;\nconst GLOW_OPACITY_MAX = 0.8;\nconst GLOW_BLUR_MAX = 32;\n\nexport const calculateGlowOpacity = (x: number) => {\n  const leftOpacity = x <= BUFFER_PERCENT_GLOW ? GLOW_OPACITY_MAX : (\n    x <= GLOW_ZONE_LEFT_END\n      ? Math.max(0.02, GLOW_OPACITY_MAX - ((x - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))\n      : 0\n  );\n  const rightOpacity = x >= (100 - BUFFER_PERCENT_GLOW) ? GLOW_OPACITY_MAX : (\n    x >= GLOW_ZONE_RIGHT_START\n      ? Math.max(0.02, ((x - GLOW_ZONE_RIGHT_START) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))\n      : 0\n  );\n  return { left: leftOpacity, right: rightOpacity };\n};\n\nexport const calculateGlowBlur = (x: number) => {\n  const distFromEdge = Math.min(x, 100 - x);\n  return distFromEdge <= BUFFER_PERCENT_GLOW ? GLOW_BLUR_MIN : (\n    distFromEdge <= GLOW_ZONE_LEFT_END\n      ? GLOW_BLUR_MIN + ((GLOW_BLUR_MAX - GLOW_BLUR_MIN) * ((distFromEdge - BUFFER_PERCENT_GLOW) / (GLOW_ZONE_LEFT_END - BUFFER_PERCENT_GLOW)))\n      : GLOW_BLUR_MIN\n  );\n};\n\nexport const easeOut = (t: number) => 1 - Math.pow(1 - t, 3);\nexport const easeIn = (t: number) => Math.pow(t, 3);\n"],"names":["GLOW_BLUR_MIN","BUFFER_PERCENT_GLOW","GLOW_ZONE_LEFT_END","GLOW_ZONE_RIGHT_START","GLOW_OPACITY_MAX","GLOW_BLUR_MAX","calculateGlowOpacity","x","leftOpacity","Math","rightOpacity","calculateGlowBlur","distFromEdge","easeOut","t","easeIn"],"mappings":"AAAO,MAAMA,gBAAgB;AAE7B,MAAMC,sBAAsB;AAC5B,MAAMC,qBAAqB;AAC3B,MAAMC,wBAAwB;AAC9B,MAAMC,mBAAmB;AACzB,MAAMC,gBAAgB;AAEf,MAAMC,uBAAuB,CAACC;IACnC,MAAMC,cAAcD,KAAKN,sBAAsBG,mBAC7CG,KAAKL,qBACDO,KAAK,GAAG,CAAC,MAAML,mBAAqBG,AAAAA,CAAAA,IAAIN,mBAAkB,IAAMC,CAAAA,qBAAqBD,mBAAkB,KACvG;IAEN,MAAMS,eAAeH,KAAM,MAAMN,sBAAuBG,mBACtDG,KAAKJ,wBACDM,KAAK,GAAG,CAAC,MAAQF,AAAAA,CAAAA,IAAIJ,qBAAoB,IAAMD,CAAAA,qBAAqBD,mBAAkB,KACtF;IAEN,OAAO;QAAE,MAAMO;QAAa,OAAOE;IAAa;AAClD;AAEO,MAAMC,oBAAoB,CAACJ;IAChC,MAAMK,eAAeH,KAAK,GAAG,CAACF,GAAG,MAAMA;IACvC,OAAOK,gBAAgBX,sBAAsBD,gBAC3CY,gBAAgBV,qBACZF,gBAAkBK,AAAmCO,CAAAA,eAAeX,mBAAkB,IAAMC,CAAAA,qBAAqBD,mBAAkB,IAAjHI,CAAAA,gBAAgBL,aAAY,IAC9CA;AAER;AAEO,MAAMa,UAAU,CAACC,IAAc,IAAIL,KAAK,GAAG,CAAC,IAAIK,GAAG;AACnD,MAAMC,SAAS,CAACD,IAAcL,KAAK,GAAG,CAACK,GAAG"}

package/dist/MenuItem/MenuItem.js

@@ -1,53 +1,94 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useEffect, memo, useContext, } from 'react';
-import classnames from 'clsx';
-import { typography } from '@finam/web-ui-kit-core/styles/typography';
-import { MenuListContext } from '../MenuList/index.js';
-import { Chevron, Root, MenuItemSubmenuAnchor } from './MenuItem.styles.js';
-import { useForkRef } from '../utils/withForwardedRef.js';
-import { getPositionClassName } from '../utils/useSubMenu.js';
-import { classNameColor, getTypographyVariantBySize, CLASSNAME_DISABLED } from './utils.js';
-const MenuItem = forwardRef((_a, ref) => {
-    var { className, selected = false, autoScroll = false, focused = false, checkbox = false, paperRef, children, color = 'secondary', hovered, submenuAnchorRef, submenuPosition, typographyVariant, typographyColor, disabled, ignoreClickOnDisabled = true, submenu } = _a, otherProps = __rest(_a, ["className", "selected", "autoScroll", "focused", "checkbox", "paperRef", "children", "color", "hovered", "submenuAnchorRef", "submenuPosition", "typographyVariant", "typographyColor", "disabled", "ignoreClickOnDisabled", "submenu"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useContext, useEffect, useRef } from "react";
+import clsx from "clsx";
+import { typography } from "@finam/web-ui-kit-core/styles/typography";
+import { MenuListContext } from "../MenuList/index.js";
+import { Chevron, MenuItemSubmenuAnchor, Root } from "./MenuItem.styles.js";
+import { useForkRef } from "../utils/withForwardedRef.js";
+import { getPositionClassName } from "../utils/useSubMenu.js";
+import { CLASSNAME_DISABLED, classNameColor, getTypographyVariantBySize } from "./utils.js";
+const MenuItem = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className, selected = false, autoScroll = false, focused = false, checkbox = false, paperRef, children, color = 'secondary', hovered, submenuAnchorRef, submenuPosition, typographyVariant, typographyColor, disabled, ignoreClickOnDisabled = true, submenu } = _ref1, otherProps = _object_without_properties__(_ref1, [
+        "className",
+        "selected",
+        "autoScroll",
+        "focused",
+        "checkbox",
+        "paperRef",
+        "children",
+        "color",
+        "hovered",
+        "submenuAnchorRef",
+        "submenuPosition",
+        "typographyVariant",
+        "typographyColor",
+        "disabled",
+        "ignoreClickOnDisabled",
+        "submenu"
+    ]), [ref] = _rest;
     const { size } = useContext(MenuListContext);
     const elementRef = useRef(null);
-    const scroll = (element, scrollerElement, center = false) => {
-        if (!scrollerElement.scrollTo) {
-            return;
-        }
+    const scroll = (element, scrollerElement, center = false)=>{
+        if (!scrollerElement.scrollTo) return;
         const offsetTop = element.offsetTop;
-        if (offsetTop > scrollerElement.offsetHeight + scrollerElement.scrollTop ||
-            offsetTop < scrollerElement.scrollTop) {
+        if (offsetTop > scrollerElement.offsetHeight + scrollerElement.scrollTop || offsetTop < scrollerElement.scrollTop) {
             const top = center ? offsetTop - scrollerElement.offsetHeight / 2 : offsetTop;
-            scrollerElement.scrollTo({ top });
+            scrollerElement.scrollTo({
+                top
+            });
         }
     };
-    useEffect(() => {
-        if (autoScroll && elementRef.current && (paperRef === null || paperRef === void 0 ? void 0 : paperRef.current)) {
-            scroll(elementRef.current, paperRef.current, true);
-        }
-    }, [autoScroll, paperRef]);
-    useEffect(() => {
-        if (focused && elementRef.current && (paperRef === null || paperRef === void 0 ? void 0 : paperRef.current)) {
-            scroll(elementRef.current, paperRef.current);
-        }
-    }, [focused, paperRef]);
-    const rootClassName = classnames(className, typography({
+    useEffect(()=>{
+        if (autoScroll && elementRef.current && (null == paperRef ? void 0 : paperRef.current)) scroll(elementRef.current, paperRef.current, true);
+    }, [
+        autoScroll,
+        paperRef
+    ]);
+    useEffect(()=>{
+        if (focused && elementRef.current && (null == paperRef ? void 0 : paperRef.current)) scroll(elementRef.current, paperRef.current);
+    }, [
+        focused,
+        paperRef
+    ]);
+    const rootClassName = clsx(className, typography({
         variant: typographyVariant || getTypographyVariantBySize(size),
-        color: disabled ? 'disabled' : typographyColor,
-    }), classNameColor(color), disabled ? CLASSNAME_DISABLED : undefined, {
+        color: disabled ? 'disabled' : typographyColor
+    }), classNameColor(color), disabled ? CLASSNAME_DISABLED : void 0, {
         selected,
         hovered,
         focused,
         submenu,
-        checkbox,
+        checkbox
     });
-    const anchorClassName = classnames(getPositionClassName(submenuPosition));
-    const { onClick } = otherProps, rest = __rest(otherProps, ["onClick"]);
+    const anchorClassName = clsx(getPositionClassName(submenuPosition));
+    const { onClick } = otherProps, rest = _object_without_properties__(otherProps, [
+        "onClick"
+    ]);
     const rootProps = disabled && ignoreClickOnDisabled ? rest : otherProps;
-    return (_jsxs(Root, Object.assign({ className: rootClassName, ref: useForkRef(ref, elementRef), as: checkbox ? 'label' : 'li' }, rootProps, { children: [children, submenu && _jsx(Chevron, { className: "ui-menu-item__chevron" }), submenuAnchorRef &&
-                _jsx(MenuItemSubmenuAnchor, { ref: submenuAnchorRef, className: anchorClassName })] })));
+    return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({
+        className: rootClassName,
+        ref: useForkRef(ref, elementRef),
+        as: checkbox ? 'label' : 'li'
+    }, rootProps), {
+        children: [
+            children,
+            submenu && /*#__PURE__*/ jsx(Chevron, {
+                className: "ui-menu-item__chevron"
+            }),
+            submenuAnchorRef && /*#__PURE__*/ jsx(MenuItemSubmenuAnchor, {
+                ref: submenuAnchorRef,
+                className: anchorClassName
+            })
+        ]
+    }));
 });
-export default memo(MenuItem);
+const MenuItem_MenuItem = /*#__PURE__*/ memo(MenuItem);
+export default MenuItem_MenuItem;
+
 //# sourceMappingURL=MenuItem.js.map

package/dist/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItem/MenuItem.js","sources":["../../src/MenuItem/MenuItem.tsx"],"sourcesContent":["import {\n  RefObject,\n  MutableRefObject,\n  forwardRef,\n  useRef,\n  useEffect,\n  memo,\n  ComponentPropsWithoutRef,\n  useContext,\n} from 'react';\nimport classnames from 'clsx';\nimport { typography, TypographyVariants } from '@finam/web-ui-kit-core/styles/typography';\n\nimport { MenuListContext } from '../MenuList/index.js';\nimport { Chevron, Root, MenuItemSubmenuAnchor } from './MenuItem.styles.js';\nimport { useForkRef } from '../utils/withForwardedRef.js';\nimport { getPositionClassName, type SubmenuPositions } from '../utils/useSubMenu.js';\nimport type { MenuItemColor } from './types.js';\nimport { classNameColor, getTypographyVariantBySize, CLASSNAME_DISABLED } from './utils.js';\n\nexport interface Props extends ComponentPropsWithoutRef<typeof Root> {\n  selected?: boolean;\n  autoScroll?: boolean;\n  focused?: boolean;\n  paperRef?: RefObject<HTMLElement>;\n  submenu?: boolean;\n  checkbox?: boolean;\n  color?: MenuItemColor;\n  hovered?: boolean;\n  submenuAnchorRef?: MutableRefObject<HTMLDivElement | null>;\n  submenuPosition?: SubmenuPositions;\n  disabled?: boolean;\n  ignoreClickOnDisabled?: boolean;\n  value?: string | number;\n  typographyVariant?: NonNullable<TypographyVariants>['variant'];\n  typographyColor?: NonNullable<TypographyVariants>['color'];\n}\n\nconst MenuItem = forwardRef<HTMLLIElement, Props>(({\n  className,\n  selected = false,\n  autoScroll = false,\n  focused = false,\n  checkbox = false,\n  paperRef,\n  children,\n  color = 'secondary',\n  hovered,\n  submenuAnchorRef,\n  submenuPosition,\n  typographyVariant,\n  typographyColor,\n  disabled,\n  ignoreClickOnDisabled = true,\n  submenu,\n  ...otherProps\n}, ref) => {\n  const { size } = useContext(MenuListContext);\n  const elementRef = useRef<HTMLLIElement>(null);\n\n  const scroll = (\n    element: HTMLElement,\n    scrollerElement: HTMLElement,\n    center: boolean = false,\n  ) => {\n    if (!scrollerElement.scrollTo) {\n      return;\n    }\n\n    const offsetTop = element.offsetTop;\n\n    if (\n      offsetTop > scrollerElement.offsetHeight + scrollerElement.scrollTop ||\n      offsetTop < scrollerElement.scrollTop\n    ) {\n      const top = center ? offsetTop - scrollerElement.offsetHeight / 2 : offsetTop;\n      scrollerElement.scrollTo({ top });\n    }\n  };\n\n  useEffect(() => {\n    if (autoScroll && elementRef.current && paperRef?.current) {\n      scroll(elementRef.current, paperRef.current, true);\n    }\n  }, [autoScroll, paperRef]);\n  useEffect(() => {\n    if (focused && elementRef.current && paperRef?.current) {\n      scroll(elementRef.current, paperRef.current);\n    }\n  }, [focused, paperRef]);\n\n  const rootClassName = classnames(\n    className,\n    typography({\n      variant: typographyVariant || getTypographyVariantBySize(size),\n      color: disabled ? 'disabled' : typographyColor,\n    }),\n    classNameColor(color),\n    disabled ? CLASSNAME_DISABLED : undefined,\n    {\n      selected,\n      hovered,\n      focused,\n      submenu,\n      checkbox,\n    },\n  );\n  const anchorClassName = classnames(getPositionClassName(submenuPosition));\n\n  const { onClick, ...rest } = otherProps;\n  const rootProps = disabled && ignoreClickOnDisabled ? rest : otherProps;\n\n  return (\n    <Root\n      className={rootClassName}\n      ref={useForkRef(ref, elementRef)}\n      as={checkbox ? 'label' : 'li'}\n      {...rootProps}\n    >\n      {children}\n      {submenu && <Chevron className=\"ui-menu-item__chevron\" />}\n      {submenuAnchorRef &&\n        <MenuItemSubmenuAnchor ref={submenuAnchorRef} className={anchorClassName} />}\n    </Root>\n  );\n});\n\nexport default memo(MenuItem);\n"],"names":["MenuItem","forwardRef","className","selected","autoScroll","focused","checkbox","paperRef","children","color","hovered","submenuAnchorRef","submenuPosition","typographyVariant","typographyColor","disabled","ignoreClickOnDisabled","submenu","otherProps","ref","size","useContext","MenuListContext","elementRef","useRef","scroll","element","scrollerElement","center","offsetTop","top","useEffect","rootClassName","classnames","typography","getTypographyVariantBySize","classNameColor","CLASSNAME_DISABLED","undefined","anchorClassName","getPositionClassName","onClick","rest","rootProps","Root","useForkRef","Chevron","MenuItemSubmenuAnchor","memo"],"mappings":";;;;;;;;;;;;AAsCA,MAAMA,WAAW,WAAHA,GAAGC,WAAiC,CAAC,IAAD;;;;iCAAC,EACjDC,SAAS,EACTC,WAAW,KAAK,EAChBC,aAAa,KAAK,EAClBC,UAAU,KAAK,EACfC,WAAW,KAAK,EAChBC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,WAAW,EACnBC,OAAO,EACPC,gBAAgB,EAChBC,eAAe,EACfC,iBAAiB,EACjBC,eAAe,EACfC,QAAQ,EACRC,wBAAwB,IAAI,EAC5BC,OAAO,EAER,UADIC,aAAAA,6BAAAA,OAAAA;;;;;;;;;;;;;;;;;SACFC,IAAAA,GAAAA;IACD,MAAM,EAAEC,IAAI,EAAE,GAAGC,WAAWC;IAC5B,MAAMC,aAAaC,OAAsB;IAEzC,MAAMC,SAAS,CACbC,SACAC,iBACAC,SAAkB,KAAK;QAEvB,IAAI,CAACD,gBAAgB,QAAQ,EAC3B;QAGF,MAAME,YAAYH,QAAQ,SAAS;QAEnC,IACEG,YAAYF,gBAAgB,YAAY,GAAGA,gBAAgB,SAAS,IACpEE,YAAYF,gBAAgB,SAAS,EACrC;YACA,MAAMG,MAAMF,SAASC,YAAYF,gBAAgB,YAAY,GAAG,IAAIE;YACpEF,gBAAgB,QAAQ,CAAC;gBAAEG;YAAI;QACjC;IACF;IAEAC,UAAU;QACR,IAAI3B,cAAcmB,WAAW,OAAO,IAAIhB,CAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU,OAAO,AAAD,GACtDkB,OAAOF,WAAW,OAAO,EAAEhB,SAAS,OAAO,EAAE;IAEjD,GAAG;QAACH;QAAYG;KAAS;IACzBwB,UAAU;QACR,IAAI1B,WAAWkB,WAAW,OAAO,IAAIhB,CAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU,OAAO,AAAD,GACnDkB,OAAOF,WAAW,OAAO,EAAEhB,SAAS,OAAO;IAE/C,GAAG;QAACF;QAASE;KAAS;IAEtB,MAAMyB,gBAAgBC,KACpB/B,WACAgC,WAAW;QACT,SAASrB,qBAAqBsB,2BAA2Bf;QACzD,OAAOL,WAAW,aAAaD;IACjC,IACAsB,eAAe3B,QACfM,WAAWsB,qBAAqBC,QAChC;QACEnC;QACAO;QACAL;QACAY;QACAX;IACF;IAEF,MAAMiC,kBAAkBN,KAAWO,qBAAqB5B;IAExD,MAAM,EAAE6B,OAAO,EAAW,GAAGvB,YAATwB,OAAAA,6BAASxB,YAAAA;;;IAC7B,MAAMyB,YAAY5B,YAAYC,wBAAwB0B,OAAOxB;IAE7D,OAAO,WAAP,GACE,KAAC0B,MAAIA,uBAAAA,EAAAA;QACH,WAAWZ;QACX,KAAKa,WAAW1B,KAAKI;QACrB,IAAIjB,WAAW,UAAU;OACrBqC,YAAAA;;YAEHnC;YACAS,WAAW,WAAXA,GAAW,IAAC6B,SAAOA;gBAAC,WAAU;;YAC9BnC,oBAAAA,WAAAA,GACC,IAACoC,uBAAqBA;gBAAC,KAAKpC;gBAAkB,WAAW4B;;;;AAGjE;AAEA,wCAAeS,KAAKhD"}

package/dist/MenuItem/MenuItem.styles.js

@@ -1,10 +1,11 @@
-import { styled } from '@linaria/react';
-import ChevronRightSmall from '@finam/web-ui-kit-icons/Chevron/ChevronRightSmall';
-import { createElement } from 'react';
-import Divider from '../Divider/index.js';
-import Typography from '../Typography/index.js';
-export const noMarginClassName = "ui_components_nr3yp54";
-export const Root = /*#__PURE__*/styled('li')({
+import { _ } from "@swc/helpers/_/_object_spread";
+import { styled } from "@linaria/react";
+import ChevronRightSmall from "@finam/web-ui-kit-icons/Chevron/ChevronRightSmall";
+import { createElement } from "react";
+import Divider from "../Divider/index.js";
+import Typography from "../Typography/index.js";
+const noMarginClassName = "ui_components_nr3yp54";
+const Root = /*#__PURE__*/styled('li')({
   name: "Root",
   class: "ui_components_r10uf2xy",
   propsAsIs: false
@@ -15,23 +16,23 @@ const MenuItemGroup = /*#__PURE__*/styled('div')({
   propsAsIs: false
 });
 const _exp95 = () => (MenuItemGroup);
-export const MenuItemLeftGroup = /*#__PURE__*/styled(_exp95())({
+const MenuItemLeftGroup = /*#__PURE__*/styled(_exp95())({
   name: "MenuItemLeftGroup",
   class: "ui_components_m1yv4a35",
   propsAsIs: true
 });
 const _exp98 = () => (MenuItemGroup);
-export const MenuItemRightGroup = /*#__PURE__*/styled(_exp98())({
+const MenuItemRightGroup = /*#__PURE__*/styled(_exp98())({
   name: "MenuItemRightGroup",
   class: "ui_components_m1ryu2g2",
   propsAsIs: true
 });
-export const MenuItemBadge = /*#__PURE__*/styled('div')({
+const MenuItemBadge = /*#__PURE__*/styled('div')({
   name: "MenuItemBadge",
   class: "ui_components_m1cp9zfo",
   propsAsIs: false
 });
-export const MenuItemSubmenuAnchor = /*#__PURE__*/styled('div')({
+const MenuItemSubmenuAnchor = /*#__PURE__*/styled('div')({
   name: "MenuItemSubmenuAnchor",
   class: "ui_components_m91w5a7",
   propsAsIs: false
@@ -42,43 +43,44 @@ const MenuDividerUi = /*#__PURE__*/styled(_exp125())({
   class: "ui_components_m1jdqo2q",
   propsAsIs: true
 });
-export const MenuDivider = (props) => (createElement(MenuDividerUi, Object.assign({
+const MenuDivider = (props)=>createElement(MenuDividerUi, _({
   fullWidth: false,
   noMargin: false
-}, props)));
+}, props));
 const _exp127 = () => (Typography);
 const MenuSubtitleUi = /*#__PURE__*/styled(_exp127())({
   name: "MenuSubtitleUi",
   class: "ui_components_mq66t8d",
   propsAsIs: true
 });
-export const MenuSubtitle = (props) => (createElement(MenuSubtitleUi, Object.assign({
+const MenuSubtitle = (props)=>createElement(MenuSubtitleUi, _({
   variant: 'caption12',
   weight: 'medium',
   color: 'custom'
-}, props)));
+}, props));
 const _exp130 = () => (Typography);
 const MenuItemCaptionUi = /*#__PURE__*/styled(_exp130())({
   name: "MenuItemCaptionUi",
   class: "ui_components_m11gb9gd",
   propsAsIs: true
 });
-export const MenuItemCaption = (props) => (createElement(MenuItemCaptionUi, Object.assign({
+const MenuItemCaption = (props)=>createElement(MenuItemCaptionUi, _({
   variant: 'caption11',
   weight: 'normal',
   color: 'custom'
-}, props)));
-export const MenuItemText = /*#__PURE__*/styled('span')({
+}, props));
+const MenuItemText = /*#__PURE__*/styled('span')({
   name: "MenuItemText",
   class: "ui_components_mbwvny6",
   propsAsIs: false
 });
 const _exp137 = () => (ChevronRightSmall);
-export const Chevron = /*#__PURE__*/styled(_exp137())({
+const Chevron = /*#__PURE__*/styled(_exp137())({
   name: "Chevron",
   class: "ui_components_c1u6fcb7",
   propsAsIs: true
 });
+export { Chevron, MenuDivider, MenuItemBadge, MenuItemCaption, MenuItemLeftGroup, MenuItemRightGroup, MenuItemSubmenuAnchor, MenuItemText, MenuSubtitle, Root, noMarginClassName };
 //# sourceMappingURL=MenuItem.styles.js.map
 
 import "./MenuItem.styles.css";

package/dist/MenuItem/MenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.styles.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItem/MenuItem.styles.js","sources":["../../src/MenuItem/MenuItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport ChevronRightSmall from '@finam/web-ui-kit-icons/Chevron/ChevronRightSmall';\nimport { createElement } from 'react';\n\nimport { classNameColor, CLASSNAME_DISABLED } from './utils.js';\nimport { MENU_LIST_CLASS_NAME, menuClassNameSize as classNameSize } from '../MenuList/index.js';\nimport Divider, { type DividerProps } from '../Divider/index.js';\nimport Typography, { type TypographyProps } from '../Typography/index.js';\nimport { getPositionClassName, SubmenuPositions } from '../utils/useSubMenu.js';\n\nconst LINE_HEIGHT_SMALL = 16;\nconst LINE_HEIGHT_REGULAR = 20;\n\nexport const noMarginClassName = css`\n  margin: 0;\n`;\n\nexport const Root = styled.li`\n  display: flex;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ${tokens.radius.menuItem};\n  color: ${tokens.colors.menu.text.default.default.default};\n  background-color: transparent;\n  -webkit-tap-highlight-color: transparent;\n  padding: ${tokens.spacing.none} calc(${tokens.spacing.menuItem.paddingHoriz} + ${tokens.spacing['2xs']});\n\n  &.focused,\n  &:focus-visible {\n    box-shadow: 0 0 0 3px ${tokens.colors.border.brand.default.focus} inset;\n\n    &.${classNameColor('positive')} {\n      box-shadow: 0 0 0 3px ${tokens.colors.border.positive.default.focus} inset;\n    }\n\n    &.${classNameColor('negative')} {\n      box-shadow: 0 0 0 3px ${tokens.colors.border.negative.default.focus} inset;\n    }\n  }\n\n  &:hover, &.hovered {\n    background-color: ${tokens.colors.menu.bg.primary.default.hover};\n  }\n\n  &.selected, &:active {\n    background-color: ${tokens.colors.menu.bg.primary.default.active};\n\n    &.${classNameColor('primary')} {\n      color: ${tokens.colors.menu.text.primary.default.active};\n    }\n\n    &:hover {\n      background-color: ${tokens.colors.menu.bg.primary.default.activeHover};\n    }\n  }\n\n  &.${classNameColor('secondary')} {\n    &:hover, &.hovered {\n      background-color: ${tokens.colors.menu.bg.secondary.default.hover};\n    }\n\n    &.selected, &:active {\n      background-color: ${tokens.colors.menu.bg.secondary.default.active};\n\n      &:hover {\n        background-color: ${tokens.colors.menu.bg.secondary.default.hover};\n      }\n    }\n  }\n\n  &.${classNameColor('positive')} {\n    &:hover, &.hovered {\n      color: ${tokens.colors.text.positive.default.hover};\n      background-color: ${tokens.colors.bg.positive.select.hover};\n    }\n\n    &.selected, &:active {\n      color: ${tokens.colors.text.positive.default.active};\n      background-color: ${tokens.colors.bg.positive.select.active};\n\n      &:hover {\n        color: ${tokens.colors.text.positive.default.active};\n        background-color: ${tokens.colors.opacity.positive['24']};\n      }\n    }\n  }\n\n  &.${classNameColor('negative')} {\n    &:hover, &.hovered {\n      color: ${tokens.colors.text.negative.default.hover};\n      background-color: ${tokens.colors.bg.negative.select.hover};\n    }\n\n    &.selected, &:active {\n      color: ${tokens.colors.text.negative.default.active};\n      background-color: ${tokens.colors.bg.negative.select.active};\n\n      &:hover {\n        color: ${tokens.colors.text.negative.default.active};\n        background-color: ${tokens.colors.opacity.negative['24']};\n      }\n    }\n  }\n\n  &.${classNameColor('destructive')} {\n    &:hover, &.hovered {\n      color: ${tokens.colors.text.onnegative.default.default};\n      background-color: ${tokens.colors.menu.bg.destructive.default.hover};\n    }\n\n    &.selected, &:active {\n      color: ${tokens.colors.text.onnegative.default.default};\n      background-color: ${tokens.colors.menu.bg.destructive.default.pressed};\n    }\n  }\n\n  &.${CLASSNAME_DISABLED},\n  &.${CLASSNAME_DISABLED}:hover,\n  &.${CLASSNAME_DISABLED}:active  {\n    cursor: default;\n    color: ${tokens.colors.text.disabled.default.default};\n    background-color: transparent;\n\n    &.${classNameColor('destructive')},\n    &.${classNameColor('positive')},\n    &.${classNameColor('negative')},\n    &.${classNameColor('secondary')} {\n      cursor: default;\n      color: ${tokens.colors.text.disabled.default.default};\n      background-color: transparent;\n    }\n  }\n\n\n  .${MENU_LIST_CLASS_NAME}.${classNameSize('regular')} & {\n    height: calc(${LINE_HEIGHT_REGULAR}px + ${tokens.spacing.micro}*2 + ${tokens.spacing.xs}*2);\n  }\n\n  .${MENU_LIST_CLASS_NAME}.${classNameSize('small')} & {\n    height: calc(${LINE_HEIGHT_SMALL}px + ${tokens.spacing.xs}*2);\n  }\n`;\n\nconst MenuItemGroup = styled.div`\n  height: 100%;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n\n  & > svg {\n    ${Root} & {\n      color: ${tokens.colors.menu.icon.default.default.default};\n    }\n    ${Root}:hover & {\n      color: ${tokens.colors.menu.icon.default.default.hover};\n    }\n\n    ${Root}.${classNameColor('positive')} & {\n      color: ${tokens.colors.icon.positive.default.default};\n    }\n    ${Root}.${classNameColor('negative')} & {\n      color: ${tokens.colors.icon.negative.default.default};\n    }\n\n    ${Root}.${classNameColor('primary')}.selected & {\n      color: ${tokens.colors.menu.icon.primary.default.active};\n    }\n    ${Root}.${classNameColor('secondary')}.selected & {\n      color: ${tokens.colors.menu.icon.secondary.default.active};\n    }\n\n    .${MENU_LIST_CLASS_NAME}.${classNameSize('regular')} & {\n      width: 24px;\n    }\n    .${MENU_LIST_CLASS_NAME}.${classNameSize('small')} & {\n      width: 16px;\n    }\n\n    ${Root}.${classNameColor('positive')}:hover & {\n      color: ${tokens.colors.icon.positive.default.hover};\n    }\n    ${Root}.${classNameColor('negative')}:hover & {\n      color: ${tokens.colors.icon.negative.default.hover};\n    }\n    ${Root}.${classNameColor('destructive')}:hover & {\n      color: ${tokens.colors.text.onnegative.default.default};\n    }\n\n    ${Root}.${classNameColor('positive')}.selected & {\n      color: ${tokens.colors.icon.positive.default.active};\n    }\n    ${Root}.${classNameColor('negative')}.selected & {\n      color: ${tokens.colors.icon.negative.default.active};\n    }\n    ${Root}.${classNameColor('destructive')}.selected & {\n      color: ${tokens.colors.text.onnegative.default.default};\n    }\n  }\n`;\n\nexport const MenuItemLeftGroup = styled(MenuItemGroup)`\n  margin-right: ${tokens.spacing.xs};\n\n  & > * + * {\n    margin-left: ${tokens.spacing['2xs']};\n  }\n`;\n\nexport const MenuItemRightGroup = styled(MenuItemGroup)`\n  margin-left: auto;\n  margin-right: calc(-1 * ${tokens.spacing['2xs']});\n  padding: ${tokens.spacing.none} ${tokens.spacing['2xs']};\n\n  & > * + * {\n    margin-left: ${tokens.spacing['2xs']};\n  }\n`;\n\nexport const MenuItemBadge = styled.div`\n  padding-left: ${tokens.spacing['2xs']};\n  margin-left: auto;\n  margin-right: calc(-1 * ${tokens.spacing['2xs']});\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const MenuItemSubmenuAnchor = styled.div`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n\n  .${MENU_LIST_CLASS_NAME}.${classNameSize('regular')} & {\n    &.${getPositionClassName(SubmenuPositions.topRight)} {\n      bottom: calc(0px - ${tokens.spacing.xs});\n      right: 0;\n    }\n    &.${getPositionClassName(SubmenuPositions.bottomRight)} {\n      top: calc(0px - ${tokens.spacing.xs});\n      right: 0;\n    }\n    &.${getPositionClassName(SubmenuPositions.topLeft)} {\n      bottom: calc(0px - ${tokens.spacing.xs});\n      left: 0;\n    }\n    &.${getPositionClassName(SubmenuPositions.bottomLeft)} {\n      top: calc(0px - ${tokens.spacing.xs});\n      left: 0;\n    }\n  }\n\n  .${MENU_LIST_CLASS_NAME}.${classNameSize('small')} & {\n    &.${getPositionClassName(SubmenuPositions.topRight)} {\n      bottom: calc(0px - ${tokens.spacing['2xs']});\n      right: 0;\n    }\n    &.${getPositionClassName(SubmenuPositions.bottomRight)} {\n      top: calc(0px - ${tokens.spacing['2xs']});\n      right: 0;\n    }\n    &.${getPositionClassName(SubmenuPositions.topLeft)} {\n      bottom: calc(0px - ${tokens.spacing['2xs']});\n      left: 0;\n    }\n    &.${getPositionClassName(SubmenuPositions.bottomLeft)} {\n      top: calc(0px - ${tokens.spacing['2xs']});\n      left: 0;\n    }\n  }\n`;\n\nconst MenuDividerUi = styled(Divider)`\n  margin: ${tokens.spacing.xs};\n`;\n\nexport const MenuDivider = (props: DividerProps) => (\n  createElement(MenuDividerUi, {\n    fullWidth: false,\n    noMargin: false,\n    ...props,\n  }));\n\nconst MenuSubtitleUi = styled(Typography)`\n  padding: ${tokens.spacing.xs};\n  color: ${tokens.colors.menu.header.default.default.default};\n`;\n\nexport const MenuSubtitle = (props: TypographyProps) => (\n  createElement(MenuSubtitleUi, {\n    variant: 'caption12',\n    weight: 'medium',\n    color: 'custom',\n    ...props,\n  }));\n\nconst MenuItemCaptionUi = styled(Typography)`\n  ${Root} & {\n    color: ${tokens.colors.menu.caption.default.default.default};\n  }\n\n  ${Root}:hover & {\n    color: ${tokens.colors.menu.caption.default.default.hover};\n  }\n\n  ${Root}.selected & {\n    color: ${tokens.colors.menu.caption.default.default.hover};\n  }\n`;\n\nexport const MenuItemCaption = (props: TypographyProps) => (\n  createElement(MenuItemCaptionUi, {\n    variant: 'caption11',\n    weight: 'normal',\n    color: 'custom',\n    ...props,\n  }));\n\nexport const MenuItemText = styled.span`\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n`;\n\nexport const Chevron = styled(ChevronRightSmall)`\n  margin-left: auto;\n  margin-right: calc(-1 * ${tokens.spacing['2xs']});\n  color: ${tokens.colors.menu.caption.default.default.default};\n\n  ${MenuItemRightGroup} + &, ${MenuItemBadge} + &  {\n    margin-left: 0;\n  }\n\n  ${Root}:hover & {\n    color: ${tokens.colors.menu.caption.default.default.hover};\n  }\n\n  .${MENU_LIST_CLASS_NAME}.${classNameSize('small')} & {\n    width: 16px;\n    height: 16px;\n  }\n\n  .${MENU_LIST_CLASS_NAME}.${classNameSize('regular')} & {\n    width: 24px;\n    height: 24px;\n  }\n`;\n"],"names":["LINE_HEIGHT_SMALL","LINE_HEIGHT_REGULAR","noMarginClassName","css","Root","styled","tokens","classNameColor","CLASSNAME_DISABLED","MENU_LIST_CLASS_NAME","classNameSize","MenuItemGroup","MenuItemLeftGroup","MenuItemRightGroup","MenuItemBadge","MenuItemSubmenuAnchor","getPositionClassName","SubmenuPositions","MenuDividerUi","Divider","MenuDivider","props","createElement","MenuSubtitleUi","Typography","MenuSubtitle","MenuItemCaptionUi","MenuItemCaption","MenuItemText","Chevron","ChevronRightSmall"],"mappings":"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"}

package/dist/MenuItem/MenuItemLeftGroup.js

@@ -1,9 +1,20 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import classnames from 'clsx';
-import { noMarginClassName, MenuItemLeftGroup as Root, } from './MenuItem.styles.js';
-export const MenuItemLeftGroup = (_a) => {
-    var { noMargin = false, children, className } = _a, otherProps = __rest(_a, ["noMargin", "children", "className"]);
-    return (_jsx(Root, Object.assign({}, otherProps, { className: classnames(className, noMargin ? noMarginClassName : null), children: children })));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { MenuItemLeftGroup, noMarginClassName } from "./MenuItem.styles.js";
+const MenuItemLeftGroup_MenuItemLeftGroup = (_0)=>{
+    let { noMargin = false, children, className } = _0, otherProps = _object_without_properties__(_0, [
+        "noMargin",
+        "children",
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(MenuItemLeftGroup, _object_spread_props__(_({}, otherProps), {
+        className: clsx(className, noMargin ? noMarginClassName : null),
+        children: children
+    }));
 };
+export { MenuItemLeftGroup_MenuItemLeftGroup as MenuItemLeftGroup };
+
 //# sourceMappingURL=MenuItemLeftGroup.js.map

package/dist/MenuItem/MenuItemLeftGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemLeftGroup.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemLeftGroup.tsx"],"names":[],"mappings":";;AACA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,IAAI,IAAI,GAC1B,MAAM,sBAAsB,CAAC;AAM9B,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAK1B,EAAE,EAAE;QALsB,EAChC,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,OAEH,EADH,UAAU,cAJmB,qCAKjC,CADc;IACF,OAAA,CACX,KAAC,IAAI,oBACC,UAAU,IACd,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CACpC,YAEA,QAAQ,IACJ,CACR,CAAA;CAAA,CAAC"}
+{"version":3,"file":"MenuItem/MenuItemLeftGroup.js","sources":["../../src/MenuItem/MenuItemLeftGroup.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react';\nimport classnames from 'clsx';\nimport {\n  noMarginClassName,\n  MenuItemLeftGroup as Root,\n} from './MenuItem.styles.js';\n\ntype Props = ComponentPropsWithoutRef<typeof Root> & {\n  noMargin?: boolean;\n};\n\nexport const MenuItemLeftGroup = ({\n  noMargin = false,\n  children,\n  className,\n  ...otherProps\n}: Props) => (\n  <Root\n    {...otherProps}\n    className={classnames(\n      className,\n      noMargin ? noMarginClassName : null,\n    )}\n  >\n    {children}\n  </Root>\n);\n"],"names":["MenuItemLeftGroup","noMargin","children","className","otherProps","Root","classnames","noMarginClassName"],"mappings":";;;;;;AAWO,MAAMA,sCAAoB,CAAC;QAAA,EAChCC,WAAW,KAAK,EAChBC,QAAQ,EACRC,SAAS,EAEH,OADHC,aAAAA,6BAAAA,IAAAA;;;;;yBAEH,IAACC,mBAAIA,uBAAAA,EAAAA,CAAAA,GACCD,aAAAA;QACJ,WAAWE,KACTH,WACAF,WAAWM,oBAAoB;kBAGhCL"}

package/dist/MenuItem/index.js

@@ -1,7 +1,5 @@
-export { classNameColor as menuItemClassNameColor, CLASSNAME_DISABLED as MENU_ITEM_CLASSNAME_DISABLED, } from './utils.js';
-export { default } from './MenuItem.js';
-export { MenuDivider, MenuSubtitle, MenuItemRightGroup, MenuItemBadge, MenuItemCaption, MenuItemText, } from './MenuItem.styles.js';
-export { MenuItemLeftGroup } from './MenuItemLeftGroup.js';
-// for backward compatibility between monorepo packages
-export { MENU_LIST_CLASS_NAME, menuClassNameSize } from '../MenuList/index.js';
-//# sourceMappingURL=index.js.map
+export { CLASSNAME_DISABLED as MENU_ITEM_CLASSNAME_DISABLED, classNameColor as menuItemClassNameColor } from "./utils.js";
+export { default } from "./MenuItem.js";
+export { MenuDivider, MenuItemBadge, MenuItemCaption, MenuItemRightGroup, MenuItemText, MenuSubtitle } from "./MenuItem.styles.js";
+export { MenuItemLeftGroup } from "./MenuItemLeftGroup.js";
+export { MENU_LIST_CLASS_NAME, menuClassNameSize } from "../MenuList/index.js";

package/dist/MenuItem/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/MenuItem/utils.js

@@ -1,5 +1,7 @@
-import { mapPropClassName } from '../utils/className.js';
-export const classNameColor = (color) => mapPropClassName('color', color);
-export const getTypographyVariantBySize = (size) => (size === 'small' ? 'caption12' : 'body14');
-export const CLASSNAME_DISABLED = 'disabled';
+import { mapPropClassName } from "../utils/className.js";
+const classNameColor = (color)=>mapPropClassName('color', color);
+const getTypographyVariantBySize = (size)=>'small' === size ? 'caption12' : 'body14';
+const CLASSNAME_DISABLED = 'disabled';
+export { CLASSNAME_DISABLED, classNameColor, getTypographyVariantBySize };
+
 //# sourceMappingURL=utils.js.map

package/dist/MenuItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/MenuItem/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAEzF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,CAC5D,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC"}
+{"version":3,"file":"MenuItem/utils.js","sources":["../../src/MenuItem/utils.ts"],"sourcesContent":["import { mapPropClassName } from '../utils/className.js';\nimport type { MenuItemColor } from './types.js';\nimport type { MenuSize } from '../MenuList/index.js';\n\nexport const classNameColor = (color: MenuItemColor) => mapPropClassName('color', color);\n\nexport const getTypographyVariantBySize = (size: MenuSize) => (\n  size === 'small' ? 'caption12' : 'body14'\n);\n\nexport const CLASSNAME_DISABLED = 'disabled';\n"],"names":["classNameColor","color","mapPropClassName","getTypographyVariantBySize","size","CLASSNAME_DISABLED"],"mappings":";AAIO,MAAMA,iBAAiB,CAACC,QAAyBC,iBAAiB,SAASD;AAE3E,MAAME,6BAA6B,CAACC,OACzCA,AAAS,YAATA,OAAmB,cAAc;AAG5B,MAAMC,qBAAqB"}

package/dist/MenuList/MenuList.js

@@ -1,16 +1,40 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo, } from 'react';
-import classNames from 'clsx';
-import MenuListContext, { defaultContextValue } from './MenuListContext.js';
-import { classNameSize } from './utils.js';
-import { Root } from './MenuList.styles.js';
-export const MENU_LIST_CLASS_NAME = 'ui-menu-list';
-const MenuList = forwardRef((_a, ref) => {
-    var { children, className, size = defaultContextValue.size } = _a, otherProps = __rest(_a, ["children", "className", "size"]);
-    const rootClassName = classNames(className, MENU_LIST_CLASS_NAME, classNameSize(size));
-    const context = useMemo(() => ({ size }), [size]);
-    return (_jsx(Root, Object.assign({ ref: ref, className: rootClassName }, otherProps, { children: _jsx(MenuListContext.Provider, { value: context, children: children }) })));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import clsx from "clsx";
+import MenuListContext, { defaultContextValue } from "./MenuListContext.js";
+import { classNameSize } from "./utils.js";
+import { Root } from "./MenuList.styles.js";
+const MENU_LIST_CLASS_NAME = 'ui-menu-list';
+const MenuList = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { children, className, size = defaultContextValue.size } = _ref1, otherProps = _object_without_properties__(_ref1, [
+        "children",
+        "className",
+        "size"
+    ]), [ref] = _rest;
+    const rootClassName = clsx(className, MENU_LIST_CLASS_NAME, classNameSize(size));
+    const context = useMemo(()=>({
+            size
+        }), [
+        size
+    ]);
+    return /*#__PURE__*/ jsx(Root, _object_spread_props__(_({
+        ref: ref,
+        className: rootClassName
+    }, otherProps), {
+        children: /*#__PURE__*/ jsx(MenuListContext.Provider, {
+            value: context,
+            children: children
+        })
+    }));
 });
-export default MenuList;
+const MenuList_MenuList = MenuList;
+export default MenuList_MenuList;
+export { MENU_LIST_CLASS_NAME };
+
 //# sourceMappingURL=MenuList.js.map

package/dist/MenuList/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAEL,UAAU,EAEV,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,MAAM,CAAC;AAG9B,OAAO,eAAe,EAAE,EAAE,mBAAmB,EAAwB,MAAM,sBAAsB,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAO5C,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAEnD,MAAM,QAAQ,GAAG,UAAU,CAA0B,CAAC,EAK9C,EAAE,GAAG,EAAE,EAAE;QALqC,EACpD,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,mBAAmB,CAAC,IAAI,OAEzB,EADH,UAAU,cAJuC,iCAKrD,CADc;IAEb,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE,oBAAoB,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvF,MAAM,OAAO,GAAyB,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,KAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,IAAM,UAAU,cACtD,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACrC,QAAQ,GACgB,IACtB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuList/MenuList.js","sources":["../../src/MenuList/MenuList.tsx"],"sourcesContent":["import {\n  ReactElement,\n  forwardRef,\n  ComponentPropsWithoutRef,\n  useMemo,\n} from 'react';\nimport classNames from 'clsx';\n\nimport type { MenuItemProps } from '../MenuItem/index.js';\nimport MenuListContext, { defaultContextValue, MenuListContextProps } from './MenuListContext.js';\nimport { classNameSize } from './utils.js';\nimport { Root } from './MenuList.styles.js';\n\nexport interface Props extends ComponentPropsWithoutRef<typeof Root>,\n  Partial<MenuListContextProps> {\n  children?: ReactElement<MenuItemProps> | (ReactElement<MenuItemProps> | null)[];\n}\n\nexport const MENU_LIST_CLASS_NAME = 'ui-menu-list';\n\nconst MenuList = forwardRef<HTMLUListElement, Props>(({\n  children,\n  className,\n  size = defaultContextValue.size,\n  ...otherProps\n}: Props, ref) => {\n  const rootClassName = classNames(className, MENU_LIST_CLASS_NAME, classNameSize(size));\n\n  const context: MenuListContextProps = useMemo(() => ({ size }), [size]);\n\n  return (\n    <Root ref={ref} className={rootClassName} {...otherProps}>\n      <MenuListContext.Provider value={context}>\n        {children}\n      </MenuListContext.Provider>\n    </Root>\n  );\n});\n\nexport default MenuList;\n"],"names":["MENU_LIST_CLASS_NAME","MenuList","forwardRef","children","className","size","defaultContextValue","otherProps","ref","rootClassName","classNames","classNameSize","context","useMemo","Root","MenuListContext"],"mappings":";;;;;;;;;AAkBO,MAAMA,uBAAuB;AAEpC,MAAMC,WAAW,WAAHA,GAAGC,WAAoC,CAAC,IAAD;;;;iCAAC,EACpDC,QAAQ,EACRC,SAAS,EACTC,OAAOC,oBAAoB,IAAI,EAEzB,UADHC,aAAAA,6BAAAA,OAAAA;;;;SACKC,IAAAA,GAAAA;IACR,MAAMC,gBAAgBC,KAAWN,WAAWJ,sBAAsBW,cAAcN;IAEhF,MAAMO,UAAgCC,QAAQ,IAAO;YAAER;QAAK,IAAI;QAACA;KAAK;IAEtE,OAAO,WAAP,GACE,IAACS,MAAIA,uBAAAA,EAAAA;QAAC,KAAKN;QAAK,WAAWC;OAAmBF,aAAAA;kBAC5C,kBAACQ,gBAAgB,QAAQ;YAAC,OAAOH;sBAC9BT;;;AAIT;AAEA,0BAAeF"}