@lidofinance/lido-ui 3.32.0 → 3.34.0

package/dist/cjs/popover/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/popover/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '../transition/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum PopoverOffset {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type PopoverOffsets = keyof typeof PopoverOffset\n\nexport enum PopoverPlacement {\n  topLeft,\n  top,\n  topRight,\n\n  rightTop,\n  right,\n  rightBottom,\n\n  bottomLeft,\n  bottom,\n  bottomRight,\n\n  leftTop,\n  left,\n  leftBottom,\n}\nexport type PopoverPlacements = keyof typeof PopoverPlacement\n\nexport type PopoverRootOwnProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLDivElement>\n    anchorRef: RefObject<HTMLElement | null>\n    placement?: PopoverPlacements\n    backdrop?: boolean\n    onClose?: () => void\n  }\n>\n\nexport type PopoverRootProps = PopoverRootOwnProps & TransitionWrapperProps\nexport type PopoverRootInnerProps = PopoverRootOwnProps & TransitionInnerProps\n\nexport type PopoverProps = {\n  as?: never\n  offset?: PopoverOffsets\n  open?: boolean\n} & Omit<PopoverRootProps, 'in'>\n"],"names":["PopoverOffset","PopoverPlacement"],"mappings":";;;;AAQYA,IAAAA,aAAZ,0BAAYA,aAAZ,EAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,aAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASYC,IAAAA,gBAAZ,0BAAYA,gBAAZ,EAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,YAAA,CAAA,GAAA,EAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAYA,gBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/popover/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '../transition/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum PopoverOffset {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type PopoverOffsets = keyof typeof PopoverOffset\n\nexport enum PopoverPlacement {\n  topLeft,\n  top,\n  topRight,\n\n  rightTop,\n  right,\n  rightBottom,\n\n  bottomLeft,\n  bottom,\n  bottomRight,\n\n  leftTop,\n  left,\n  leftBottom,\n}\nexport type PopoverPlacements = keyof typeof PopoverPlacement\n\nexport type PopoverRootOwnProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLDivElement>\n    anchorRef: RefObject<HTMLElement | null>\n    placement?: PopoverPlacements\n    backdrop?: boolean\n    onClose?: () => void\n  }\n>\n\nexport type PopoverRootProps = PopoverRootOwnProps & TransitionWrapperProps\nexport type PopoverRootInnerProps = PopoverRootOwnProps & TransitionInnerProps\n\nexport type PopoverProps = {\n  as?: never\n  offset?: PopoverOffsets\n  open?: boolean\n} & Omit<PopoverRootProps, 'in'>\n"],"names":["PopoverOffset","PopoverPlacement"],"mappings":";;;;AAQYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASbC,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,YAAA,CAAA,GAAA,EAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}

package/dist/cjs/popover/usePopoverPosition.js

@@ -36,7 +36,8 @@ const usePopoverPosition = _ref => {
     const position = calculatePosition.calculatePosition(anchorRect, popoverRect, wrapperRect, placement);
     setPopoverStyle(position);
   }, [anchorRef, placement, windowWidth, windowHeight]);
-  const style = { ...propsStyle,
+  const style = {
+    ...propsStyle,
     ...popoverStyle
   };
   return {

package/dist/cjs/popover/usePopoverPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopoverPosition.js","sources":["../../../packages/popover/usePopoverPosition.ts"],"sourcesContent":["import {\n  useRef,\n  useLayoutEffect,\n  useState,\n  CSSProperties,\n  RefObject,\n} from 'react'\nimport { useWindowSize } from '../hooks/index.js'\nimport { PopoverRootProps } from './types.js'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants.js'\nimport { calculatePosition } from './calculatePosition.js'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>({\n  placement = DEFAULT_PLACEMENT,\n  anchorRef,\n  style: propsStyle,\n}: Pick<PopoverRootProps, 'placement' | 'anchorRef' | 'style'>): {\n  popoverRef: RefObject<P>\n  wrapperRef: RefObject<W>\n  style: CSSProperties\n} => {\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement,\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...propsStyle,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["usePopoverPosition","placement","DEFAULT_PLACEMENT","anchorRef","style","propsStyle","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,kBAAkB,GAAG,IAW7B,IAAA;EAAA,IARH;AACAC,IAAAA,SAAS,GAAGC,2BADZ;IAEAC,SAFA;AAGAC,IAAAA,KAAK,EAAEC,UAAAA;GAKJ,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,UAAU,GAAGC,YAAM,CAAI,IAAJ,CAAzB,CAAA;AACA,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAI,IAAJ,CAAzB,CAAA;EAEA,MAAM,CAACE,YAAD,EAAeC,eAAf,IAAkCC,cAAQ,CAAgBC,uBAAhB,CAAhD,CAAA;AACA,EAAA,MAAM,CAACC,WAAD,EAAcC,YAAd,CAAA,GAA8BC,2BAAa,EAAjD,CAAA;AAEAC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAI,CAACb,SAAS,CAACc,OAAX,IAAsB,CAACX,UAAU,CAACW,OAAlC,IAA6C,CAACT,UAAU,CAACS,OAA7D,EAAsE,OAAA;AAEtE,IAAA,MAAMC,UAAU,GAAGf,SAAS,CAACc,OAAV,CAAkBE,qBAAlB,EAAnB,CAAA;AACA,IAAA,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAX,CAAmBE,qBAAnB,EAApB,CAAA;AACA,IAAA,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAX,CAAmBE,qBAAnB,EAApB,CAAA;IAEA,MAAMG,QAAQ,GAAGC,mCAAiB,CAChCL,UADgC,EAEhCE,WAFgC,EAGhCC,WAHgC,EAIhCpB,SAJgC,CAAlC,CAAA;IAMAS,eAAe,CAACY,QAAD,CAAf,CAAA;GAba,EAcZ,CAACnB,SAAD,EAAYF,SAAZ,EAAuBY,WAAvB,EAAoCC,YAApC,CAdY,CAAf,CAAA;AAgBA,EAAA,MAAMV,KAAK,GAAG,EACZ,GAAGC,UADS;IAEZ,GAAGI,YAAAA;GAFL,CAAA;EAKA,OAAO;IACLH,UADK;IAELE,UAFK;AAGLJ,IAAAA,KAAAA;GAHF,CAAA;AAKD;;;;"}
+{"version":3,"file":"usePopoverPosition.js","sources":["../../../packages/popover/usePopoverPosition.ts"],"sourcesContent":["import {\n  useRef,\n  useLayoutEffect,\n  useState,\n  CSSProperties,\n  RefObject,\n} from 'react'\nimport { useWindowSize } from '../hooks/index.js'\nimport { PopoverRootProps } from './types.js'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants.js'\nimport { calculatePosition } from './calculatePosition.js'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>({\n  placement = DEFAULT_PLACEMENT,\n  anchorRef,\n  style: propsStyle,\n}: Pick<PopoverRootProps, 'placement' | 'anchorRef' | 'style'>): {\n  popoverRef: RefObject<P>\n  wrapperRef: RefObject<W>\n  style: CSSProperties\n} => {\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement,\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...propsStyle,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["usePopoverPosition","_ref","placement","DEFAULT_PLACEMENT","anchorRef","style","propsStyle","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,kBAAkB,GAAGC,IAAA,IAW7B;EAAA,IARH;AACAC,IAAAA,SAAS,GAAGC,2BAAiB;IAC7BC,SAAS;AACTC,IAAAA,KAAK,EAAEC,UAAAA;AACoD,GAAC,GAAAL,IAAA,CAAA;AAK5D,EAAA,MAAMM,UAAU,GAAGC,YAAM,CAAI,IAAI,CAAC,CAAA;AAClC,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAI,IAAI,CAAC,CAAA;EAElC,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAgBC,uBAAa,CAAC,CAAA;EAC9E,MAAM,CAACC,WAAW,EAAEC,YAAY,CAAC,GAAGC,2BAAa,EAAE,CAAA;AAEnDC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAI,CAACb,SAAS,CAACc,OAAO,IAAI,CAACX,UAAU,CAACW,OAAO,IAAI,CAACT,UAAU,CAACS,OAAO,EAAE,OAAA;IAEtE,MAAMC,UAAU,GAAGf,SAAS,CAACc,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAC5D,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAC9D,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAE9D,MAAMG,QAAQ,GAAGC,mCAAiB,CAChCL,UAAU,EACVE,WAAW,EACXC,WAAW,EACXpB,SACF,CAAC,CAAA;IACDS,eAAe,CAACY,QAAQ,CAAC,CAAA;GAC1B,EAAE,CAACnB,SAAS,EAAEF,SAAS,EAAEY,WAAW,EAAEC,YAAY,CAAC,CAAC,CAAA;AAErD,EAAA,MAAMV,KAAK,GAAG;AACZ,IAAA,GAAGC,UAAU;IACb,GAAGI,YAAAA;GACJ,CAAA;EAED,OAAO;IACLH,UAAU;IACVE,UAAU;AACVJ,IAAAA,KAAAA;GACD,CAAA;AACH;;;;"}

package/dist/cjs/popup-menu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupMenu.js","sources":["../../../packages/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { PopupMenuProvider } from './PopupMenuProvider.js'\nimport { PopupMenuStyle } from './PopupMenuStyles.js'\nimport { PopupMenuProps } from './types.js'\nimport { usePopupFocus } from './usePopupFocus.js'\n\nexport const PopupMenu = forwardRef(\n  (\n    { variant, children, onKeyDown, onMouseMove, ...rest }: PopupMenuProps,\n    externalRef?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      ref: controlRef,\n      handleMouseMove,\n      handleKeyDown,\n      handleEnter,\n      handleExit,\n    } = usePopupFocus({ onMouseMove, onKeyDown })\n    const popupRef = useMergeRefs([controlRef, externalRef])\n\n    return (\n      <PopupMenuStyle\n        onMouseMove={handleMouseMove}\n        onKeyDown={handleKeyDown}\n        onEnter={handleEnter}\n        onExit={handleExit}\n        tabIndex={-1}\n        role='listbox'\n        {...rest}\n        ref={popupRef}\n      >\n        <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n      </PopupMenuStyle>\n    )\n  },\n)\nPopupMenu.displayName = 'PopupMenu'\n"],"names":["PopupMenu","forwardRef","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","_jsx","PopupMenuStyle","PopupMenuProvider","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;MAOaA,SAAS,gBAAGC,gBAAU,CACjC,CAAA,IAAA,EAEEC,WAFF,KAGK;EAAA,IAFH;IAAEC,OAAF;IAAWC,QAAX;IAAqBC,SAArB;IAAgCC,WAAhC;IAA6C,GAAGC,IAAAA;GAE7C,GAAA,IAAA,CAAA;EACH,MAAM;AACJC,IAAAA,GAAG,EAAEC,UADD;IAEJC,eAFI;IAGJC,aAHI;IAIJC,WAJI;AAKJC,IAAAA,UAAAA;AALI,GAAA,GAMFC,2BAAa,CAAC;IAAER,WAAF;AAAeD,IAAAA,SAAAA;AAAf,GAAD,CANjB,CAAA;EAOA,MAAMU,QAAQ,GAAGC,yBAAY,CAAC,CAACP,UAAD,EAAaP,WAAb,CAAD,CAA7B,CAAA;AAEA,EAAA,oBACEe,eAACC,8BAAD,EAAA;AACE,IAAA,WAAW,EAAER,eADf;AAEE,IAAA,SAAS,EAAEC,aAFb;AAGE,IAAA,OAAO,EAAEC,WAHX;AAIE,IAAA,MAAM,EAAEC,UAJV;IAKE,QAAQ,EAAE,CAAC,CALb;AAME,IAAA,IAAI,EAAC,SANP;AAAA,IAAA,GAOMN,IAPN;AAQE,IAAA,GAAG,EAAEQ,QARP;AAAA,IAAA,QAAA,eAUEE,eAACE,mCAAD,EAAA;AAAmB,MAAA,OAAO,EAAEhB,OAA5B;MAAA,QAAsCC,EAAAA,QAAAA;AAAtC,KAAA,CAAA;GAXJ,CAAA,CAAA;AAcD,CA5BgC,EAA5B;AA8BPJ,SAAS,CAACoB,WAAV,GAAwB,WAAxB;;;;"}
+{"version":3,"file":"PopupMenu.js","sources":["../../../packages/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { PopupMenuProvider } from './PopupMenuProvider.js'\nimport { PopupMenuStyle } from './PopupMenuStyles.js'\nimport { PopupMenuProps } from './types.js'\nimport { usePopupFocus } from './usePopupFocus.js'\n\nexport const PopupMenu = forwardRef(\n  (\n    { variant, children, onKeyDown, onMouseMove, ...rest }: PopupMenuProps,\n    externalRef?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      ref: controlRef,\n      handleMouseMove,\n      handleKeyDown,\n      handleEnter,\n      handleExit,\n    } = usePopupFocus({ onMouseMove, onKeyDown })\n    const popupRef = useMergeRefs([controlRef, externalRef])\n\n    return (\n      <PopupMenuStyle\n        onMouseMove={handleMouseMove}\n        onKeyDown={handleKeyDown}\n        onEnter={handleEnter}\n        onExit={handleExit}\n        tabIndex={-1}\n        role='listbox'\n        {...rest}\n        ref={popupRef}\n      >\n        <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n      </PopupMenuStyle>\n    )\n  },\n)\nPopupMenu.displayName = 'PopupMenu'\n"],"names":["PopupMenu","forwardRef","_ref","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","_jsx","PopupMenuStyle","onEnter","onExit","tabIndex","role","PopupMenuProvider","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,SAAS,gBAAGC,gBAAU,CACjC,CAAAC,IAAA,EAEEC,WAA0C,KACvC;EAAA,IAFH;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,WAAW;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAN,IAAA,CAAA;EAGtE,MAAM;AACJO,IAAAA,GAAG,EAAEC,UAAU;IACfC,eAAe;IACfC,aAAa;IACbC,WAAW;AACXC,IAAAA,UAAAA;GACD,GAAGC,2BAAa,CAAC;IAAER,WAAW;AAAED,IAAAA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAC7C,MAAMU,QAAQ,GAAGC,yBAAY,CAAC,CAACP,UAAU,EAAEP,WAAW,CAAC,CAAC,CAAA;EAExD,oBACEe,cAAA,CAACC,8BAAc,EAAA;AACbZ,IAAAA,WAAW,EAAEI,eAAgB;AAC7BL,IAAAA,SAAS,EAAEM,aAAc;AACzBQ,IAAAA,OAAO,EAAEP,WAAY;AACrBQ,IAAAA,MAAM,EAAEP,UAAW;IACnBQ,QAAQ,EAAE,CAAC,CAAE;AACbC,IAAAA,IAAI,EAAC,SAAS;AAAA,IAAA,GACVf,IAAI;AACRC,IAAAA,GAAG,EAAEO,QAAS;IAAAX,QAAA,eAEda,cAAA,CAACM,mCAAiB,EAAA;AAACpB,MAAAA,OAAO,EAAEA,OAAQ;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAA4B,CAAA;AAAC,GACrD,CAAC,CAAA;AAErB,CACF,EAAC;AACDL,SAAS,CAACyB,WAAW,GAAG,WAAW;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PopupMenuItem.js","sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles.js'\nimport { usePopupMenuContext } from './PopupMenuProvider.js'\nimport { PopupMenuItemProps } from './types.js'\n\nexport const PopupMenuItem = forwardRef(\n  (\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)\nPopupMenuItem.displayName = 'PopupMenuItem'\n"],"names":["PopupMenuItem","forwardRef","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","_jsxs","PopupMenuItemStyle","_jsx","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","PopupMenuItemRightDecoratorStyle","displayName"],"mappings":";;;;;;;;;MAUaA,aAAa,gBAAGC,gBAAU,CACrC,CAAA,IAAA,EAQEC,GARF,KASK;EAAA,IARH;AACEC,IAAAA,MAAM,GAAG,KADX;IAEEC,aAFF;IAGEC,cAHF;IAIEC,QAJF;IAKE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;AAAEC,IAAAA,OAAO,GAAG,SAAA;AAAZ,GAAA,GAA0BC,qCAAmB,EAAnD,CAAA;AAEA,EAAA,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAA3B,CAAA;AACA,EAAA,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAA5B,CAAA;AAEA,EAAA,oBACEO,gBAACC,sCAAD,EAAA;AACE,IAAA,OAAO,EAAEV,MADX;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,eAAA,EAAeA,MAHjB;AAAA,IAAA,GAIMI,IAJN;AAKE,IAAA,GAAG,EAAEL,GALP;IAAA,QAOGQ,EAAAA,CAAAA,gBAAgB,iBACfI,cAAA,CAACC,mDAAD,EAAA;MAAA,QACGX,EAAAA,aAAAA;KATP,CAAA,eAaEU,eAACE,6CAAD,EAAA;AAA2B,MAAA,QAAQ,EAAER,OAArC;MAAA,QACGF,EAAAA,QAAAA;AADH,KAAA,CAbF,EAiBGK,iBAAiB,iBAChBG,cAAA,CAACG,oDAAD,EAAA;MAAA,QACGZ,EAAAA,cAAAA;KAnBP,CAAA,CAAA;GADF,CAAA,CAAA;AAyBD,CAzCoC,EAAhC;AA2CPL,aAAa,CAACkB,WAAd,GAA4B,eAA5B;;;;"}
+{"version":3,"file":"PopupMenuItem.js","sources":["../../../packages/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles.js'\nimport { usePopupMenuContext } from './PopupMenuProvider.js'\nimport { PopupMenuItemProps } from './types.js'\n\nexport const PopupMenuItem = forwardRef(\n  (\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)\nPopupMenuItem.displayName = 'PopupMenuItem'\n"],"names":["PopupMenuItem","forwardRef","_ref","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","_jsxs","PopupMenuItemStyle","$active","role","_jsx","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","$variant","PopupMenuItemRightDecoratorStyle","displayName"],"mappings":";;;;;;;;;AAUO,MAAMA,aAAa,gBAAGC,gBAAU,CACrC,CAAAC,IAAA,EAQEC,GAAqC,KAClC;EAAA,IARH;AACEC,IAAAA,MAAM,GAAG,KAAK;IACdC,aAAa;IACbC,cAAc;IACdC,QAAQ;IACR,GAAGC,IAAAA;AACe,GAAC,GAAAN,IAAA,CAAA;EAGrB,MAAM;AAAEO,IAAAA,OAAO,GAAG,SAAA;GAAW,GAAGC,qCAAmB,EAAE,CAAA;AAErD,EAAA,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAAa,CAAA;AACxC,EAAA,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAAc,CAAA;EAE1C,oBACEO,eAAA,CAACC,sCAAkB,EAAA;AACjBC,IAAAA,OAAO,EAAEX,MAAO;AAChBY,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,eAAA,EAAeZ,MAAO;AAAA,IAAA,GAClBI,IAAI;AACRL,IAAAA,GAAG,EAAEA,GAAI;AAAAI,IAAAA,QAAA,EAERI,CAAAA,gBAAgB,iBACfM,cAAA,CAACC,mDAA+B,EAAA;AAAAX,MAAAA,QAAA,EAC7BF,aAAAA;AAAa,KACiB,CAClC,eAEDY,cAAA,CAACE,6CAAyB,EAAA;AAACC,MAAAA,QAAQ,EAAEX,OAAQ;AAAAF,MAAAA,QAAA,EAC1CA,QAAAA;AAAQ,KACgB,CAAC,EAE3BK,iBAAiB,iBAChBK,cAAA,CAACI,oDAAgC,EAAA;AAAAd,MAAAA,QAAA,EAC9BD,cAAAA;AAAc,KACiB,CACnC,CAAA;AAAA,GACiB,CAAC,CAAA;AAEzB,CACF,EAAC;AACDN,aAAa,CAACsB,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/popup-menu/PopupMenuItemStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupMenuItemStyles.js","sources":["../../../packages/popup-menu/PopupMenuItemStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { PopupMenuVariants } from './types.js'\n\nexport const PopupMenuItemStyle = styled.button<{ $active: boolean }>`\n  text-align: left;\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  background: transparent;\n  border-radius: 0;\n  color: var(--lido-color-text);\n  border: none;\n  box-shadow: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0 15px;\n  margin: 0;\n  position: relative;\n\n  &:disabled {\n    cursor: default;\n    color: var(--lido-color-textSecondary);\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    opacity: ${({ $active }) => ($active ? 0.04 : 0)};\n    background: var(--lido-color-popupMenuItemBgActiveHover);\n    transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  }\n\n  &:focus:not(:disabled):before {\n    opacity: 0.04;\n  }\n`\n\nconst variants = {\n  small: css`\n    padding: 12px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.35em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  `,\n  default: css`\n    padding: 18px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    line-height: 1.4em;\n    font-weight: 400;\n  `,\n}\n\nexport const PopupMenuItemContentStyle = styled.span<{\n  $variant: PopupMenuVariants\n}>`\n  position: relative;\n  padding: 18px 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  ${({ $variant }) => variants[$variant]}\n`\n\nconst decoratorCSS = css`\n  flex-grow: 0;\n  flex-shrink: 0;\n  cursor: default;\n  display: flex;\n  align-items: center;\n`\n\nexport const PopupMenuItemLeftDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-right: 16px;\n`\n\nexport const PopupMenuItemRightDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-left: 16px;\n`\n"],"names":["PopupMenuItemStyle","styled","button","$active","theme","duration","fast","variants","small","css","fontSizesMap","xxs","default","xs","PopupMenuItemContentStyle","span","$variant","decoratorCSS","PopupMenuItemLeftDecoratorStyle","PopupMenuItemRightDecoratorStyle"],"mappings":";;;;;;;AAGaA,MAAAA,kBAAkB,GAAGC,+BAAM,CAACC,MAA6B,CAAA;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAe,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAkBA,OAAO,GAAG,IAAH,GAAU,CAAnC,CAAA;AAAA,CAAsC,CAAA;AACrD;AACA,wBAA0B,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,IAA9B,CAAA;AAAA,CAAmC,CAAA;AAC7D;AACA;AACA;AACA;AACA;AACA,EA3CO;AA6CP,MAAMC,QAAQ,GAAG;AACfC,EAAAA,KAAK,EAAEC,WAAI,CAAA;AACb;AACA,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEL,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACM,YAAN,CAAmBC,GAAlC,CAAA;GAAsC,CAAA;AACvD;AACA;AACA;AACA;AACA,EARiB,CAAA;AASfC,EAAAA,OAAO,EAAEH,WAAI,CAAA;AACf;AACA,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEL,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACM,YAAN,CAAmBG,EAAlC,CAAA;GAAqC,CAAA;AACtD;AACA;AACA,EAAA,CAAA;AAdiB,CAAjB,CAAA;AAiBaC,MAAAA,yBAAyB,GAAGb,+BAAM,CAACc,IAE7C,CAAA;AACH;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OAAkBT,QAAQ,CAACS,QAAD,CAA1B,CAAA;AAAA,CAAqC,CAAA;AACzC,EATO;AAWP,MAAMC,YAAY,GAAGR,WAAI,CAAA;AACzB;AACA;AACA;AACA;AACA;AACA,CANA,CAAA;AAQaS,MAAAA,+BAA+B,GAAGjB,+BAAM,CAACc,IAAK,CAAA;AAC3D,EAAA,EAAIE,YAAa,CAAA;AACjB;AACA,EAHO;AAKME,MAAAA,gCAAgC,GAAGlB,+BAAM,CAACc,IAAK,CAAA;AAC5D,EAAA,EAAIE,YAAa,CAAA;AACjB;AACA;;;;;;;"}
+{"version":3,"file":"PopupMenuItemStyles.js","sources":["../../../packages/popup-menu/PopupMenuItemStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { PopupMenuVariants } from './types.js'\n\nexport const PopupMenuItemStyle = styled.button<{ $active: boolean }>`\n  text-align: left;\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  background: transparent;\n  border-radius: 0;\n  color: var(--lido-color-text);\n  border: none;\n  box-shadow: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0 15px;\n  margin: 0;\n  position: relative;\n\n  &:disabled {\n    cursor: default;\n    color: var(--lido-color-textSecondary);\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    opacity: ${({ $active }) => ($active ? 0.04 : 0)};\n    background: var(--lido-color-popupMenuItemBgActiveHover);\n    transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  }\n\n  &:focus:not(:disabled):before {\n    opacity: 0.04;\n  }\n`\n\nconst variants = {\n  small: css`\n    padding: 12px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.35em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  `,\n  default: css`\n    padding: 18px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    line-height: 1.4em;\n    font-weight: 400;\n  `,\n}\n\nexport const PopupMenuItemContentStyle = styled.span<{\n  $variant: PopupMenuVariants\n}>`\n  position: relative;\n  padding: 18px 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  ${({ $variant }) => variants[$variant]}\n`\n\nconst decoratorCSS = css`\n  flex-grow: 0;\n  flex-shrink: 0;\n  cursor: default;\n  display: flex;\n  align-items: center;\n`\n\nexport const PopupMenuItemLeftDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-right: 16px;\n`\n\nexport const PopupMenuItemRightDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-left: 16px;\n`\n"],"names":["PopupMenuItemStyle","styled","button","_ref","$active","_ref2","theme","duration","fast","variants","small","css","_ref3","fontSizesMap","xxs","default","_ref4","xs","PopupMenuItemContentStyle","span","_ref5","$variant","decoratorCSS","PopupMenuItemLeftDecoratorStyle","PopupMenuItemRightDecoratorStyle"],"mappings":";;;;;;;AAGaA,MAAAA,kBAAkB,GAAGC,+BAAM,CAACC,MAA4B,CAAA;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,IAAI,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AACpD;AACA,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA,EAAC;AAED,MAAMC,QAAQ,GAAG;AACfC,EAAAA,KAAK,EAAEC,WAAG,CAAA;AACZ;AACA,eAAA,EAAiBC,KAAA,IAAA;IAAA,IAAC;AAAEN,MAAAA,KAAAA;AAAM,KAAC,GAAAM,KAAA,CAAA;AAAA,IAAA,OAAKN,KAAK,CAACO,YAAY,CAACC,GAAG,CAAA;AAAA,GAAA,CAAA;AACtD;AACA;AACA;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,OAAO,EAAEJ,WAAG,CAAA;AACd;AACA,eAAA,EAAiBK,KAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;AAAM,KAAC,GAAAU,KAAA,CAAA;AAAA,IAAA,OAAKV,KAAK,CAACO,YAAY,CAACI,EAAE,CAAA;AAAA,GAAA,CAAA;AACrD;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYC,MAAAA,yBAAyB,GAAGjB,+BAAM,CAACkB,IAE9C,CAAA;AACF;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKX,QAAQ,CAACY,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACxC,EAAC;AAED,MAAMC,YAAY,GAAGX,WAAG,CAAA;AACxB;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAEYY,MAAAA,+BAA+B,GAAGtB,+BAAM,CAACkB,IAAI,CAAA;AAC1D,EAAA,EAAIG,YAAY,CAAA;AAChB;AACA,EAAC;AAEYE,MAAAA,gCAAgC,GAAGvB,+BAAM,CAACkB,IAAI,CAAA;AAC3D,EAAA,EAAIG,YAAY,CAAA;AAChB;AACA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PopupMenuProvider.js","sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types.js'\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":["Context","createContext","usePopupMenuContext","useContext","PopupMenuProvider","variant","rest","_jsx"],"mappings":";;;;;;;AAOA,MAAMA,OAAO,gBAAGC,mBAAa,CAAC,EAAD,CAA7B,CAAA;AAEO,MAAMC,mBAAmB,GAAG,MAAwB;EACzD,OAAOC,gBAAU,CAACH,OAAD,CAAjB,CAAA;AACD,EAFM;AAIA,MAAMI,iBAA0D,GAAG,IAGpE,IAAA;EAAA,IAHqE;IACzEC,OADyE;IAEzE,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,oBAAOC,cAAA,CAAC,OAAD,CAAS,QAAT,EAAA;AAAkB,IAAA,KAAK,EAAE;AAAEF,MAAAA,OAAAA;KAA3B;IAAA,GAA0CC,IAAAA;GAAjD,CAAA,CAAA;AACD;;;;;"}
+{"version":3,"file":"PopupMenuProvider.js","sources":["../../../packages/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types.js'\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":["Context","createContext","usePopupMenuContext","useContext","PopupMenuProvider","_ref","variant","rest","_jsx","Provider","value"],"mappings":";;;;;;;AAOA,MAAMA,OAAO,gBAAGC,mBAAa,CAAC,EAAsB,CAAC,CAAA;AAExCC,MAAAA,mBAAmB,GAAGA,MAAwB;EACzD,OAAOC,gBAAU,CAACH,OAAO,CAAC,CAAA;AAC5B,EAAC;AAEYI,MAAAA,iBAA0D,GAAGC,IAAA,IAGpE;EAAA,IAHqE;IACzEC,OAAO;IACP,GAAGC,IAAAA;AACL,GAAC,GAAAF,IAAA,CAAA;AACC,EAAA,oBAAOG,cAAA,CAACR,OAAO,CAACS,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEJ,MAAAA,OAAAA;KAAU;IAAA,GAAKC,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC3D;;;;;"}

package/dist/cjs/popup-menu/PopupMenuStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupMenuStyles.js","sources":["../../../packages/popup-menu/PopupMenuStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Popover } from '../popover/index.js'\nimport { PopupMenuItemStyle } from './PopupMenuItemStyles.js'\n\nexport const PopupMenuStyle = styled(Popover)`\n  outline: none;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  overflow: auto;\n  overflow-x: hidden;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: 0;\n\n  ${PopupMenuItemStyle}:first-child {\n    border-top-left-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n    border-top-right-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n  }\n\n  ${PopupMenuItemStyle}:last-child {\n    border-bottom-left-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n    border-bottom-right-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n  }\n`\n"],"names":["PopupMenuStyle","styled","Popover","theme","borderRadiusesMap","lg","boxShadows","xs","PopupMenuItemStyle"],"mappings":";;;;;;;;MAIaA,cAAc,GAAGC,+BAAM,CAACC,eAAD,CAAU,CAAA;AAC9C;AACA;AACA;AACA,iBAAmB,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,iBAAN,CAAwBC,EAAvC,CAAA;AAAA,CAA0C,CAAA;AAC7D;AACA;AACA,cAAgB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACG,UAAN,CAAiBC,EAAhC,CAAA;AAAA,CAAmC,CAAA;AACnD;AACA;AACA;AACA,EAAA,EAAIC,sCAAmB,CAAA;AACvB,4BAA8B,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,iBAAN,CAAwBC,EAAxB,GAA6B,CAA5C,CAAA;AAAA,CAA8C,CAAA;AAC5E,6BAA+B,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,iBAAN,CAAwBC,EAAxB,GAA6B,CAA5C,CAAA;AAAA,CAA8C,CAAA;AAC7E;AACA;AACA,EAAA,EAAIG,sCAAmB,CAAA;AACvB,+BAAiC,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAC3BA,KAAK,CAACC,iBAAN,CAAwBC,EAAxB,GAA6B,CADF,CAAA;AAAA,CACI,CAAA;AACrC,gCAAkC,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAC5BA,KAAK,CAACC,iBAAN,CAAwBC,EAAxB,GAA6B,CADD,CAAA;AAAA,CACG,CAAA;AACrC;AACA;;;;"}
+{"version":3,"file":"PopupMenuStyles.js","sources":["../../../packages/popup-menu/PopupMenuStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Popover } from '../popover/index.js'\nimport { PopupMenuItemStyle } from './PopupMenuItemStyles.js'\n\nexport const PopupMenuStyle = styled(Popover)`\n  outline: none;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  overflow: auto;\n  overflow-x: hidden;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: 0;\n\n  ${PopupMenuItemStyle}:first-child {\n    border-top-left-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n    border-top-right-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n  }\n\n  ${PopupMenuItemStyle}:last-child {\n    border-bottom-left-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n    border-bottom-right-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n  }\n`\n"],"names":["PopupMenuStyle","styled","Popover","_ref","theme","borderRadiusesMap","lg","_ref2","boxShadows","xs","PopupMenuItemStyle","_ref3","_ref4","_ref5","_ref6"],"mappings":";;;;;;;;MAIaA,cAAc,GAAGC,+BAAM,CAACC,eAAO,CAAC,CAAA;AAC7C;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,cAAA,EAAgBC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,UAAU,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAClD;AACA;AACA;AACA,EAAA,EAAIC,sCAAkB,CAAA;AACtB,4BAAA,EAA8BC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAC3E,6BAAA,EAA+BM,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;AAAM,GAAC,GAAAQ,KAAA,CAAA;AAAA,EAAA,OAAKR,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAC5E;AACA;AACA,EAAA,EAAII,sCAAkB,CAAA;AACtB,+BAAA,EAAiCG,KAAA,IAAA;EAAA,IAAC;AAAET,IAAAA,KAAAA;AAAM,GAAC,GAAAS,KAAA,CAAA;AAAA,EAAA,OACrCT,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AACpC,gCAAA,EAAkCQ,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OACtCV,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AACpC;AACA;;;;"}

package/dist/cjs/popup-menu/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../packages/popup-menu/constants.ts"],"sourcesContent":["export const FOCUSABLE_ELEMENTS = [\n  'a[href]',\n  'button:not([disabled]):not([aria-hidden])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n]\n"],"names":["FOCUSABLE_ELEMENTS"],"mappings":";;;;AAAO,MAAMA,kBAAkB,GAAG,CAChC,SADgC,EAEhC,2CAFgC,EAGhC,iCAHgC;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../packages/popup-menu/constants.ts"],"sourcesContent":["export const FOCUSABLE_ELEMENTS = [\n  'a[href]',\n  'button:not([disabled]):not([aria-hidden])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n]\n"],"names":["FOCUSABLE_ELEMENTS"],"mappings":";;;;AAAO,MAAMA,kBAAkB,GAAG,CAChC,SAAS,EACT,2CAA2C,EAC3C,iCAAiC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/popup-menu/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport { PopoverProps } from '../popover/index.js'\nexport type { Theme } from '../theme/index.js'\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"],"mappings":";;;;AAKYA,IAAAA,gBAAZ,0BAAYA,gBAAZ,EAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,gBAAZ,CAAYA,gBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,gBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/popup-menu/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport { PopoverProps } from '../popover/index.js'\nexport type { Theme } from '../theme/index.js'\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"],"mappings":";;;;AAKYA,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePopupFocus.js","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 '../hooks/index.js'\nimport { FOCUSABLE_ELEMENTS } from './constants.js'\nimport { PopupMenuProps } from './types.js'\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":["usePopupFocus","onMouseMove","onKeyDown","ref","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","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","useInterceptFocus","handleEnter","handleExit"],"mappings":";;;;;;;;;;;;;;;;;;;AAYO,MAAMA,aAAa,GAAG,IASxB,IAAA;EAAA,IATmD;IACtDC,WADsD;AAEtDC,IAAAA,SAAAA;GAOG,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,GAAG,GAAGC,YAAM,CAAI,IAAJ,CAAlB,CAAA;AAEA,EAAA,MAAMC,iBAAiB,GAAGC,iBAAW,CAAC,MAAM;AAC1C,IAAA,MAAMC,KAAK,GACTJ,GAAG,CAACK,OAAJ,EAAaC,gBAAb,CAA8BC,4BAAkB,CAACC,IAAnB,CAAwB,GAAxB,CAA9B,KAA+D,EADjE,CAAA;IAGA,OAAOC,KAAK,CAACC,IAAN,CAAWN,KAAX,CAAkBO,CAAAA,MAAlB,CACJC,IAAD,IACEA,IAAI,IAAIA,IAAI,YAAYC,WAAxB,IAAuCD,IAAI,CAACE,YAAL,KAAsB,IAF1D,CAAP,CAAA;GAJmC,EAQlC,EARkC,CAArC,CAAA;AAUA,EAAA,MAAMC,aAAa,GAAGZ,iBAAW,CAC/B,UAACa,KAAD,EAAyC;IAAA,IAAfC,MAAe,uEAAN,CAAM,CAAA;IACvC,MAAMC,cAAc,GAAGhB,iBAAiB,EAAxC,CAAA;AAEA,IAAA,IAAIgB,cAAc,CAACC,MAAf,KAA0B,CAA9B,EAAiC,OAAA;AAEjC,IAAA,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAhC,CAAA;AACA,IAAA,MAAMC,gBAAgB,GACpBH,cAAc,YAAYP,WAA1B,GACIK,cAAc,CAACM,OAAf,CAAuBJ,cAAvB,CADJ,GAEI,CAAC,CAHP,CAAA;AAKA,IAAA,MAAMK,eAAe,GAAGP,cAAc,CAACQ,SAAf,CACrBd,IAAD,IAAUA,IAAI,CAACe,YAAL,CAAkB,eAAlB,CAAA,KAAuC,MAD3B,CAAxB,CAAA;IAIA,MAAMC,YAAY,GAChBL,gBAAgB,KAAK,CAAC,CAAtB,GAA0BE,eAA1B,GAA4CF,gBAD9C,CAAA;AAGA,IAAA,IAAIM,SAAS,GAAGD,YAAY,GAAGX,MAA/B,CAAA;IACA,IAAIY,SAAS,GAAG,CAAhB,EAAmBA,SAAS,GAAGX,cAAc,CAACC,MAAf,GAAwB,CAApC,CAAA;IACnB,IAAIU,SAAS,IAAIX,cAAc,CAACC,MAAhC,EAAwCU,SAAS,GAAG,CAAZ,CAAA;AAExCX,IAAAA,cAAc,CAACW,SAAD,CAAd,CAA0BC,KAA1B,EAAA,CAAA;AACAd,IAAAA,KAAK,CAACe,cAAN,EAAA,CAAA;AACD,GAzB8B,EA0B/B,CAAC7B,iBAAD,CA1B+B,CAAjC,CAAA;AA6BA,EAAA,MAAM8B,eAAqC,GAAG7B,iBAAW,CACtDa,KAAD,IAAW;IACTlB,WAAW,GAAGkB,KAAH,CAAX,CAAA;IAEA,MAAM;AAAEiB,MAAAA,MAAAA;AAAF,KAAA,GAAajB,KAAnB,CAAA;AACA,IAAA,IAAI,EAAEiB,MAAM,YAAYpB,WAApB,CAAJ,EAAsC,OAAA;IAEtC,MAAMK,cAAc,GAAGhB,iBAAiB,EAAxC,CAAA;AACA,IAAA,MAAMgC,MAAM,GAAGD,MAAM,CAACE,OAAP,CAAe5B,4BAAkB,CAACC,IAAnB,CAAwB,GAAxB,CAAf,CAAf,CAAA;AAEA,IAAA,IAAI,EAAE0B,MAAM,YAAYrB,WAApB,CAAJ,EAAsC,OAAA;IAEtC,MAAMuB,cAAc,GAAG,CAAClB,cAAc,CAACmB,QAAf,CAAwBH,MAAxB,CAAxB,CAAA;AACA,IAAA,MAAMI,QAAQ,GAAGJ,MAAM,KAAKb,QAAQ,CAACC,aAArC,CAAA;IAEA,IAAIgB,QAAQ,IAAIF,cAAhB,EAAgC,OAAA;AAEhCF,IAAAA,MAAM,CAACJ,KAAP,EAAA,CAAA;AACD,GAlBsD,EAmBvD,CAAC5B,iBAAD,EAAoBJ,WAApB,CAnBuD,CAAzD,CAAA;AAsBA,EAAA,MAAMyC,aAAsC,GAAGpC,iBAAW,CACvDa,KAAD,IAAW;IACTjB,SAAS,GAAGiB,KAAH,CAAT,CAAA;IACA,MAAMwB,IAAI,GAAGxB,KAAK,CAACwB,IAAN,IAAcxB,KAAK,CAACyB,GAAjC,CAAA;AAEA,IAAA,IAAID,IAAI,KAAK,KAAb,EAAoBxB,KAAK,CAACe,cAAN,EAAA,CAAA;IACpB,IAAIS,IAAI,KAAK,WAAb,EAA0BzB,aAAa,CAACC,KAAD,EAAQ,CAAC,CAAT,CAAb,CAAA;IAC1B,IAAIwB,IAAI,KAAK,SAAb,EAAwBzB,aAAa,CAACC,KAAD,EAAQ,CAAC,CAAT,CAAb,CAAA;AACzB,GARuD,EASxD,CAACD,aAAD,EAAgBhB,SAAhB,CATwD,CAA1D,CAAA;AAYA,EAAA,MAAM,CAAC2C,cAAD,EAAiBC,YAAjB,CAAA,GAAiCC,mCAAiB,EAAxD,CAAA;AAEA,EAAA,MAAMC,WAAW,GAAG1C,iBAAW,CAAC,MAAM;IACpC,IAAIH,GAAG,CAACK,OAAR,EAAiBqC,cAAc,CAAC1C,GAAG,CAACK,OAAL,CAAd,CAAA;AAClB,GAF8B,EAE5B,CAACqC,cAAD,CAF4B,CAA/B,CAAA;AAIA,EAAA,MAAMI,UAAU,GAAG3C,iBAAW,CAAC,MAAM;IACnCwC,YAAY,EAAA,CAAA;AACb,GAF6B,EAE3B,CAACA,YAAD,CAF2B,CAA9B,CAAA;EAIA,OAAO;IACL3C,GADK;IAELgC,eAFK;IAGLO,aAHK;IAILM,WAJK;AAKLC,IAAAA,UAAAA;GALF,CAAA;AAOD;;;;"}
+{"version":3,"file":"usePopupFocus.js","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 '../hooks/index.js'\nimport { FOCUSABLE_ELEMENTS } from './constants.js'\nimport { PopupMenuProps } from './types.js'\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":["usePopupFocus","_ref","onMouseMove","onKeyDown","ref","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","arguments","length","undefined","focusableNodes","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","useInterceptFocus","handleEnter","handleExit"],"mappings":"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"}

package/dist/cjs/section/Section.js

@@ -13,7 +13,8 @@ const Section = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs(SectionStyles.SectionStyle, { ...rest,
+  return /*#__PURE__*/jsxRuntime.jsxs(SectionStyles.SectionStyle, {
+    ...rest,
     ref: ref,
     children: [title && /*#__PURE__*/jsxRuntime.jsxs(SectionStyles.SectionHeaderStyle, {
       children: [/*#__PURE__*/jsxRuntime.jsx(SectionStyles.SectionTitleStyle, {

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

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types.js'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles.js'\n\nexport const Section = forwardRef(\n  (\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)\nSection.displayName = 'Section'\n"],"names":["Section","forwardRef","ref","title","headerDecorator","children","rest","_jsxs","SectionStyle","SectionHeaderStyle","_jsx","SectionTitleStyle","SectionHeaderDecoratorStyle","displayName"],"mappings":";;;;;;;;MASaA,OAAO,gBAAGC,gBAAU,CAC/B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,KAAF;IAASC,eAAT;IAA0BC,QAA1B;IAAoC,GAAGC,IAAAA;GAEpC,GAAA,IAAA,CAAA;EACH,oBACEC,eAAA,CAACC,0BAAD,EAAA,EAAA,GAAkBF,IAAlB;AAAwB,IAAA,GAAG,EAAEJ,GAA7B;IAAA,QACGC,EAAAA,CAAAA,KAAK,iBACJI,eAAA,CAACE,gCAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEC,eAACC,+BAAD,EAAA;QAAA,QAAoBR,EAAAA,KAAAA;AAApB,OAAA,CADF,EAEGC,eAAe,iBACdM,cAAA,CAACE,yCAAD,EAAA;QAAA,QACGR,EAAAA,eAAAA;OAJP,CAAA,CAAA;AAAA,KAAA,CAFJ,EAWGC,QAXH,CAAA;GADF,CAAA,CAAA;AAeD,CApB8B,EAA1B;AAsBPL,OAAO,CAACa,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"file":"Section.js","sources":["../../../packages/section/Section.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types.js'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles.js'\n\nexport const Section = forwardRef(\n  (\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)\nSection.displayName = 'Section'\n"],"names":["Section","forwardRef","_ref","ref","title","headerDecorator","children","rest","_jsxs","SectionStyle","SectionHeaderStyle","_jsx","SectionTitleStyle","SectionHeaderDecoratorStyle","displayName"],"mappings":";;;;;;;;AASO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAEC,eAAe;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAL,IAAA,CAAA;EAG3D,oBACEM,eAAA,CAACC,0BAAY,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEJ,IAAAA,GAAG,EAAEA,GAAI;AAAAG,IAAAA,QAAA,EAC9BF,CAAAA,KAAK,iBACJI,eAAA,CAACE,gCAAkB,EAAA;MAAAJ,QAAA,EAAA,cACjBK,cAAA,CAACC,+BAAiB,EAAA;AAAAN,QAAAA,QAAA,EAAEF,KAAAA;AAAK,OAAoB,CAAC,EAC7CC,eAAe,iBACdM,cAAA,CAACE,yCAA2B,EAAA;AAAAP,QAAAA,QAAA,EACzBD,eAAAA;AAAe,OACW,CAC9B,CAAA;KACiB,CACrB,EACAC,QAAQ,CAAA;AAAA,GACG,CAAC,CAAA;AAEnB,CACF,EAAC;AACDN,OAAO,CAACc,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/section/SectionStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionStyles.js","sources":["../../../packages/section/SectionStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const SectionStyle = styled.section`\n  margin: ${({ theme }) => theme.spaceMap.xxl}px 0;\n`\n\nexport const SectionHeaderStyle = styled.div`\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: ${({ theme }) => theme.fontSizesMap.xxs}px;\n`\n\nexport const SectionTitleStyle = styled.h2`\n  margin-right: auto;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n  line-height: 1.3em;\n`\n\nexport const SectionHeaderDecoratorStyle = styled.div`\n  margin-left: ${({ theme }) => theme.spaceMap.lg}px;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.5em;\n`\n"],"names":["SectionStyle","styled","section","theme","spaceMap","xxl","SectionHeaderStyle","div","fontSizesMap","xxs","SectionTitleStyle","h2","md","SectionHeaderDecoratorStyle","lg"],"mappings":";;;;;;AAEaA,MAAAA,YAAY,GAAGC,+BAAM,CAACC,OAAQ,CAAA;AAC3C,UAAY,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,GAA9B,CAAA;AAAA,CAAkC,CAAA;AAC9C,EAFO;AAIMC,MAAAA,kBAAkB,GAAGL,+BAAM,CAACM,GAAI,CAAA;AAC7C;AACA;AACA,iBAAmB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACK,YAAN,CAAmBC,GAAlC,CAAA;AAAA,CAAsC,CAAA;AACzD,EAJO;AAMMC,MAAAA,iBAAiB,GAAGT,+BAAM,CAACU,EAAG,CAAA;AAC3C;AACA;AACA,aAAe,EAAA,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACK,YAAN,CAAmBI,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACpD;AACA,EALO;AAOMC,MAAAA,2BAA2B,GAAGZ,+BAAM,CAACM,GAAI,CAAA;AACtD,eAAiB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeU,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAClD,aAAe,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEX,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACK,YAAN,CAAmBC,GAAlC,CAAA;AAAA,CAAsC,CAAA;AACrD;AACA;;;;;;;"}
+{"version":3,"file":"SectionStyles.js","sources":["../../../packages/section/SectionStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const SectionStyle = styled.section`\n  margin: ${({ theme }) => theme.spaceMap.xxl}px 0;\n`\n\nexport const SectionHeaderStyle = styled.div`\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: ${({ theme }) => theme.fontSizesMap.xxs}px;\n`\n\nexport const SectionTitleStyle = styled.h2`\n  margin-right: auto;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n  line-height: 1.3em;\n`\n\nexport const SectionHeaderDecoratorStyle = styled.div`\n  margin-left: ${({ theme }) => theme.spaceMap.lg}px;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.5em;\n`\n"],"names":["SectionStyle","styled","section","_ref","theme","spaceMap","xxl","SectionHeaderStyle","div","_ref2","fontSizesMap","xxs","SectionTitleStyle","h2","_ref3","md","SectionHeaderDecoratorStyle","_ref4","lg","_ref5"],"mappings":";;;;;;AAEaA,MAAAA,YAAY,GAAGC,+BAAM,CAACC,OAAO,CAAA;AAC1C,UAAA,EAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAC7C,EAAC;AAEYC,MAAAA,kBAAkB,GAAGN,+BAAM,CAACO,GAAG,CAAA;AAC5C;AACA;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;AAAM,GAAC,GAAAK,KAAA,CAAA;AAAA,EAAA,OAAKL,KAAK,CAACM,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACxD,EAAC;AAEYC,MAAAA,iBAAiB,GAAGX,+BAAM,CAACY,EAAE,CAAA;AAC1C;AACA;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACM,YAAY,CAACK,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAC;AAEYC,MAAAA,2BAA2B,GAAGf,+BAAM,CAACO,GAAG,CAAA;AACrD,eAAA,EAAiBS,KAAA,IAAA;EAAA,IAAC;AAAEb,IAAAA,KAAAA;AAAM,GAAC,GAAAa,KAAA,CAAA;AAAA,EAAA,OAAKb,KAAK,CAACC,QAAQ,CAACa,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEf,IAAAA,KAAAA;AAAM,GAAC,GAAAe,KAAA,CAAA;AAAA,EAAA,OAAKf,KAAK,CAACM,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, MouseEvent, useCallback } from 'react'\nimport { PopupMenuItem } from '../popup-menu/index.js'\nimport { OptionProps } from './types.js'\n\nexport const Option = forwardRef(\n  (\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)\nOption.displayName = 'Option'\n"],"names":["Option","forwardRef","ref","value","onClick","onChange","rest","handleClick","useCallback","event","_jsx","PopupMenuItem","displayName"],"mappings":";;;;;;;;;MAIaA,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,KAAF;IAASC,OAAT;IAAkBC,QAAlB;IAA4B,GAAGC,IAAAA;GAE5B,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAC5BC,KAAD,IAA0C;IACxCJ,QAAQ,GAAGF,KAAH,CAAR,CAAA;IACAC,OAAO,GAAGK,KAAH,CAAP,CAAA;GAH2B,EAK7B,CAACN,KAAD,EAAQE,QAAR,EAAkBD,OAAlB,CAL6B,CAA/B,CAAA;AAQA,EAAA,oBAAOM,eAACC,2BAAD,EAAA;AAAe,IAAA,OAAO,EAAEJ,WAAxB;AAAqC,IAAA,GAAG,EAAEL,GAA1C;IAAA,GAAmDI,IAAAA;GAA1D,CAAA,CAAA;AACD,CAd6B,EAAzB;AAgBPN,MAAM,CAACY,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Option.js","sources":["../../../packages/select/Option.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, MouseEvent, useCallback } from 'react'\nimport { PopupMenuItem } from '../popup-menu/index.js'\nimport { OptionProps } from './types.js'\n\nexport const Option = forwardRef(\n  (\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)\nOption.displayName = 'Option'\n"],"names":["Option","forwardRef","_ref","ref","value","onClick","onChange","rest","handleClick","useCallback","event","_jsx","PopupMenuItem","displayName"],"mappings":";;;;;;;;;AAIO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAkB,GAAC,GAAAL,IAAA,CAAA;AAGlD,EAAA,MAAMM,WAAW,GAAGC,iBAAW,CAC5BC,KAAoC,IAAK;IACxCJ,QAAQ,GAAGF,KAAK,CAAC,CAAA;IACjBC,OAAO,GAAGK,KAAK,CAAC,CAAA;GACjB,EACD,CAACN,KAAK,EAAEE,QAAQ,EAAED,OAAO,CAC3B,CAAC,CAAA;EAED,oBAAOM,cAAA,CAACC,2BAAa,EAAA;AAACP,IAAAA,OAAO,EAAEG,WAAY;AAACL,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKI,IAAAA;AAAI,GAAG,CAAC,CAAA;AACpE,CACF,EAAC;AACDP,MAAM,CAACa,WAAW,GAAG,QAAQ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../packages/select/Select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles.js'\nimport { SelectArrow } from './SelectArrow.js'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { PopupMenu } from '../popup-menu/index.js'\nimport { SelectProps } from './types.js'\nimport { useSelect } from './useSelect.js'\nimport { useSelectWidth } from './useSelectWidth.js'\n\nexport const Select = forwardRef(\n  (\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)\nSelect.displayName = 'Select'\n"],"names":["Select","forwardRef","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","disabled","children","onClick","onKeyDown","onChange","rest","localAnchorRef","useRef","useMergeRefs","opened","options","title","handleClick","handleClose","handleKeyDown","useSelect","width","useSelectWidth","_jsxs","_Fragment","_jsx","SelectWrapperStyle","SelectArrow","PopupMenu","minWidth","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MASaA,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAeEC,GAfF,KAgBK;EAAA,IAfH;AACEC,IAAAA,UAAU,EAAEC,kBADd;AAEEC,IAAAA,SAAS,EAAEC,iBAFb;AAGEC,IAAAA,KAAK,GAAG,SAHV;IAIEC,OAJF;IAKEC,KALF;IAMEC,YANF;IAOEC,QAPF;IAQEC,QARF;IASEC,OATF;IAUEC,SAVF;IAWEC,QAXF;IAYE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,cAAc,GAAGC,YAAM,CAAmB,IAAnB,CAA7B,CAAA;EACA,MAAMf,UAAU,GAAGgB,yBAAY,CAAC,CAACF,cAAD,EAAiBb,kBAAjB,CAAD,CAA/B,CAAA;AACA,EAAA,MAAMC,SAAS,GAAGC,iBAAiB,IAAIW,cAAvC,CAAA;EAEA,MAAM;IAAEG,MAAF;IAAUC,OAAV;IAAmBC,KAAnB;IAA0BC,WAA1B;IAAuCC,WAAvC;AAAoDC,IAAAA,aAAAA;AAApD,GAAA,GACJC,mBAAS,CAAC;IACRjB,KADQ;IAERC,YAFQ;IAGRC,QAHQ;IAIRE,OAJQ;IAKRE,QALQ;IAMRD,SANQ;AAORF,IAAAA,QAAAA;AAPQ,GAAD,CADX,CAAA;AAUA,EAAA,MAAMe,KAAK,GAAGC,6BAAc,CAACR,MAAD,EAASf,SAAT,CAA5B,CAAA;EAEA,oBACEwB,eAAA,CAAAC,mBAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACEC,eAACC,+BAAD,EAAA;AACE,MAAA,OAAO,EAAET,WADX;AAEE,MAAA,SAAS,EAAEE,aAFb;AAGE,MAAA,MAAM,EAAEL,MAHV;AAIE,MAAA,KAAK,EAAEE,KAJT;MAKE,cAAc,eACZS,eAACE,uBAAD,EAAA;AAAa,QAAA,KAAK,EAAE1B,KAApB;AAA2B,QAAA,QAAQ,EAAEI,QAArC;AAA+C,QAAA,MAAM,EAAES,MAAAA;OAN3D,CAAA;AAQE,MAAA,UAAU,EAAEjB,UARd;AASE,MAAA,OAAO,EAAEK,OATX;AAAA,MAAA,GAUMQ,IAVN;AAWE,MAAA,GAAG,EAAEd,GAXP;MAYE,QAAQ,EAAA,IAAA;KAbZ,CAAA,eAeE6B,eAACG,mBAAD,EAAA;AACE,MAAA,IAAI,EAAEd,MADR;AAEE,MAAA,OAAO,EAAEZ,OAFX;AAGE,MAAA,SAAS,EAAEH,SAHb;AAIE,MAAA,KAAK,EAAE;AAAE8B,QAAAA,QAAQ,EAAER,KAAAA;OAJrB;AAKE,MAAA,OAAO,EAAEH,WALX;MAAA,QAOGH,EAAAA,OAAAA;KAtBL,CAAA,CAAA;GADF,CAAA,CAAA;AA2BD,CA7D6B,EAAzB;AA+DPrB,MAAM,CAACoC,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../packages/select/Select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles.js'\nimport { SelectArrow } from './SelectArrow.js'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { PopupMenu } from '../popup-menu/index.js'\nimport { SelectProps } from './types.js'\nimport { useSelect } from './useSelect.js'\nimport { useSelectWidth } from './useSelectWidth.js'\n\nexport const Select = forwardRef(\n  (\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)\nSelect.displayName = 'Select'\n"],"names":["Select","forwardRef","_ref","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","disabled","children","onClick","onKeyDown","onChange","rest","localAnchorRef","useRef","useMergeRefs","opened","options","title","handleClick","handleClose","handleKeyDown","useSelect","width","useSelectWidth","_jsxs","_Fragment","_jsx","SelectWrapperStyle","active","rightDecorator","SelectArrow","readOnly","PopupMenu","open","style","minWidth","onClose","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAeEC,GAAoC,KACjC;EAAA,IAfH;AACEC,IAAAA,UAAU,EAAEC,kBAAkB;AAC9BC,IAAAA,SAAS,EAAEC,iBAAiB;AAC5BC,IAAAA,KAAK,GAAG,SAAS;IACjBC,OAAO;IACPC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACQ,GAAC,GAAAf,IAAA,CAAA;AAGd,EAAA,MAAMgB,cAAc,GAAGC,YAAM,CAAmB,IAAI,CAAC,CAAA;EACrD,MAAMf,UAAU,GAAGgB,yBAAY,CAAC,CAACF,cAAc,EAAEb,kBAAkB,CAAC,CAAC,CAAA;AACrE,EAAA,MAAMC,SAAS,GAAGC,iBAAiB,IAAIW,cAAc,CAAA;EAErD,MAAM;IAAEG,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,WAAW;IAAEC,WAAW;AAAEC,IAAAA,aAAAA;GAAe,GACvEC,mBAAS,CAAC;IACRjB,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRE,OAAO;IACPE,QAAQ;IACRD,SAAS;AACTF,IAAAA,QAAAA;AACF,GAAC,CAAC,CAAA;AACJ,EAAA,MAAMe,KAAK,GAAGC,6BAAc,CAACR,MAAM,EAAEf,SAAS,CAAC,CAAA;EAE/C,oBACEwB,eAAA,CAAAC,mBAAA,EAAA;IAAAlB,QAAA,EAAA,cACEmB,cAAA,CAACC,+BAAkB,EAAA;AACjBnB,MAAAA,OAAO,EAAEU,WAAY;AACrBT,MAAAA,SAAS,EAAEW,aAAc;AACzBQ,MAAAA,MAAM,EAAEb,MAAO;AACfX,MAAAA,KAAK,EAAEa,KAAM;MACbY,cAAc,eACZH,cAAA,CAACI,uBAAW,EAAA;AAAC5B,QAAAA,KAAK,EAAEA,KAAM;AAACI,QAAAA,QAAQ,EAAEA,QAAS;AAACS,QAAAA,MAAM,EAAEA,MAAAA;AAAO,OAAE,CACjE;AACDjB,MAAAA,UAAU,EAAEA,UAAW;AACvBK,MAAAA,OAAO,EAAEA,OAAQ;AAAA,MAAA,GACbQ,IAAI;AACRd,MAAAA,GAAG,EAAEA,GAAI;MACTkC,QAAQ,EAAA,IAAA;AAAA,KACT,CAAC,eACFL,cAAA,CAACM,mBAAS,EAAA;AACRC,MAAAA,IAAI,EAAElB,MAAO;AACbZ,MAAAA,OAAO,EAAEA,OAAQ;AACjBH,MAAAA,SAAS,EAAEA,SAAU;AACrBkC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAEb,KAAAA;OAAQ;AAC3Bc,MAAAA,OAAO,EAAEjB,WAAY;AAAAZ,MAAAA,QAAA,EAEpBS,OAAAA;AAAO,KACC,CAAC,CAAA;AAAA,GACZ,CAAC,CAAA;AAEP,CACF,EAAC;AACDtB,MAAM,CAAC2C,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/select/SelectArrow.js

@@ -15,9 +15,11 @@ const SelectArrow = _ref => {
     $opened: opened,
     $disabled: disabled
   };
-  if (arrow === 'default') return /*#__PURE__*/jsxRuntime.jsx(SelectArrowStyles.SelectArrowBigStyle, { ...commonProps
+  if (arrow === 'default') return /*#__PURE__*/jsxRuntime.jsx(SelectArrowStyles.SelectArrowBigStyle, {
+    ...commonProps
   });
-  if (arrow === 'small') return /*#__PURE__*/jsxRuntime.jsx(SelectArrowStyles.SelectArrowSmallStyle, { ...commonProps
+  if (arrow === 'small') return /*#__PURE__*/jsxRuntime.jsx(SelectArrowStyles.SelectArrowSmallStyle, {
+    ...commonProps
   });
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectArrow.js","sources":["../../../packages/select/SelectArrow.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n  SelectArrowBigStyle,\n  SelectArrowSmallStyle,\n} from './SelectArrowStyles.js'\nimport { SelectArrows } from './types.js'\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"],"names":["SelectArrow","arrow","disabled","opened","commonProps","$opened","$disabled","_jsx","SelectArrowBigStyle","SelectArrowSmallStyle"],"mappings":";;;;;;;AAcO,MAAMA,WAAiC,GAAG,IAI3C,IAAA;EAAA,IAJ4C;IAChDC,KADgD;AAEhDC,IAAAA,QAAQ,GAAG,KAFqC;AAGhDC,IAAAA,MAAAA;GACI,GAAA,IAAA,CAAA;AACJ,EAAA,MAAMC,WAAW,GAAG;AAClBC,IAAAA,OAAO,EAAEF,MADS;AAElBG,IAAAA,SAAS,EAAEJ,QAAAA;GAFb,CAAA;AAKA,EAAA,IAAID,KAAK,KAAK,SAAd,EAAyB,oBAAOM,cAAA,CAACC,qCAAD,EAAyBJ,EAAAA,GAAAA,WAAAA;GAAhC,CAAA,CAAA;AACzB,EAAA,IAAIH,KAAK,KAAK,OAAd,EAAuB,oBAAOM,cAAA,CAACE,uCAAD,EAA2BL,EAAAA,GAAAA,WAAAA;GAAlC,CAAA,CAAA;AAEvB,EAAA,OAAO,IAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"SelectArrow.js","sources":["../../../packages/select/SelectArrow.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n  SelectArrowBigStyle,\n  SelectArrowSmallStyle,\n} from './SelectArrowStyles.js'\nimport { SelectArrows } from './types.js'\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"],"names":["SelectArrow","_ref","arrow","disabled","opened","commonProps","$opened","$disabled","_jsx","SelectArrowBigStyle","SelectArrowSmallStyle"],"mappings":";;;;;;;AAcaA,MAAAA,WAAiC,GAAGC,IAAA,IAI3C;EAAA,IAJ4C;IAChDC,KAAK;AACLC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,MAAAA;AACF,GAAC,GAAAH,IAAA,CAAA;AACC,EAAA,MAAMI,WAAW,GAAG;AAClBC,IAAAA,OAAO,EAAEF,MAAM;AACfG,IAAAA,SAAS,EAAEJ,QAAAA;GACZ,CAAA;AAED,EAAA,IAAID,KAAK,KAAK,SAAS,EAAE,oBAAOM,cAAA,CAACC,qCAAmB,EAAA;IAAA,GAAKJ,WAAAA;AAAW,GAAG,CAAC,CAAA;AACxE,EAAA,IAAIH,KAAK,KAAK,OAAO,EAAE,oBAAOM,cAAA,CAACE,uCAAqB,EAAA;IAAA,GAAKL,WAAAA;AAAW,GAAG,CAAC,CAAA;AAExE,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/dist/cjs/select/SelectArrowStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectArrowStyles.js","sources":["../../../packages/select/SelectArrowStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\n\ntype InjectedProps = {\n  $opened: boolean\n  $disabled: boolean\n}\n\nconst commonCSS = css<InjectedProps>`\n  transform: rotate(${({ $opened }) => ($opened ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n`\n\nexport const SelectArrowBigStyle = styled(ArrowBottom)<InjectedProps>`\n  ${commonCSS};\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const SelectArrowSmallStyle = styled.div<InjectedProps>`\n  ${commonCSS};\n  color: var(--lido-color-text);\n\n  border: 3px solid currentColor;\n  border-bottom-width: 0px;\n  border-left-color: transparent;\n  border-right-color: transparent;\n`\n"],"names":["commonCSS","css","$opened","theme","duration","norm","$disabled","SelectArrowBigStyle","styled","ArrowBottom","SelectArrowSmallStyle","div"],"mappings":";;;;;;;;AAQA,MAAMA,SAAS,GAAGC,WAAmB,CAAA;AACrC,oBAAsB,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAkBA,OAAO,GAAG,GAAH,GAAS,CAAlC,CAAA;AAAA,CAAqC,CAAA;AAC3D,wBAA0B,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,IAA9B,CAAA;AAAA,CAAmC,CAAA;AAC7D,WAAa,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAoBA,SAAS,GAAG,GAAH,GAAS,CAAtC,CAAA;AAAA,CAAyC,CAAA;AACtD,CAJA,CAAA;MAMaC,mBAAmB,GAAGC,+BAAM,CAACC,iBAAD,CAA6B,CAAA;AACtE,EAAA,EAAIT,SAAU,CAAA;AACd;AACA,EAHO;AAKMU,MAAAA,qBAAqB,GAAGF,+BAAM,CAACG,GAAmB,CAAA;AAC/D,EAAA,EAAIX,SAAU,CAAA;AACd;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}
+{"version":3,"file":"SelectArrowStyles.js","sources":["../../../packages/select/SelectArrowStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\n\ntype InjectedProps = {\n  $opened: boolean\n  $disabled: boolean\n}\n\nconst commonCSS = css<InjectedProps>`\n  transform: rotate(${({ $opened }) => ($opened ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n`\n\nexport const SelectArrowBigStyle = styled(ArrowBottom)<InjectedProps>`\n  ${commonCSS};\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const SelectArrowSmallStyle = styled.div<InjectedProps>`\n  ${commonCSS};\n  color: var(--lido-color-text);\n\n  border: 3px solid currentColor;\n  border-bottom-width: 0px;\n  border-left-color: transparent;\n  border-right-color: transparent;\n`\n"],"names":["commonCSS","css","_ref","$opened","_ref2","theme","duration","norm","_ref3","$disabled","SelectArrowBigStyle","styled","ArrowBottom","SelectArrowSmallStyle","div"],"mappings":";;;;;;;;AAQA,MAAMA,SAAS,GAAGC,WAAkB,CAAA;AACpC,oBAAA,EAAsBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,GAAG,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AAC1D,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AACrD,CAAC,CAAA;MAEYC,mBAAmB,GAAGC,+BAAM,CAACC,iBAAW,CAAgB,CAAA;AACrE,EAAA,EAAIZ,SAAS,CAAA;AACb;AACA,EAAC;AAEYa,MAAAA,qBAAqB,GAAGF,+BAAM,CAACG,GAAkB,CAAA;AAC9D,EAAA,EAAId,SAAS,CAAA;AACb;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}

package/dist/cjs/select/SelectIcon.js

@@ -11,7 +11,8 @@ const SelectIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     icon,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(SelectIconStyles.SelectIconStyle, { ...rest,
+  return /*#__PURE__*/jsxRuntime.jsx(SelectIconStyles.SelectIconStyle, {
+    ...rest,
     fullwidth: false,
     arrow: "small",
     leftDecorator: /*#__PURE__*/jsxRuntime.jsx(SelectIconStyles.SelectIconDecoratorStyle, {

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

@@ -1 +1 @@
-{"version":3,"file":"SelectIcon.js","sources":["../../../packages/select/SelectIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types.js'\nimport {\n  SelectIconDecoratorStyle,\n  SelectIconStyle,\n} from './SelectIconStyles.js'\n\nexport const SelectIcon = forwardRef(\n  (\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)\nSelectIcon.displayName = 'SelectIcon'\n"],"names":["SelectIcon","forwardRef","ref","icon","rest","_jsx","SelectIconStyle","SelectIconDecoratorStyle","displayName"],"mappings":";;;;;;;;MAOaA,UAAU,gBAAGC,gBAAU,CAClC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,IAAF;IAAQ,GAAGC,IAAAA;GAER,GAAA,IAAA,CAAA;EACH,oBACEC,cAAA,CAACC,gCAAD,EAAA,EAAA,GACMF,IADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,KAAK,EAAC,OAHR;IAIE,aAAa,eACXC,eAACE,yCAAD,EAAA;MAAA,QAA2BJ,EAAAA,IAAAA;KAL/B,CAAA;AAOE,IAAA,GAAG,EAAED,GAAAA;GART,CAAA,CAAA;AAWD,CAhBiC,EAA7B;AAkBPF,UAAU,CAACQ,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"file":"SelectIcon.js","sources":["../../../packages/select/SelectIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types.js'\nimport {\n  SelectIconDecoratorStyle,\n  SelectIconStyle,\n} from './SelectIconStyles.js'\n\nexport const SelectIcon = forwardRef(\n  (\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)\nSelectIcon.displayName = 'SelectIcon'\n"],"names":["SelectIcon","forwardRef","_ref","ref","icon","rest","_jsx","SelectIconStyle","fullwidth","arrow","leftDecorator","SelectIconDecoratorStyle","children","displayName"],"mappings":";;;;;;;;AAOO,MAAMA,UAAU,gBAAGC,gBAAU,CAClC,CAAAC,IAAA,EAEEC,GAAoC,KACjC;EAAA,IAFH;IAAEC,IAAI;IAAE,GAAGC,IAAAA;AAAsB,GAAC,GAAAH,IAAA,CAAA;EAGlC,oBACEI,cAAA,CAACC,gCAAe,EAAA;AAAA,IAAA,GACVF,IAAI;AACRG,IAAAA,SAAS,EAAE,KAAM;AACjBC,IAAAA,KAAK,EAAC,OAAO;IACbC,aAAa,eACXJ,cAAA,CAACK,yCAAwB,EAAA;AAAAC,MAAAA,QAAA,EAAER,IAAAA;AAAI,KAA2B,CAC3D;AACDD,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACV,CAAC,CAAA;AAEN,CACF,EAAC;AACDH,UAAU,CAACa,WAAW,GAAG,YAAY;;;;"}

package/dist/cjs/select/SelectIconStyles.js

@@ -15,8 +15,7 @@ const SelectIconDecoratorStyle = styledComponentsWrapper.default.span`
   display: flex;
   align-items: center;
   justify-content: center;
-  align-self: stretch;
-  justify-self: stretch;
+  place-self: center;
 `;
 
 exports.SelectIconDecoratorStyle = SelectIconDecoratorStyle;

package/dist/cjs/select/SelectIconStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectIconStyles.js","sources":["../../../packages/select/SelectIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Select } from './Select.js'\n\nexport const SelectIconStyle = styled(Select)`\n  input {\n    width: 0;\n  }\n`\n\nexport const SelectIconDecoratorStyle = styled.span`\n  margin-right: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: stretch;\n  justify-self: stretch;\n`\n"],"names":["SelectIconStyle","styled","Select","SelectIconDecoratorStyle","span"],"mappings":";;;;;;;MAGaA,eAAe,GAAGC,+BAAM,CAACC,aAAD,CAAS,CAAA;AAC9C;AACA;AACA;AACA,EAJO;AAMMC,MAAAA,wBAAwB,GAAGF,+BAAM,CAACG,IAAK,CAAA;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}
+{"version":3,"file":"SelectIconStyles.js","sources":["../../../packages/select/SelectIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Select } from './Select.js'\n\nexport const SelectIconStyle = styled(Select)`\n  input {\n    width: 0;\n  }\n`\n\nexport const SelectIconDecoratorStyle = styled.span`\n  margin-right: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  place-self: center;\n`\n"],"names":["SelectIconStyle","styled","Select","SelectIconDecoratorStyle","span"],"mappings":";;;;;;;MAGaA,eAAe,GAAGC,+BAAM,CAACC,aAAM,CAAC,CAAA;AAC7C;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,wBAAwB,GAAGF,+BAAM,CAACG,IAAI,CAAA;AACnD;AACA;AACA;AACA;AACA;AACA;;;;;"}

package/dist/cjs/select/SelectStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectStyles.js","sources":["../../../packages/select/SelectStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Input } from '../input/index.js'\nimport { SelectProps } from './types.js'\n\nconst smallCSS = css`\n  input {\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.7em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  }\n`\n\nexport const SelectWrapperStyle = styled(Input)<SelectProps>`\n  &,\n  input {\n    user-select: none;\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    &::selection {\n      background: transparent;\n    }\n  }\n\n  input {\n    appearance: none;\n    overflow: hidden;\n  }\n\n  ${({ variant }) => (variant === 'small' ? smallCSS : '')}\n`\n"],"names":["smallCSS","css","theme","fontSizesMap","xxs","SelectWrapperStyle","styled","Input","disabled","variant"],"mappings":";;;;;;;;;;;;AAIA,MAAMA,QAAQ,GAAGC,WAAI,CAAA;AACrB;AACA,eAAiB,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,GAAlC,CAAA;AAAA,CAAsC,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA,CARA,CAAA;MAUaC,kBAAkB,GAAGC,+BAAM,CAACC,WAAD,CAAqB,CAAA;AAC7D;AACA;AACA;AACA,YAAc,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAmBA,QAAQ,GAAG,SAAH,GAAe,SAA1C,CAAA;AAAA,CAAqD,CAAA;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAkBA,OAAO,KAAK,OAAZ,GAAsBT,QAAtB,GAAiC,EAAnD,CAAA;AAAA,CAAuD,CAAA;AAC3D;;;;"}
+{"version":3,"file":"SelectStyles.js","sources":["../../../packages/select/SelectStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Input } from '../input/index.js'\nimport { SelectProps } from './types.js'\n\nconst smallCSS = css`\n  input {\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.7em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  }\n`\n\nexport const SelectWrapperStyle = styled(Input)<SelectProps>`\n  &,\n  input {\n    user-select: none;\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    &::selection {\n      background: transparent;\n    }\n  }\n\n  input {\n    appearance: none;\n    overflow: hidden;\n  }\n\n  ${({ variant }) => (variant === 'small' ? smallCSS : '')}\n`\n"],"names":["smallCSS","css","_ref","theme","fontSizesMap","xxs","SelectWrapperStyle","styled","Input","_ref2","disabled","_ref3","variant"],"mappings":";;;;;;;;;;;;AAIA,MAAMA,QAAQ,GAAGC,WAAG,CAAA;AACpB;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACtD;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;MAEYC,kBAAkB,GAAGC,+BAAM,CAACC,WAAK,CAAc,CAAA;AAC5D;AACA;AACA;AACA,YAAA,EAAcC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAAA,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,KAAK,OAAO,GAAGZ,QAAQ,GAAG,EAAE,CAAA;AAAA,CAAC,CAAA;AAC1D;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/select/types.ts"],"sourcesContent":["import { ReactNode, RefObject } from 'react'\nimport { InputProps } from '../input/index.js'\nimport { PopupMenuItemProps } from '../popup-menu/index.js'\nexport type { Theme } from '../theme/index.js'\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  // can't be ReactNode, since it will be stringified later\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["SelectArrow"],"mappings":";;;;AAQYA,IAAAA,WAAZ,0BAAYA,WAAZ,EAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,WAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/select/types.ts"],"sourcesContent":["import { ReactNode, RefObject } from 'react'\nimport { InputProps } from '../input/index.js'\nimport { PopupMenuItemProps } from '../popup-menu/index.js'\nexport type { Theme } from '../theme/index.js'\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  // can't be ReactNode, since it will be stringified later\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["SelectArrow"],"mappings":";;;;AAQYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/select/useSelect.js

@@ -37,7 +37,6 @@ const useSelect = _ref => {
       event.preventDefault();
       handleOpen();
     }
-
     onKeyDown?.(event);
   }, [handleOpen, onKeyDown]);
   const outerValue = value ?? defaultValue ?? null;
@@ -54,11 +53,9 @@ const useSelect = _ref => {
       if (!reactIs.isElement(child)) return child;
       const value = child.props.value;
       const title = String(child.props.children);
-
       if (values.get(value) === undefined) {
         values.set(value, title);
       }
-
       return /*#__PURE__*/React.cloneElement(child, {
         active: value === localValue,
         onChange: handleChange

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

@@ -1 +1 @@
-{"version":3,"file":"useSelect.js","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.js'\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":["useSelect","value","defaultValue","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","useState","handleOpen","useCallback","handleClick","event","handleClose","handleChange","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","localValue","useEffect","values","options","useMemo","Map","Children","map","child","isElement","props","title","String","get","undefined","set","cloneElement","active","selectedTitle","defaultTitle"],"mappings":"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"}
+{"version":3,"file":"useSelect.js","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.js'\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":["useSelect","_ref","value","defaultValue","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","useState","handleOpen","useCallback","handleClick","event","handleClose","handleChange","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","localValue","useEffect","values","options","useMemo","Map","Children","map","child","isElement","props","title","String","get","undefined","set","cloneElement","active","selectedTitle","defaultTitle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectWidth.js","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":["useSelectWidth","opened","anchorRef","width","setWidth","useState","updateWidth","useCallback","current","rect","getBoundingClientRect","useEffect","observer","ResizeObserver","observe","disconnect"],"mappings":";;;;;;MAEaA,cAAc,GAAG,CAC5BC,MAD4B,EAE5BC,SAF4B,KAGL;AACvB,EAAA,MAAM,CAACC,KAAD,EAAQC,QAAR,CAAA,GAAoBC,cAAQ,EAAlC,CAAA;AAEA,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAAC,MAAM;AACpC,IAAA,IAAI,CAACL,SAAS,CAACM,OAAf,EAAwB,OAAA;AACxB,IAAA,MAAMC,IAAI,GAAGP,SAAS,CAACM,OAAV,CAAkBE,qBAAlB,EAAb,CAAA;AAEAN,IAAAA,QAAQ,CAACK,IAAI,CAACN,KAAN,CAAR,CAAA;AACD,GAL8B,EAK5B,CAACD,SAAD,CAL4B,CAA/B,CAAA;AAOAS,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACV,MAAD,IAAW,CAACC,SAAS,CAACM,OAA1B,EAAmC,OAAA;AAEnC,IAAA,MAAMI,QAAQ,GAAG,IAAIC,cAAJ,CAAmBP,WAAnB,CAAjB,CAAA;AACAM,IAAAA,QAAQ,CAACE,OAAT,CAAiBZ,SAAS,CAACM,OAA3B,CAAA,CAAA;AAEA,IAAA,OAAO,MAAYI,QAAQ,CAACG,UAAT,EAAnB,CAAA;GANO,EAON,CAACd,MAAD,EAASC,SAAT,EAAoBI,WAApB,CAPM,CAAT,CAAA;AASA,EAAA,OAAOH,KAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useSelectWidth.js","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":["useSelectWidth","opened","anchorRef","width","setWidth","useState","updateWidth","useCallback","current","rect","getBoundingClientRect","useEffect","observer","ResizeObserver","observe","disconnect"],"mappings":";;;;;;MAEaA,cAAc,GAAGA,CAC5BC,MAAe,EACfC,SAA8B,KACP;EACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,EAAU,CAAA;AAE5C,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAAC,MAAM;AACpC,IAAA,IAAI,CAACL,SAAS,CAACM,OAAO,EAAE,OAAA;IACxB,MAAMC,IAAI,GAAGP,SAAS,CAACM,OAAO,CAACE,qBAAqB,EAAE,CAAA;AAEtDN,IAAAA,QAAQ,CAACK,IAAI,CAACN,KAAK,CAAC,CAAA;AACtB,GAAC,EAAE,CAACD,SAAS,CAAC,CAAC,CAAA;AAEfS,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACV,MAAM,IAAI,CAACC,SAAS,CAACM,OAAO,EAAE,OAAA;AAEnC,IAAA,MAAMI,QAAQ,GAAG,IAAIC,cAAc,CAACP,WAAW,CAAC,CAAA;AAChDM,IAAAA,QAAQ,CAACE,OAAO,CAACZ,SAAS,CAACM,OAAO,CAAC,CAAA;AAEnC,IAAA,OAAO,MAAYI,QAAQ,CAACG,UAAU,EAAE,CAAA;GACzC,EAAE,CAACd,MAAM,EAAEC,SAAS,EAAEI,WAAW,CAAC,CAAC,CAAA;AAEpC,EAAA,OAAOH,KAAK,CAAA;AACd;;;;"}

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

@@ -14,7 +14,8 @@ const ServicePage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(ServicePageStyles.ServicePageStyle, { ...rest,
+  return /*#__PURE__*/jsxRuntime.jsx(ServicePageStyles.ServicePageStyle, {
+    ...rest,
     ref: ref,
     children: /*#__PURE__*/jsxRuntime.jsxs(ServicePageStyles.ServicePageInsideStyle, {
       children: [/*#__PURE__*/jsxRuntime.jsx(Heading.H1, {

package/dist/cjs/service-page/ServicePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServicePage.js","sources":["../../../packages/service-page/ServicePage.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ServicePageStyle,\n  ServicePageInsideStyle,\n} from './ServicePageStyles.js'\nimport { H1 } from '../heading/index.js'\nimport { Text } from '../text/index.js'\nimport { ServicePageProps } from './types.js'\n\nexport const ServicePage = forwardRef(\n  (\n    { title, children, ...rest }: ServicePageProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <ServicePageStyle {...rest} ref={ref}>\n        <ServicePageInsideStyle>\n          <H1>{title}</H1>\n          <Text color='secondary'>{children}</Text>\n        </ServicePageInsideStyle>\n      </ServicePageStyle>\n    )\n  },\n)\nServicePage.displayName = 'ServicePage'\n"],"names":["ServicePage","forwardRef","ref","title","children","rest","_jsx","ServicePageStyle","_jsxs","ServicePageInsideStyle","H1","Text","displayName"],"mappings":";;;;;;;;;;MASaA,WAAW,gBAAGC,gBAAU,CACnC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,KAAF;IAASC,QAAT;IAAmB,GAAGC,IAAAA;GAEnB,GAAA,IAAA,CAAA;EACH,oBACEC,cAAA,CAACC,kCAAD,EAAA,EAAA,GAAsBF,IAAtB;AAA4B,IAAA,GAAG,EAAEH,GAAjC;AAAA,IAAA,QAAA,eACEM,gBAACC,wCAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEH,eAACI,UAAD,EAAA;QAAA,QAAKP,EAAAA,KAAAA;OADP,CAAA,eAEEG,eAACK,SAAD,EAAA;AAAM,QAAA,KAAK,EAAC,WAAZ;QAAA,QAAyBP,EAAAA,QAAAA;OAF3B,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAQD,CAbkC,EAA9B;AAePJ,WAAW,CAACY,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"file":"ServicePage.js","sources":["../../../packages/service-page/ServicePage.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ServicePageStyle,\n  ServicePageInsideStyle,\n} from './ServicePageStyles.js'\nimport { H1 } from '../heading/index.js'\nimport { Text } from '../text/index.js'\nimport { ServicePageProps } from './types.js'\n\nexport const ServicePage = forwardRef(\n  (\n    { title, children, ...rest }: ServicePageProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <ServicePageStyle {...rest} ref={ref}>\n        <ServicePageInsideStyle>\n          <H1>{title}</H1>\n          <Text color='secondary'>{children}</Text>\n        </ServicePageInsideStyle>\n      </ServicePageStyle>\n    )\n  },\n)\nServicePage.displayName = 'ServicePage'\n"],"names":["ServicePage","forwardRef","_ref","ref","title","children","rest","_jsx","ServicePageStyle","_jsxs","ServicePageInsideStyle","H1","Text","color","displayName"],"mappings":";;;;;;;;;;AASO,MAAMA,WAAW,gBAAGC,gBAAU,CACnC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAuB,GAAC,GAAAJ,IAAA,CAAA;EAG9C,oBACEK,cAAA,CAACC,kCAAgB,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAE,QAAA,eACnCI,eAAA,CAACC,wCAAsB,EAAA;MAAAL,QAAA,EAAA,cACrBE,cAAA,CAACI,UAAE,EAAA;AAAAN,QAAAA,QAAA,EAAED,KAAAA;AAAK,OAAK,CAAC,eAChBG,cAAA,CAACK,SAAI,EAAA;AAACC,QAAAA,KAAK,EAAC,WAAW;AAAAR,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAO,CAAC,CAAA;KACnB,CAAA;AAAC,GACT,CAAC,CAAA;AAEvB,CACF,EAAC;AACDL,WAAW,CAACc,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/service-page/ServicePageStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServicePageStyles.js","sources":["../../../packages/service-page/ServicePageStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ServicePageStyle = styled.div`\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  text-align: center;\n`\n\nexport const ServicePageInsideStyle = styled.div`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 32px;\n  max-width: 560px;\n`\n"],"names":["ServicePageStyle","styled","div","ServicePageInsideStyle"],"mappings":";;;;;;AAEaA,MAAAA,gBAAgB,GAAGC,+BAAM,CAACC,GAAI,CAAA;AAC3C;AACA;AACA;AACA;AACA,EALO;AAOMC,MAAAA,sBAAsB,GAAGF,+BAAM,CAACC,GAAI,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}
+{"version":3,"file":"ServicePageStyles.js","sources":["../../../packages/service-page/ServicePageStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ServicePageStyle = styled.div`\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  text-align: center;\n`\n\nexport const ServicePageInsideStyle = styled.div`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 32px;\n  max-width: 560px;\n`\n"],"names":["ServicePageStyle","styled","div","ServicePageInsideStyle"],"mappings":";;;;;;AAEaA,MAAAA,gBAAgB,GAAGC,+BAAM,CAACC,GAAG,CAAA;AAC1C;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,sBAAsB,GAAGF,+BAAM,CAACC,GAAG,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}

package/dist/cjs/stack/HStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"HStack.js","sources":["../../../packages/stack/HStack.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HStackProps } from './types.js'\nimport { Stack } from './Stack.js'\n\nexport const HStack = forwardRef(\n  (\n    { reverse = false, ...rest }: HStackProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const direction = reverse ? 'row-reverse' : 'row'\n\n    return <Stack direction={direction} ref={ref} {...rest} />\n  },\n)\nHStack.displayName = 'HStack'\n"],"names":["HStack","forwardRef","ref","reverse","rest","direction","_jsx","Stack","displayName"],"mappings":";;;;;;;;MAIaA,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,OAAO,GAAG,KAAZ;IAAmB,GAAGC,IAAAA;GAEnB,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,SAAS,GAAGF,OAAO,GAAG,aAAH,GAAmB,KAA5C,CAAA;AAEA,EAAA,oBAAOG,eAACC,WAAD,EAAA;AAAO,IAAA,SAAS,EAAEF,SAAlB;AAA6B,IAAA,GAAG,EAAEH,GAAlC;IAAA,GAA2CE,IAAAA;GAAlD,CAAA,CAAA;AACD,CAR6B,EAAzB;AAUPJ,MAAM,CAACQ,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"HStack.js","sources":["../../../packages/stack/HStack.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HStackProps } from './types.js'\nimport { Stack } from './Stack.js'\n\nexport const HStack = forwardRef(\n  (\n    { reverse = false, ...rest }: HStackProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const direction = reverse ? 'row-reverse' : 'row'\n\n    return <Stack direction={direction} ref={ref} {...rest} />\n  },\n)\nHStack.displayName = 'HStack'\n"],"names":["HStack","forwardRef","_ref","ref","reverse","rest","direction","_jsx","Stack","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,OAAO,GAAG,KAAK;IAAE,GAAGC,IAAAA;AAAkB,GAAC,GAAAH,IAAA,CAAA;AAGzC,EAAA,MAAMI,SAAS,GAAGF,OAAO,GAAG,aAAa,GAAG,KAAK,CAAA;EAEjD,oBAAOG,cAAA,CAACC,WAAK,EAAA;AAACF,IAAAA,SAAS,EAAEA,SAAU;AAACH,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKE,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC5D,CACF,EAAC;AACDL,MAAM,CAACS,WAAW,GAAG,QAAQ;;;;"}