@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/esm/popup-menu/PopupMenuItem.js

@@ -1,21 +1,31 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { PopupMenuItemStyle, PopupMenuItemContentStyle, PopupMenuItemLeftDecoratorStyle, PopupMenuItemRightDecoratorStyle } from "./PopupMenuItemStyles";
 import { usePopupMenuContext } from "./PopupMenuProvider";
-function PopupMenuItem(props, ref) {
-    const { active =false , leftDecorator , rightDecorator , children , ...rest } = props;
+function PopupMenuItem(param, ref) {
+    let { active =false , leftDecorator , rightDecorator , children , ...rest } = param;
     const { variant ='default'  } = usePopupMenuContext();
     const hasLeftDecorator = !!leftDecorator;
     const hasRightDecorator = !!rightDecorator;
-    return /*#__PURE__*/ React.createElement(PopupMenuItemStyle, _extends({
+    return /*#__PURE__*/ _jsxs(PopupMenuItemStyle, {
         $active: active,
         role: "option",
-        "aria-selected": active
-    }, rest, {
-        ref: ref
-    }), hasLeftDecorator && /*#__PURE__*/ React.createElement(PopupMenuItemLeftDecoratorStyle, null, leftDecorator), /*#__PURE__*/ React.createElement(PopupMenuItemContentStyle, {
-        $variant: variant
-    }, children), hasRightDecorator && /*#__PURE__*/ React.createElement(PopupMenuItemRightDecoratorStyle, null, rightDecorator));
+        "aria-selected": active,
+        ...rest,
+        ref: ref,
+        children: [
+            hasLeftDecorator && /*#__PURE__*/ _jsx(PopupMenuItemLeftDecoratorStyle, {
+                children: leftDecorator
+            }),
+            /*#__PURE__*/ _jsx(PopupMenuItemContentStyle, {
+                $variant: variant,
+                children: children
+            }),
+            hasRightDecorator && /*#__PURE__*/ _jsx(PopupMenuItemRightDecoratorStyle, {
+                children: rightDecorator
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(PopupMenuItem);
 

package/dist/esm/popup-menu/PopupMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles'\nimport { usePopupMenuContext } from './PopupMenuProvider'\nimport { PopupMenuItemProps } from './types'\n\nfunction PopupMenuItem(\n  props: PopupMenuItemProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const {\n    active = false,\n    leftDecorator,\n    rightDecorator,\n    children,\n    ...rest\n  } = props\n  const { variant = 'default' } = usePopupMenuContext()\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <PopupMenuItemStyle\n      $active={active}\n      role='option'\n      aria-selected={active}\n      {...rest}\n      ref={ref}\n    >\n      {hasLeftDecorator && (\n        <PopupMenuItemLeftDecoratorStyle>\n          {leftDecorator}\n        </PopupMenuItemLeftDecoratorStyle>\n      )}\n\n      <PopupMenuItemContentStyle $variant={variant}>\n        {children}\n      </PopupMenuItemContentStyle>\n\n      {hasRightDecorator && (\n        <PopupMenuItemRightDecoratorStyle>\n          {rightDecorator}\n        </PopupMenuItemRightDecoratorStyle>\n      )}\n    </PopupMenuItemStyle>\n  )\n}\n\nexport default forwardRef(PopupMenuItem)\n"],"names":["React","forwardRef","PopupMenuItemStyle","PopupMenuItemContentStyle","PopupMenuItemLeftDecoratorStyle","PopupMenuItemRightDecoratorStyle","usePopupMenuContext","PopupMenuItem","props","ref","active","leftDecorator","rightDecorator","children","rest","variant","hasLeftDecorator","hasRightDecorator","$active","role","aria-selected","$variant"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SACEC,kBAAkB,EAClBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,gCAAgC,QAC3B,uBAAuB,CAAA;AAC9B,SAASC,mBAAmB,QAAQ,qBAAqB,CAAA;AAGzD,SAASC,aAAa,CACpBC,KAAyB,EACzBC,GAAqC,EACrC;IACA,MAAM,EACJC,MAAM,EAAG,KAAK,CAAA,EACdC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,MAAM,EAAEO,OAAO,EAAG,SAAS,CAAA,EAAE,GAAGT,mBAAmB,EAAE;IAErD,MAAMU,gBAAgB,GAAG,CAAC,CAACL,aAAa;IACxC,MAAMM,iBAAiB,GAAG,CAAC,CAACL,cAAc;IAE1C,qBACE,oBAACV,kBAAkB;QACjBgB,OAAO,EAAER,MAAM;QACfS,IAAI,EAAC,QAAQ;QACbC,eAAa,EAAEV,MAAM;OACjBI,IAAI;QACRL,GAAG,EAAEA,GAAG;QAEPO,gBAAgB,kBACf,oBAACZ,+BAA+B,QAC7BO,aAAa,CACkB,AACnC,gBAED,oBAACR,yBAAyB;QAACkB,QAAQ,EAAEN,OAAO;OACzCF,QAAQ,CACiB,EAE3BI,iBAAiB,kBAChB,oBAACZ,gCAAgC,QAC9BO,cAAc,CACkB,AACpC,CACkB,CACtB;AACH,CAAC;AAED,6BAAeX,UAAU,CAACM,aAAa,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles'\nimport { usePopupMenuContext } from './PopupMenuProvider'\nimport { PopupMenuItemProps } from './types'\n\nfunction PopupMenuItem(\n  {\n    active = false,\n    leftDecorator,\n    rightDecorator,\n    children,\n    ...rest\n  }: PopupMenuItemProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const { variant = 'default' } = usePopupMenuContext()\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <PopupMenuItemStyle\n      $active={active}\n      role='option'\n      aria-selected={active}\n      {...rest}\n      ref={ref}\n    >\n      {hasLeftDecorator && (\n        <PopupMenuItemLeftDecoratorStyle>\n          {leftDecorator}\n        </PopupMenuItemLeftDecoratorStyle>\n      )}\n\n      <PopupMenuItemContentStyle $variant={variant}>\n        {children}\n      </PopupMenuItemContentStyle>\n\n      {hasRightDecorator && (\n        <PopupMenuItemRightDecoratorStyle>\n          {rightDecorator}\n        </PopupMenuItemRightDecoratorStyle>\n      )}\n    </PopupMenuItemStyle>\n  )\n}\n\nexport default forwardRef(PopupMenuItem)\n"],"names":["forwardRef","PopupMenuItemStyle","PopupMenuItemContentStyle","PopupMenuItemLeftDecoratorStyle","PopupMenuItemRightDecoratorStyle","usePopupMenuContext","PopupMenuItem","ref","active","leftDecorator","rightDecorator","children","rest","variant","hasLeftDecorator","hasRightDecorator","$active","role","aria-selected","$variant"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SACEC,kBAAkB,EAClBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,gCAAgC,QAC3B,uBAAuB,CAAA;AAC9B,SAASC,mBAAmB,QAAQ,qBAAqB,CAAA;AAGzD,SAASC,aAAa,CACpB,KAMqB,EACrBC,GAAqC,EACrC;QARA,EACEC,MAAM,EAAG,KAAK,CAAA,EACdC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACY,GANrB,KAMqB;IAGrB,MAAM,EAAEC,OAAO,EAAG,SAAS,CAAA,EAAE,GAAGR,mBAAmB,EAAE;IAErD,MAAMS,gBAAgB,GAAG,CAAC,CAACL,aAAa;IACxC,MAAMM,iBAAiB,GAAG,CAAC,CAACL,cAAc;IAE1C,qBACE,MAACT,kBAAkB;QACjBe,OAAO,EAAER,MAAM;QACfS,IAAI,EAAC,QAAQ;QACbC,eAAa,EAAEV,MAAM;QACpB,GAAGI,IAAI;QACRL,GAAG,EAAEA,GAAG;;YAEPO,gBAAgB,kBACf,KAACX,+BAA+B;0BAC7BM,aAAa;cACkB,AACnC;0BAED,KAACP,yBAAyB;gBAACiB,QAAQ,EAAEN,OAAO;0BACzCF,QAAQ;cACiB;YAE3BI,iBAAiB,kBAChB,KAACX,gCAAgC;0BAC9BM,cAAc;cACkB,AACpC;;MACkB,CACtB;AACH,CAAC;AAED,6BAAeV,UAAU,CAACM,aAAa,CAAC,CAAA"}

package/dist/esm/popup-menu/PopupMenuProvider.js

@@ -1,16 +1,17 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { createContext, useContext } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
 const Context = /*#__PURE__*/ createContext({});
 export const usePopupMenuContext = ()=>{
     return useContext(Context);
 };
-export const PopupMenuProvider = (props)=>{
-    const { variant , ...rest } = props;
-    return /*#__PURE__*/ React.createElement(Context.Provider, _extends({
+export const PopupMenuProvider = (param)=>{
+    let { variant , ...rest } = param;
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             variant
-        }
-    }, rest));
+        },
+        ...rest
+    });
 };
 
 //# sourceMappingURL=PopupMenuProvider.js.map

package/dist/esm/popup-menu/PopupMenuProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = (\n  props,\n) => {\n  const { variant, ...rest } = props\n\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["React","createContext","useContext","Context","usePopupMenuContext","PopupMenuProvider","props","variant","rest","Provider","value"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAuBC,aAAa,EAAEC,UAAU,QAAY,OAAO,CAAA;AAO/E,MAAMC,OAAO,iBAAGF,aAAa,CAAC,EAAE,CAAqB;AAErD,OAAO,MAAMG,mBAAmB,GAAG,IAAwB;IACzD,OAAOF,UAAU,CAACC,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,OAAO,MAAME,iBAAiB,GAA4C,CACxEC,KAAK,GACF;IACH,MAAM,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGF,KAAK;IAElC,qBAAO,oBAACH,OAAO,CAACM,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;OAAMC,IAAI,EAAI,CAAA;AAC3D,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = ({\n  variant,\n  ...rest\n}) => {\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["createContext","useContext","Context","usePopupMenuContext","PopupMenuProvider","variant","rest","Provider","value"],"mappings":"AAAA;AAAA,SAA4BA,aAAa,EAAEC,UAAU,QAAY,OAAO,CAAA;AAOxE,MAAMC,OAAO,iBAAGF,aAAa,CAAC,EAAE,CAAqB;AAErD,OAAO,MAAMG,mBAAmB,GAAG,IAAwB;IACzD,OAAOF,UAAU,CAACC,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,OAAO,MAAME,iBAAiB,GAA4C,SAGpE;QAHqE,EACzEC,OAAO,CAAA,EACP,GAAGC,IAAI,EACR;IACC,qBAAO,KAACJ,OAAO,CAACK,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;QAAG,GAAGC,IAAI;MAAI,CAAA;AAC3D,CAAC,CAAA"}

package/dist/esm/popup-menu/types.js

@@ -1,4 +1,3 @@
-import React from "react";
 export var PopupMenuVariant;
 (function(PopupMenuVariant) {
     PopupMenuVariant[PopupMenuVariant["small"] = 0] = "small";

package/dist/esm/popup-menu/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { PopoverProps } from '@lidofinance/popover'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopupMenuVariant {\n  small,\n  default,\n}\nexport type PopupMenuVariants = keyof typeof PopupMenuVariant\n\nexport type PopupMenuProps = {\n  variant?: PopupMenuVariants\n} & PopoverProps\n\nexport type PopupMenuItemProps = LidoComponentProps<\n  'button',\n  {\n    leftDecorator?: React.ReactNode\n    rightDecorator?: React.ReactNode\n    active?: boolean\n  }\n>\n"],"names":["React","PopupMenuVariant","small","default"],"mappings":"AAEA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAGlB,gBAGN;UAHWC,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,gBAAgB,KAAhBA,gBAAgB"}
+{"version":3,"sources":["../../../packages/popup-menu/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { PopoverProps } from '@lidofinance/popover'\nimport { ReactNode } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopupMenuVariant {\n  small,\n  default,\n}\nexport type PopupMenuVariants = keyof typeof PopupMenuVariant\n\nexport type PopupMenuProps = {\n  variant?: PopupMenuVariants\n} & PopoverProps\n\nexport type PopupMenuItemProps = LidoComponentProps<\n  'button',\n  {\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n    active?: boolean\n  }\n>\n"],"names":["PopupMenuVariant","small","default"],"mappings":"AAAA,WAKO,gBAGN;UAHWA,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,gBAAgB,KAAhBA,gBAAgB"}

package/dist/esm/popup-menu/usePopupFocus.js

@@ -1,8 +1,8 @@
-import React, { useCallback, useRef } from "react";
+import { useCallback, useRef } from "react";
 import { useInterceptFocus } from "../hooks/index";
 import { FOCUSABLE_ELEMENTS } from "./constants";
-export const usePopupFocus = (props)=>{
-    const { onMouseMove , onKeyDown  } = props;
+export const usePopupFocus = (param)=>{
+    let { onMouseMove , onKeyDown  } = param;
     const ref = useRef(null);
     const getFocusableNodes = useCallback(()=>{
         var ref1;

package/dist/esm/popup-menu/usePopupFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/popup-menu/usePopupFocus.ts"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\nimport { PopupMenuProps } from './types'\n\nexport const usePopupFocus = <T extends HTMLDivElement>(\n  props: PopupMenuProps,\n): {\n  ref: React.RefObject<T>\n  handleMouseMove: React.MouseEventHandler<T>\n  handleKeyDown: React.KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const { onMouseMove, onKeyDown } = props\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null,\n    )\n  }, [])\n\n  const handleFocusTo = useCallback(\n    (event: React.KeyboardEvent<T>, offset = 1) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement\n          ? focusableNodes.indexOf(currentElement)\n          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true',\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes],\n  )\n\n  const handleMouseMove: React.MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove],\n  )\n\n  const handleKeyDown: React.KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown],\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["React","useCallback","useRef","useInterceptFocus","FOCUSABLE_ELEMENTS","usePopupFocus","props","onMouseMove","onKeyDown","ref","getFocusableNodes","nodes","current","querySelectorAll","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","handleEnter","handleExit"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/popup-menu/usePopupFocus.ts"],"sourcesContent":["import {\n  KeyboardEvent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useRef,\n} from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\nimport { PopupMenuProps } from './types'\n\nexport const usePopupFocus = <T extends HTMLDivElement>({\n  onMouseMove,\n  onKeyDown,\n}: Pick<PopupMenuProps, 'onMouseMove' | 'onKeyDown'>): {\n  ref: RefObject<T>\n  handleMouseMove: MouseEventHandler<T>\n  handleKeyDown: KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null,\n    )\n  }, [])\n\n  const handleFocusTo = useCallback(\n    (event: KeyboardEvent<T>, offset = 1) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement\n          ? focusableNodes.indexOf(currentElement)\n          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true',\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes],\n  )\n\n  const handleMouseMove: MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove],\n  )\n\n  const handleKeyDown: KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown],\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["useCallback","useRef","useInterceptFocus","FOCUSABLE_ELEMENTS","usePopupFocus","onMouseMove","onKeyDown","ref","getFocusableNodes","nodes","current","querySelectorAll","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","handleEnter","handleExit"],"mappings":"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"}

package/dist/esm/section/Section.js

@@ -1,11 +1,25 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SectionStyle, SectionHeaderStyle, SectionTitleStyle, SectionHeaderDecoratorStyle } from "./SectionStyles";
-function Section(props, ref) {
-    const { title , headerDecorator , children , ...rest } = props;
-    return /*#__PURE__*/ React.createElement(SectionStyle, _extends({}, rest, {
-        ref: ref
-    }), title && /*#__PURE__*/ React.createElement(SectionHeaderStyle, null, /*#__PURE__*/ React.createElement(SectionTitleStyle, null, title), headerDecorator && /*#__PURE__*/ React.createElement(SectionHeaderDecoratorStyle, null, headerDecorator)), children);
+function Section(param, ref) {
+    let { title , headerDecorator , children , ...rest } = param;
+    return /*#__PURE__*/ _jsxs(SectionStyle, {
+        ...rest,
+        ref: ref,
+        children: [
+            title && /*#__PURE__*/ _jsxs(SectionHeaderStyle, {
+                children: [
+                    /*#__PURE__*/ _jsx(SectionTitleStyle, {
+                        children: title
+                    }),
+                    headerDecorator && /*#__PURE__*/ _jsx(SectionHeaderDecoratorStyle, {
+                        children: headerDecorator
+                    })
+                ]
+            }),
+            children
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Section);
 

package/dist/esm/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles'\n\nfunction Section(props: SectionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { title, headerDecorator, children, ...rest } = props\n\n  return (\n    <SectionStyle {...rest} ref={ref}>\n      {title && (\n        <SectionHeaderStyle>\n          <SectionTitleStyle>{title}</SectionTitleStyle>\n          {headerDecorator && (\n            <SectionHeaderDecoratorStyle>\n              {headerDecorator}\n            </SectionHeaderDecoratorStyle>\n          )}\n        </SectionHeaderStyle>\n      )}\n      {children}\n    </SectionStyle>\n  )\n}\n\nexport default forwardRef(Section)\n"],"names":["React","forwardRef","SectionStyle","SectionHeaderStyle","SectionTitleStyle","SectionHeaderDecoratorStyle","Section","props","ref","title","headerDecorator","children","rest"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SACEC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EACjBC,2BAA2B,QACtB,iBAAiB,CAAA;AAExB,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,KAAK,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAE3D,qBACE,oBAACL,YAAY,eAAKU,IAAI;QAAEJ,GAAG,EAAEA,GAAG;QAC7BC,KAAK,kBACJ,oBAACN,kBAAkB,sBACjB,oBAACC,iBAAiB,QAAEK,KAAK,CAAqB,EAC7CC,eAAe,kBACd,oBAACL,2BAA2B,QACzBK,eAAe,CACY,AAC/B,CACkB,AACtB,EACAC,QAAQ,CACI,CAChB;AACH,CAAC;AAED,6BAAeV,UAAU,CAACK,OAAO,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles'\n\nfunction Section(\n  { title, headerDecorator, children, ...rest }: SectionProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <SectionStyle {...rest} ref={ref}>\n      {title && (\n        <SectionHeaderStyle>\n          <SectionTitleStyle>{title}</SectionTitleStyle>\n          {headerDecorator && (\n            <SectionHeaderDecoratorStyle>\n              {headerDecorator}\n            </SectionHeaderDecoratorStyle>\n          )}\n        </SectionHeaderStyle>\n      )}\n      {children}\n    </SectionStyle>\n  )\n}\n\nexport default forwardRef(Section)\n"],"names":["forwardRef","SectionStyle","SectionHeaderStyle","SectionTitleStyle","SectionHeaderDecoratorStyle","Section","ref","title","headerDecorator","children","rest"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SACEC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EACjBC,2BAA2B,QACtB,iBAAiB,CAAA;AAExB,SAASC,OAAO,CACd,KAA2D,EAC3DC,GAAkC,EAClC;QAFA,EAAEC,KAAK,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAgB,GAA3D,KAA2D;IAG3D,qBACE,MAACT,YAAY;QAAE,GAAGS,IAAI;QAAEJ,GAAG,EAAEA,GAAG;;YAC7BC,KAAK,kBACJ,MAACL,kBAAkB;;kCACjB,KAACC,iBAAiB;kCAAEI,KAAK;sBAAqB;oBAC7CC,eAAe,kBACd,KAACJ,2BAA2B;kCACzBI,eAAe;sBACY,AAC/B;;cACkB,AACtB;YACAC,QAAQ;;MACI,CAChB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACK,OAAO,CAAC,CAAA"}

package/dist/esm/section/types.js

@@ -1,3 +1,3 @@
-import React from "react";
+export { };
 
 //# sourceMappingURL=types.js.map

package/dist/esm/section/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/section/types.ts"],"sourcesContent":["import React from 'react'\nimport { LidoComponentProps } from '@lidofinance/utils'\n\nexport type SectionProps = LidoComponentProps<\n  'div',\n  {\n    title?: React.ReactNode\n    headerDecorator?: React.ReactNode\n  }\n>\n"],"names":["React"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA"}
+{"version":3,"sources":["../../../packages/section/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { ReactNode } from 'react'\n\nexport type SectionProps = LidoComponentProps<\n  'div',\n  {\n    title?: ReactNode\n    headerDecorator?: ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA,WASC"}

package/dist/esm/select/Option.js

@@ -1,8 +1,8 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef, useCallback } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback } from "react";
 import { PopupMenuItem } from "../popup-menu/index";
-function Option(props, ref) {
-    const { value , onClick , onChange , ...rest } = props;
+function Option(param, ref) {
+    let { value , onClick , onChange , ...rest } = param;
     const handleClick = useCallback((event)=>{
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -11,10 +11,11 @@ function Option(props, ref) {
         onChange,
         onClick
     ]);
-    return /*#__PURE__*/ React.createElement(PopupMenuItem, _extends({
+    return /*#__PURE__*/ _jsx(PopupMenuItem, {
         onClick: handleClick,
-        ref: ref
-    }, rest));
+        ref: ref,
+        ...rest
+    });
 }
 export default /*#__PURE__*/ forwardRef(Option);
 

package/dist/esm/select/Option.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback } from 'react'\nimport { PopupMenuItem } from '@lidofinance/popup-menu'\nimport { OptionProps } from './types'\n\nfunction Option(props: OptionProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const { value, onClick, onChange, ...rest } = props\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onChange?.(value)\n      onClick?.(event)\n    },\n    [value, onChange, onClick],\n  )\n\n  return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Option)\n"],"names":["React","forwardRef","useCallback","PopupMenuItem","Option","props","ref","value","onClick","onChange","rest","handleClick","event"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,EAAEC,WAAW,QAAQ,OAAO,CAAA;AACpE,SAASC,aAAa,QAAQ,qBAAyB,CAAA;AAGvD,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAqC,EAAE;IACzE,MAAM,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAEnD,MAAMM,WAAW,GAAGT,WAAW,CAC7B,CAACU,KAA0C,GAAK;QAC9CH,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGF,KAAK,CAAC,CAAA;QACjBC,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGI,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACL,KAAK;QAAEE,QAAQ;QAAED,OAAO;KAAC,CAC3B;IAED,qBAAO,oBAACL,aAAa;QAACK,OAAO,EAAEG,WAAW;QAAEL,GAAG,EAAEA,GAAG;OAAMI,IAAI,EAAI,CAAA;AACpE,CAAC;AAED,6BAAeT,UAAU,CAACG,MAAM,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, MouseEvent, useCallback } from 'react'\nimport { PopupMenuItem } from '@lidofinance/popup-menu'\nimport { OptionProps } from './types'\n\nfunction Option(\n  { value, onClick, onChange, ...rest }: OptionProps,\n  ref?: ForwardedRef<HTMLButtonElement>,\n) {\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      onChange?.(value)\n      onClick?.(event)\n    },\n    [value, onChange, onClick],\n  )\n\n  return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Option)\n"],"names":["forwardRef","useCallback","PopupMenuItem","Option","ref","value","onClick","onChange","rest","handleClick","event"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,EAAcC,WAAW,QAAQ,OAAO,CAAA;AACzE,SAASC,aAAa,QAAQ,qBAAyB,CAAA;AAGvD,SAASC,MAAM,CACb,KAAkD,EAClDC,GAAqC,EACrC;QAFA,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAe,GAAlD,KAAkD;IAGlD,MAAMC,WAAW,GAAGR,WAAW,CAC7B,CAACS,KAAoC,GAAK;QACxCH,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGF,KAAK,CAAC,CAAA;QACjBC,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGI,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACL,KAAK;QAAEE,QAAQ;QAAED,OAAO;KAAC,CAC3B;IAED,qBAAO,KAACJ,aAAa;QAACI,OAAO,EAAEG,WAAW;QAAEL,GAAG,EAAEA,GAAG;QAAG,GAAGI,IAAI;MAAI,CAAA;AACpE,CAAC;AAED,6BAAeR,UAAU,CAACG,MAAM,CAAC,CAAA"}

package/dist/esm/select/Select.js

@@ -1,46 +1,59 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef, useRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useRef } from "react";
 import { SelectWrapperStyle } from "./SelectStyles";
 import { SelectArrow } from "./SelectArrow";
 import { useMergeRefs } from "../hooks/index";
 import { PopupMenu } from "../popup-menu/index";
 import { useSelect } from "./useSelect";
 import { useSelectWidth } from "./useSelectWidth";
-function Select(props, ref) {
-    const { wrapperRef: externalWrapperRef , anchorRef: externalAnchorRef , arrow ='default' , variant , value , defaultValue , children , onChange , ...rest } = props;
-    const { disabled  } = props;
+function Select(param, ref) {
+    let { wrapperRef: externalWrapperRef , anchorRef: externalAnchorRef , arrow ='default' , variant , value , defaultValue , disabled , children , onClick , onKeyDown , onChange , ...rest } = param;
     const localAnchorRef = useRef(null);
     const wrapperRef = useMergeRefs([
         localAnchorRef,
         externalWrapperRef
     ]);
     const anchorRef = externalAnchorRef || localAnchorRef;
-    const { opened , options , title , handleClick , handleClose , handleKeyDown  } = useSelect(props);
+    const { opened , options , title , handleClick , handleClose , handleKeyDown  } = useSelect({
+        value,
+        defaultValue,
+        disabled,
+        onClick,
+        onChange,
+        onKeyDown,
+        children
+    });
     const width = useSelectWidth(opened, anchorRef);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(SelectWrapperStyle, _extends({
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        active: opened,
-        value: title,
-        rightDecorator: /*#__PURE__*/ React.createElement(SelectArrow, {
-            arrow: arrow,
-            disabled: disabled,
-            opened: opened
-        }),
-        wrapperRef: wrapperRef,
-        variant: variant
-    }, rest, {
-        ref: ref,
-        readOnly: true
-    })), /*#__PURE__*/ React.createElement(PopupMenu, {
-        open: opened,
-        variant: variant,
-        anchorRef: anchorRef,
-        style: {
-            minWidth: width
-        },
-        onClose: handleClose
-    }, options));
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(SelectWrapperStyle, {
+                onClick: handleClick,
+                onKeyDown: handleKeyDown,
+                active: opened,
+                value: title,
+                rightDecorator: /*#__PURE__*/ _jsx(SelectArrow, {
+                    arrow: arrow,
+                    disabled: disabled,
+                    opened: opened
+                }),
+                wrapperRef: wrapperRef,
+                variant: variant,
+                ...rest,
+                ref: ref,
+                readOnly: true
+            }),
+            /*#__PURE__*/ _jsx(PopupMenu, {
+                open: opened,
+                variant: variant,
+                anchorRef: anchorRef,
+                style: {
+                    minWidth: width
+                },
+                onClose: handleClose,
+                children: options
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Select);
 

package/dist/esm/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/Select.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles'\nimport { SelectArrow } from './SelectArrow'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenu } from '@lidofinance/popup-menu'\nimport { SelectProps } from './types'\nimport { useSelect } from './useSelect'\nimport { useSelectWidth } from './useSelectWidth'\n\nfunction Select(props: SelectProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const {\n    wrapperRef: externalWrapperRef,\n    anchorRef: externalAnchorRef,\n    arrow = 'default',\n    variant,\n    value,\n    defaultValue,\n    children,\n    onChange,\n    ...rest\n  } = props\n\n  const { disabled } = props\n\n  const localAnchorRef = useRef<HTMLLabelElement>(null)\n  const wrapperRef = useMergeRefs([localAnchorRef, externalWrapperRef])\n  const anchorRef = externalAnchorRef || localAnchorRef\n\n  const { opened, options, title, handleClick, handleClose, handleKeyDown } =\n    useSelect(props)\n  const width = useSelectWidth(opened, anchorRef)\n\n  return (\n    <>\n      <SelectWrapperStyle\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        active={opened}\n        value={title}\n        rightDecorator={\n          <SelectArrow arrow={arrow} disabled={disabled} opened={opened} />\n        }\n        wrapperRef={wrapperRef}\n        variant={variant}\n        {...rest}\n        ref={ref}\n        readOnly\n      />\n      <PopupMenu\n        open={opened}\n        variant={variant}\n        anchorRef={anchorRef}\n        style={{ minWidth: width }}\n        onClose={handleClose}\n      >\n        {options}\n      </PopupMenu>\n    </>\n  )\n}\n\nexport default forwardRef(Select)\n"],"names":["React","forwardRef","useRef","SelectWrapperStyle","SelectArrow","useMergeRefs","PopupMenu","useSelect","useSelectWidth","Select","props","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","children","onChange","rest","disabled","localAnchorRef","opened","options","title","handleClick","handleClose","handleKeyDown","width","onClick","onKeyDown","active","rightDecorator","readOnly","open","style","minWidth","onClose"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAC/D,SAASC,kBAAkB,QAAQ,gBAAgB,CAAA;AACnD,SAASC,WAAW,QAAQ,eAAe,CAAA;AAC3C,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,SAAS,QAAQ,qBAAyB,CAAA;AAEnD,SAASC,SAAS,QAAQ,aAAa,CAAA;AACvC,SAASC,cAAc,QAAQ,kBAAkB,CAAA;AAEjD,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAoC,EAAE;IACxE,MAAM,EACJC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAEC,iBAAiB,CAAA,EAC5BC,KAAK,EAAG,SAAS,CAAA,EACjBC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,YAAY,CAAA,EACZC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGZ,KAAK;IAET,MAAM,EAAEa,QAAQ,CAAA,EAAE,GAAGb,KAAK;IAE1B,MAAMc,cAAc,GAAGtB,MAAM,CAAmB,IAAI,CAAC;IACrD,MAAMU,UAAU,GAAGP,YAAY,CAAC;QAACmB,cAAc;QAAEX,kBAAkB;KAAC,CAAC;IACrE,MAAMC,SAAS,GAAGC,iBAAiB,IAAIS,cAAc;IAErD,MAAM,EAAEC,MAAM,CAAA,EAAEC,OAAO,CAAA,EAAEC,KAAK,CAAA,EAAEC,WAAW,CAAA,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAE,GACvEvB,SAAS,CAACG,KAAK,CAAC;IAClB,MAAMqB,KAAK,GAAGvB,cAAc,CAACiB,MAAM,EAAEX,SAAS,CAAC;IAE/C,qBACE,wDACE,oBAACX,kBAAkB;QACjB6B,OAAO,EAAEJ,WAAW;QACpBK,SAAS,EAAEH,aAAa;QACxBI,MAAM,EAAET,MAAM;QACdP,KAAK,EAAES,KAAK;QACZQ,cAAc,gBACZ,oBAAC/B,WAAW;YAACY,KAAK,EAAEA,KAAK;YAAEO,QAAQ,EAAEA,QAAQ;YAAEE,MAAM,EAAEA,MAAM;UAAI;QAEnEb,UAAU,EAAEA,UAAU;QACtBK,OAAO,EAAEA,OAAO;OACZK,IAAI;QACRX,GAAG,EAAEA,GAAG;QACRyB,QAAQ,EAARA,IAAQ;OACR,gBACF,oBAAC9B,SAAS;QACR+B,IAAI,EAAEZ,MAAM;QACZR,OAAO,EAAEA,OAAO;QAChBH,SAAS,EAAEA,SAAS;QACpBwB,KAAK,EAAE;YAAEC,QAAQ,EAAER,KAAK;SAAE;QAC1BS,OAAO,EAAEX,WAAW;OAEnBH,OAAO,CACE,CACX,CACJ;AACH,CAAC;AAED,6BAAezB,UAAU,CAACQ,MAAM,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/select/Select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles'\nimport { SelectArrow } from './SelectArrow'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenu } from '@lidofinance/popup-menu'\nimport { SelectProps } from './types'\nimport { useSelect } from './useSelect'\nimport { useSelectWidth } from './useSelectWidth'\n\nfunction Select(\n  {\n    wrapperRef: externalWrapperRef,\n    anchorRef: externalAnchorRef,\n    arrow = 'default',\n    variant,\n    value,\n    defaultValue,\n    disabled,\n    children,\n    onClick,\n    onKeyDown,\n    onChange,\n    ...rest\n  }: SelectProps,\n  ref?: ForwardedRef<HTMLInputElement>,\n) {\n  const localAnchorRef = useRef<HTMLLabelElement>(null)\n  const wrapperRef = useMergeRefs([localAnchorRef, externalWrapperRef])\n  const anchorRef = externalAnchorRef || localAnchorRef\n\n  const { opened, options, title, handleClick, handleClose, handleKeyDown } =\n    useSelect({\n      value,\n      defaultValue,\n      disabled,\n      onClick,\n      onChange,\n      onKeyDown,\n      children,\n    })\n  const width = useSelectWidth(opened, anchorRef)\n\n  return (\n    <>\n      <SelectWrapperStyle\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        active={opened}\n        value={title}\n        rightDecorator={\n          <SelectArrow arrow={arrow} disabled={disabled} opened={opened} />\n        }\n        wrapperRef={wrapperRef}\n        variant={variant}\n        {...rest}\n        ref={ref}\n        readOnly\n      />\n      <PopupMenu\n        open={opened}\n        variant={variant}\n        anchorRef={anchorRef}\n        style={{ minWidth: width }}\n        onClose={handleClose}\n      >\n        {options}\n      </PopupMenu>\n    </>\n  )\n}\n\nexport default forwardRef(Select)\n"],"names":["forwardRef","useRef","SelectWrapperStyle","SelectArrow","useMergeRefs","PopupMenu","useSelect","useSelectWidth","Select","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","disabled","children","onClick","onKeyDown","onChange","rest","localAnchorRef","opened","options","title","handleClick","handleClose","handleKeyDown","width","active","rightDecorator","readOnly","open","style","minWidth","onClose"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,EAAEC,MAAM,QAAQ,OAAO,CAAA;AACxD,SAASC,kBAAkB,QAAQ,gBAAgB,CAAA;AACnD,SAASC,WAAW,QAAQ,eAAe,CAAA;AAC3C,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,SAAS,QAAQ,qBAAyB,CAAA;AAEnD,SAASC,SAAS,QAAQ,aAAa,CAAA;AACvC,SAASC,cAAc,QAAQ,kBAAkB,CAAA;AAEjD,SAASC,MAAM,CACb,KAac,EACdC,GAAoC,EACpC;QAfA,EACEC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAEC,iBAAiB,CAAA,EAC5BC,KAAK,EAAG,SAAS,CAAA,EACjBC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,YAAY,CAAA,EACZC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,OAAO,CAAA,EACPC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACK,GAbd,KAac;IAGd,MAAMC,cAAc,GAAGvB,MAAM,CAAmB,IAAI,CAAC;IACrD,MAAMS,UAAU,GAAGN,YAAY,CAAC;QAACoB,cAAc;QAAEb,kBAAkB;KAAC,CAAC;IACrE,MAAMC,SAAS,GAAGC,iBAAiB,IAAIW,cAAc;IAErD,MAAM,EAAEC,MAAM,CAAA,EAAEC,OAAO,CAAA,EAAEC,KAAK,CAAA,EAAEC,WAAW,CAAA,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAE,GACvExB,SAAS,CAAC;QACRU,KAAK;QACLC,YAAY;QACZC,QAAQ;QACRE,OAAO;QACPE,QAAQ;QACRD,SAAS;QACTF,QAAQ;KACT,CAAC;IACJ,MAAMY,KAAK,GAAGxB,cAAc,CAACkB,MAAM,EAAEb,SAAS,CAAC;IAE/C,qBACE;;0BACE,KAACV,kBAAkB;gBACjBkB,OAAO,EAAEQ,WAAW;gBACpBP,SAAS,EAAES,aAAa;gBACxBE,MAAM,EAAEP,MAAM;gBACdT,KAAK,EAAEW,KAAK;gBACZM,cAAc,gBACZ,KAAC9B,WAAW;oBAACW,KAAK,EAAEA,KAAK;oBAAEI,QAAQ,EAAEA,QAAQ;oBAAEO,MAAM,EAAEA,MAAM;kBAAI;gBAEnEf,UAAU,EAAEA,UAAU;gBACtBK,OAAO,EAAEA,OAAO;gBACf,GAAGQ,IAAI;gBACRd,GAAG,EAAEA,GAAG;gBACRyB,QAAQ;cACR;0BACF,KAAC7B,SAAS;gBACR8B,IAAI,EAAEV,MAAM;gBACZV,OAAO,EAAEA,OAAO;gBAChBH,SAAS,EAAEA,SAAS;gBACpBwB,KAAK,EAAE;oBAAEC,QAAQ,EAAEN,KAAK;iBAAE;gBAC1BO,OAAO,EAAET,WAAW;0BAEnBH,OAAO;cACE;;MACX,CACJ;AACH,CAAC;AAED,6BAAe1B,UAAU,CAACQ,MAAM,CAAC,CAAA"}

package/dist/esm/select/SelectArrow.js

@@ -1,14 +1,17 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SelectArrowBigStyle, SelectArrowSmallStyle } from "./SelectArrowStyles";
-export const SelectArrow = (props)=>{
-    const { arrow , disabled =false , opened  } = props;
+export const SelectArrow = (param)=>{
+    let { arrow , disabled =false , opened ,  } = param;
     const commonProps = {
         $opened: opened,
         $disabled: disabled
     };
-    if (arrow === 'default') return /*#__PURE__*/ React.createElement(SelectArrowBigStyle, _extends({}, commonProps));
-    if (arrow === 'small') return /*#__PURE__*/ React.createElement(SelectArrowSmallStyle, _extends({}, commonProps));
+    if (arrow === 'default') return /*#__PURE__*/ _jsx(SelectArrowBigStyle, {
+        ...commonProps
+    });
+    if (arrow === 'small') return /*#__PURE__*/ _jsx(SelectArrowSmallStyle, {
+        ...commonProps
+    });
     return null;
 };
 export default SelectArrow;

package/dist/esm/select/SelectArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/SelectArrow.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { SelectArrowBigStyle, SelectArrowSmallStyle } from './SelectArrowStyles'\nimport { SelectArrows } from './types'\n\ntype SelectArrowProps = {\n  arrow: SelectArrows\n  disabled?: boolean\n  opened: boolean\n  children?: never\n}\n\nexport const SelectArrow: FC<SelectArrowProps> = (props) => {\n  const { arrow, disabled = false, opened } = props\n\n  const commonProps = {\n    $opened: opened,\n    $disabled: disabled,\n  }\n\n  if (arrow === 'default') return <SelectArrowBigStyle {...commonProps} />\n  if (arrow === 'small') return <SelectArrowSmallStyle {...commonProps} />\n\n  return null\n}\n\nexport default SelectArrow\n"],"names":["React","SelectArrowBigStyle","SelectArrowSmallStyle","SelectArrow","props","arrow","disabled","opened","commonProps","$opened","$disabled"],"mappings":"AAAA;AAAA,OAAOA,KAAK,MAAc,OAAO,CAAA;AACjC,SAASC,mBAAmB,EAAEC,qBAAqB,QAAQ,qBAAqB,CAAA;AAUhF,OAAO,MAAMC,WAAW,GAAyB,CAACC,KAAK,GAAK;IAC1D,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,EAAG,KAAK,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGH,KAAK;IAEjD,MAAMI,WAAW,GAAG;QAClBC,OAAO,EAAEF,MAAM;QACfG,SAAS,EAAEJ,QAAQ;KACpB;IAED,IAAID,KAAK,KAAK,SAAS,EAAE,qBAAO,oBAACJ,mBAAmB,eAAKO,WAAW,EAAI,CAAA;IACxE,IAAIH,KAAK,KAAK,OAAO,EAAE,qBAAO,oBAACH,qBAAqB,eAAKM,WAAW,EAAI,CAAA;IAExE,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAeL,WAAW,CAAA"}
+{"version":3,"sources":["../../../packages/select/SelectArrow.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { SelectArrowBigStyle, SelectArrowSmallStyle } from './SelectArrowStyles'\nimport { SelectArrows } from './types'\n\ntype SelectArrowProps = {\n  arrow: SelectArrows\n  disabled?: boolean\n  opened: boolean\n  children?: never\n}\n\nexport const SelectArrow: FC<SelectArrowProps> = ({\n  arrow,\n  disabled = false,\n  opened,\n}) => {\n  const commonProps = {\n    $opened: opened,\n    $disabled: disabled,\n  }\n\n  if (arrow === 'default') return <SelectArrowBigStyle {...commonProps} />\n  if (arrow === 'small') return <SelectArrowSmallStyle {...commonProps} />\n\n  return null\n}\n\nexport default SelectArrow\n"],"names":["SelectArrowBigStyle","SelectArrowSmallStyle","SelectArrow","arrow","disabled","opened","commonProps","$opened","$disabled"],"mappings":"AAAA;AACA,SAASA,mBAAmB,EAAEC,qBAAqB,QAAQ,qBAAqB,CAAA;AAUhF,OAAO,MAAMC,WAAW,GAAyB,SAI3C;QAJ4C,EAChDC,KAAK,CAAA,EACLC,QAAQ,EAAG,KAAK,CAAA,EAChBC,MAAM,CAAA,IACP;IACC,MAAMC,WAAW,GAAG;QAClBC,OAAO,EAAEF,MAAM;QACfG,SAAS,EAAEJ,QAAQ;KACpB;IAED,IAAID,KAAK,KAAK,SAAS,EAAE,qBAAO,KAACH,mBAAmB;QAAE,GAAGM,WAAW;MAAI,CAAA;IACxE,IAAIH,KAAK,KAAK,OAAO,EAAE,qBAAO,KAACF,qBAAqB;QAAE,GAAGK,WAAW;MAAI,CAAA;IAExE,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAeJ,WAAW,CAAA"}

package/dist/esm/select/SelectIcon.js

@@ -1,14 +1,17 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SelectIconDecoratorStyle, SelectIconStyle } from "./SelectIconStyles";
-function SelectIcon(props, ref) {
-    const { icon , ...rest } = props;
-    return /*#__PURE__*/ React.createElement(SelectIconStyle, _extends({}, rest, {
+function SelectIcon(param, ref) {
+    let { icon , ...rest } = param;
+    return /*#__PURE__*/ _jsx(SelectIconStyle, {
+        ...rest,
         fullwidth: false,
         arrow: "small",
-        leftDecorator: /*#__PURE__*/ React.createElement(SelectIconDecoratorStyle, null, icon),
+        leftDecorator: /*#__PURE__*/ _jsx(SelectIconDecoratorStyle, {
+            children: icon
+        }),
         ref: ref
-    }));
+    });
 }
 export default /*#__PURE__*/ forwardRef(SelectIcon);
 

package/dist/esm/select/SelectIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/SelectIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types'\nimport { SelectIconDecoratorStyle, SelectIconStyle } from './SelectIconStyles'\n\nfunction SelectIcon(\n  props: SelectIconProps,\n  ref?: ForwardedRef<HTMLInputElement>,\n) {\n  const { icon, ...rest } = props\n\n  return (\n    <SelectIconStyle\n      {...rest}\n      fullwidth={false}\n      arrow='small'\n      leftDecorator={\n        <SelectIconDecoratorStyle>{icon}</SelectIconDecoratorStyle>\n      }\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(SelectIcon)\n"],"names":["React","forwardRef","SelectIconDecoratorStyle","SelectIconStyle","SelectIcon","props","ref","icon","rest","fullwidth","arrow","leftDecorator"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,oBAAoB,CAAA;AAE9E,SAASC,UAAU,CACjBC,KAAsB,EACtBC,GAAoC,EACpC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAE/B,qBACE,oBAACF,eAAe,eACVK,IAAI;QACRC,SAAS,EAAE,KAAK;QAChBC,KAAK,EAAC,OAAO;QACbC,aAAa,gBACX,oBAACT,wBAAwB,QAAEK,IAAI,CAA4B;QAE7DD,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;AAED,6BAAeL,UAAU,CAACG,UAAU,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/select/SelectIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types'\nimport { SelectIconDecoratorStyle, SelectIconStyle } from './SelectIconStyles'\n\nfunction SelectIcon(\n  { icon, ...rest }: SelectIconProps,\n  ref?: ForwardedRef<HTMLInputElement>,\n) {\n  return (\n    <SelectIconStyle\n      {...rest}\n      fullwidth={false}\n      arrow='small'\n      leftDecorator={\n        <SelectIconDecoratorStyle>{icon}</SelectIconDecoratorStyle>\n      }\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(SelectIcon)\n"],"names":["forwardRef","SelectIconDecoratorStyle","SelectIconStyle","SelectIcon","ref","icon","rest","fullwidth","arrow","leftDecorator"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,oBAAoB,CAAA;AAE9E,SAASC,UAAU,CACjB,KAAkC,EAClCC,GAAoC,EACpC;QAFA,EAAEC,IAAI,CAAA,EAAE,GAAGC,IAAI,EAAmB,GAAlC,KAAkC;IAGlC,qBACE,KAACJ,eAAe;QACb,GAAGI,IAAI;QACRC,SAAS,EAAE,KAAK;QAChBC,KAAK,EAAC,OAAO;QACbC,aAAa,gBACX,KAACR,wBAAwB;sBAAEI,IAAI;UAA4B;QAE7DD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;AAED,6BAAeJ,UAAU,CAACG,UAAU,CAAC,CAAA"}

package/dist/esm/select/types.js

@@ -1,4 +1,3 @@
-import React from "react";
 export var SelectArrow;
 (function(SelectArrow) {
     SelectArrow[SelectArrow["small"] = 0] = "small";

package/dist/esm/select/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/types.ts"],"sourcesContent":["import { InputProps } from '@lidofinance/input'\nimport { PopupMenuItemProps } from '@lidofinance/popup-menu'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type OptionValue = string | number\nexport type SelectHandleChange = (value: OptionValue) => void\n\nexport enum SelectArrow {\n  small,\n  default,\n}\nexport type SelectArrows = keyof typeof SelectArrow\n\nexport type SelectProps = Omit<\n  InputProps,\n  'type' | 'readonly' | 'onChange' | 'value' | 'defaultValue'\n> & {\n  anchorRef?: React.RefObject<HTMLElement | null>\n  arrow?: SelectArrows\n  value?: OptionValue\n  defaultValue?: OptionValue\n  onChange: SelectHandleChange\n}\n\nexport type SelectIconProps = Omit<\n  SelectProps,\n  'leftDecorator' | 'fullwidth' | 'arrow'\n> & {\n  icon: React.ReactNode\n}\n\nexport type OptionProps = Omit<PopupMenuItemProps, 'value' | 'children'> & {\n  value: OptionValue\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["React","SelectArrow","small","default"],"mappings":"AAEA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAMlB,WAGN;UAHWC,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,WAAW,CAAXA,WAAW,CAErBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,WAAW,KAAXA,WAAW"}
+{"version":3,"sources":["../../../packages/select/types.ts"],"sourcesContent":["import { InputProps } from '@lidofinance/input'\nimport { PopupMenuItemProps } from '@lidofinance/popup-menu'\nimport { ReactNode, RefObject } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type OptionValue = string | number\nexport type SelectHandleChange = (value: OptionValue) => void\n\nexport enum SelectArrow {\n  small,\n  default,\n}\nexport type SelectArrows = keyof typeof SelectArrow\n\nexport type SelectProps = Omit<\n  InputProps,\n  'type' | 'readonly' | 'onChange' | 'value' | 'defaultValue'\n> & {\n  anchorRef?: RefObject<HTMLElement | null>\n  arrow?: SelectArrows\n  value?: OptionValue\n  defaultValue?: OptionValue\n  onChange: SelectHandleChange\n}\n\nexport type SelectIconProps = Omit<\n  SelectProps,\n  'leftDecorator' | 'fullwidth' | 'arrow'\n> & {\n  icon: ReactNode\n}\n\nexport type OptionProps = Omit<PopupMenuItemProps, 'value' | 'children'> & {\n  value: OptionValue\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["SelectArrow","small","default"],"mappings":"AAAA,WAQO,WAGN;UAHWA,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,WAAW,CAAXA,WAAW,CAErBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,WAAW,KAAXA,WAAW"}

package/dist/esm/select/useSelect.js

@@ -1,7 +1,7 @@
-import React, { useCallback, useMemo, useState, Children, cloneElement, useEffect } from "react";
+import { useCallback, useMemo, useState, Children, cloneElement, useEffect } from "react";
 import { isElement } from "react-is";
-export const useSelect = (props)=>{
-    const { disabled , onClick , onChange , onKeyDown , children  } = props;
+export const useSelect = (param)=>{
+    let { value , defaultValue , disabled , onClick , onChange , onKeyDown , children ,  } = param;
     const [opened, setOpened] = useState(false);
     const handleOpen = useCallback(()=>{
         if (disabled) return;
@@ -42,8 +42,8 @@ export const useSelect = (props)=>{
         handleOpen,
         onKeyDown
     ]);
-    var _value, ref;
-    const outerValue = (ref = (_value = props.value) !== null && _value !== void 0 ? _value : props.defaultValue) !== null && ref !== void 0 ? ref : null;
+    var ref;
+    const outerValue = (ref = value !== null && value !== void 0 ? value : defaultValue) !== null && ref !== void 0 ? ref : null;
     const [localValue, setLocalValue] = useState(outerValue);
     useEffect(()=>{
         setLocalValue(outerValue);

package/dist/esm/select/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/useSelect.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useState,\n  Children,\n  cloneElement,\n  useEffect,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { SelectProps, SelectHandleChange, OptionValue } from './types'\n\ntype SelectHandleClick = (\n  event: React.MouseEvent<HTMLInputElement, MouseEvent>,\n) => void\n\ntype SelectHandleKeyDown = (\n  event: React.KeyboardEvent<HTMLInputElement>,\n) => void\n\ntype SelectHandleClose = () => void\n\ntype UseSelect = (props: SelectProps) => {\n  handleClick: SelectHandleClick\n  handleClose: SelectHandleClose\n  handleKeyDown: SelectHandleKeyDown\n  opened: boolean\n  title: string\n  options: React.ReactNode\n}\n\nexport const useSelect: UseSelect = (props) => {\n  const { disabled, onClick, onChange, onKeyDown, children } = props\n  const [opened, setOpened] = useState(false)\n\n  const handleOpen = useCallback(() => {\n    if (disabled) return\n    setOpened(true)\n  }, [disabled])\n\n  const handleClick: SelectHandleClick = useCallback(\n    (event) => {\n      handleOpen()\n      onClick?.(event)\n    },\n    [handleOpen, onClick],\n  )\n\n  const handleClose = useCallback(() => {\n    setOpened(false)\n  }, [])\n\n  const handleChange: SelectHandleChange = useCallback(\n    (value) => {\n      handleClose()\n      setLocalValue(value)\n      onChange?.(value)\n    },\n    [handleClose, onChange],\n  )\n\n  const handleKeyDown: SelectHandleKeyDown = useCallback(\n    (event) => {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault()\n        handleOpen()\n      }\n      onKeyDown?.(event)\n    },\n    [handleOpen, onKeyDown],\n  )\n\n  const outerValue = props.value ?? props.defaultValue ?? null\n  const [localValue, setLocalValue] = useState<OptionValue | null>(outerValue)\n\n  useEffect(() => {\n    setLocalValue(outerValue)\n  }, [outerValue])\n\n  const { values, options } = useMemo(() => {\n    const values = new Map<OptionValue, string>()\n\n    const options: React.ReactNode = Children.map(children, (child) => {\n      if (!isElement(child)) return child\n\n      const value = child.props.value\n      const title = String(child.props.children)\n\n      if (values.get(value) === undefined) {\n        values.set(value, title)\n      }\n\n      return cloneElement(child, {\n        active: value === localValue,\n        onChange: handleChange,\n      })\n    })\n\n    return { values, options }\n  }, [localValue, children, handleChange])\n\n  const selectedTitle = localValue != null ? values.get(localValue) : null\n  const defaultTitle = String(localValue ?? '')\n  const title = selectedTitle ?? defaultTitle\n\n  return {\n    handleClick,\n    handleClose,\n    handleKeyDown,\n    opened,\n    title,\n    options,\n  }\n}\n"],"names":["React","useCallback","useMemo","useState","Children","cloneElement","useEffect","isElement","useSelect","props","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","handleOpen","handleClick","event","handleClose","handleChange","value","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","defaultValue","localValue","values","options","Map","map","child","title","String","get","undefined","set","active","selectedTitle","defaultTitle"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/select/useSelect.ts"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useState,\n  Children,\n  cloneElement,\n  useEffect,\n  MouseEvent,\n  KeyboardEvent,\n  ReactNode,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { SelectProps, SelectHandleChange, OptionValue } from './types'\n\ntype SelectHandleClick = (event: MouseEvent<HTMLInputElement>) => void\n\ntype SelectHandleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => void\n\ntype SelectHandleClose = () => void\n\ntype UseSelect = (\n  props: Pick<\n    SelectProps,\n    | 'disabled'\n    | 'onClick'\n    | 'onChange'\n    | 'onKeyDown'\n    | 'children'\n    | 'value'\n    | 'defaultValue'\n  >,\n) => {\n  handleClick: SelectHandleClick\n  handleClose: SelectHandleClose\n  handleKeyDown: SelectHandleKeyDown\n  opened: boolean\n  title: string\n  options: ReactNode\n}\n\nexport const useSelect: UseSelect = ({\n  value,\n  defaultValue,\n  disabled,\n  onClick,\n  onChange,\n  onKeyDown,\n  children,\n}) => {\n  const [opened, setOpened] = useState(false)\n\n  const handleOpen = useCallback(() => {\n    if (disabled) return\n    setOpened(true)\n  }, [disabled])\n\n  const handleClick: SelectHandleClick = useCallback(\n    (event) => {\n      handleOpen()\n      onClick?.(event)\n    },\n    [handleOpen, onClick],\n  )\n\n  const handleClose = useCallback(() => {\n    setOpened(false)\n  }, [])\n\n  const handleChange: SelectHandleChange = useCallback(\n    (value) => {\n      handleClose()\n      setLocalValue(value)\n      onChange?.(value)\n    },\n    [handleClose, onChange],\n  )\n\n  const handleKeyDown: SelectHandleKeyDown = useCallback(\n    (event) => {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault()\n        handleOpen()\n      }\n      onKeyDown?.(event)\n    },\n    [handleOpen, onKeyDown],\n  )\n\n  const outerValue = value ?? defaultValue ?? null\n  const [localValue, setLocalValue] = useState<OptionValue | null>(outerValue)\n\n  useEffect(() => {\n    setLocalValue(outerValue)\n  }, [outerValue])\n\n  const { values, options } = useMemo(() => {\n    const values = new Map<OptionValue, string>()\n\n    const options: ReactNode = Children.map(children, (child) => {\n      if (!isElement(child)) return child\n\n      const value = child.props.value\n      const title = String(child.props.children)\n\n      if (values.get(value) === undefined) {\n        values.set(value, title)\n      }\n\n      return cloneElement(child, {\n        active: value === localValue,\n        onChange: handleChange,\n      })\n    })\n\n    return { values, options }\n  }, [localValue, children, handleChange])\n\n  const selectedTitle = localValue != null ? values.get(localValue) : null\n  const defaultTitle = String(localValue ?? '')\n  const title = selectedTitle ?? defaultTitle\n\n  return {\n    handleClick,\n    handleClose,\n    handleKeyDown,\n    opened,\n    title,\n    options,\n  }\n}\n"],"names":["useCallback","useMemo","useState","Children","cloneElement","useEffect","isElement","useSelect","value","defaultValue","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","handleOpen","handleClick","event","handleClose","handleChange","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","localValue","values","options","Map","map","child","props","title","String","get","undefined","set","active","selectedTitle","defaultTitle"],"mappings":"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"}

package/dist/esm/select/useSelectWidth.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState, useEffect } from "react";
+import { useCallback, useState, useEffect } from "react";
 export const useSelectWidth = (opened, anchorRef)=>{
     const [width, setWidth] = useState();
     const updateWidth = useCallback(()=>{

package/dist/esm/select/useSelectWidth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/useSelectWidth.ts"],"sourcesContent":["import React, { useCallback, useState, useEffect } from 'react'\n\nexport const useSelectWidth = <T extends HTMLElement>(\n  opened: boolean,\n  anchorRef: React.RefObject<T | null>,\n): number | undefined => {\n  const [width, setWidth] = useState<number>()\n\n  const updateWidth = useCallback(() => {\n    if (!anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n\n    setWidth(rect.width)\n  }, [anchorRef])\n\n  useEffect(() => {\n    if (!opened || !anchorRef.current) return\n\n    const observer = new ResizeObserver(updateWidth)\n    observer.observe(anchorRef.current)\n\n    return (): void => observer.disconnect()\n  }, [opened, anchorRef, updateWidth])\n\n  return width\n}\n"],"names":["React","useCallback","useState","useEffect","useSelectWidth","opened","anchorRef","width","setWidth","updateWidth","current","rect","getBoundingClientRect","observer","ResizeObserver","observe","disconnect"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO,CAAA;AAE/D,OAAO,MAAMC,cAAc,GAAG,CAC5BC,MAAe,EACfC,SAAoC,GACb;IACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,EAAU;IAE5C,MAAMO,WAAW,GAAGR,WAAW,CAAC,IAAM;QACpC,IAAI,CAACK,SAAS,CAACI,OAAO,EAAE,OAAM;QAC9B,MAAMC,IAAI,GAAGL,SAAS,CAACI,OAAO,CAACE,qBAAqB,EAAE;QAEtDJ,QAAQ,CAACG,IAAI,CAACJ,KAAK,CAAC;IACtB,CAAC,EAAE;QAACD,SAAS;KAAC,CAAC;IAEfH,SAAS,CAAC,IAAM;QACd,IAAI,CAACE,MAAM,IAAI,CAACC,SAAS,CAACI,OAAO,EAAE,OAAM;QAEzC,MAAMG,QAAQ,GAAG,IAAIC,cAAc,CAACL,WAAW,CAAC;QAChDI,QAAQ,CAACE,OAAO,CAACT,SAAS,CAACI,OAAO,CAAC;QAEnC,OAAO,IAAYG,QAAQ,CAACG,UAAU,EAAE,CAAA;IAC1C,CAAC,EAAE;QAACX,MAAM;QAAEC,SAAS;QAAEG,WAAW;KAAC,CAAC;IAEpC,OAAOF,KAAK,CAAA;AACd,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/select/useSelectWidth.ts"],"sourcesContent":["import { useCallback, useState, useEffect, RefObject } from 'react'\n\nexport const useSelectWidth = <T extends HTMLElement>(\n  opened: boolean,\n  anchorRef: RefObject<T | null>,\n): number | undefined => {\n  const [width, setWidth] = useState<number>()\n\n  const updateWidth = useCallback(() => {\n    if (!anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n\n    setWidth(rect.width)\n  }, [anchorRef])\n\n  useEffect(() => {\n    if (!opened || !anchorRef.current) return\n\n    const observer = new ResizeObserver(updateWidth)\n    observer.observe(anchorRef.current)\n\n    return (): void => observer.disconnect()\n  }, [opened, anchorRef, updateWidth])\n\n  return width\n}\n"],"names":["useCallback","useState","useEffect","useSelectWidth","opened","anchorRef","width","setWidth","updateWidth","current","rect","getBoundingClientRect","observer","ResizeObserver","observe","disconnect"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAmB,OAAO,CAAA;AAEnE,OAAO,MAAMC,cAAc,GAAG,CAC5BC,MAAe,EACfC,SAA8B,GACP;IACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,EAAU;IAE5C,MAAMO,WAAW,GAAGR,WAAW,CAAC,IAAM;QACpC,IAAI,CAACK,SAAS,CAACI,OAAO,EAAE,OAAM;QAC9B,MAAMC,IAAI,GAAGL,SAAS,CAACI,OAAO,CAACE,qBAAqB,EAAE;QAEtDJ,QAAQ,CAACG,IAAI,CAACJ,KAAK,CAAC;IACtB,CAAC,EAAE;QAACD,SAAS;KAAC,CAAC;IAEfH,SAAS,CAAC,IAAM;QACd,IAAI,CAACE,MAAM,IAAI,CAACC,SAAS,CAACI,OAAO,EAAE,OAAM;QAEzC,MAAMG,QAAQ,GAAG,IAAIC,cAAc,CAACL,WAAW,CAAC;QAChDI,QAAQ,CAACE,OAAO,CAACT,SAAS,CAACI,OAAO,CAAC;QAEnC,OAAO,IAAYG,QAAQ,CAACG,UAAU,EAAE,CAAA;IAC1C,CAAC,EAAE;QAACX,MAAM;QAAEC,SAAS;QAAEG,WAAW;KAAC,CAAC;IAEpC,OAAOF,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/esm/service-page/ServicePage.js

@@ -1,15 +1,25 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { ServicePageStyle, ServicePageInsideStyle } from "./ServicePageStyles";
 import { H1 } from "../heading/index";
 import { Text } from "../text/index";
-function ServicePage(props, ref) {
-    const { title , children , ...rest } = props;
-    return /*#__PURE__*/ React.createElement(ServicePageStyle, _extends({}, rest, {
-        ref: ref
-    }), /*#__PURE__*/ React.createElement(ServicePageInsideStyle, null, /*#__PURE__*/ React.createElement(H1, null, title), /*#__PURE__*/ React.createElement(Text, {
-        color: "secondary"
-    }, children)));
+function ServicePage(param, ref) {
+    let { title , children , ...rest } = param;
+    return /*#__PURE__*/ _jsx(ServicePageStyle, {
+        ...rest,
+        ref: ref,
+        children: /*#__PURE__*/ _jsxs(ServicePageInsideStyle, {
+            children: [
+                /*#__PURE__*/ _jsx(H1, {
+                    children: title
+                }),
+                /*#__PURE__*/ _jsx(Text, {
+                    color: "secondary",
+                    children: children
+                })
+            ]
+        })
+    });
 }
 export default /*#__PURE__*/ forwardRef(ServicePage);